@devix-tecnologia/timeline-vue 3.0.0 → 3.2.1

package/dist/timeline-vue.es.js

@@ -1,5 +1,6 @@
-import { defineComponent as m, reactive as T, computed as A, openBlock as s, createElementBlock as c, createElementVNode as u, normalizeClass as P, normalizeStyle as w, toDisplayString as _, resolveComponent as p, createVNode as v, createBlock as k, createCommentVNode as y, ref as M, Fragment as Y, renderList as U, pushScopeId as V, popScopeId as j, renderSlot as I, createTextVNode as L, withCtx as E, Transition as q, withDirectives as te, vModelText as oe, toRef as B } from "vue";
-const ne = m({
+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: {
@@ -36,25 +37,24 @@ const ne = m({
       }))
     };
   }
-});
-const f = (e, a) => {
+}), _ = (e, a) => {
   const o = e.__vccOpts || e;
   for (const [n, t] of a)
     o[n] = t;
   return o;
-}, ie = { class: "areaCategoria" }, se = ["alt"], re = { class: "material-symbols-outlined" };
-function le(e, a, o, n, t, r) {
-  return s(), 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: w(e.style),
+      style: R(e.style),
       alt: e.categoria
     }, [
-      u("span", re, _(e.iconeCategoria), 1)
-    ], 14, se)
+      u("span", ne, m(e.iconeCategoria), 1)
+    ], 14, oe)
   ]);
 }
-const G = /* @__PURE__ */ f(ne, [["render", le], ["__scopeId", "data-v-f922d1fe"]]), ce = m({
+const U = /* @__PURE__ */ _(ae, [["render", ie], ["__scopeId", "data-v-07125aba"]]), re = f({
   name: "Icone Status",
   props: {
     status: {
@@ -70,12 +70,12 @@ const G = /* @__PURE__ */ f(ne, [["render", le], ["__scopeId", "data-v-f922d1fe"
     };
   }
 });
-function de(e, a, o, n, t, r) {
-  return s(), c("div", {
+function se(e, a, o, n, t, s) {
+  return r(), l("div", {
     class: P([e.classes, "iconeStatus"])
   }, null, 2);
 }
-const N = /* @__PURE__ */ f(ce, [["render", de], ["__scopeId", "data-v-efe84975"]]), ue = m({
+const N = /* @__PURE__ */ _(re, [["render", se], ["__scopeId", "data-v-52804d0e"]]), le = f({
   name: "Subtítulo Evento",
   props: {
     subtitulo: {
@@ -83,12 +83,11 @@ const N = /* @__PURE__ */ f(ce, [["render", de], ["__scopeId", "data-v-efe84975"
       type: String
     }
   }
-});
-const pe = { class: "subtitulo" };
-function ve(e, a, o, n, t, r) {
-  return s(), c("h4", pe, _(e.subtitulo), 1);
+}), ce = { class: "subtitulo" };
+function de(e, a, o, n, t, s) {
+  return r(), l("h4", ce, m(e.subtitulo), 1);
 }
-const _e = /* @__PURE__ */ f(ue, [["render", ve], ["__scopeId", "data-v-5f7c5673"]]), me = m({
+const ue = /* @__PURE__ */ _(le, [["render", de], ["__scopeId", "data-v-75ce2591"]]), pe = f({
   name: "Título Evento",
   props: {
     titulo: {
@@ -96,13 +95,13 @@ const _e = /* @__PURE__ */ f(ue, [["render", ve], ["__scopeId", "data-v-5f7c5673
       type: String
     }
   }
-});
-const fe = { class: "titulo" };
-function $e(e, a, o, n, t, r) {
-  return s(), c("h3", fe, _(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__ */ f(me, [["render", $e], ["__scopeId", "data-v-7369e837"]]), Ce = m({
+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,
@@ -112,24 +111,24 @@ const he = /* @__PURE__ */ f(me, [["render", $e], ["__scopeId", "data-v-7369e837
       required: !1,
       type: String
     }
-  },
-  components: { TituloEvento: he, SubtituloEvento: _e }
+  }
 });
-function be(e, a, o, n, t, r) {
-  const i = p("TituloEvento"), l = p("SubtituloEvento");
-  return s(), c("div", {
+function Ce(e, a, o, n, t, s) {
+  const i = p("TituloEvento"), d = p("SubtituloEvento");
+  return r(), l("div", {
     class: "descricaoEvento",
-    style: w(`${e.subtitulo ? "" : "padding-top: 3.3rem"}`)
+    style: R(`${e.subtitulo ? "" : "padding-top: 3.3rem"}`)
   }, [
     v(i, { titulo: e.titulo }, null, 8, ["titulo"]),
-    e.subtitulo ? (s(), k(l, {
+    e.subtitulo ? (r(), b(d, {
       key: 0,
       subtitulo: e.subtitulo
-    }, null, 8, ["subtitulo"])) : y("", !0)
+    }, null, 8, ["subtitulo"])) : S("", !0)
   ], 4);
 }
-const ke = /* @__PURE__ */ f(Ce, [["render", be], ["__scopeId", "data-v-793cab8b"]]), ye = m({
+const $e = /* @__PURE__ */ _(_e, [["render", Ce], ["__scopeId", "data-v-ff45c239"]]), ke = f({
   name: "Hora",
+  components: {},
   props: {
     hora: {
       required: !0,
@@ -143,7 +142,6 @@ const ke = /* @__PURE__ */ f(Ce, [["render", be], ["__scopeId", "data-v-793cab8b
       }
     }
   },
-  components: {},
   setup(e) {
     return {
       horas: M(new Date(e.hora)),
@@ -153,13 +151,14 @@ const ke = /* @__PURE__ */ f(Ce, [["render", be], ["__scopeId", "data-v-793cab8b
     };
   }
 });
-function ge(e, a, o, n, t, r) {
-  return s(), c("div", {
+function he(e, a, o, n, t, s) {
+  return r(), l("div", {
     class: P(["hora", e.classes])
-  }, _(e.horas.getHours()) + ":" + _(e.horas.getMinutes().toString().padStart(2, "0")), 3);
+  }, m(e.horas.getHours()) + ":" + m(e.horas.getMinutes().toString().padStart(2, "0")), 3);
 }
-const K = /* @__PURE__ */ f(ye, [["render", ge], ["__scopeId", "data-v-d3082250"]]), Se = m({
+const Y = /* @__PURE__ */ _(ke, [["render", he], ["__scopeId", "data-v-cb088c34"]]), be = f({
   name: "Hora Evento",
+  components: { Hora: Y },
   props: {
     horaPrevista: {
       type: Date,
@@ -169,41 +168,45 @@ const K = /* @__PURE__ */ f(ye, [["render", ge], ["__scopeId", "data-v-d3082250"
       required: !1,
       type: Date
     }
-  },
-  components: { Hora: K }
-});
-const Ee = { class: "areaHora" }, Te = { class: "horaEvento" };
-function Ae(e, a, o, n, t, r) {
+  }
+}), Se = { class: "areaHora" }, ge = { class: "horaEvento" };
+function Ee(e, a, o, n, t, s) {
   const i = p("Hora");
-  return s(), c("div", Ee, [
-    u("div", Te, [
-      e.horaRealizada ? (s(), k(i, {
+  return r(), l("div", Se, [
+    u("div", ge, [
+      e.horaRealizada ? (r(), b(i, {
         key: 0,
         hora: e.horaRealizada,
         style: { "padding-top": "0.3rem" }
-      }, null, 8, ["hora"])) : y("", !0),
+      }, null, 8, ["hora"])) : S("", !0),
       v(i, {
         hora: e.horaPrevista,
         aparencia: e.horaRealizada ? "riscada" : "padrao",
-        style: w(e.horaRealizada ? "" : "padding-top: 1.2rem")
+        style: R(e.horaRealizada ? "" : "padding-top: 1.2rem")
       }, null, 8, ["hora", "aparencia", "style"])
     ])
   ]);
 }
-const De = /* @__PURE__ */ f(Se, [["render", Ae], ["__scopeId", "data-v-da519ace"]]), Oe = m({
+const ye = /* @__PURE__ */ _(be, [["render", Ee], ["__scopeId", "data-v-ff316fd2"]]), Te = f({
   name: "Destaque",
   props: {
     texto: {
       type: String
     }
   }
-});
-const Pe = { class: "destaqueEvento texto-pequeno" };
-function qe(e, a, o, n, t, r) {
-  return s(), c("div", Pe, _(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 ze = /* @__PURE__ */ f(Oe, [["render", qe], ["__scopeId", "data-v-c2f02de8"]]), Ie = m({
+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,
@@ -248,13 +251,6 @@ const ze = /* @__PURE__ */ f(Oe, [["render", qe], ["__scopeId", "data-v-c2f02de8
       default: !0
     }
   },
-  components: {
-    IconeStatus: N,
-    IconeCategoria: G,
-    HoraEvento: De,
-    DescricaoEvento: ke,
-    Destaque: ze
-  },
   emits: {
     click: (e) => !0
   },
@@ -270,30 +266,30 @@ const ze = /* @__PURE__ */ f(Oe, [["render", qe], ["__scopeId", "data-v-c2f02de8
     };
   }
 });
-function Be(e, a, o, n, t, r) {
-  const i = p("IconeStatus"), l = p("HoraEvento"), $ = p("IconeCategoria"), C = p("DescricaoEvento"), D = p("Destaque");
-  return s(), 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(D, { texto: e.textoDestaque }, null, 8, ["texto"])
+    v(O, { texto: e.textoDestaque }, null, 8, ["texto"])
   ], 2);
 }
-const Q = /* @__PURE__ */ f(Ie, [["render", Be]]), Ve = m({
+const G = /* @__PURE__ */ _(Pe, [["render", qe]]), ze = f({
   name: "Box Data",
   props: {
     dataNumero: {
@@ -301,7 +297,8 @@ const Q = /* @__PURE__ */ f(Ie, [["render", Be]]), Ve = m({
       type: Number
     },
     aparencia: {
-      type: String
+      type: String,
+      default: "padrao"
     }
   },
   setup(e) {
@@ -312,38 +309,37 @@ const Q = /* @__PURE__ */ f(Ie, [["render", Be]]), Ve = m({
     };
   }
 });
-function je(e, a, o, n, t, r) {
-  return s(), c("h3", {
+function Ie(e, a, o, n, t, s) {
+  return r(), l("h3", {
     class: P(["boxData padrao", e.classes])
-  }, _(e.dataNumero), 3);
+  }, m(e.dataNumero), 3);
 }
-const He = /* @__PURE__ */ f(Ve, [["render", je], ["__scopeId", "data-v-385cc692"]]), Re = m({
+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: He },
-  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] };
   }
-});
-const we = { class: "separadorPeriodo" }, Me = { class: "areaData" }, Le = { class: "titulo" };
-function Ne(e, a, o, n, t, r) {
+}), je = { class: "separadorPeriodo" }, Re = { class: "areaData" }, Me = { class: "titulo" };
+function He(e, a, o, n, t, s) {
   const i = p("BoxData");
-  return s(), c("div", we, [
-    u("div", Me, [
+  return r(), l("div", je, [
+    u("div", Re, [
       v(i, {
         dataNumero: e.dataSeparador.getDate()
       }, null, 8, ["dataNumero"])
     ]),
-    u("h3", Le, _(e.mesCorrente(e.dataSeparador.getMonth())) + " de " + _(e.dataSeparador.getFullYear()), 1)
+    u("h3", Me, m(e.mesCorrente(e.dataSeparador.getMonth())) + " de " + m(e.dataSeparador.getFullYear()), 1)
   ]);
 }
-const Fe = /* @__PURE__ */ f(Re, [["render", Ne]]), Je = m({
+const Ne = /* @__PURE__ */ _(Ve, [["render", He]]), Le = f({
   name: "Avatar Timeline",
   props: {
     imagem: {
@@ -353,24 +349,23 @@ const Fe = /* @__PURE__ */ f(Re, [["render", Ne]]), Je = m({
       type: String
     }
   }
-});
-const Ye = { class: "avatar" }, Ue = ["src"], Ge = {
+}), we = { class: "avatar" }, Fe = ["src"], Je = {
   key: 1,
   class: "material-symbols-outlined"
-}, Ke = {
+}, Ue = {
   key: 2,
   class: "material-symbols-outlined"
 };
-function Qe(e, a, o, n, t, r) {
-  return s(), c("div", Ye, [
-    e.imagem ? (s(), 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, Ue)) : e.icone ? (s(), c("span", Ge, _(e.icone), 1)) : (s(), c("span", Ke, " person "))
+    }, null, 8, Fe)) : e.icone ? (r(), l("span", Je, m(e.icone), 1)) : (r(), l("span", Ue, " person "))
   ]);
 }
-const We = /* @__PURE__ */ f(Je, [["render", Qe], ["__scopeId", "data-v-28501768"]]), Xe = m({
-  components: { AvatarTimeline: We },
+const Ge = /* @__PURE__ */ _(Le, [["render", Ye], ["__scopeId", "data-v-5d7faa81"]]), Ke = f({
+  components: { AvatarTimeline: Ge },
   props: {
     imagemPerfil: {
       type: String
@@ -394,24 +389,28 @@ const We = /* @__PURE__ */ f(Je, [["render", Qe], ["__scopeId", "data-v-28501768
       }))
     };
   }
-});
-const Ze = { class: "nome" };
-function xe(e, a, o, n, t, r) {
+}), Qe = { class: "nome" };
+function We(e, a, o, n, t, s) {
   const i = p("AvatarTimeline");
-  return s(), c("section", {
+  return r(), l("section", {
     class: P(["perfilTimeline", e.classes])
   }, [
-    e.imagemPerfil ? (s(), k(i, {
+    e.imagemPerfil ? (r(), b(i, {
       key: 0,
       imagem: e.imagemPerfil
-    }, null, 8, ["imagem"])) : e.iconePerfil ? (s(), k(i, {
+    }, null, 8, ["imagem"])) : e.iconePerfil ? (r(), b(i, {
       key: 1,
       icone: e.iconePerfil
-    }, null, 8, ["icone"])) : y("", !0),
-    u("h2", Ze, _(e.nomePerfil), 1)
+    }, null, 8, ["icone"])) : S("", !0),
+    u("h2", Qe, m(e.nomePerfil), 1)
   ], 2);
 }
-const W = /* @__PURE__ */ f(Xe, [["render", xe]]), ea = m({
+const K = /* @__PURE__ */ _(Ke, [["render", We]]), Xe = f({
+  components: {
+    PerfilTimeline: K,
+    SeparadorPeriodo: Ne,
+    EventoTimeline: G
+  },
   props: {
     perfilTimeline: {
       required: !1,
@@ -422,127 +421,121 @@ const W = /* @__PURE__ */ f(Xe, [["render", xe]]), ea = m({
       type: Array
     }
   },
-  components: {
-    PerfilTimeline: W,
-    SeparadorPeriodo: Fe,
-    EventoTimeline: Q
-  },
   emits: {
     eventoClick: (e, a) => !0
   },
   setup(e, { emit: a }) {
-    const o = (h, b) => {
-      h.clicavel !== !1 && a("eventoClick", h, b);
+    const o = ($, h) => {
+      $.clicavel !== !1 && a("eventoClick", $, h);
     }, n = T(e.eventosTimeline);
     let t = T(n);
-    function r() {
-      const h = $(n);
-      n.forEach((b) => {
-        const g = h.length > 0 && h[0] === b;
-        b.atual = g, b.scroll = g;
-      }), D();
+    function s() {
+      const $ = C(n);
+      n.forEach((h) => {
+        const g = $.length > 0 && $[0] === h;
+        h.atual = g, h.scroll = g;
+      }), O();
     }
     const i = () => {
-      setInterval(r, 6e4);
-    }, l = (h, b) => {
-      const g = h.getDay() === b.getDay(), O = h.getMonth() === b.getMonth(), d = h.getFullYear() === b.getFullYear();
-      return g && O && d;
-    }, $ = (h) => {
-      if (h) {
-        const b = Date.now();
-        let g = null, O = [];
-        for (const d of h) {
-          const S = d.data.getTime();
-          if (d.status === "planejado" || d.status === "atrasado") {
-            const z = Math.abs(b - d.data.getTime());
-            if (g === null || z < g && S <= b)
-              g = z, O.length = 0;
+      setInterval(s, 6e4);
+    }, 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 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;
-            O.push(d);
+            D.push(c);
           }
         }
-        return O;
+        return D;
       } else
         return [];
-    }, C = A(() => {
+    }, k = A(() => {
       i();
-      const h = t.sort((b, g) => b.data.getTime() - g.data.getTime());
-      if (h) {
-        let b = [], g = null, O = 0, d;
-        for (const S of h) {
-          const z = /* @__PURE__ */ new Date(), R = S.data;
-          d = S.status;
-          const ae = S.tolerancia * 60 * 1e3;
-          d === "planejado" && R.getTime() + ae < z.getTime() && (S.status = "atrasado"), (!g || !l(g, R)) && (g = R, b.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: S.data,
-            key: ++O
-          })), b.push({
+            valor: E.data,
+            key: ++D
+          })), h.push({
             tipo: "evento",
-            valor: S,
-            key: ++O
+            valor: E,
+            key: ++D
           });
         }
-        return b;
+        return h;
       } else
         return [];
-    }), D = () => {
-      const h = document.querySelector(".atual");
-      !h || !h.scrollIntoView || h.scrollIntoView({
+    }), O = () => {
+      const $ = document.querySelector(".atual");
+      !$ || !$.scrollIntoView || $.scrollIntoView({
         behavior: "smooth",
         block: "center"
       });
     };
-    return r(), {
-      eventosPorTipo: C,
-      scrollParaItemAtual: D,
+    return s(), {
+      eventosPorTipo: k,
+      scrollParaItemAtual: O,
       handleEventoClick: o
     };
   },
   mounted() {
     this.scrollParaItemAtual();
   }
-});
-const aa = { class: "areaTimeline" }, ta = { class: "timeline" };
-function oa(e, a, o, n, t, r) {
-  const i = p("PerfilTimeline"), l = p("SeparadorPeriodo"), $ = p("EventoTimeline");
-  return s(), c("div", aa, [
-    e.perfilTimeline ? (s(), k(i, {
+}), 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,
       imagemPerfil: e.perfilTimeline.imagem,
       iconePerfil: e.perfilTimeline.icone,
       "data-testid": "perfilTimeline"
-    }, null, 8, ["nomePerfil", "imagemPerfil", "iconePerfil"])) : y("", !0),
-    u("section", ta, [
-      (s(!0), c(Y, null, U(e.eventosPorTipo, (C, D) => (s(), c("div", {
-        key: C.key
+    }, null, 8, ["nomePerfil", "imagemPerfil", "iconePerfil"])) : S("", !0),
+    u("section", xe, [
+      (r(!0), l(F, null, J(e.eventosPorTipo, (k, O) => (r(), l("div", {
+        key: k.key
       }, [
-        C.tipo === "dia" ? (s(), k(l, {
+        k.tipo === "dia" ? (r(), b(d, {
           key: 0,
-          dataSeparador: C.valor,
-          "data-testid": `evento-timeline-${D}`
-        }, null, 8, ["dataSeparador", "data-testid"])) : y("", !0),
-        C.tipo === "evento" ? (s(), k($, {
+          dataSeparador: k.valor,
+          "data-testid": `evento-timeline-${O}`
+        }, null, 8, ["dataSeparador", "data-testid"])) : S("", !0),
+        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-${D}`
-        }, null, 8, ["status", "criticidade", "previstoPara", "realizado-em", "categoria", "titulo", "subtitulo", "texto-destaque", "ehAtual", "onClick", "data-testid"])) : y("", !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 X = /* @__PURE__ */ f(ea, [["render", oa]]), na = m({
+const Q = /* @__PURE__ */ _(Xe, [["render", ea]]), aa = f({
   name: "Topo",
   props: {
     titulo: {
@@ -569,26 +562,29 @@ const X = /* @__PURE__ */ f(ea, [["render", oa]]), na = m({
       }))
     };
   }
-});
-const ia = (e) => (V("data-v-33d6850e"), e = e(), j(), e), sa = { class: "conteudoTitulo" }, ra = /* @__PURE__ */ ia(() => /* @__PURE__ */ u("span", { class: "material-symbols-outlined" }, " arrow_back ", -1)), la = [
-  ra
-], ca = { class: "titulo" };
-function da(e, a, o, n, t, r) {
-  return s(), 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", sa, [
+    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, _(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__ */ f(na, [["render", da], ["__scopeId", "data-v-33d6850e"]]), pa = m({
+const ia = /* @__PURE__ */ _(aa, [["render", na], ["__scopeId", "data-v-1e557029"]]), ra = {
+  MEDIO: "medio"
+}, sa = {
+  OUTLINE: "outline"
+}, la = f({
   name: "Botao",
   props: {
     titulo: {
@@ -600,11 +596,11 @@ const ua = /* @__PURE__ */ f(na, [["render", da], ["__scopeId", "data-v-33d6850e
     },
     aparencia: {
       type: String,
-      default: "outline"
+      default: sa.OUTLINE
     },
     tamanho: {
       type: String,
-      default: "medio"
+      default: ra.MEDIO
     }
   },
   emits: {
@@ -623,29 +619,28 @@ const ua = /* @__PURE__ */ f(na, [["render", da], ["__scopeId", "data-v-33d6850e
       classes: n
     };
   }
-});
-const va = {
+}), ca = {
   key: 0,
   class: "material-symbols-outlined"
 };
-function _a(e, a, o, n, t, r) {
-  return s(), 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))
   }, [
     I(e.$slots, "default", {}, () => [
-      e.icone ? (s(), c("span", va, _(e.icone), 1)) : y("", !0),
-      L(" " + _(e.titulo), 1)
+      e.icone ? (r(), l("span", ca, m(e.icone), 1)) : S("", !0),
+      H(" " + m(e.titulo), 1)
     ], !0)
   ]);
 }
-const H = /* @__PURE__ */ f(pa, [["render", _a], ["__scopeId", "data-v-ce25287c"]]), ma = m({
-  components: { Botao: H, PerfilTimeline: W, IconeCategoria: G, Hora: K },
+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: {
@@ -656,61 +651,60 @@ const H = /* @__PURE__ */ f(pa, [["render", _a], ["__scopeId", "data-v-ce25287c"
   setup(e) {
     return {};
   }
-});
-const Z = (e) => (V("data-v-aa43d357"), e = e(), j(), e), fa = {
+}), pa = {
   key: 1,
   class: "criticidade"
-}, $a = { class: "titulo" }, ha = { class: "dataHora" }, Ca = { class: "box" }, ba = /* @__PURE__ */ Z(() => /* @__PURE__ */ u("span", { class: "material-symbols-outlined" }, " calendar_month ", -1)), ka = { class: "horaEvento" }, ya = {
+}, va = { class: "titulo" }, ma = { class: "dataHora" }, fa = { class: "box" }, _a = { class: "horaEvento" }, Ca = {
   key: 0,
   class: "horaRealizada texto-grande"
-}, ga = {
+}, $a = {
   key: 1,
   class: "horaPlanejada texto-pequeno"
-}, Sa = {
+}, ka = {
   key: 2,
   class: "horaRealizada texto-grande"
-}, Ea = { class: "box" }, Ta = /* @__PURE__ */ Z(() => /* @__PURE__ */ u("span", { class: "material-symbols-outlined" }, " schedule ", -1)), Aa = { class: "horaEvento" };
-function Da(e, a, o, n, t, r) {
-  const i = p("PerfilTimeline"), l = p("IconeCategoria"), $ = p("Hora");
-  return s(), 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 ? (s(), k(i, {
+    e.perfil ? (r(), b(i, {
       key: 0,
       nomePerfil: e.perfil.nome,
       imagemPerfil: e.perfil.imagem,
       iconePerfil: e.perfil.icone,
       formatoReduzido: !0
-    }, null, 8, ["nomePerfil", "imagemPerfil", "iconePerfil"])) : y("", !0),
-    e.evento.criticidade !== "baixa" ? (s(), c("div", fa, " Criticidade: " + _(e.evento.criticidade), 1)) : y("", !0),
-    u("div", $a, [
-      v(l, {
+    }, null, 8, ["nomePerfil", "imagemPerfil", "iconePerfil"])) : S("", !0),
+    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, _(e.evento.titulo), 1)
+      u("h1", null, m(e.evento.titulo), 1)
     ]),
-    u("div", ha, [
-      u("div", Ca, [
-        ba,
-        u("div", ka, [
-          e.evento.realizado ? (s(), c("div", ya, _(e.evento.realizado.toLocaleDateString()), 1)) : y("", !0),
-          e.evento.realizado ? (s(), c("div", ga, _(e.evento.realizado.toLocaleDateString()), 1)) : (s(), c("div", Sa, _(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", Ea, [
-        Ta,
-        u("div", Aa, [
-          e.evento.realizado ? (s(), k($, {
+      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"])) : y("", !0),
-          e.evento.realizado ? (s(), k($, {
+          }, null, 8, ["hora"])) : S("", !0),
+          e.evento.realizado ? (r(), b(C, {
             key: 1,
             class: "horaPlanejada texto-pequeno",
             hora: e.evento.previstoPara
-          }, null, 8, ["hora"])) : (s(), k($, {
+          }, null, 8, ["hora"])) : (r(), b(C, {
             key: 2,
             class: "horaRealizada texto-grande",
             hora: e.evento.previstoPara
@@ -720,9 +714,9 @@ function Da(e, a, o, n, t, r) {
     ])
   ], 2);
 }
-const Oa = /* @__PURE__ */ f(ma, [["render", Da], ["__scopeId", "data-v-aa43d357"]]), Pa = m({
-  components: { Botao: H },
+const ga = /* @__PURE__ */ _(ua, [["render", Sa], ["__scopeId", "data-v-c73f8cf6"]]), Ea = f({
   name: "Observacoes",
+  components: { Botao: V },
   props: {
     tituloBotao: {
       type: String
@@ -741,24 +735,23 @@ const Oa = /* @__PURE__ */ f(ma, [["render", Da], ["__scopeId", "data-v-aa43d357
     };
     return e.observacoes.sort((n, t) => t.criadaEm.getTime() - n.criadaEm.getTime()), e = T(e), { emitirAdicionarClick: o };
   }
-});
-const qa = (e) => (V("data-v-27347f9c"), e = e(), j(), e), za = {
+}), ya = {
   class: "box box-observacoes",
   "data-testid": "observacoes"
-}, Ia = /* @__PURE__ */ qa(() => /* @__PURE__ */ u("h3", null, "Observações:", -1)), Ba = { class: "lista-obs" }, Va = ["data-testid"], ja = { class: "texto" }, Ha = { class: "autor" };
-function Ra(e, a, o, n, t, r) {
+}, 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 s(), c("section", za, [
-    Ia,
-    u("ul", Ba, [
-      (s(!0), c(Y, null, U(e.observacoes, (l, $) => (s(), 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", ja, _(l.mensagem), 1),
-        u("div", Ha, _(l.autor.nome) + " em " + _(l.criadaEm.toLocaleDateString()) + " às " + _(l.criadaEm.getHours()) + ":" + _(l.criadaEm.getMinutes().toString().padStart(2, "0")), 1)
-      ], 8, Va))), 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,
@@ -770,9 +763,9 @@ function Ra(e, a, o, n, t, r) {
     }, null, 8, ["titulo", "onClick"])
   ]);
 }
-const wa = /* @__PURE__ */ f(Pa, [["render", Ra], ["__scopeId", "data-v-27347f9c"]]), Ma = m({
-  components: { Botao: H, IconeStatus: N },
+const qa = /* @__PURE__ */ _(Ea, [["render", Pa], ["__scopeId", "data-v-2d6bb2ba"]]), za = f({
   name: "BotaoStatus",
+  components: { Botao: V, IconeStatus: N },
   props: {
     aparencia: {
       type: String
@@ -798,27 +791,27 @@ const wa = /* @__PURE__ */ f(Pa, [["render", Ra], ["__scopeId", "data-v-27347f9c
     };
   }
 });
-function La(e, a, o, n, t, r) {
-  const i = p("IconeStatus"), l = p("Botao");
-  return s(), k(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: E(() => [
+    default: y(() => [
       v(i, {
         class: "icone",
         status: e.status
       }, null, 8, ["status"]),
-      L(" " + _(e.status), 1)
+      H(" " + m(e.status), 1)
     ]),
     _: 1
   }, 8, ["aparencia", "class", "onClick"]);
 }
-const x = /* @__PURE__ */ f(Ma, [["render", La], ["__scopeId", "data-v-9b0bacc7"]]), Na = m({
-  components: { BotaoStatus: x },
+const W = /* @__PURE__ */ _(za, [["render", Ia], ["__scopeId", "data-v-8eb6d62e"]]), Ba = f({
   name: "StatusEvento",
+  components: { BotaoStatus: W },
   props: {
     aparencia: {
       type: String
@@ -840,12 +833,11 @@ const x = /* @__PURE__ */ f(Ma, [["render", La], ["__scopeId", "data-v-9b0bacc7"
       props: e
     };
   }
-});
-const Fa = (e) => (V("data-v-027bde63"), e = e(), j(), e), Ja = { class: "box box-status" }, Ya = /* @__PURE__ */ Fa(() => /* @__PURE__ */ u("h3", null, "Status:", -1));
-function Ua(e, a, o, n, t, r) {
+}), Va = { class: "box box-status" };
+function ja(e, a, o, n, t, s) {
   const i = p("BotaoStatus");
-  return s(), c("section", Ja, [
-    Ya,
+  return r(), l("section", Va, [
+    a[0] || (a[0] = u("h3", null, "Status:", -1)),
     v(i, {
       "data-testid": "botao-status",
       aparencia: e.aparencia,
@@ -854,11 +846,12 @@ function Ua(e, a, o, n, t, r) {
     }, null, 8, ["aparencia", "status", "onClick"])
   ]);
 }
-const Ga = /* @__PURE__ */ f(Na, [["render", Ua], ["__scopeId", "data-v-027bde63"]]), Ka = m({
+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: {
@@ -866,7 +859,6 @@ const Ga = /* @__PURE__ */ f(Na, [["render", Ua], ["__scopeId", "data-v-027bde63
       type: Object
     }
   },
-  components: { CabecalhoEventoDetalhado: Oa, Observacoes: wa, StatusEvento: Ga },
   emits: {
     statusEditarClick: (e) => !0,
     observacaoAdicionarClick: (e) => !0
@@ -881,20 +873,19 @@ const Ga = /* @__PURE__ */ f(Na, [["render", Ua], ["__scopeId", "data-v-027bde63
       }
     };
   }
-});
-const Qa = {
+}), Ha = {
   class: "evento",
   "data-testid": "evento-detalhado"
-}, Wa = { class: "descricao" };
-function Xa(e, a, o, n, t, r) {
-  const i = p("CabecalhoEventoDetalhado"), l = p("Observacoes"), $ = p("StatusEvento");
-  return s(), c("div", Qa, [
+}, 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",
       appear: ""
     }, {
-      default: E(() => [
+      default: y(() => [
         v(i, {
           perfil: e.perfil,
           evento: e.evento
@@ -907,10 +898,10 @@ function Xa(e, a, o, n, t, r) {
       mode: "out-in",
       appear: ""
     }, {
-      default: E(() => [
-        u("section", Wa, [
+      default: y(() => [
+        u("section", Na, [
           I(e.$slots, "descricao", {}, () => [
-            L(_(e.evento.subtitulo), 1)
+            H(m(e.evento.subtitulo), 1)
           ])
         ])
       ]),
@@ -921,8 +912,8 @@ function Xa(e, a, o, n, t, r) {
       mode: "out-in",
       appear: ""
     }, {
-      default: E(() => [
-        v(l, {
+      default: y(() => [
+        v(d, {
           observacoes: e.evento.observacoes,
           tituloBotao: "Inserir observação",
           onAdicionarClick: e.handleAdicionarObservacaoClick
@@ -935,8 +926,8 @@ function Xa(e, a, o, n, t, r) {
       mode: "out-in",
       appear: ""
     }, {
-      default: E(() => [
-        v($, {
+      default: y(() => [
+        v(C, {
           "data-testid": "status-evento",
           aparencia: "preenchido",
           status: e.evento.status,
@@ -947,9 +938,9 @@ function Xa(e, a, o, n, t, r) {
     })
   ]);
 }
-const ee = /* @__PURE__ */ f(Ka, [["render", Xa]]), Za = m({
+const X = /* @__PURE__ */ _(Ma, [["render", La]]), wa = f({
   name: "AreaSalvamento",
-  components: { Botao: H },
+  components: { Botao: V },
   emits: {
     salvarClick: (e) => !0,
     cancelarClick: (e) => !0
@@ -964,14 +955,13 @@ const ee = /* @__PURE__ */ f(Ka, [["render", Xa]]), Za = m({
       }
     };
   }
-});
-const xa = {
+}), Fa = {
   class: "area-salvamento",
   "data-testid": "area-salvamento"
 };
-function et(e, a, o, n, t, r) {
+function Ja(e, a, o, n, t, s) {
   const i = p("Botao");
-  return s(), c("section", xa, [
+  return r(), l("section", Fa, [
     I(e.$slots, "default", {}, void 0, !0),
     v(i, {
       "data-testid": "botao-salvar",
@@ -989,13 +979,13 @@ function et(e, a, o, n, t, r) {
     }, null, 8, ["onClick"])
   ]);
 }
-const at = /* @__PURE__ */ f(Za, [["render", et], ["__scopeId", "data-v-bffa6dc0"]]), tt = m({
+const Ua = /* @__PURE__ */ _(wa, [["render", Ja], ["__scopeId", "data-v-68a1bae4"]]), Ya = f({
+  components: { AreaSalvamento: Ua },
   props: {
     salvarVisivel: {
       type: Boolean
     }
   },
-  components: { AreaSalvamento: at },
   emits: {
     salvarClick: (e) => !0,
     cancelarClick: (e) => !0
@@ -1010,21 +1000,20 @@ const at = /* @__PURE__ */ f(Za, [["render", et], ["__scopeId", "data-v-bffa6dc0
       }
     };
   }
-});
-const ot = {
+}), Ga = {
   class: "editar-evento",
   "data-testid": "editar-evento"
-}, nt = { class: "area-conteudo" }, it = { class: "salvar" };
-function st(e, a, o, n, t, r) {
+}, Ka = { class: "area-conteudo" }, Qa = { class: "salvar" };
+function Wa(e, a, o, n, t, s) {
   const i = p("AreaSalvamento");
-  return s(), c("div", ot, [
+  return r(), l("div", Ga, [
     v(q, {
       name: "fadeTopo",
       mode: "out-in",
       appear: ""
     }, {
-      default: E(() => [
-        u("div", nt, [
+      default: y(() => [
+        u("div", Ka, [
           I(e.$slots, "conteudo")
         ])
       ]),
@@ -1035,14 +1024,14 @@ function st(e, a, o, n, t, r) {
       mode: "out-in",
       appear: ""
     }, {
-      default: E(() => [
-        u("div", it, [
+      default: y(() => [
+        u("div", Qa, [
           v(i, {
             "data-testid": "area-salvamento",
             onCancelarClick: e.emitirCancelarClick,
             onSalvarClick: e.emitirSalvarClick
           }, {
-            default: E(() => [
+            default: y(() => [
               I(e.$slots, "salvamento")
             ]),
             _: 3
@@ -1053,7 +1042,8 @@ function st(e, a, o, n, t, r) {
     })
   ]);
 }
-const F = /* @__PURE__ */ f(tt, [["render", st]]), rt = m({
+const L = /* @__PURE__ */ _(Ya, [["render", Wa]]), Xa = f({
+  components: { EditarEvento: L, IconeStatus: N, BotaoStatus: W },
   props: {
     salvarVisivel: {
       type: Boolean
@@ -1063,74 +1053,72 @@ const F = /* @__PURE__ */ f(tt, [["render", st]]), rt = m({
       type: Object
     }
   },
-  components: { EditarEvento: F, IconeStatus: N, 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 r(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,
-      atualizarSelecionado: r,
+      atualizarSelecionado: s,
       selecionado: t,
       getAparencia: i
     };
   }
-});
-const lt = /* @__PURE__ */ u("h2", null, "Alterar o Status para:", -1), ct = {
+}), Za = {
   key: 0,
   class: "nova-data"
-}, dt = /* @__PURE__ */ u("h2", null, "Nova Data:", -1), ut = /* @__PURE__ */ u("p", null, "componente de seleção de data deve entrar aqui.", -1), pt = [
-  dt,
-  ut
-];
-function vt(e, a, o, n, t, r) {
-  const i = p("BotaoStatus"), l = p("EditarEvento");
-  return s(), k(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: E(() => [
-      lt,
+    conteudo: y(() => [
+      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: E(() => [
+    salvamento: y(() => [
       v(q, {
         name: "fadeBaixo",
         mode: "out-in",
         appear: ""
       }, {
-        default: E(() => [
-          e.selecionado === "adiado" ? (s(), c("div", ct, pt)) : y("", !0)
+        default: y(() => [
+          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
       })
@@ -1138,7 +1126,8 @@ function vt(e, a, o, n, t, r) {
     _: 1
   }, 8, ["salvarVisivel", "onCancelarClick"]);
 }
-const _t = /* @__PURE__ */ f(rt, [["render", vt]]), mt = m({
+const et = /* @__PURE__ */ _(Xa, [["render", xa]]), at = f({
+  components: { EditarEvento: L },
   props: {
     salvarVisivel: {
       type: Boolean
@@ -1147,7 +1136,6 @@ const _t = /* @__PURE__ */ f(rt, [["render", vt]]), mt = m({
       type: String
     }
   },
-  components: { EditarEvento: F },
   emits: {
     adicionarClick: (e, a) => !0,
     cancelarClick: (e) => !0
@@ -1156,39 +1144,37 @@ const _t = /* @__PURE__ */ f(rt, [["render", vt]]), mt = m({
     const o = M({
       observacaoLocal: e.observacao || ""
     });
-    return { salvar: (r) => {
+    return { salvar: (s) => {
       const i = o.value.observacaoLocal;
-      a("adicionarClick", i, r);
-    }, cancelar: (r) => {
-      a("cancelarClick", r);
+      a("adicionarClick", i, s);
+    }, cancelar: (s) => {
+      a("cancelarClick", s);
     }, state: o };
   }
 });
-const ft = /* @__PURE__ */ u("h2", null, "Observação:", -1);
-function $t(e, a, o, n, t, r) {
+function tt(e, a, o, n, t, s) {
   const i = p("EditarEvento");
-  return s(), k(i, {
+  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: E(() => [
-      ft,
-      te(u("textarea", {
+    conteudo: y(() => [
+      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 ht = /* @__PURE__ */ f(mt, [["render", $t]]), Ct = m({
+const ot = /* @__PURE__ */ _(at, [["render", tt]]), nt = f({
+  components: { Topo: ia, Evento: X, Timeline: Q, EditarStatus: et, AdicionarObservacao: ot },
   props: {
     perfil: {
       required: !0,
@@ -1199,7 +1185,6 @@ const ht = /* @__PURE__ */ f(mt, [["render", $t]]), Ct = m({
       type: Array
     }
   },
-  components: { Topo: ua, Evento: ee, Timeline: X, EditarStatus: _t, AdicionarObservacao: ht },
   emits: {
     eventoTimelineClicked: (e, a) => !0,
     eventoStatusEditClicked: (e, a) => !0,
@@ -1224,77 +1209,76 @@ const ht = /* @__PURE__ */ f(mt, [["render", $t]]), Ct = m({
         eventosDetalhados: o,
         eventoAtual: n
       }
-    }), r = (d) => "observacoes" in d, i = (d) => {
-      const S = ["Timeline", "Evento"];
-      t.topo.exibir = S.includes(d), t.timeline.exibir = d === "Timeline", t.evento.exibir = d === "Evento", t.editarStatus.exibir = d === "EditarStatus", t.adicionarObservacao.exibir = d === "AdicionarObservacao";
+    }), s = (c) => "observacoes" in c, i = (c) => {
+      const E = ["Timeline", "Evento"];
+      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, S) => {
-        r(d) && (a("eventoTimelineClicked", d, S), 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, S) => {
-        t.dados.eventoAtual && (i("Evento"), a("editarStatusSalvarClicked", t.dados.eventoAtual, d, S));
+      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, S) => {
+      handleAdicionarObservacaoSalvarClick: (c, E) => {
         t.dados.eventoAtual && (i("Evento"), a(
           "adicionarObservacaoSalvarClicked",
           t.dados.eventoAtual,
-          d,
-          S
+          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
     };
   }
-});
-const bt = {
+}), it = {
   class: "pagina",
   "data-testid": "template-timeline"
 };
-function kt(e, a, o, n, t, r) {
-  const i = p("Topo"), l = p("Timeline"), $ = p("Evento"), C = p("EditarStatus"), D = p("AdicionarObservacao");
-  return s(), c("div", bt, [
-    e.TemplateTimeline.topo.exibir ? (s(), k(i, {
+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"])) : y("", !0),
-    e.TemplateTimeline.timeline.exibir ? (s(), k(l, {
+    }, null, 8, ["titulo", "onVoltarClick"])) : S("", !0),
+    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"])) : y("", !0),
-    e.TemplateTimeline.dados.eventoAtual && e.TemplateTimeline.evento.exibir ? (s(), k($, {
+    }, null, 8, ["perfilTimeline", "eventosTimeline", "onEventoClick"])) : S("", !0),
+    e.TemplateTimeline.dados.eventoAtual && e.TemplateTimeline.evento.exibir ? (r(), b(C, {
       key: 2,
       "data-testid": "evento-detalhado",
       perfil: e.TemplateTimeline.dados.perfil,
       evento: e.TemplateTimeline.dados.eventoAtual,
       onObservacaoAdicionarClick: e.handleObservacaoAdicionarClick,
       onStatusEditarClick: e.handleStatusEditarClick
-    }, null, 8, ["perfil", "evento", "onObservacaoAdicionarClick", "onStatusEditarClick"])) : y("", !0),
-    e.TemplateTimeline.dados.eventoAtual && e.TemplateTimeline.editarStatus.exibir ? (s(), k(C, {
+    }, null, 8, ["perfil", "evento", "onObservacaoAdicionarClick", "onStatusEditarClick"])) : S("", !0),
+    e.TemplateTimeline.dados.eventoAtual && e.TemplateTimeline.editarStatus.exibir ? (r(), b(k, {
       key: 3,
       "data-testid": "editar-status",
       salvarVisivel: e.TemplateTimeline.editarStatus.exibir,
@@ -1302,44 +1286,43 @@ function kt(e, a, o, n, t, r) {
       evento: e.TemplateTimeline.dados.eventoAtual,
       onSalvarClick: e.handleStatusSalvarClick,
       onCancelarClick: e.handleStatusCancelarClick
-    }, null, 8, ["salvarVisivel", "perfil", "evento", "onSalvarClick", "onCancelarClick"])) : y("", !0),
-    e.TemplateTimeline.adicionarObservacao.exibir ? (s(), k(D, {
+    }, null, 8, ["salvarVisivel", "perfil", "evento", "onSalvarClick", "onCancelarClick"])) : S("", !0),
+    e.TemplateTimeline.adicionarObservacao.exibir ? (r(), b(O, {
       key: 4,
       "data-testid": "adicionar-observacao",
       salvarVisivel: e.TemplateTimeline.adicionarObservacao.exibir,
       onAdicionarClick: e.handleAdicionarObservacaoSalvarClick,
       onCancelarClick: e.handleObservacaoAdicionarCancelarClick
-    }, null, 8, ["salvarVisivel", "onAdicionarClick", "onCancelarClick"])) : y("", !0)
+    }, null, 8, ["salvarVisivel", "onAdicionarClick", "onCancelarClick"])) : S("", !0)
   ]);
 }
-const yt = /* @__PURE__ */ f(Ct, [["render", kt]]), gt = /* @__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" })), St = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), w = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  EditarEvento: F,
-  EventoDetalhado: ee,
-  EventoTimeline: Q,
-  TemplateTimeline: yt,
-  Timeline: X,
-  Tipos: gt,
-  TiposDetalhado: St
-}, Symbol.toStringTag, { value: "Module" }));
-const Tt = {
+  EditarEvento: L,
+  EventoDetalhado: X,
+  EventoTimeline: G,
+  TemplateTimeline: st,
+  Timeline: Q,
+  Tipos: lt,
+  TiposDetalhado: ct
+}, Symbol.toStringTag, { value: "Module" })), pt = {
   install(e, ...a) {
-    Object.keys(J).forEach((o) => {
-      const n = J[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,
-  Q as EventoTimeline,
-  yt as TemplateTimeline,
-  Tt as Timeline,
-  gt as Tipos,
-  St as TiposDetalhado
+  L as EditarEvento,
+  X as EventoDetalhado,
+  G as EventoTimeline,
+  st as TemplateTimeline,
+  pt as Timeline,
+  lt as Tipos,
+  ct as TiposDetalhado
 };