@devix-tecnologia/timeline-vue 3.0.0 → 3.1.0

package/dist/timeline-vue.es.js

@@ -1,5 +1,5 @@
-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, 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({
   name: "Icone Categoria",
   props: {
     iconeCategoria: {
@@ -36,25 +36,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, [
+}, ie = { class: "areaCategoria" }, re = ["alt"], se = { class: "material-symbols-outlined" };
+function le(e, a, o, n, t, s) {
+  return r(), c("div", ie, [
     u("div", {
       class: P(["iconeCategoria", e.classes]),
-      style: w(e.style),
+      style: H(e.style),
       alt: e.categoria
     }, [
-      u("span", re, _(e.iconeCategoria), 1)
-    ], 14, se)
+      u("span", se, m(e.iconeCategoria), 1)
+    ], 14, re)
   ]);
 }
-const G = /* @__PURE__ */ f(ne, [["render", le], ["__scopeId", "data-v-f922d1fe"]]), ce = m({
+const G = /* @__PURE__ */ _(ne, [["render", le], ["__scopeId", "data-v-f922d1fe"]]), ce = f({
   name: "Icone Status",
   props: {
     status: {
@@ -70,12 +69,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 de(e, a, o, n, t, s) {
+  return r(), c("div", {
     class: P([e.classes, "iconeStatus"])
   }, null, 2);
 }
-const N = /* @__PURE__ */ f(ce, [["render", de], ["__scopeId", "data-v-efe84975"]]), ue = m({
+const w = /* @__PURE__ */ _(ce, [["render", de], ["__scopeId", "data-v-efe84975"]]), ue = f({
   name: "Subtítulo Evento",
   props: {
     subtitulo: {
@@ -83,12 +82,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);
+}), pe = { class: "subtitulo" };
+function ve(e, a, o, n, t, s) {
+  return r(), c("h4", pe, m(e.subtitulo), 1);
 }
-const _e = /* @__PURE__ */ f(ue, [["render", ve], ["__scopeId", "data-v-5f7c5673"]]), me = m({
+const me = /* @__PURE__ */ _(ue, [["render", ve], ["__scopeId", "data-v-5f7c5673"]]), fe = f({
   name: "Título Evento",
   props: {
     titulo: {
@@ -96,12 +94,11 @@ 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);
+}), _e = { class: "titulo" };
+function $e(e, a, o, n, t, s) {
+  return r(), c("h3", _e, m(e.titulo), 1);
 }
-const he = /* @__PURE__ */ f(me, [["render", $e], ["__scopeId", "data-v-7369e837"]]), Ce = m({
+const he = /* @__PURE__ */ _(fe, [["render", $e], ["__scopeId", "data-v-7369e837"]]), Ce = f({
   name: "Descrição Evento",
   props: {
     titulo: {
@@ -113,22 +110,22 @@ const he = /* @__PURE__ */ f(me, [["render", $e], ["__scopeId", "data-v-7369e837
       type: String
     }
   },
-  components: { TituloEvento: he, SubtituloEvento: _e }
+  components: { TituloEvento: he, SubtituloEvento: me }
 });
-function be(e, a, o, n, t, r) {
+function ke(e, a, o, n, t, s) {
   const i = p("TituloEvento"), l = p("SubtituloEvento");
-  return s(), c("div", {
+  return r(), c("div", {
     class: "descricaoEvento",
-    style: w(`${e.subtitulo ? "" : "padding-top: 3.3rem"}`)
+    style: H(`${e.subtitulo ? "" : "padding-top: 3.3rem"}`)
   }, [
     v(i, { titulo: e.titulo }, null, 8, ["titulo"]),
-    e.subtitulo ? (s(), k(l, {
+    e.subtitulo ? (r(), b(l, {
       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 be = /* @__PURE__ */ _(Ce, [["render", ke], ["__scopeId", "data-v-793cab8b"]]), Se = f({
   name: "Hora",
   props: {
     hora: {
@@ -153,12 +150,12 @@ const ke = /* @__PURE__ */ f(Ce, [["render", be], ["__scopeId", "data-v-793cab8b
     };
   }
 });
-function ge(e, a, o, n, t, r) {
-  return s(), c("div", {
+function ge(e, a, o, n, t, s) {
+  return r(), c("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 Q = /* @__PURE__ */ _(Se, [["render", ge], ["__scopeId", "data-v-d3082250"]]), Ee = f({
   name: "Hora Evento",
   props: {
     horaPrevista: {
@@ -170,39 +167,37 @@ const K = /* @__PURE__ */ f(ye, [["render", ge], ["__scopeId", "data-v-d3082250"
       type: Date
     }
   },
-  components: { Hora: K }
-});
-const Ee = { class: "areaHora" }, Te = { class: "horaEvento" };
-function Ae(e, a, o, n, t, r) {
+  components: { Hora: Q }
+}), ye = { class: "areaHora" }, Te = { class: "horaEvento" };
+function Ae(e, a, o, n, t, s) {
   const i = p("Hora");
-  return s(), c("div", Ee, [
+  return r(), c("div", ye, [
     u("div", Te, [
-      e.horaRealizada ? (s(), k(i, {
+      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: H(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 Oe = /* @__PURE__ */ _(Ee, [["render", Ae], ["__scopeId", "data-v-da519ace"]]), De = 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);
+}), Pe = { class: "destaqueEvento texto-pequeno" };
+function qe(e, a, o, n, t, s) {
+  return r(), c("div", Pe, m(e.texto), 1);
 }
-const ze = /* @__PURE__ */ f(Oe, [["render", qe], ["__scopeId", "data-v-c2f02de8"]]), Ie = m({
+const Ie = /* @__PURE__ */ _(De, [["render", qe], ["__scopeId", "data-v-c2f02de8"]]), ze = f({
   name: "Evento Timeline",
   props: {
     status: {
@@ -249,11 +244,11 @@ const ze = /* @__PURE__ */ f(Oe, [["render", qe], ["__scopeId", "data-v-c2f02de8
     }
   },
   components: {
-    IconeStatus: N,
+    IconeStatus: w,
     IconeCategoria: G,
-    HoraEvento: De,
-    DescricaoEvento: ke,
-    Destaque: ze
+    HoraEvento: Oe,
+    DescricaoEvento: be,
+    Destaque: Ie
   },
   emits: {
     click: (e) => !0
@@ -270,9 +265,9 @@ 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 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", {
     "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))
@@ -290,10 +285,10 @@ function Be(e, a, o, n, t, r) {
       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 Z = /* @__PURE__ */ _(ze, [["render", Be]]), Ve = f({
   name: "Box Data",
   props: {
     dataNumero: {
@@ -312,12 +307,12 @@ const Q = /* @__PURE__ */ f(Ie, [["render", Be]]), Ve = m({
     };
   }
 });
-function je(e, a, o, n, t, r) {
-  return s(), c("h3", {
+function je(e, a, o, n, t, s) {
+  return r(), c("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 Re = /* @__PURE__ */ _(Ve, [["render", je], ["__scopeId", "data-v-385cc692"]]), Ne = f({
   name: "SeparadorPeriodo",
   props: {
     dataSeparador: {
@@ -325,25 +320,24 @@ const He = /* @__PURE__ */ f(Ve, [["render", je], ["__scopeId", "data-v-385cc692
       type: Date
     }
   },
-  components: { BoxData: He },
+  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] };
   }
-});
-const we = { class: "separadorPeriodo" }, Me = { class: "areaData" }, Le = { class: "titulo" };
-function Ne(e, a, o, n, t, r) {
+}), He = { class: "separadorPeriodo" }, Me = { class: "areaData" }, Le = { class: "titulo" };
+function we(e, a, o, n, t, s) {
   const i = p("BoxData");
-  return s(), c("div", we, [
+  return r(), c("div", He, [
     u("div", Me, [
       v(i, {
         dataNumero: e.dataSeparador.getDate()
       }, null, 8, ["dataNumero"])
     ]),
-    u("h3", Le, _(e.mesCorrente(e.dataSeparador.getMonth())) + " de " + _(e.dataSeparador.getFullYear()), 1)
+    u("h3", Le, m(e.mesCorrente(e.dataSeparador.getMonth())) + " de " + m(e.dataSeparador.getFullYear()), 1)
   ]);
 }
-const Fe = /* @__PURE__ */ f(Re, [["render", Ne]]), Je = m({
+const Fe = /* @__PURE__ */ _(Ne, [["render", we]]), Ue = f({
   name: "Avatar Timeline",
   props: {
     imagem: {
@@ -353,24 +347,23 @@ const Fe = /* @__PURE__ */ f(Re, [["render", Ne]]), Je = m({
       type: String
     }
   }
-});
-const Ye = { class: "avatar" }, Ue = ["src"], Ge = {
+}), Je = { class: "avatar" }, Ye = ["src"], Ge = {
   key: 1,
   class: "material-symbols-outlined"
-}, Ke = {
+}, Qe = {
   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 Ze(e, a, o, n, t, s) {
+  return r(), c("div", Je, [
+    e.imagem ? (r(), c("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, Ye)) : e.icone ? (r(), c("span", Ge, m(e.icone), 1)) : (r(), c("span", Qe, " person "))
   ]);
 }
-const We = /* @__PURE__ */ f(Je, [["render", Qe], ["__scopeId", "data-v-28501768"]]), Xe = m({
-  components: { AvatarTimeline: We },
+const Ke = /* @__PURE__ */ _(Ue, [["render", Ze], ["__scopeId", "data-v-28501768"]]), We = f({
+  components: { AvatarTimeline: Ke },
   props: {
     imagemPerfil: {
       type: String
@@ -394,24 +387,23 @@ const We = /* @__PURE__ */ f(Je, [["render", Qe], ["__scopeId", "data-v-28501768
       }))
     };
   }
-});
-const Ze = { class: "nome" };
-function xe(e, a, o, n, t, r) {
+}), Xe = { class: "nome" };
+function xe(e, a, o, n, t, s) {
   const i = p("AvatarTimeline");
-  return s(), c("section", {
+  return r(), c("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", Xe, m(e.nomePerfil), 1)
   ], 2);
 }
-const W = /* @__PURE__ */ f(Xe, [["render", xe]]), ea = m({
+const K = /* @__PURE__ */ _(We, [["render", xe]]), ea = f({
   props: {
     perfilTimeline: {
       required: !1,
@@ -423,108 +415,107 @@ const W = /* @__PURE__ */ f(Xe, [["render", xe]]), ea = m({
     }
   },
   components: {
-    PerfilTimeline: W,
+    PerfilTimeline: K,
     SeparadorPeriodo: Fe,
-    EventoTimeline: Q
+    EventoTimeline: Z
   },
   emits: {
     eventoClick: (e, a) => !0
   },
   setup(e, { emit: a }) {
-    const o = (h, b) => {
-      h.clicavel !== !1 && a("eventoClick", h, b);
+    const o = (h, k) => {
+      h.clicavel !== !1 && a("eventoClick", h, k);
     }, n = T(e.eventosTimeline);
     let t = T(n);
-    function r() {
+    function s() {
       const h = $(n);
-      n.forEach((b) => {
-        const g = h.length > 0 && h[0] === b;
-        b.atual = g, b.scroll = g;
-      }), D();
+      n.forEach((k) => {
+        const g = h.length > 0 && h[0] === k;
+        k.atual = g, k.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;
+      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 b = Date.now();
-        let g = null, O = [];
+        const k = Date.now();
+        let g = null, D = [];
         for (const d of h) {
-          const S = d.data.getTime();
+          const E = 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;
-            else if (z > g)
+            const I = Math.abs(k - d.data.getTime());
+            if (g === null || I < g && E <= k)
+              g = I, D.length = 0;
+            else if (I > g)
               continue;
-            O.push(d);
+            D.push(d);
           }
         }
-        return O;
+        return D;
       } else
         return [];
     }, C = A(() => {
       i();
-      const h = t.sort((b, g) => b.data.getTime() - g.data.getTime());
+      const h = t.sort((k, g) => k.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({
+        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({
             tipo: "dia",
-            valor: S.data,
-            key: ++O
-          })), b.push({
+            valor: E.data,
+            key: ++D
+          })), k.push({
             tipo: "evento",
-            valor: S,
-            key: ++O
+            valor: E,
+            key: ++D
           });
         }
-        return b;
+        return k;
       } else
         return [];
-    }), D = () => {
+    }), O = () => {
       const h = document.querySelector(".atual");
       !h || !h.scrollIntoView || h.scrollIntoView({
         behavior: "smooth",
         block: "center"
       });
     };
-    return r(), {
+    return s(), {
       eventosPorTipo: C,
-      scrollParaItemAtual: D,
+      scrollParaItemAtual: O,
       handleEventoClick: o
     };
   },
   mounted() {
     this.scrollParaItemAtual();
   }
-});
-const aa = { class: "areaTimeline" }, ta = { class: "timeline" };
-function oa(e, a, o, n, t, r) {
+}), aa = { class: "areaTimeline" }, ta = { class: "timeline" };
+function oa(e, a, o, n, t, s) {
   const i = p("PerfilTimeline"), l = p("SeparadorPeriodo"), $ = p("EventoTimeline");
-  return s(), c("div", aa, [
-    e.perfilTimeline ? (s(), k(i, {
+  return r(), c("div", aa, [
+    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),
+    }, null, 8, ["nomePerfil", "imagemPerfil", "iconePerfil"])) : S("", !0),
     u("section", ta, [
-      (s(!0), c(Y, null, U(e.eventosPorTipo, (C, D) => (s(), c("div", {
+      (r(!0), c(J, null, Y(e.eventosPorTipo, (C, O) => (r(), c("div", {
         key: C.key
       }, [
-        C.tipo === "dia" ? (s(), k(l, {
+        C.tipo === "dia" ? (r(), b(l, {
           key: 0,
           dataSeparador: C.valor,
-          "data-testid": `evento-timeline-${D}`
-        }, null, 8, ["dataSeparador", "data-testid"])) : y("", !0),
-        C.tipo === "evento" ? (s(), k($, {
+          "data-testid": `evento-timeline-${O}`
+        }, null, 8, ["dataSeparador", "data-testid"])) : S("", !0),
+        C.tipo === "evento" ? (r(), b($, {
           key: 1,
           status: C.valor.status,
           criticidade: C.valor.criticidade,
@@ -536,13 +527,13 @@ function oa(e, a, o, n, t, r) {
           "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)
+          "data-testid": `evento-timeline-${O}`
+        }, null, 8, ["status", "criticidade", "previstoPara", "realizado-em", "categoria", "titulo", "subtitulo", "texto-destaque", "ehAtual", "onClick", "data-testid"])) : S("", !0)
       ]))), 128))
     ])
   ]);
 }
-const X = /* @__PURE__ */ f(ea, [["render", oa]]), na = m({
+const W = /* @__PURE__ */ _(ea, [["render", oa]]), na = f({
   name: "Topo",
   props: {
     titulo: {
@@ -569,26 +560,33 @@ 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
+}), 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, r) {
-  return s(), c("div", {
+function da(e, a, o, n, t, s) {
+  return r(), c("div", {
     class: P(["topo", e.classes]),
     "data-testid": "topo"
   }, [
-    u("div", sa, [
+    u("div", ra, [
       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)
+      u("h3", ca, m(e.titulo), 1)
     ])
   ], 2);
 }
-const ua = /* @__PURE__ */ f(na, [["render", da], ["__scopeId", "data-v-33d6850e"]]), pa = m({
+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({
   name: "Botao",
   props: {
     titulo: {
@@ -600,11 +598,11 @@ const ua = /* @__PURE__ */ f(na, [["render", da], ["__scopeId", "data-v-33d6850e
     },
     aparencia: {
       type: String,
-      default: "outline"
+      default: va.OUTLINE
     },
     tamanho: {
       type: String,
-      default: "medio"
+      default: pa.MEDIO
     }
   },
   emits: {
@@ -623,25 +621,24 @@ const ua = /* @__PURE__ */ f(na, [["render", da], ["__scopeId", "data-v-33d6850e
       classes: n
     };
   }
-});
-const va = {
+}), fa = {
   key: 0,
   class: "material-symbols-outlined"
 };
-function _a(e, a, o, n, t, r) {
-  return s(), c("button", {
+function _a(e, a, o, n, t, s) {
+  return r(), c("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)
+    z(e.$slots, "default", {}, () => [
+      e.icone ? (r(), c("span", fa, m(e.icone), 1)) : S("", !0),
+      L(" " + 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 R = /* @__PURE__ */ _(ma, [["render", _a], ["__scopeId", "data-v-adc6e80a"]]), $a = f({
+  components: { Botao: R, PerfilTimeline: K, IconeCategoria: G, Hora: Q },
   name: "CabecalhoEventoDetalhado",
   props: {
     perfil: {
@@ -656,61 +653,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 = {
+}), X = (e) => (V("data-v-aa43d357"), e = e(), j(), e), ha = {
   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 = {
+}, 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 = {
   key: 0,
   class: "horaRealizada texto-grande"
-}, ga = {
+}, ya = {
   key: 1,
   class: "horaPlanejada texto-pequeno"
-}, Sa = {
+}, Ta = {
   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) {
+}, 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 s(), c("section", {
+  return r(), c("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, [
+    }, 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, {
         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", 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", Ea, [
-        Ta,
-        u("div", Aa, [
-          e.evento.realizado ? (s(), k($, {
+      u("div", Aa, [
+        Oa,
+        u("div", Da, [
+          e.evento.realizado ? (r(), b($, {
             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($, {
             key: 1,
             class: "horaPlanejada texto-pequeno",
             hora: e.evento.previstoPara
-          }, null, 8, ["hora"])) : (s(), k($, {
+          }, null, 8, ["hora"])) : (r(), b($, {
             key: 2,
             class: "horaRealizada texto-grande",
             hora: e.evento.previstoPara
@@ -720,8 +716,8 @@ 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 qa = /* @__PURE__ */ _($a, [["render", Pa], ["__scopeId", "data-v-aa43d357"]]), Ia = f({
+  components: { Botao: R },
   name: "Observacoes",
   props: {
     tituloBotao: {
@@ -741,24 +737,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 = {
+}), za = (e) => (V("data-v-27347f9c"), e = e(), j(), e), Ba = {
   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) {
+}, 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) {
   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", {
+  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: $,
         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", 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))
     ]),
     v(i, {
       titulo: e.tituloBotao,
@@ -770,8 +765,8 @@ 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 La = /* @__PURE__ */ _(Ia, [["render", Ma], ["__scopeId", "data-v-27347f9c"]]), wa = f({
+  components: { Botao: R, IconeStatus: w },
   name: "BotaoStatus",
   props: {
     aparencia: {
@@ -798,25 +793,25 @@ const wa = /* @__PURE__ */ f(Pa, [["render", Ra], ["__scopeId", "data-v-27347f9c
     };
   }
 });
-function La(e, a, o, n, t, r) {
+function Fa(e, a, o, n, t, s) {
   const i = p("IconeStatus"), l = p("Botao");
-  return s(), k(l, {
+  return r(), b(l, {
     aparencia: e.aparencia,
     class: P(e.classes),
     onClick: e.emitirClick,
     "data-testid": "botao-status"
   }, {
-    default: E(() => [
+    default: y(() => [
       v(i, {
         class: "icone",
         status: e.status
       }, null, 8, ["status"]),
-      L(" " + _(e.status), 1)
+      L(" " + m(e.status), 1)
     ]),
     _: 1
   }, 8, ["aparencia", "class", "onClick"]);
 }
-const x = /* @__PURE__ */ f(Ma, [["render", La], ["__scopeId", "data-v-9b0bacc7"]]), Na = m({
+const x = /* @__PURE__ */ _(wa, [["render", Fa], ["__scopeId", "data-v-9b0bacc7"]]), Ua = f({
   components: { BotaoStatus: x },
   name: "StatusEvento",
   props: {
@@ -840,12 +835,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) {
+}), 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) {
   const i = p("BotaoStatus");
-  return s(), c("section", Ja, [
-    Ya,
+  return r(), c("section", Ya, [
+    Ga,
     v(i, {
       "data-testid": "botao-status",
       aparencia: e.aparencia,
@@ -854,7 +848,7 @@ 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 Za = /* @__PURE__ */ _(Ua, [["render", Qa], ["__scopeId", "data-v-027bde63"]]), Ka = f({
   name: "EventoDetalhado",
   props: {
     perfil: {
@@ -866,7 +860,7 @@ const Ga = /* @__PURE__ */ f(Na, [["render", Ua], ["__scopeId", "data-v-027bde63
       type: Object
     }
   },
-  components: { CabecalhoEventoDetalhado: Oa, Observacoes: wa, StatusEvento: Ga },
+  components: { CabecalhoEventoDetalhado: qa, Observacoes: La, StatusEvento: Za },
   emits: {
     statusEditarClick: (e) => !0,
     observacaoAdicionarClick: (e) => !0
@@ -881,20 +875,19 @@ const Ga = /* @__PURE__ */ f(Na, [["render", Ua], ["__scopeId", "data-v-027bde63
       }
     };
   }
-});
-const Qa = {
+}), Wa = {
   class: "evento",
   "data-testid": "evento-detalhado"
-}, Wa = { class: "descricao" };
-function Xa(e, a, o, n, t, r) {
+}, Xa = { class: "descricao" };
+function xa(e, a, o, n, t, s) {
   const i = p("CabecalhoEventoDetalhado"), l = p("Observacoes"), $ = p("StatusEvento");
-  return s(), c("div", Qa, [
+  return r(), c("div", Wa, [
     v(q, {
       name: "fadeBaixo",
       mode: "out-in",
       appear: ""
     }, {
-      default: E(() => [
+      default: y(() => [
         v(i, {
           perfil: e.perfil,
           evento: e.evento
@@ -907,10 +900,10 @@ function Xa(e, a, o, n, t, r) {
       mode: "out-in",
       appear: ""
     }, {
-      default: E(() => [
-        u("section", Wa, [
-          I(e.$slots, "descricao", {}, () => [
-            L(_(e.evento.subtitulo), 1)
+      default: y(() => [
+        u("section", Xa, [
+          z(e.$slots, "descricao", {}, () => [
+            L(m(e.evento.subtitulo), 1)
           ])
         ])
       ]),
@@ -921,7 +914,7 @@ function Xa(e, a, o, n, t, r) {
       mode: "out-in",
       appear: ""
     }, {
-      default: E(() => [
+      default: y(() => [
         v(l, {
           observacoes: e.evento.observacoes,
           tituloBotao: "Inserir observação",
@@ -935,7 +928,7 @@ function Xa(e, a, o, n, t, r) {
       mode: "out-in",
       appear: ""
     }, {
-      default: E(() => [
+      default: y(() => [
         v($, {
           "data-testid": "status-evento",
           aparencia: "preenchido",
@@ -947,9 +940,9 @@ function Xa(e, a, o, n, t, r) {
     })
   ]);
 }
-const ee = /* @__PURE__ */ f(Ka, [["render", Xa]]), Za = m({
+const ee = /* @__PURE__ */ _(Ka, [["render", xa]]), et = f({
   name: "AreaSalvamento",
-  components: { Botao: H },
+  components: { Botao: R },
   emits: {
     salvarClick: (e) => !0,
     cancelarClick: (e) => !0
@@ -964,15 +957,14 @@ const ee = /* @__PURE__ */ f(Ka, [["render", Xa]]), Za = m({
       }
     };
   }
-});
-const xa = {
+}), at = {
   class: "area-salvamento",
   "data-testid": "area-salvamento"
 };
-function et(e, a, o, n, t, r) {
+function tt(e, a, o, n, t, s) {
   const i = p("Botao");
-  return s(), c("section", xa, [
-    I(e.$slots, "default", {}, void 0, !0),
+  return r(), c("section", at, [
+    z(e.$slots, "default", {}, void 0, !0),
     v(i, {
       "data-testid": "botao-salvar",
       aparencia: "preenchido",
@@ -989,13 +981,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 ot = /* @__PURE__ */ _(et, [["render", tt], ["__scopeId", "data-v-bffa6dc0"]]), nt = f({
   props: {
     salvarVisivel: {
       type: Boolean
     }
   },
-  components: { AreaSalvamento: at },
+  components: { AreaSalvamento: ot },
   emits: {
     salvarClick: (e) => !0,
     cancelarClick: (e) => !0
@@ -1010,22 +1002,21 @@ const at = /* @__PURE__ */ f(Za, [["render", et], ["__scopeId", "data-v-bffa6dc0
       }
     };
   }
-});
-const ot = {
+}), it = {
   class: "editar-evento",
   "data-testid": "editar-evento"
-}, nt = { class: "area-conteudo" }, it = { class: "salvar" };
-function st(e, a, o, n, t, r) {
+}, rt = { class: "area-conteudo" }, st = { class: "salvar" };
+function lt(e, a, o, n, t, s) {
   const i = p("AreaSalvamento");
-  return s(), c("div", ot, [
+  return r(), c("div", it, [
     v(q, {
       name: "fadeTopo",
       mode: "out-in",
       appear: ""
     }, {
-      default: E(() => [
-        u("div", nt, [
-          I(e.$slots, "conteudo")
+      default: y(() => [
+        u("div", rt, [
+          z(e.$slots, "conteudo")
         ])
       ]),
       _: 3
@@ -1035,15 +1026,15 @@ function st(e, a, o, n, t, r) {
       mode: "out-in",
       appear: ""
     }, {
-      default: E(() => [
-        u("div", it, [
+      default: y(() => [
+        u("div", st, [
           v(i, {
             "data-testid": "area-salvamento",
             onCancelarClick: e.emitirCancelarClick,
             onSalvarClick: e.emitirSalvarClick
           }, {
-            default: E(() => [
-              I(e.$slots, "salvamento")
+            default: y(() => [
+              z(e.$slots, "salvamento")
             ]),
             _: 3
           }, 8, ["onCancelarClick", "onSalvarClick"])
@@ -1053,7 +1044,7 @@ function st(e, a, o, n, t, r) {
     })
   ]);
 }
-const F = /* @__PURE__ */ f(tt, [["render", st]]), rt = m({
+const F = /* @__PURE__ */ _(nt, [["render", lt]]), ct = f({
   props: {
     salvarVisivel: {
       type: Boolean
@@ -1063,7 +1054,7 @@ const F = /* @__PURE__ */ f(tt, [["render", st]]), rt = m({
       type: Object
     }
   },
-  components: { EditarEvento: F, IconeStatus: N, BotaoStatus: x },
+  components: { EditarEvento: F, IconeStatus: w, BotaoStatus: x },
   emits: {
     salvarClick: (e, a) => !0,
     cancelarClick: (e) => !0
@@ -1074,36 +1065,35 @@ const F = /* @__PURE__ */ f(tt, [["render", st]]), rt = m({
     }, n = (l) => {
       a("cancelarClick", l);
     }, t = M(e.evento.status);
-    function r(l) {
+    function s(l) {
       t.value = l;
     }
     const i = A(() => (l) => t.value === l ? "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 = {
+}), dt = /* @__PURE__ */ u("h2", null, "Alterar o Status para:", -1), ut = {
   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
+}, 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 vt(e, a, o, n, t, r) {
+function ft(e, a, o, n, t, s) {
   const i = p("BotaoStatus"), l = p("EditarEvento");
-  return s(), k(l, {
+  return r(), b(l, {
     "data-testid": "editar-status",
     salvarVisivel: e.salvarVisivel,
     onCancelarClick: e.aoCancelar,
     onSalvarClick: a[3] || (a[3] = ($) => e.aoSalvar(e.selecionado, $))
   }, {
-    conteudo: E(() => [
-      lt,
+    conteudo: y(() => [
+      dt,
       v(i, {
         aparencia: e.getAparencia("realizado"),
         onClick: a[0] || (a[0] = ($) => e.atualizarSelecionado("realizado")),
@@ -1123,14 +1113,14 @@ function vt(e, a, o, n, t, r) {
         "data-testid": "botao-status-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(), c("div", ut, mt)) : S("", !0)
         ]),
         _: 1
       })
@@ -1138,7 +1128,7 @@ function vt(e, a, o, n, t, r) {
     _: 1
   }, 8, ["salvarVisivel", "onCancelarClick"]);
 }
-const _t = /* @__PURE__ */ f(rt, [["render", vt]]), mt = m({
+const _t = /* @__PURE__ */ _(ct, [["render", ft]]), $t = f({
   props: {
     salvarVisivel: {
       type: Boolean
@@ -1156,18 +1146,17 @@ 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) {
+}), ht = /* @__PURE__ */ u("h2", null, "Observação:", -1);
+function Ct(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,
@@ -1175,8 +1164,8 @@ function $t(e, a, o, n, t, r) {
     onSalvarClick: e.salvar,
     onCancelarClick: e.cancelar
   }, {
-    conteudo: E(() => [
-      ft,
+    conteudo: y(() => [
+      ht,
       te(u("textarea", {
         "data-testid": "observacao-textarea",
         "onUpdate:modelValue": a[0] || (a[0] = (l) => e.state.observacaoLocal = l),
@@ -1188,7 +1177,7 @@ function $t(e, a, o, n, t, r) {
     _: 1
   }, 8, ["salvarVisivel", "observacao", "onSalvarClick", "onCancelarClick"]);
 }
-const ht = /* @__PURE__ */ f(mt, [["render", $t]]), Ct = m({
+const kt = /* @__PURE__ */ _($t, [["render", Ct]]), bt = f({
   props: {
     perfil: {
       required: !0,
@@ -1199,7 +1188,7 @@ const ht = /* @__PURE__ */ f(mt, [["render", $t]]), Ct = m({
       type: Array
     }
   },
-  components: { Topo: ua, Evento: ee, Timeline: X, EditarStatus: _t, AdicionarObservacao: ht },
+  components: { Topo: ua, Evento: ee, Timeline: W, EditarStatus: _t, AdicionarObservacao: kt },
   emits: {
     eventoTimelineClicked: (e, a) => !0,
     eventoStatusEditClicked: (e, a) => !0,
@@ -1224,13 +1213,13 @@ 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 = (d) => "observacoes" in d, i = (d) => {
+      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";
     };
     return {
-      selecionarEvento: (d, S) => {
-        r(d) && (a("eventoTimelineClicked", d, S), t.dados.eventoAtual = d, i("Evento"));
+      selecionarEvento: (d, E) => {
+        s(d) && (a("eventoTimelineClicked", d, E), t.dados.eventoAtual = d, i("Evento"));
       },
       handleVoltarTela: (d) => {
         t.dados.eventoAtual ? i("Timeline") : a("voltarClick", d);
@@ -1241,8 +1230,8 @@ const ht = /* @__PURE__ */ f(mt, [["render", $t]]), Ct = m({
       handleStatusCancelarClick: (d) => {
         t.dados.eventoAtual && (i("Evento"), a("editarStatusCancelarClicked", t.dados.eventoAtual, d));
       },
-      handleStatusSalvarClick: (d, S) => {
-        t.dados.eventoAtual && (i("Evento"), a("editarStatusSalvarClicked", t.dados.eventoAtual, d, S));
+      handleStatusSalvarClick: (d, E) => {
+        t.dados.eventoAtual && (i("Evento"), a("editarStatusSalvarClicked", t.dados.eventoAtual, d, E));
       },
       handleObservacaoAdicionarClick: (d) => {
         t.dados.eventoAtual && (a(
@@ -1251,12 +1240,12 @@ const ht = /* @__PURE__ */ f(mt, [["render", $t]]), Ct = m({
           d
         ), i("AdicionarObservacao"));
       },
-      handleAdicionarObservacaoSalvarClick: (d, S) => {
+      handleAdicionarObservacaoSalvarClick: (d, E) => {
         t.dados.eventoAtual && (i("Evento"), a(
           "adicionarObservacaoSalvarClicked",
           t.dados.eventoAtual,
           d,
-          S
+          E
         ));
       },
       handleObservacaoAdicionarCancelarClick: (d) => {
@@ -1265,36 +1254,35 @@ const ht = /* @__PURE__ */ f(mt, [["render", $t]]), Ct = m({
       TemplateTimeline: t
     };
   }
-});
-const bt = {
+}), St = {
   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 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, [
+    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(l, {
       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($, {
       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(C, {
       key: 3,
       "data-testid": "editar-status",
       salvarVisivel: e.TemplateTimeline.editarStatus.exibir,
@@ -1302,34 +1290,33 @@ 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 Et = /* @__PURE__ */ _(bt, [["render", gt]]), yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), St = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), Tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), U = /* @__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 = {
+  EventoTimeline: Z,
+  TemplateTimeline: Et,
+  Timeline: W,
+  Tipos: yt,
+  TiposDetalhado: Tt
+}, Symbol.toStringTag, { value: "Module" })), Ot = {
   install(e, ...a) {
-    Object.keys(J).forEach((o) => {
-      const n = J[o];
+    Object.keys(U).forEach((o) => {
+      const n = U[o];
       n && typeof n == "object" && e.component(o, n);
     });
   }
@@ -1337,9 +1324,9 @@ const Tt = {
 export {
   F as EditarEvento,
   ee as EventoDetalhado,
-  Q as EventoTimeline,
-  yt as TemplateTimeline,
-  Tt as Timeline,
-  gt as Tipos,
-  St as TiposDetalhado
+  Z as EventoTimeline,
+  Et as TemplateTimeline,
+  Ot as Timeline,
+  yt as Tipos,
+  Tt as TiposDetalhado
 };