@devix-tecnologia/timeline-vue 3.1.0 → 3.2.1

package/dist/timeline-vue.es.js

@@ -1,5 +1,6 @@
-import { defineComponent as f, reactive as T, computed as A, openBlock as r, createElementBlock as c, createElementVNode as u, normalizeClass as P, normalizeStyle as H, toDisplayString as m, resolveComponent as p, createVNode as v, createBlock as b, createCommentVNode as S, ref as M, Fragment as J, renderList as Y, pushScopeId as V, popScopeId as j, renderSlot as z, createTextVNode as L, withCtx as y, Transition as q, withDirectives as te, vModelText as oe, toRef as B } from "vue";
-const ne = f({
+import { defineComponent as f, reactive as T, computed as A, createElementBlock as l, openBlock as r, createElementVNode as u, normalizeStyle as R, normalizeClass as P, toDisplayString as m, resolveComponent as p, createVNode as v, createBlock as b, createCommentVNode as S, ref as M, Fragment as F, renderList as J, renderSlot as I, createTextVNode as H, withCtx as y, Transition as q, withDirectives as x, vModelText as ee, toRef as B } from "vue";
+import "material-symbols/outlined.css";
+const ae = f({
   name: "Icone Categoria",
   props: {
     iconeCategoria: {
@@ -41,19 +42,19 @@ const ne = f({
   for (const [n, t] of a)
     o[n] = t;
   return o;
-}, ie = { class: "areaCategoria" }, re = ["alt"], se = { class: "material-symbols-outlined" };
-function le(e, a, o, n, t, s) {
-  return r(), c("div", ie, [
+}, te = { class: "areaCategoria" }, oe = ["alt"], ne = { class: "material-symbols-outlined" };
+function ie(e, a, o, n, t, s) {
+  return r(), l("div", te, [
     u("div", {
       class: P(["iconeCategoria", e.classes]),
-      style: H(e.style),
+      style: R(e.style),
       alt: e.categoria
     }, [
-      u("span", se, m(e.iconeCategoria), 1)
-    ], 14, re)
+      u("span", ne, m(e.iconeCategoria), 1)
+    ], 14, oe)
   ]);
 }
-const G = /* @__PURE__ */ _(ne, [["render", le], ["__scopeId", "data-v-f922d1fe"]]), ce = f({
+const U = /* @__PURE__ */ _(ae, [["render", ie], ["__scopeId", "data-v-07125aba"]]), re = f({
   name: "Icone Status",
   props: {
     status: {
@@ -69,12 +70,12 @@ const G = /* @__PURE__ */ _(ne, [["render", le], ["__scopeId", "data-v-f922d1fe"
     };
   }
 });
-function de(e, a, o, n, t, s) {
-  return r(), c("div", {
+function se(e, a, o, n, t, s) {
+  return r(), l("div", {
     class: P([e.classes, "iconeStatus"])
   }, null, 2);
 }
-const w = /* @__PURE__ */ _(ce, [["render", de], ["__scopeId", "data-v-efe84975"]]), ue = f({
+const N = /* @__PURE__ */ _(re, [["render", se], ["__scopeId", "data-v-52804d0e"]]), le = f({
   name: "Subtítulo Evento",
   props: {
     subtitulo: {
@@ -82,11 +83,11 @@ const w = /* @__PURE__ */ _(ce, [["render", de], ["__scopeId", "data-v-efe84975"
       type: String
     }
   }
-}), pe = { class: "subtitulo" };
-function ve(e, a, o, n, t, s) {
-  return r(), c("h4", pe, m(e.subtitulo), 1);
+}), ce = { class: "subtitulo" };
+function de(e, a, o, n, t, s) {
+  return r(), l("h4", ce, m(e.subtitulo), 1);
 }
-const me = /* @__PURE__ */ _(ue, [["render", ve], ["__scopeId", "data-v-5f7c5673"]]), fe = f({
+const ue = /* @__PURE__ */ _(le, [["render", de], ["__scopeId", "data-v-75ce2591"]]), pe = f({
   name: "Título Evento",
   props: {
     titulo: {
@@ -94,12 +95,13 @@ const me = /* @__PURE__ */ _(ue, [["render", ve], ["__scopeId", "data-v-5f7c5673
       type: String
     }
   }
-}), _e = { class: "titulo" };
-function $e(e, a, o, n, t, s) {
-  return r(), c("h3", _e, m(e.titulo), 1);
+}), ve = { class: "titulo" };
+function me(e, a, o, n, t, s) {
+  return r(), l("h3", ve, m(e.titulo), 1);
 }
-const he = /* @__PURE__ */ _(fe, [["render", $e], ["__scopeId", "data-v-7369e837"]]), Ce = f({
+const fe = /* @__PURE__ */ _(pe, [["render", me], ["__scopeId", "data-v-f022fc7d"]]), _e = f({
   name: "Descrição Evento",
+  components: { TituloEvento: fe, SubtituloEvento: ue },
   props: {
     titulo: {
       required: !0,
@@ -109,24 +111,24 @@ const he = /* @__PURE__ */ _(fe, [["render", $e], ["__scopeId", "data-v-7369e837
       required: !1,
       type: String
     }
-  },
-  components: { TituloEvento: he, SubtituloEvento: me }
+  }
 });
-function ke(e, a, o, n, t, s) {
-  const i = p("TituloEvento"), l = p("SubtituloEvento");
-  return r(), c("div", {
+function Ce(e, a, o, n, t, s) {
+  const i = p("TituloEvento"), d = p("SubtituloEvento");
+  return r(), l("div", {
     class: "descricaoEvento",
-    style: H(`${e.subtitulo ? "" : "padding-top: 3.3rem"}`)
+    style: R(`${e.subtitulo ? "" : "padding-top: 3.3rem"}`)
   }, [
     v(i, { titulo: e.titulo }, null, 8, ["titulo"]),
-    e.subtitulo ? (r(), b(l, {
+    e.subtitulo ? (r(), b(d, {
       key: 0,
       subtitulo: e.subtitulo
     }, null, 8, ["subtitulo"])) : S("", !0)
   ], 4);
 }
-const be = /* @__PURE__ */ _(Ce, [["render", ke], ["__scopeId", "data-v-793cab8b"]]), Se = f({
+const $e = /* @__PURE__ */ _(_e, [["render", Ce], ["__scopeId", "data-v-ff45c239"]]), ke = f({
   name: "Hora",
+  components: {},
   props: {
     hora: {
       required: !0,
@@ -140,7 +142,6 @@ const be = /* @__PURE__ */ _(Ce, [["render", ke], ["__scopeId", "data-v-793cab8b
       }
     }
   },
-  components: {},
   setup(e) {
     return {
       horas: M(new Date(e.hora)),
@@ -150,13 +151,14 @@ const be = /* @__PURE__ */ _(Ce, [["render", ke], ["__scopeId", "data-v-793cab8b
     };
   }
 });
-function ge(e, a, o, n, t, s) {
-  return r(), c("div", {
+function he(e, a, o, n, t, s) {
+  return r(), l("div", {
     class: P(["hora", e.classes])
   }, m(e.horas.getHours()) + ":" + m(e.horas.getMinutes().toString().padStart(2, "0")), 3);
 }
-const Q = /* @__PURE__ */ _(Se, [["render", ge], ["__scopeId", "data-v-d3082250"]]), Ee = f({
+const Y = /* @__PURE__ */ _(ke, [["render", he], ["__scopeId", "data-v-cb088c34"]]), be = f({
   name: "Hora Evento",
+  components: { Hora: Y },
   props: {
     horaPrevista: {
       type: Date,
@@ -166,13 +168,12 @@ const Q = /* @__PURE__ */ _(Se, [["render", ge], ["__scopeId", "data-v-d3082250"
       required: !1,
       type: Date
     }
-  },
-  components: { Hora: Q }
-}), ye = { class: "areaHora" }, Te = { class: "horaEvento" };
-function Ae(e, a, o, n, t, s) {
+  }
+}), Se = { class: "areaHora" }, ge = { class: "horaEvento" };
+function Ee(e, a, o, n, t, s) {
   const i = p("Hora");
-  return r(), c("div", ye, [
-    u("div", Te, [
+  return r(), l("div", Se, [
+    u("div", ge, [
       e.horaRealizada ? (r(), b(i, {
         key: 0,
         hora: e.horaRealizada,
@@ -181,24 +182,31 @@ function Ae(e, a, o, n, t, s) {
       v(i, {
         hora: e.horaPrevista,
         aparencia: e.horaRealizada ? "riscada" : "padrao",
-        style: H(e.horaRealizada ? "" : "padding-top: 1.2rem")
+        style: R(e.horaRealizada ? "" : "padding-top: 1.2rem")
       }, null, 8, ["hora", "aparencia", "style"])
     ])
   ]);
 }
-const Oe = /* @__PURE__ */ _(Ee, [["render", Ae], ["__scopeId", "data-v-da519ace"]]), De = f({
+const ye = /* @__PURE__ */ _(be, [["render", Ee], ["__scopeId", "data-v-ff316fd2"]]), Te = f({
   name: "Destaque",
   props: {
     texto: {
       type: String
     }
   }
-}), Pe = { class: "destaqueEvento texto-pequeno" };
-function qe(e, a, o, n, t, s) {
-  return r(), c("div", Pe, m(e.texto), 1);
+}), Ae = { class: "destaqueEvento texto-pequeno" };
+function Oe(e, a, o, n, t, s) {
+  return r(), l("div", Ae, m(e.texto), 1);
 }
-const Ie = /* @__PURE__ */ _(De, [["render", qe], ["__scopeId", "data-v-c2f02de8"]]), ze = f({
+const De = /* @__PURE__ */ _(Te, [["render", Oe], ["__scopeId", "data-v-07fe9e94"]]), Pe = f({
   name: "Evento Timeline",
+  components: {
+    IconeStatus: N,
+    IconeCategoria: U,
+    HoraEvento: ye,
+    DescricaoEvento: $e,
+    Destaque: De
+  },
   props: {
     status: {
       required: !0,
@@ -243,13 +251,6 @@ const Ie = /* @__PURE__ */ _(De, [["render", qe], ["__scopeId", "data-v-c2f02de8
       default: !0
     }
   },
-  components: {
-    IconeStatus: w,
-    IconeCategoria: G,
-    HoraEvento: Oe,
-    DescricaoEvento: be,
-    Destaque: Ie
-  },
   emits: {
     click: (e) => !0
   },
@@ -265,30 +266,30 @@ const Ie = /* @__PURE__ */ _(De, [["render", qe], ["__scopeId", "data-v-c2f02de8
     };
   }
 });
-function Be(e, a, o, n, t, s) {
-  const i = p("IconeStatus"), l = p("HoraEvento"), $ = p("IconeCategoria"), C = p("DescricaoEvento"), O = p("Destaque");
-  return r(), c("article", {
+function qe(e, a, o, n, t, s) {
+  const i = p("IconeStatus"), d = p("HoraEvento"), C = p("IconeCategoria"), k = p("DescricaoEvento"), O = p("Destaque");
+  return r(), l("article", {
     "data-testid": "evento",
     class: P(["eventoTimeline", [e.status, "criticidade-" + e.criticidade, e.eventoSelecionado, e.clicavel]]),
-    onClick: a[0] || (a[0] = (...h) => e.handleClick && e.handleClick(...h))
+    onClick: a[0] || (a[0] = (...$) => e.handleClick && e.handleClick(...$))
   }, [
     v(i, { status: e.status }, null, 8, ["status"]),
-    v(l, {
+    v(d, {
       horaPrevista: e.previstoPara,
       horaRealizada: e.realizadoEm
     }, null, 8, ["horaPrevista", "horaRealizada"]),
-    v($, {
+    v(C, {
       iconeCategoria: e.categoria.icone,
       categoria: e.categoria.nome
     }, null, 8, ["iconeCategoria", "categoria"]),
-    v(C, {
+    v(k, {
       titulo: e.titulo,
       subtitulo: e.subtitulo
     }, null, 8, ["titulo", "subtitulo"]),
     v(O, { texto: e.textoDestaque }, null, 8, ["texto"])
   ], 2);
 }
-const Z = /* @__PURE__ */ _(ze, [["render", Be]]), Ve = f({
+const G = /* @__PURE__ */ _(Pe, [["render", qe]]), ze = f({
   name: "Box Data",
   props: {
     dataNumero: {
@@ -296,7 +297,8 @@ const Z = /* @__PURE__ */ _(ze, [["render", Be]]), Ve = f({
       type: Number
     },
     aparencia: {
-      type: String
+      type: String,
+      default: "padrao"
     }
   },
   setup(e) {
@@ -307,37 +309,37 @@ const Z = /* @__PURE__ */ _(ze, [["render", Be]]), Ve = f({
     };
   }
 });
-function je(e, a, o, n, t, s) {
-  return r(), c("h3", {
+function Ie(e, a, o, n, t, s) {
+  return r(), l("h3", {
     class: P(["boxData padrao", e.classes])
   }, m(e.dataNumero), 3);
 }
-const Re = /* @__PURE__ */ _(Ve, [["render", je], ["__scopeId", "data-v-385cc692"]]), Ne = f({
+const Be = /* @__PURE__ */ _(ze, [["render", Ie], ["__scopeId", "data-v-f7b41b5b"]]), Ve = f({
   name: "SeparadorPeriodo",
+  components: { BoxData: Be },
   props: {
     dataSeparador: {
       required: !0,
       type: Date
     }
   },
-  components: { BoxData: Re },
-  setup(e) {
-    const a = new Array(12);
-    return a[0] = "Janeiro", a[1] = "Fevereiro", a[2] = "Março", a[3] = "Abril", a[4] = "Maio", a[5] = "Junho", a[6] = "Julho", a[7] = "Agosto", a[8] = "Setembro", a[9] = "Outubro", a[10] = "Novembro", a[11] = "Dezembro", { mesCorrente: (n) => a[n] };
+  setup() {
+    const e = new Array(12);
+    return e[0] = "Janeiro", e[1] = "Fevereiro", e[2] = "Março", e[3] = "Abril", e[4] = "Maio", e[5] = "Junho", e[6] = "Julho", e[7] = "Agosto", e[8] = "Setembro", e[9] = "Outubro", e[10] = "Novembro", e[11] = "Dezembro", { mesCorrente: (o) => e[o] };
   }
-}), He = { class: "separadorPeriodo" }, Me = { class: "areaData" }, Le = { class: "titulo" };
-function we(e, a, o, n, t, s) {
+}), je = { class: "separadorPeriodo" }, Re = { class: "areaData" }, Me = { class: "titulo" };
+function He(e, a, o, n, t, s) {
   const i = p("BoxData");
-  return r(), c("div", He, [
-    u("div", Me, [
+  return r(), l("div", je, [
+    u("div", Re, [
       v(i, {
         dataNumero: e.dataSeparador.getDate()
       }, null, 8, ["dataNumero"])
     ]),
-    u("h3", Le, m(e.mesCorrente(e.dataSeparador.getMonth())) + " de " + m(e.dataSeparador.getFullYear()), 1)
+    u("h3", Me, m(e.mesCorrente(e.dataSeparador.getMonth())) + " de " + m(e.dataSeparador.getFullYear()), 1)
   ]);
 }
-const Fe = /* @__PURE__ */ _(Ne, [["render", we]]), Ue = f({
+const Ne = /* @__PURE__ */ _(Ve, [["render", He]]), Le = f({
   name: "Avatar Timeline",
   props: {
     imagem: {
@@ -347,23 +349,23 @@ const Fe = /* @__PURE__ */ _(Ne, [["render", we]]), Ue = f({
       type: String
     }
   }
-}), Je = { class: "avatar" }, Ye = ["src"], Ge = {
+}), we = { class: "avatar" }, Fe = ["src"], Je = {
   key: 1,
   class: "material-symbols-outlined"
-}, Qe = {
+}, Ue = {
   key: 2,
   class: "material-symbols-outlined"
 };
-function Ze(e, a, o, n, t, s) {
-  return r(), c("div", Je, [
-    e.imagem ? (r(), c("img", {
+function Ye(e, a, o, n, t, s) {
+  return r(), l("div", we, [
+    e.imagem ? (r(), l("img", {
       key: 0,
       src: e.imagem
-    }, null, 8, Ye)) : e.icone ? (r(), c("span", Ge, m(e.icone), 1)) : (r(), c("span", Qe, " person "))
+    }, null, 8, Fe)) : e.icone ? (r(), l("span", Je, m(e.icone), 1)) : (r(), l("span", Ue, " person "))
   ]);
 }
-const Ke = /* @__PURE__ */ _(Ue, [["render", Ze], ["__scopeId", "data-v-28501768"]]), We = f({
-  components: { AvatarTimeline: Ke },
+const Ge = /* @__PURE__ */ _(Le, [["render", Ye], ["__scopeId", "data-v-5d7faa81"]]), Ke = f({
+  components: { AvatarTimeline: Ge },
   props: {
     imagemPerfil: {
       type: String
@@ -387,10 +389,10 @@ const Ke = /* @__PURE__ */ _(Ue, [["render", Ze], ["__scopeId", "data-v-28501768
       }))
     };
   }
-}), Xe = { class: "nome" };
-function xe(e, a, o, n, t, s) {
+}), Qe = { class: "nome" };
+function We(e, a, o, n, t, s) {
   const i = p("AvatarTimeline");
-  return r(), c("section", {
+  return r(), l("section", {
     class: P(["perfilTimeline", e.classes])
   }, [
     e.imagemPerfil ? (r(), b(i, {
@@ -400,10 +402,15 @@ function xe(e, a, o, n, t, s) {
       key: 1,
       icone: e.iconePerfil
     }, null, 8, ["icone"])) : S("", !0),
-    u("h2", Xe, m(e.nomePerfil), 1)
+    u("h2", Qe, m(e.nomePerfil), 1)
   ], 2);
 }
-const K = /* @__PURE__ */ _(We, [["render", xe]]), ea = f({
+const K = /* @__PURE__ */ _(Ke, [["render", We]]), Xe = f({
+  components: {
+    PerfilTimeline: K,
+    SeparadorPeriodo: Ne,
+    EventoTimeline: G
+  },
   props: {
     perfilTimeline: {
       required: !1,
@@ -414,80 +421,75 @@ const K = /* @__PURE__ */ _(We, [["render", xe]]), ea = f({
       type: Array
     }
   },
-  components: {
-    PerfilTimeline: K,
-    SeparadorPeriodo: Fe,
-    EventoTimeline: Z
-  },
   emits: {
     eventoClick: (e, a) => !0
   },
   setup(e, { emit: a }) {
-    const o = (h, k) => {
-      h.clicavel !== !1 && a("eventoClick", h, k);
+    const o = ($, h) => {
+      $.clicavel !== !1 && a("eventoClick", $, h);
     }, n = T(e.eventosTimeline);
     let t = T(n);
     function s() {
-      const h = $(n);
-      n.forEach((k) => {
-        const g = h.length > 0 && h[0] === k;
-        k.atual = g, k.scroll = g;
+      const $ = C(n);
+      n.forEach((h) => {
+        const g = $.length > 0 && $[0] === h;
+        h.atual = g, h.scroll = g;
       }), O();
     }
     const i = () => {
       setInterval(s, 6e4);
-    }, l = (h, k) => {
-      const g = h.getDay() === k.getDay(), D = h.getMonth() === k.getMonth(), d = h.getFullYear() === k.getFullYear();
-      return g && D && d;
-    }, $ = (h) => {
-      if (h) {
-        const k = Date.now();
+    }, d = ($, h) => {
+      const g = $.getDay() === h.getDay(), D = $.getMonth() === h.getMonth(), c = $.getFullYear() === h.getFullYear();
+      return g && D && c;
+    }, C = ($) => {
+      if ($) {
+        const h = Date.now();
         let g = null, D = [];
-        for (const d of h) {
-          const E = d.data.getTime();
-          if (d.status === "planejado" || d.status === "atrasado") {
-            const I = Math.abs(k - d.data.getTime());
-            if (g === null || I < g && E <= k)
-              g = I, D.length = 0;
-            else if (I > g)
+        for (const c of $) {
+          const E = c.data.getTime();
+          if (c.status === "planejado" || c.status === "atrasado") {
+            const z = Math.abs(h - c.data.getTime());
+            if (g === null || z < g && E <= h)
+              g = z, D.length = 0;
+            else if (z > g)
               continue;
-            D.push(d);
+            D.push(c);
           }
         }
         return D;
       } else
         return [];
-    }, C = A(() => {
+    }, k = A(() => {
       i();
-      const h = t.sort((k, g) => k.data.getTime() - g.data.getTime());
-      if (h) {
-        let k = [], g = null, D = 0, d;
-        for (const E of h) {
-          const I = /* @__PURE__ */ new Date(), N = E.data;
-          d = E.status;
-          const ae = E.tolerancia * 60 * 1e3;
-          d === "planejado" && N.getTime() + ae < I.getTime() && (E.status = "atrasado"), (!g || !l(g, N)) && (g = N, k.push({
+      const $ = t.sort((h, g) => h.data.getTime() - g.data.getTime());
+      if ($) {
+        let h = [], g = null, D = 0, c;
+        for (const E of $) {
+          const z = /* @__PURE__ */ new Date(), j = E.data;
+          c = E.status;
+          const Z = E.tolerancia * 60 * 1e3;
+          c === "planejado" && j.getTime() + Z < z.getTime() && (E.status = "atrasado"), (!g || !d(g, j)) && (g = j, h.push({
             tipo: "dia",
             valor: E.data,
             key: ++D
-          })), k.push({
+          })), h.push({
             tipo: "evento",
             valor: E,
             key: ++D
           });
         }
-        return k;
+        return h;
       } else
         return [];
     }), O = () => {
-      const h = document.querySelector(".atual");
-      !h || !h.scrollIntoView || h.scrollIntoView({
+      const $ = document.querySelector(".atual");
+      !$ || !$.scrollIntoView || $.scrollIntoView({
         behavior: "smooth",
         block: "center"
       });
     };
     return s(), {
-      eventosPorTipo: C,
+      eventosPorTipo: k,
       scrollParaItemAtual: O,
       handleEventoClick: o
     };
@@ -495,10 +497,10 @@ const K = /* @__PURE__ */ _(We, [["render", xe]]), ea = f({
   mounted() {
     this.scrollParaItemAtual();
   }
-}), aa = { class: "areaTimeline" }, ta = { class: "timeline" };
-function oa(e, a, o, n, t, s) {
-  const i = p("PerfilTimeline"), l = p("SeparadorPeriodo"), $ = p("EventoTimeline");
-  return r(), c("div", aa, [
+}), Ze = { class: "areaTimeline" }, xe = { class: "timeline" };
+function ea(e, a, o, n, t, s) {
+  const i = p("PerfilTimeline"), d = p("SeparadorPeriodo"), C = p("EventoTimeline");
+  return r(), l("div", Ze, [
     e.perfilTimeline ? (r(), b(i, {
       key: 0,
       nomePerfil: e.perfilTimeline.nome,
@@ -506,34 +508,34 @@ function oa(e, a, o, n, t, s) {
       iconePerfil: e.perfilTimeline.icone,
       "data-testid": "perfilTimeline"
     }, null, 8, ["nomePerfil", "imagemPerfil", "iconePerfil"])) : S("", !0),
-    u("section", ta, [
-      (r(!0), c(J, null, Y(e.eventosPorTipo, (C, O) => (r(), c("div", {
-        key: C.key
+    u("section", xe, [
+      (r(!0), l(F, null, J(e.eventosPorTipo, (k, O) => (r(), l("div", {
+        key: k.key
       }, [
-        C.tipo === "dia" ? (r(), b(l, {
+        k.tipo === "dia" ? (r(), b(d, {
           key: 0,
-          dataSeparador: C.valor,
+          dataSeparador: k.valor,
           "data-testid": `evento-timeline-${O}`
         }, null, 8, ["dataSeparador", "data-testid"])) : S("", !0),
-        C.tipo === "evento" ? (r(), b($, {
+        k.tipo === "evento" ? (r(), b(C, {
           key: 1,
-          status: C.valor.status,
-          criticidade: C.valor.criticidade,
-          previstoPara: C.valor.previstoPara,
-          "realizado-em": C.valor.realizado,
-          categoria: C.valor.categoria,
-          titulo: C.valor.titulo,
-          subtitulo: C.valor.subtitulo,
-          "texto-destaque": C.valor.destaque,
-          ehAtual: C.valor.atual,
-          onClick: (h) => e.handleEventoClick(C.valor, h),
-          "data-testid": `evento-timeline-${O}`
-        }, null, 8, ["status", "criticidade", "previstoPara", "realizado-em", "categoria", "titulo", "subtitulo", "texto-destaque", "ehAtual", "onClick", "data-testid"])) : S("", !0)
+          status: k.valor.status,
+          criticidade: k.valor.criticidade,
+          previstoPara: k.valor.previstoPara,
+          "realizado-em": k.valor.realizado,
+          categoria: k.valor.categoria,
+          titulo: k.valor.titulo,
+          subtitulo: k.valor.subtitulo,
+          "texto-destaque": k.valor.destaque,
+          ehAtual: k.valor.atual,
+          "data-testid": `evento-timeline-${O}`,
+          onClick: ($) => e.handleEventoClick(k.valor, $)
+        }, null, 8, ["status", "criticidade", "previstoPara", "realizado-em", "categoria", "titulo", "subtitulo", "texto-destaque", "ehAtual", "data-testid", "onClick"])) : S("", !0)
       ]))), 128))
     ])
   ]);
 }
-const W = /* @__PURE__ */ _(ea, [["render", oa]]), na = f({
+const Q = /* @__PURE__ */ _(Xe, [["render", ea]]), aa = f({
   name: "Topo",
   props: {
     titulo: {
@@ -560,33 +562,29 @@ const W = /* @__PURE__ */ _(ea, [["render", oa]]), na = f({
       }))
     };
   }
-}), ia = (e) => (V("data-v-33d6850e"), e = e(), j(), e), ra = { class: "conteudoTitulo" }, sa = /* @__PURE__ */ ia(() => /* @__PURE__ */ u("span", { class: "material-symbols-outlined" }, " arrow_back ", -1)), la = [
-  sa
-], ca = { class: "titulo" };
-function da(e, a, o, n, t, s) {
-  return r(), c("div", {
+}), ta = { class: "conteudoTitulo" }, oa = { class: "titulo" };
+function na(e, a, o, n, t, s) {
+  return r(), l("div", {
     class: P(["topo", e.classes]),
     "data-testid": "topo"
   }, [
-    u("div", ra, [
+    u("div", ta, [
       u("button", {
         class: "btn_voltar",
-        onClick: a[0] || (a[0] = (...i) => e.emitirVoltarClick && e.emitirVoltarClick(...i)),
-        "data-testid": "botao-voltar"
-      }, la),
-      u("h3", ca, m(e.titulo), 1)
+        "data-testid": "botao-voltar",
+        onClick: a[0] || (a[0] = (...i) => e.emitirVoltarClick && e.emitirVoltarClick(...i))
+      }, [...a[1] || (a[1] = [
+        u("span", { class: "material-symbols-outlined" }, " arrow_back ", -1)
+      ])]),
+      u("h3", oa, m(e.titulo), 1)
     ])
   ], 2);
 }
-const ua = /* @__PURE__ */ _(na, [["render", da], ["__scopeId", "data-v-33d6850e"]]), pa = {
-  PEQUENO: "pequeno",
-  MEDIO: "medio",
-  GRANDE: "grande"
-}, va = {
-  OUTLINE: "outline",
-  PREENCHIDO: "preenchido",
-  VAZIO: "vazio"
-}, ma = f({
+const ia = /* @__PURE__ */ _(aa, [["render", na], ["__scopeId", "data-v-1e557029"]]), ra = {
+  MEDIO: "medio"
+}, sa = {
+  OUTLINE: "outline"
+}, la = f({
   name: "Botao",
   props: {
     titulo: {
@@ -598,11 +596,11 @@ const ua = /* @__PURE__ */ _(na, [["render", da], ["__scopeId", "data-v-33d6850e
     },
     aparencia: {
       type: String,
-      default: va.OUTLINE
+      default: sa.OUTLINE
     },
     tamanho: {
       type: String,
-      default: pa.MEDIO
+      default: ra.MEDIO
     }
   },
   emits: {
@@ -621,28 +619,28 @@ const ua = /* @__PURE__ */ _(na, [["render", da], ["__scopeId", "data-v-33d6850e
       classes: n
     };
   }
-}), fa = {
+}), ca = {
   key: 0,
   class: "material-symbols-outlined"
 };
-function _a(e, a, o, n, t, s) {
-  return r(), c("button", {
+function da(e, a, o, n, t, s) {
+  return r(), l("button", {
     class: "btn",
     "data-testid": "botao",
     onClick: a[0] || (a[0] = (...i) => e.handleClick && e.handleClick(...i))
   }, [
-    z(e.$slots, "default", {}, () => [
-      e.icone ? (r(), c("span", fa, m(e.icone), 1)) : S("", !0),
-      L(" " + m(e.titulo), 1)
+    I(e.$slots, "default", {}, () => [
+      e.icone ? (r(), l("span", ca, m(e.icone), 1)) : S("", !0),
+      H(" " + m(e.titulo), 1)
     ], !0)
   ]);
 }
-const R = /* @__PURE__ */ _(ma, [["render", _a], ["__scopeId", "data-v-adc6e80a"]]), $a = f({
-  components: { Botao: R, PerfilTimeline: K, IconeCategoria: G, Hora: Q },
+const V = /* @__PURE__ */ _(la, [["render", da], ["__scopeId", "data-v-aa75e8d7"]]), ua = f({
   name: "CabecalhoEventoDetalhado",
+  components: { Botao: V, PerfilTimeline: K, IconeCategoria: U, Hora: Y },
   props: {
     perfil: {
-      required: !0,
+      required: !1,
       type: Object
     },
     evento: {
@@ -653,22 +651,22 @@ const R = /* @__PURE__ */ _(ma, [["render", _a], ["__scopeId", "data-v-adc6e80a"
   setup(e) {
     return {};
   }
-}), X = (e) => (V("data-v-aa43d357"), e = e(), j(), e), ha = {
+}), pa = {
   key: 1,
   class: "criticidade"
-}, Ca = { class: "titulo" }, ka = { class: "dataHora" }, ba = { class: "box" }, Sa = /* @__PURE__ */ X(() => /* @__PURE__ */ u("span", { class: "material-symbols-outlined" }, " calendar_month ", -1)), ga = { class: "horaEvento" }, Ea = {
+}, va = { class: "titulo" }, ma = { class: "dataHora" }, fa = { class: "box" }, _a = { class: "horaEvento" }, Ca = {
   key: 0,
   class: "horaRealizada texto-grande"
-}, ya = {
+}, $a = {
   key: 1,
   class: "horaPlanejada texto-pequeno"
-}, Ta = {
+}, ka = {
   key: 2,
   class: "horaRealizada texto-grande"
-}, Aa = { class: "box" }, Oa = /* @__PURE__ */ X(() => /* @__PURE__ */ u("span", { class: "material-symbols-outlined" }, " schedule ", -1)), Da = { class: "horaEvento" };
-function Pa(e, a, o, n, t, s) {
-  const i = p("PerfilTimeline"), l = p("IconeCategoria"), $ = p("Hora");
-  return r(), c("section", {
+}, ha = { class: "box" }, ba = { class: "horaEvento" };
+function Sa(e, a, o, n, t, s) {
+  const i = p("PerfilTimeline"), d = p("IconeCategoria"), C = p("Hora");
+  return r(), l("section", {
     class: P(["cabecalho-evento", ["criticidade-" + e.evento.criticidade]])
   }, [
     e.perfil ? (r(), b(i, {
@@ -678,35 +676,35 @@ function Pa(e, a, o, n, t, s) {
       iconePerfil: e.perfil.icone,
       formatoReduzido: !0
     }, null, 8, ["nomePerfil", "imagemPerfil", "iconePerfil"])) : S("", !0),
-    e.evento.criticidade !== "baixa" ? (r(), c("div", ha, " Criticidade: " + m(e.evento.criticidade), 1)) : S("", !0),
-    u("div", Ca, [
-      v(l, {
+    e.evento.criticidade !== "baixa" ? (r(), l("div", pa, " Criticidade: " + m(e.evento.criticidade), 1)) : S("", !0),
+    u("div", va, [
+      v(d, {
         iconeCategoria: e.evento.categoria.icone,
         categoria: e.evento.categoria.nome
       }, null, 8, ["iconeCategoria", "categoria"]),
       u("h1", null, m(e.evento.titulo), 1)
     ]),
-    u("div", ka, [
-      u("div", ba, [
-        Sa,
-        u("div", ga, [
-          e.evento.realizado ? (r(), c("div", Ea, m(e.evento.realizado.toLocaleDateString()), 1)) : S("", !0),
-          e.evento.realizado ? (r(), c("div", ya, m(e.evento.realizado.toLocaleDateString()), 1)) : (r(), c("div", Ta, m(e.evento.previstoPara.toLocaleDateString()), 1))
+    u("div", ma, [
+      u("div", fa, [
+        a[0] || (a[0] = u("span", { class: "material-symbols-outlined" }, " calendar_month ", -1)),
+        u("div", _a, [
+          e.evento.realizado ? (r(), l("div", Ca, m(e.evento.realizado.toLocaleDateString()), 1)) : S("", !0),
+          e.evento.realizado ? (r(), l("div", $a, m(e.evento.realizado.toLocaleDateString()), 1)) : (r(), l("div", ka, m(e.evento.previstoPara.toLocaleDateString()), 1))
         ])
       ]),
-      u("div", Aa, [
-        Oa,
-        u("div", Da, [
-          e.evento.realizado ? (r(), b($, {
+      u("div", ha, [
+        a[1] || (a[1] = u("span", { class: "material-symbols-outlined" }, " schedule ", -1)),
+        u("div", ba, [
+          e.evento.realizado ? (r(), b(C, {
             key: 0,
             class: "horaRealizada texto-grande",
             hora: e.evento.realizado
           }, null, 8, ["hora"])) : S("", !0),
-          e.evento.realizado ? (r(), b($, {
+          e.evento.realizado ? (r(), b(C, {
             key: 1,
             class: "horaPlanejada texto-pequeno",
             hora: e.evento.previstoPara
-          }, null, 8, ["hora"])) : (r(), b($, {
+          }, null, 8, ["hora"])) : (r(), b(C, {
             key: 2,
             class: "horaRealizada texto-grande",
             hora: e.evento.previstoPara
@@ -716,9 +714,9 @@ function Pa(e, a, o, n, t, s) {
     ])
   ], 2);
 }
-const qa = /* @__PURE__ */ _($a, [["render", Pa], ["__scopeId", "data-v-aa43d357"]]), Ia = f({
-  components: { Botao: R },
+const ga = /* @__PURE__ */ _(ua, [["render", Sa], ["__scopeId", "data-v-c73f8cf6"]]), Ea = f({
   name: "Observacoes",
+  components: { Botao: V },
   props: {
     tituloBotao: {
       type: String
@@ -737,23 +735,23 @@ const qa = /* @__PURE__ */ _($a, [["render", Pa], ["__scopeId", "data-v-aa43d357
     };
     return e.observacoes.sort((n, t) => t.criadaEm.getTime() - n.criadaEm.getTime()), e = T(e), { emitirAdicionarClick: o };
   }
-}), za = (e) => (V("data-v-27347f9c"), e = e(), j(), e), Ba = {
+}), ya = {
   class: "box box-observacoes",
   "data-testid": "observacoes"
-}, Va = /* @__PURE__ */ za(() => /* @__PURE__ */ u("h3", null, "Observações:", -1)), ja = { class: "lista-obs" }, Ra = ["data-testid"], Na = { class: "texto" }, Ha = { class: "autor" };
-function Ma(e, a, o, n, t, s) {
+}, Ta = { class: "lista-obs" }, Aa = ["data-testid"], Oa = { class: "texto" }, Da = { class: "autor" };
+function Pa(e, a, o, n, t, s) {
   const i = p("Botao");
-  return r(), c("section", Ba, [
-    Va,
-    u("ul", ja, [
-      (r(!0), c(J, null, Y(e.observacoes, (l, $) => (r(), c("li", {
-        "data-testid": `observacao-${$}`,
-        key: $,
+  return r(), l("section", ya, [
+    a[0] || (a[0] = u("h3", null, "Observações:", -1)),
+    u("ul", Ta, [
+      (r(!0), l(F, null, J(e.observacoes, (d, C) => (r(), l("li", {
+        key: C,
+        "data-testid": `observacao-${C}`,
         class: "lista-item"
       }, [
-        u("p", Na, m(l.mensagem), 1),
-        u("div", Ha, m(l.autor.nome) + " em " + m(l.criadaEm.toLocaleDateString()) + " às " + m(l.criadaEm.getHours()) + ":" + m(l.criadaEm.getMinutes().toString().padStart(2, "0")), 1)
-      ], 8, Ra))), 128))
+        u("p", Oa, m(d.mensagem), 1),
+        u("div", Da, m(d.autor.nome) + " em " + m(d.criadaEm.toLocaleDateString()) + " às " + m(d.criadaEm.getHours()) + ":" + m(d.criadaEm.getMinutes().toString().padStart(2, "0")), 1)
+      ], 8, Aa))), 128))
     ]),
     v(i, {
       titulo: e.tituloBotao,
@@ -765,9 +763,9 @@ function Ma(e, a, o, n, t, s) {
     }, null, 8, ["titulo", "onClick"])
   ]);
 }
-const La = /* @__PURE__ */ _(Ia, [["render", Ma], ["__scopeId", "data-v-27347f9c"]]), wa = f({
-  components: { Botao: R, IconeStatus: w },
+const qa = /* @__PURE__ */ _(Ea, [["render", Pa], ["__scopeId", "data-v-2d6bb2ba"]]), za = f({
   name: "BotaoStatus",
+  components: { Botao: V, IconeStatus: N },
   props: {
     aparencia: {
       type: String
@@ -793,27 +791,27 @@ const La = /* @__PURE__ */ _(Ia, [["render", Ma], ["__scopeId", "data-v-27347f9c
     };
   }
 });
-function Fa(e, a, o, n, t, s) {
-  const i = p("IconeStatus"), l = p("Botao");
-  return r(), b(l, {
+function Ia(e, a, o, n, t, s) {
+  const i = p("IconeStatus"), d = p("Botao");
+  return r(), b(d, {
     aparencia: e.aparencia,
     class: P(e.classes),
-    onClick: e.emitirClick,
-    "data-testid": "botao-status"
+    "data-testid": "botao-status",
+    onClick: e.emitirClick
   }, {
     default: y(() => [
       v(i, {
         class: "icone",
         status: e.status
       }, null, 8, ["status"]),
-      L(" " + m(e.status), 1)
+      H(" " + m(e.status), 1)
     ]),
     _: 1
   }, 8, ["aparencia", "class", "onClick"]);
 }
-const x = /* @__PURE__ */ _(wa, [["render", Fa], ["__scopeId", "data-v-9b0bacc7"]]), Ua = f({
-  components: { BotaoStatus: x },
+const W = /* @__PURE__ */ _(za, [["render", Ia], ["__scopeId", "data-v-8eb6d62e"]]), Ba = f({
   name: "StatusEvento",
+  components: { BotaoStatus: W },
   props: {
     aparencia: {
       type: String
@@ -835,11 +833,11 @@ const x = /* @__PURE__ */ _(wa, [["render", Fa], ["__scopeId", "data-v-9b0bacc7"
       props: e
     };
   }
-}), Ja = (e) => (V("data-v-027bde63"), e = e(), j(), e), Ya = { class: "box box-status" }, Ga = /* @__PURE__ */ Ja(() => /* @__PURE__ */ u("h3", null, "Status:", -1));
-function Qa(e, a, o, n, t, s) {
+}), Va = { class: "box box-status" };
+function ja(e, a, o, n, t, s) {
   const i = p("BotaoStatus");
-  return r(), c("section", Ya, [
-    Ga,
+  return r(), l("section", Va, [
+    a[0] || (a[0] = u("h3", null, "Status:", -1)),
     v(i, {
       "data-testid": "botao-status",
       aparencia: e.aparencia,
@@ -848,11 +846,12 @@ function Qa(e, a, o, n, t, s) {
     }, null, 8, ["aparencia", "status", "onClick"])
   ]);
 }
-const Za = /* @__PURE__ */ _(Ua, [["render", Qa], ["__scopeId", "data-v-027bde63"]]), Ka = f({
+const Ra = /* @__PURE__ */ _(Ba, [["render", ja], ["__scopeId", "data-v-732d9141"]]), Ma = f({
   name: "EventoDetalhado",
+  components: { CabecalhoEventoDetalhado: ga, Observacoes: qa, StatusEvento: Ra },
   props: {
     perfil: {
-      required: !0,
+      required: !1,
       type: Object
     },
     evento: {
@@ -860,7 +859,6 @@ const Za = /* @__PURE__ */ _(Ua, [["render", Qa], ["__scopeId", "data-v-027bde63
       type: Object
     }
   },
-  components: { CabecalhoEventoDetalhado: qa, Observacoes: La, StatusEvento: Za },
   emits: {
     statusEditarClick: (e) => !0,
     observacaoAdicionarClick: (e) => !0
@@ -875,13 +873,13 @@ const Za = /* @__PURE__ */ _(Ua, [["render", Qa], ["__scopeId", "data-v-027bde63
       }
     };
   }
-}), Wa = {
+}), Ha = {
   class: "evento",
   "data-testid": "evento-detalhado"
-}, Xa = { class: "descricao" };
-function xa(e, a, o, n, t, s) {
-  const i = p("CabecalhoEventoDetalhado"), l = p("Observacoes"), $ = p("StatusEvento");
-  return r(), c("div", Wa, [
+}, Na = { class: "descricao" };
+function La(e, a, o, n, t, s) {
+  const i = p("CabecalhoEventoDetalhado"), d = p("Observacoes"), C = p("StatusEvento");
+  return r(), l("div", Ha, [
     v(q, {
       name: "fadeBaixo",
       mode: "out-in",
@@ -901,9 +899,9 @@ function xa(e, a, o, n, t, s) {
       appear: ""
     }, {
       default: y(() => [
-        u("section", Xa, [
-          z(e.$slots, "descricao", {}, () => [
-            L(m(e.evento.subtitulo), 1)
+        u("section", Na, [
+          I(e.$slots, "descricao", {}, () => [
+            H(m(e.evento.subtitulo), 1)
           ])
         ])
       ]),
@@ -915,7 +913,7 @@ function xa(e, a, o, n, t, s) {
       appear: ""
     }, {
       default: y(() => [
-        v(l, {
+        v(d, {
           observacoes: e.evento.observacoes,
           tituloBotao: "Inserir observação",
           onAdicionarClick: e.handleAdicionarObservacaoClick
@@ -929,7 +927,7 @@ function xa(e, a, o, n, t, s) {
       appear: ""
     }, {
       default: y(() => [
-        v($, {
+        v(C, {
           "data-testid": "status-evento",
           aparencia: "preenchido",
           status: e.evento.status,
@@ -940,9 +938,9 @@ function xa(e, a, o, n, t, s) {
     })
   ]);
 }
-const ee = /* @__PURE__ */ _(Ka, [["render", xa]]), et = f({
+const X = /* @__PURE__ */ _(Ma, [["render", La]]), wa = f({
   name: "AreaSalvamento",
-  components: { Botao: R },
+  components: { Botao: V },
   emits: {
     salvarClick: (e) => !0,
     cancelarClick: (e) => !0
@@ -957,14 +955,14 @@ const ee = /* @__PURE__ */ _(Ka, [["render", xa]]), et = f({
       }
     };
   }
-}), at = {
+}), Fa = {
   class: "area-salvamento",
   "data-testid": "area-salvamento"
 };
-function tt(e, a, o, n, t, s) {
+function Ja(e, a, o, n, t, s) {
   const i = p("Botao");
-  return r(), c("section", at, [
-    z(e.$slots, "default", {}, void 0, !0),
+  return r(), l("section", Fa, [
+    I(e.$slots, "default", {}, void 0, !0),
     v(i, {
       "data-testid": "botao-salvar",
       aparencia: "preenchido",
@@ -981,13 +979,13 @@ function tt(e, a, o, n, t, s) {
     }, null, 8, ["onClick"])
   ]);
 }
-const ot = /* @__PURE__ */ _(et, [["render", tt], ["__scopeId", "data-v-bffa6dc0"]]), nt = f({
+const Ua = /* @__PURE__ */ _(wa, [["render", Ja], ["__scopeId", "data-v-68a1bae4"]]), Ya = f({
+  components: { AreaSalvamento: Ua },
   props: {
     salvarVisivel: {
       type: Boolean
     }
   },
-  components: { AreaSalvamento: ot },
   emits: {
     salvarClick: (e) => !0,
     cancelarClick: (e) => !0
@@ -1002,21 +1000,21 @@ const ot = /* @__PURE__ */ _(et, [["render", tt], ["__scopeId", "data-v-bffa6dc0
       }
     };
   }
-}), it = {
+}), Ga = {
   class: "editar-evento",
   "data-testid": "editar-evento"
-}, rt = { class: "area-conteudo" }, st = { class: "salvar" };
-function lt(e, a, o, n, t, s) {
+}, Ka = { class: "area-conteudo" }, Qa = { class: "salvar" };
+function Wa(e, a, o, n, t, s) {
   const i = p("AreaSalvamento");
-  return r(), c("div", it, [
+  return r(), l("div", Ga, [
     v(q, {
       name: "fadeTopo",
       mode: "out-in",
       appear: ""
     }, {
       default: y(() => [
-        u("div", rt, [
-          z(e.$slots, "conteudo")
+        u("div", Ka, [
+          I(e.$slots, "conteudo")
         ])
       ]),
       _: 3
@@ -1027,14 +1025,14 @@ function lt(e, a, o, n, t, s) {
       appear: ""
     }, {
       default: y(() => [
-        u("div", st, [
+        u("div", Qa, [
           v(i, {
             "data-testid": "area-salvamento",
             onCancelarClick: e.emitirCancelarClick,
             onSalvarClick: e.emitirSalvarClick
           }, {
             default: y(() => [
-              z(e.$slots, "salvamento")
+              I(e.$slots, "salvamento")
             ]),
             _: 3
           }, 8, ["onCancelarClick", "onSalvarClick"])
@@ -1044,7 +1042,8 @@ function lt(e, a, o, n, t, s) {
     })
   ]);
 }
-const F = /* @__PURE__ */ _(nt, [["render", lt]]), ct = f({
+const L = /* @__PURE__ */ _(Ya, [["render", Wa]]), Xa = f({
+  components: { EditarEvento: L, IconeStatus: N, BotaoStatus: W },
   props: {
     salvarVisivel: {
       type: Boolean
@@ -1054,21 +1053,20 @@ const F = /* @__PURE__ */ _(nt, [["render", lt]]), ct = f({
       type: Object
     }
   },
-  components: { EditarEvento: F, IconeStatus: w, BotaoStatus: x },
   emits: {
     salvarClick: (e, a) => !0,
     cancelarClick: (e) => !0
   },
   setup(e, { emit: a }) {
-    const o = (l, $) => {
-      a("salvarClick", l, $);
-    }, n = (l) => {
-      a("cancelarClick", l);
+    const o = (d, C) => {
+      a("salvarClick", d, C);
+    }, n = (d) => {
+      a("cancelarClick", d);
     }, t = M(e.evento.status);
-    function s(l) {
-      t.value = l;
+    function s(d) {
+      t.value = d;
     }
-    const i = A(() => (l) => t.value === l ? "preenchido" : "outline");
+    const i = A(() => (d) => t.value === d ? "preenchido" : "outline");
     return {
       aoSalvar: o,
       aoCancelar: n,
@@ -1077,40 +1075,37 @@ const F = /* @__PURE__ */ _(nt, [["render", lt]]), ct = f({
       getAparencia: i
     };
   }
-}), dt = /* @__PURE__ */ u("h2", null, "Alterar o Status para:", -1), ut = {
+}), Za = {
   key: 0,
   class: "nova-data"
-}, pt = /* @__PURE__ */ u("h2", null, "Nova Data:", -1), vt = /* @__PURE__ */ u("p", null, "componente de seleção de data deve entrar aqui.", -1), mt = [
-  pt,
-  vt
-];
-function ft(e, a, o, n, t, s) {
-  const i = p("BotaoStatus"), l = p("EditarEvento");
-  return r(), b(l, {
+};
+function xa(e, a, o, n, t, s) {
+  const i = p("BotaoStatus"), d = p("EditarEvento");
+  return r(), b(d, {
     "data-testid": "editar-status",
     salvarVisivel: e.salvarVisivel,
     onCancelarClick: e.aoCancelar,
-    onSalvarClick: a[3] || (a[3] = ($) => e.aoSalvar(e.selecionado, $))
+    onSalvarClick: a[3] || (a[3] = (C) => e.aoSalvar(e.selecionado, C))
   }, {
     conteudo: y(() => [
-      dt,
+      a[4] || (a[4] = u("h2", null, "Alterar o Status para:", -1)),
       v(i, {
         aparencia: e.getAparencia("realizado"),
-        onClick: a[0] || (a[0] = ($) => e.atualizarSelecionado("realizado")),
         status: "realizado",
-        "data-testid": "botao-status-realizado"
+        "data-testid": "botao-status-realizado",
+        onClick: a[0] || (a[0] = (C) => e.atualizarSelecionado("realizado"))
       }, null, 8, ["aparencia"]),
       v(i, {
         aparencia: e.getAparencia("cancelado"),
-        onClick: a[1] || (a[1] = ($) => e.atualizarSelecionado("cancelado")),
         status: "cancelado",
-        "data-testid": "botao-status-cancelado"
+        "data-testid": "botao-status-cancelado",
+        onClick: a[1] || (a[1] = (C) => e.atualizarSelecionado("cancelado"))
       }, null, 8, ["aparencia"]),
       v(i, {
         aparencia: e.getAparencia("adiado"),
-        onClick: a[2] || (a[2] = ($) => e.atualizarSelecionado("adiado")),
         status: "adiado",
-        "data-testid": "botao-status-adiado"
+        "data-testid": "botao-status-adiado",
+        onClick: a[2] || (a[2] = (C) => e.atualizarSelecionado("adiado"))
       }, null, 8, ["aparencia"])
     ]),
     salvamento: y(() => [
@@ -1120,7 +1115,10 @@ function ft(e, a, o, n, t, s) {
         appear: ""
       }, {
         default: y(() => [
-          e.selecionado === "adiado" ? (r(), c("div", ut, mt)) : S("", !0)
+          e.selecionado === "adiado" ? (r(), l("div", Za, [...a[5] || (a[5] = [
+            u("h2", null, "Nova Data:", -1),
+            u("p", null, "componente de seleção de data deve entrar aqui.", -1)
+          ])])) : S("", !0)
         ]),
         _: 1
       })
@@ -1128,7 +1126,8 @@ function ft(e, a, o, n, t, s) {
     _: 1
   }, 8, ["salvarVisivel", "onCancelarClick"]);
 }
-const _t = /* @__PURE__ */ _(ct, [["render", ft]]), $t = f({
+const et = /* @__PURE__ */ _(Xa, [["render", xa]]), at = f({
+  components: { EditarEvento: L },
   props: {
     salvarVisivel: {
       type: Boolean
@@ -1137,7 +1136,6 @@ const _t = /* @__PURE__ */ _(ct, [["render", ft]]), $t = f({
       type: String
     }
   },
-  components: { EditarEvento: F },
   emits: {
     adicionarClick: (e, a) => !0,
     cancelarClick: (e) => !0
@@ -1153,31 +1151,30 @@ const _t = /* @__PURE__ */ _(ct, [["render", ft]]), $t = f({
       a("cancelarClick", s);
     }, state: o };
   }
-}), ht = /* @__PURE__ */ u("h2", null, "Observação:", -1);
-function Ct(e, a, o, n, t, s) {
+});
+function tt(e, a, o, n, t, s) {
   const i = p("EditarEvento");
   return r(), b(i, {
     "data-testid": "adicionar-observacao",
     salvarVisivel: e.salvarVisivel,
-    observacao: e.state.observacaoLocal,
-    "onUpdate:observacao": a[1] || (a[1] = (l) => e.state.observacaoLocal = l),
     onSalvarClick: e.salvar,
     onCancelarClick: e.cancelar
   }, {
     conteudo: y(() => [
-      ht,
-      te(u("textarea", {
+      a[1] || (a[1] = u("h2", null, "Observação:", -1)),
+      x(u("textarea", {
+        "onUpdate:modelValue": a[0] || (a[0] = (d) => e.state.observacaoLocal = d),
         "data-testid": "observacao-textarea",
-        "onUpdate:modelValue": a[0] || (a[0] = (l) => e.state.observacaoLocal = l),
         placeholder: ""
       }, null, 512), [
-        [oe, e.state.observacaoLocal]
+        [ee, e.state.observacaoLocal]
       ])
     ]),
     _: 1
-  }, 8, ["salvarVisivel", "observacao", "onSalvarClick", "onCancelarClick"]);
+  }, 8, ["salvarVisivel", "onSalvarClick", "onCancelarClick"]);
 }
-const kt = /* @__PURE__ */ _($t, [["render", Ct]]), bt = f({
+const ot = /* @__PURE__ */ _(at, [["render", tt]]), nt = f({
+  components: { Topo: ia, Evento: X, Timeline: Q, EditarStatus: et, AdicionarObservacao: ot },
   props: {
     perfil: {
       required: !0,
@@ -1188,7 +1185,6 @@ const kt = /* @__PURE__ */ _($t, [["render", Ct]]), bt = f({
       type: Array
     }
   },
-  components: { Topo: ua, Evento: ee, Timeline: W, EditarStatus: _t, AdicionarObservacao: kt },
   emits: {
     eventoTimelineClicked: (e, a) => !0,
     eventoStatusEditClicked: (e, a) => !0,
@@ -1213,68 +1209,68 @@ const kt = /* @__PURE__ */ _($t, [["render", Ct]]), bt = f({
         eventosDetalhados: o,
         eventoAtual: n
       }
-    }), s = (d) => "observacoes" in d, i = (d) => {
+    }), s = (c) => "observacoes" in c, i = (c) => {
       const E = ["Timeline", "Evento"];
-      t.topo.exibir = E.includes(d), t.timeline.exibir = d === "Timeline", t.evento.exibir = d === "Evento", t.editarStatus.exibir = d === "EditarStatus", t.adicionarObservacao.exibir = d === "AdicionarObservacao";
+      t.topo.exibir = E.includes(c), t.timeline.exibir = c === "Timeline", t.evento.exibir = c === "Evento", t.editarStatus.exibir = c === "EditarStatus", t.adicionarObservacao.exibir = c === "AdicionarObservacao";
     };
     return {
-      selecionarEvento: (d, E) => {
-        s(d) && (a("eventoTimelineClicked", d, E), t.dados.eventoAtual = d, i("Evento"));
+      selecionarEvento: (c, E) => {
+        s(c) && (a("eventoTimelineClicked", c, E), t.dados.eventoAtual = c, i("Evento"));
       },
-      handleVoltarTela: (d) => {
-        t.dados.eventoAtual ? i("Timeline") : a("voltarClick", d);
+      handleVoltarTela: (c) => {
+        t.dados.eventoAtual ? i("Timeline") : a("voltarClick", c);
       },
-      handleStatusEditarClick: (d) => {
+      handleStatusEditarClick: (c) => {
         i("EditarStatus");
       },
-      handleStatusCancelarClick: (d) => {
-        t.dados.eventoAtual && (i("Evento"), a("editarStatusCancelarClicked", t.dados.eventoAtual, d));
+      handleStatusCancelarClick: (c) => {
+        t.dados.eventoAtual && (i("Evento"), a("editarStatusCancelarClicked", t.dados.eventoAtual, c));
       },
-      handleStatusSalvarClick: (d, E) => {
-        t.dados.eventoAtual && (i("Evento"), a("editarStatusSalvarClicked", t.dados.eventoAtual, d, E));
+      handleStatusSalvarClick: (c, E) => {
+        t.dados.eventoAtual && (i("Evento"), a("editarStatusSalvarClicked", t.dados.eventoAtual, c, E));
       },
-      handleObservacaoAdicionarClick: (d) => {
+      handleObservacaoAdicionarClick: (c) => {
         t.dados.eventoAtual && (a(
           "eventoDetalhadoObservacoesAddClicked",
           t.dados.eventoAtual,
-          d
+          c
         ), i("AdicionarObservacao"));
       },
-      handleAdicionarObservacaoSalvarClick: (d, E) => {
+      handleAdicionarObservacaoSalvarClick: (c, E) => {
         t.dados.eventoAtual && (i("Evento"), a(
           "adicionarObservacaoSalvarClicked",
           t.dados.eventoAtual,
-          d,
+          c,
           E
         ));
       },
-      handleObservacaoAdicionarCancelarClick: (d) => {
-        t.dados.eventoAtual && (i("Evento"), a("adicionarObservacaoCancelarClicked", t.dados.eventoAtual, d));
+      handleObservacaoAdicionarCancelarClick: (c) => {
+        t.dados.eventoAtual && (i("Evento"), a("adicionarObservacaoCancelarClicked", t.dados.eventoAtual, c));
       },
       TemplateTimeline: t
     };
   }
-}), St = {
+}), it = {
   class: "pagina",
   "data-testid": "template-timeline"
 };
-function gt(e, a, o, n, t, s) {
-  const i = p("Topo"), l = p("Timeline"), $ = p("Evento"), C = p("EditarStatus"), O = p("AdicionarObservacao");
-  return r(), c("div", St, [
+function rt(e, a, o, n, t, s) {
+  const i = p("Topo"), d = p("Timeline"), C = p("Evento"), k = p("EditarStatus"), O = p("AdicionarObservacao");
+  return r(), l("div", it, [
     e.TemplateTimeline.topo.exibir ? (r(), b(i, {
       key: 0,
       titulo: e.TemplateTimeline.dados.perfil.nome,
       escuro: !1,
       onVoltarClick: e.handleVoltarTela
     }, null, 8, ["titulo", "onVoltarClick"])) : S("", !0),
-    e.TemplateTimeline.timeline.exibir ? (r(), b(l, {
+    e.TemplateTimeline.timeline.exibir ? (r(), b(d, {
       key: 1,
       "data-testid": "timeline",
       perfilTimeline: e.TemplateTimeline.dados.perfil,
       eventosTimeline: e.TemplateTimeline.dados.eventosTimeline,
       onEventoClick: e.selecionarEvento
     }, null, 8, ["perfilTimeline", "eventosTimeline", "onEventoClick"])) : S("", !0),
-    e.TemplateTimeline.dados.eventoAtual && e.TemplateTimeline.evento.exibir ? (r(), b($, {
+    e.TemplateTimeline.dados.eventoAtual && e.TemplateTimeline.evento.exibir ? (r(), b(C, {
       key: 2,
       "data-testid": "evento-detalhado",
       perfil: e.TemplateTimeline.dados.perfil,
@@ -1282,7 +1278,7 @@ function gt(e, a, o, n, t, s) {
       onObservacaoAdicionarClick: e.handleObservacaoAdicionarClick,
       onStatusEditarClick: e.handleStatusEditarClick
     }, null, 8, ["perfil", "evento", "onObservacaoAdicionarClick", "onStatusEditarClick"])) : S("", !0),
-    e.TemplateTimeline.dados.eventoAtual && e.TemplateTimeline.editarStatus.exibir ? (r(), b(C, {
+    e.TemplateTimeline.dados.eventoAtual && e.TemplateTimeline.editarStatus.exibir ? (r(), b(k, {
       key: 3,
       "data-testid": "editar-status",
       salvarVisivel: e.TemplateTimeline.editarStatus.exibir,
@@ -1300,33 +1296,33 @@ function gt(e, a, o, n, t, s) {
     }, null, 8, ["salvarVisivel", "onAdicionarClick", "onCancelarClick"])) : S("", !0)
   ]);
 }
-const Et = /* @__PURE__ */ _(bt, [["render", gt]]), yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const st = /* @__PURE__ */ _(nt, [["render", rt]]), lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), Tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), w = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  EditarEvento: F,
-  EventoDetalhado: ee,
-  EventoTimeline: Z,
-  TemplateTimeline: Et,
-  Timeline: W,
-  Tipos: yt,
-  TiposDetalhado: Tt
-}, Symbol.toStringTag, { value: "Module" })), Ot = {
+  EditarEvento: L,
+  EventoDetalhado: X,
+  EventoTimeline: G,
+  TemplateTimeline: st,
+  Timeline: Q,
+  Tipos: lt,
+  TiposDetalhado: ct
+}, Symbol.toStringTag, { value: "Module" })), pt = {
   install(e, ...a) {
-    Object.keys(U).forEach((o) => {
-      const n = U[o];
+    Object.keys(w).forEach((o) => {
+      const n = w[o];
       n && typeof n == "object" && e.component(o, n);
     });
   }
 };
 export {
-  F as EditarEvento,
-  ee as EventoDetalhado,
-  Z as EventoTimeline,
-  Et as TemplateTimeline,
-  Ot as Timeline,
-  yt as Tipos,
-  Tt as TiposDetalhado
+  L as EditarEvento,
+  X as EventoDetalhado,
+  G as EventoTimeline,
+  st as TemplateTimeline,
+  pt as Timeline,
+  lt as Tipos,
+  ct as TiposDetalhado
 };