@devix-tecnologia/timeline-vue 2.1.1 → 3.0.0

package/dist/timeline-vue.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as m, reactive as T, computed as A, openBlock as i, createElementBlock as c, createElementVNode as u, normalizeClass as P, normalizeStyle as w, toDisplayString as _, resolveComponent as p, createVNode as v, createBlock as b, 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";
+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({
   name: "Icone Categoria",
   props: {
@@ -39,12 +39,12 @@ const ne = m({
 });
 const f = (e, a) => {
   const o = e.__vccOpts || e;
-  for (const [s, t] of a)
-    o[s] = t;
+  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, s, t, r) {
-  return i(), c("div", ie, [
+function le(e, a, o, n, t, r) {
+  return s(), c("div", ie, [
     u("div", {
       class: P(["iconeCategoria", e.classes]),
       style: w(e.style),
@@ -70,8 +70,8 @@ const G = /* @__PURE__ */ f(ne, [["render", le], ["__scopeId", "data-v-f922d1fe"
     };
   }
 });
-function de(e, a, o, s, t, r) {
-  return i(), c("div", {
+function de(e, a, o, n, t, r) {
+  return s(), c("div", {
     class: P([e.classes, "iconeStatus"])
   }, null, 2);
 }
@@ -85,8 +85,8 @@ const N = /* @__PURE__ */ f(ce, [["render", de], ["__scopeId", "data-v-efe84975"
   }
 });
 const pe = { class: "subtitulo" };
-function ve(e, a, o, s, t, r) {
-  return i(), c("h4", pe, _(e.subtitulo), 1);
+function ve(e, a, o, n, t, r) {
+  return s(), c("h4", pe, _(e.subtitulo), 1);
 }
 const _e = /* @__PURE__ */ f(ue, [["render", ve], ["__scopeId", "data-v-5f7c5673"]]), me = m({
   name: "Título Evento",
@@ -98,8 +98,8 @@ const _e = /* @__PURE__ */ f(ue, [["render", ve], ["__scopeId", "data-v-5f7c5673
   }
 });
 const fe = { class: "titulo" };
-function $e(e, a, o, s, t, r) {
-  return i(), c("h3", fe, _(e.titulo), 1);
+function $e(e, a, o, n, t, r) {
+  return s(), c("h3", fe, _(e.titulo), 1);
 }
 const he = /* @__PURE__ */ f(me, [["render", $e], ["__scopeId", "data-v-7369e837"]]), Ce = m({
   name: "Descrição Evento",
@@ -115,20 +115,20 @@ const he = /* @__PURE__ */ f(me, [["render", $e], ["__scopeId", "data-v-7369e837
   },
   components: { TituloEvento: he, SubtituloEvento: _e }
 });
-function ke(e, a, o, s, t, r) {
-  const n = p("TituloEvento"), l = p("SubtituloEvento");
-  return i(), c("div", {
+function be(e, a, o, n, t, r) {
+  const i = p("TituloEvento"), l = p("SubtituloEvento");
+  return s(), c("div", {
     class: "descricaoEvento",
     style: w(`${e.subtitulo ? "" : "padding-top: 3.3rem"}`)
   }, [
-    v(n, { titulo: e.titulo }, null, 8, ["titulo"]),
-    e.subtitulo ? (i(), b(l, {
+    v(i, { titulo: e.titulo }, null, 8, ["titulo"]),
+    e.subtitulo ? (s(), k(l, {
       key: 0,
       subtitulo: e.subtitulo
     }, null, 8, ["subtitulo"])) : y("", !0)
   ], 4);
 }
-const be = /* @__PURE__ */ f(Ce, [["render", ke], ["__scopeId", "data-v-793cab8b"]]), ye = m({
+const ke = /* @__PURE__ */ f(Ce, [["render", be], ["__scopeId", "data-v-793cab8b"]]), ye = m({
   name: "Hora",
   props: {
     hora: {
@@ -153,8 +153,8 @@ const be = /* @__PURE__ */ f(Ce, [["render", ke], ["__scopeId", "data-v-793cab8b
     };
   }
 });
-function ge(e, a, o, s, t, r) {
-  return i(), c("div", {
+function ge(e, a, o, n, t, r) {
+  return s(), c("div", {
     class: P(["hora", e.classes])
   }, _(e.horas.getHours()) + ":" + _(e.horas.getMinutes().toString().padStart(2, "0")), 3);
 }
@@ -173,16 +173,16 @@ const K = /* @__PURE__ */ f(ye, [["render", ge], ["__scopeId", "data-v-d3082250"
   components: { Hora: K }
 });
 const Ee = { class: "areaHora" }, Te = { class: "horaEvento" };
-function Ae(e, a, o, s, t, r) {
-  const n = p("Hora");
-  return i(), c("div", Ee, [
+function Ae(e, a, o, n, t, r) {
+  const i = p("Hora");
+  return s(), c("div", Ee, [
     u("div", Te, [
-      e.horaRealizada ? (i(), b(n, {
+      e.horaRealizada ? (s(), k(i, {
         key: 0,
         hora: e.horaRealizada,
         style: { "padding-top": "0.3rem" }
       }, null, 8, ["hora"])) : y("", !0),
-      v(n, {
+      v(i, {
         hora: e.horaPrevista,
         aparencia: e.horaRealizada ? "riscada" : "padrao",
         style: w(e.horaRealizada ? "" : "padding-top: 1.2rem")
@@ -199,8 +199,8 @@ const De = /* @__PURE__ */ f(Se, [["render", Ae], ["__scopeId", "data-v-da519ace
   }
 });
 const Pe = { class: "destaqueEvento texto-pequeno" };
-function qe(e, a, o, s, t, r) {
-  return i(), c("div", Pe, _(e.texto), 1);
+function qe(e, a, o, n, t, r) {
+  return s(), c("div", Pe, _(e.texto), 1);
 }
 const ze = /* @__PURE__ */ f(Oe, [["render", qe], ["__scopeId", "data-v-c2f02de8"]]), Ie = m({
   name: "Evento Timeline",
@@ -252,7 +252,7 @@ const ze = /* @__PURE__ */ f(Oe, [["render", qe], ["__scopeId", "data-v-c2f02de8
     IconeStatus: N,
     IconeCategoria: G,
     HoraEvento: De,
-    DescricaoEvento: be,
+    DescricaoEvento: ke,
     Destaque: ze
   },
   emits: {
@@ -260,8 +260,8 @@ const ze = /* @__PURE__ */ f(Oe, [["render", qe], ["__scopeId", "data-v-c2f02de8
   },
   setup(e, { emit: a }) {
     return {
-      handleClick: (s) => {
-        e.clicavel && a("click", s);
+      handleClick: (n) => {
+        e.clicavel && a("click", n);
       },
       eventoSelecionado: A(() => ({
         atual: e.ehAtual,
@@ -270,14 +270,14 @@ const ze = /* @__PURE__ */ f(Oe, [["render", qe], ["__scopeId", "data-v-c2f02de8
     };
   }
 });
-function Be(e, a, o, s, t, r) {
-  const n = p("IconeStatus"), l = p("HoraEvento"), $ = p("IconeCategoria"), C = p("DescricaoEvento"), D = p("Destaque");
-  return i(), c("article", {
+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", {
     "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))
   }, [
-    v(n, { status: e.status }, null, 8, ["status"]),
+    v(i, { status: e.status }, null, 8, ["status"]),
     v(l, {
       horaPrevista: e.previstoPara,
       horaRealizada: e.realizadoEm
@@ -312,8 +312,8 @@ const Q = /* @__PURE__ */ f(Ie, [["render", Be]]), Ve = m({
     };
   }
 });
-function je(e, a, o, s, t, r) {
-  return i(), c("h3", {
+function je(e, a, o, n, t, r) {
+  return s(), c("h3", {
     class: P(["boxData padrao", e.classes])
   }, _(e.dataNumero), 3);
 }
@@ -328,15 +328,15 @@ const He = /* @__PURE__ */ f(Ve, [["render", je], ["__scopeId", "data-v-385cc692
   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: (s) => a[s] };
+    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, s, t, r) {
-  const n = p("BoxData");
-  return i(), c("div", we, [
+function Ne(e, a, o, n, t, r) {
+  const i = p("BoxData");
+  return s(), c("div", we, [
     u("div", Me, [
-      v(n, {
+      v(i, {
         dataNumero: e.dataSeparador.getDate()
       }, null, 8, ["dataNumero"])
     ]),
@@ -361,12 +361,12 @@ const Ye = { class: "avatar" }, Ue = ["src"], Ge = {
   key: 2,
   class: "material-symbols-outlined"
 };
-function Qe(e, a, o, s, t, r) {
-  return i(), c("div", Ye, [
-    e.imagem ? (i(), c("img", {
+function Qe(e, a, o, n, t, r) {
+  return s(), c("div", Ye, [
+    e.imagem ? (s(), c("img", {
       key: 0,
       src: e.imagem
-    }, null, 8, Ue)) : e.icone ? (i(), c("span", Ge, _(e.icone), 1)) : (i(), c("span", Ke, " person "))
+    }, null, 8, Ue)) : e.icone ? (s(), c("span", Ge, _(e.icone), 1)) : (s(), c("span", Ke, " person "))
   ]);
 }
 const We = /* @__PURE__ */ f(Je, [["render", Qe], ["__scopeId", "data-v-28501768"]]), Xe = m({
@@ -396,15 +396,15 @@ const We = /* @__PURE__ */ f(Je, [["render", Qe], ["__scopeId", "data-v-28501768
   }
 });
 const Ze = { class: "nome" };
-function xe(e, a, o, s, t, r) {
-  const n = p("AvatarTimeline");
-  return i(), c("section", {
+function xe(e, a, o, n, t, r) {
+  const i = p("AvatarTimeline");
+  return s(), c("section", {
     class: P(["perfilTimeline", e.classes])
   }, [
-    e.imagemPerfil ? (i(), b(n, {
+    e.imagemPerfil ? (s(), k(i, {
       key: 0,
       imagem: e.imagemPerfil
-    }, null, 8, ["imagem"])) : e.iconePerfil ? (i(), b(n, {
+    }, null, 8, ["imagem"])) : e.iconePerfil ? (s(), k(i, {
       key: 1,
       icone: e.iconePerfil
     }, null, 8, ["icone"])) : y("", !0),
@@ -431,31 +431,31 @@ const W = /* @__PURE__ */ f(Xe, [["render", xe]]), ea = m({
     eventoClick: (e, a) => !0
   },
   setup(e, { emit: a }) {
-    const o = (h, k) => {
-      h.clicavel !== !1 && a("eventoClick", h, k);
-    }, s = T(e.eventosTimeline);
-    let t = T(s);
+    const o = (h, b) => {
+      h.clicavel !== !1 && a("eventoClick", h, b);
+    }, n = T(e.eventosTimeline);
+    let t = T(n);
     function r() {
-      const h = $(s);
-      s.forEach((k) => {
-        const g = h.length > 0 && h[0] === k;
-        k.atual = g, k.scroll = g;
+      const h = $(n);
+      n.forEach((b) => {
+        const g = h.length > 0 && h[0] === b;
+        b.atual = g, b.scroll = g;
       }), D();
     }
-    const n = () => {
+    const i = () => {
       setInterval(r, 6e4);
-    }, l = (h, k) => {
-      const g = h.getDay() === k.getDay(), O = h.getMonth() === k.getMonth(), d = h.getFullYear() === k.getFullYear();
+    }, 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 k = Date.now();
+        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(k - d.data.getTime());
-            if (g === null || z < g && S <= k)
+            const z = Math.abs(b - d.data.getTime());
+            if (g === null || z < g && S <= b)
               g = z, O.length = 0;
             else if (z > g)
               continue;
@@ -466,25 +466,25 @@ const W = /* @__PURE__ */ f(Xe, [["render", xe]]), ea = m({
       } else
         return [];
     }, C = A(() => {
-      n();
-      const h = t.sort((k, g) => k.data.getTime() - g.data.getTime());
+      i();
+      const h = t.sort((b, g) => b.data.getTime() - g.data.getTime());
       if (h) {
-        let k = [], g = null, O = 0, d;
+        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, k.push({
+          d === "planejado" && R.getTime() + ae < z.getTime() && (S.status = "atrasado"), (!g || !l(g, R)) && (g = R, b.push({
             tipo: "dia",
             valor: S.data,
             key: ++O
-          })), k.push({
+          })), b.push({
             tipo: "evento",
             valor: S,
             key: ++O
           });
         }
-        return k;
+        return b;
       } else
         return [];
     }), D = () => {
@@ -505,10 +505,10 @@ const W = /* @__PURE__ */ f(Xe, [["render", xe]]), ea = m({
   }
 });
 const aa = { class: "areaTimeline" }, ta = { class: "timeline" };
-function oa(e, a, o, s, t, r) {
-  const n = p("PerfilTimeline"), l = p("SeparadorPeriodo"), $ = p("EventoTimeline");
-  return i(), c("div", aa, [
-    e.perfilTimeline ? (i(), b(n, {
+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, {
       key: 0,
       nomePerfil: e.perfilTimeline.nome,
       imagemPerfil: e.perfilTimeline.imagem,
@@ -516,15 +516,15 @@ function oa(e, a, o, s, t, r) {
       "data-testid": "perfilTimeline"
     }, null, 8, ["nomePerfil", "imagemPerfil", "iconePerfil"])) : y("", !0),
     u("section", ta, [
-      (i(!0), c(Y, null, U(e.eventosPorTipo, (C, D) => (i(), c("div", {
+      (s(!0), c(Y, null, U(e.eventosPorTipo, (C, D) => (s(), c("div", {
         key: C.key
       }, [
-        C.tipo === "dia" ? (i(), b(l, {
+        C.tipo === "dia" ? (s(), k(l, {
           key: 0,
           dataSeparador: C.valor,
           "data-testid": `evento-timeline-${D}`
         }, null, 8, ["dataSeparador", "data-testid"])) : y("", !0),
-        C.tipo === "evento" ? (i(), b($, {
+        C.tipo === "evento" ? (s(), k($, {
           key: 1,
           status: C.valor.status,
           criticidade: C.valor.criticidade,
@@ -558,8 +558,8 @@ const X = /* @__PURE__ */ f(ea, [["render", oa]]), na = m({
     voltarClick: (e) => !0
   },
   setup(e, { emit: a }) {
-    const o = (s) => {
-      a("voltarClick", s);
+    const o = (n) => {
+      a("voltarClick", n);
     };
     return e = T(e), {
       emitirVoltarClick: o,
@@ -573,15 +573,15 @@ 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, s, t, r) {
-  return i(), c("div", {
+function da(e, a, o, n, t, r) {
+  return s(), c("div", {
     class: P(["topo", e.classes]),
     "data-testid": "topo"
   }, [
     u("div", sa, [
       u("button", {
         class: "btn_voltar",
-        onClick: a[0] || (a[0] = (...n) => e.emitirVoltarClick && e.emitirVoltarClick(...n)),
+        onClick: a[0] || (a[0] = (...i) => e.emitirVoltarClick && e.emitirVoltarClick(...i)),
         "data-testid": "botao-voltar"
       }, la),
       u("h3", ca, _(e.titulo), 1)
@@ -614,13 +614,13 @@ const ua = /* @__PURE__ */ f(na, [["render", da], ["__scopeId", "data-v-33d6850e
     e = T(e);
     const o = (t) => {
       a("click", t);
-    }, s = A(() => ({
+    }, n = A(() => ({
       [`${e.aparencia}`]: !0,
       [`${e.tamanho}`]: !0
     }));
     return {
       handleClick: o,
-      classes: s
+      classes: n
     };
   }
 });
@@ -628,14 +628,14 @@ const va = {
   key: 0,
   class: "material-symbols-outlined"
 };
-function _a(e, a, o, s, t, r) {
-  return i(), c("button", {
+function _a(e, a, o, n, t, r) {
+  return s(), c("button", {
     class: "btn",
     "data-testid": "botao",
-    onClick: a[0] || (a[0] = (...n) => e.handleClick && e.handleClick(...n))
+    onClick: a[0] || (a[0] = (...i) => e.handleClick && e.handleClick(...i))
   }, [
     I(e.$slots, "default", {}, () => [
-      e.icone ? (i(), c("span", va, _(e.icone), 1)) : y("", !0),
+      e.icone ? (s(), c("span", va, _(e.icone), 1)) : y("", !0),
       L(" " + _(e.titulo), 1)
     ], !0)
   ]);
@@ -660,7 +660,7 @@ const H = /* @__PURE__ */ f(pa, [["render", _a], ["__scopeId", "data-v-ce25287c"
 const Z = (e) => (V("data-v-aa43d357"), e = e(), j(), e), fa = {
   key: 1,
   class: "criticidade"
-}, $a = { class: "titulo" }, ha = { class: "dataHora" }, Ca = { class: "box" }, ka = /* @__PURE__ */ Z(() => /* @__PURE__ */ u("span", { class: "material-symbols-outlined" }, " calendar_month ", -1)), ba = { class: "horaEvento" }, ya = {
+}, $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 = {
   key: 0,
   class: "horaRealizada texto-grande"
 }, ga = {
@@ -670,19 +670,19 @@ const Z = (e) => (V("data-v-aa43d357"), e = e(), j(), e), fa = {
   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, s, t, r) {
-  const n = p("PerfilTimeline"), l = p("IconeCategoria"), $ = p("Hora");
-  return i(), c("section", {
+function Da(e, a, o, n, t, r) {
+  const i = p("PerfilTimeline"), l = p("IconeCategoria"), $ = p("Hora");
+  return s(), c("section", {
     class: P(["cabecalho-evento", ["criticidade-" + e.evento.criticidade]])
   }, [
-    e.perfil ? (i(), b(n, {
+    e.perfil ? (s(), k(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" ? (i(), c("div", fa, " Criticidade: " + _(e.evento.criticidade), 1)) : y("", !0),
+    e.evento.criticidade !== "baixa" ? (s(), c("div", fa, " Criticidade: " + _(e.evento.criticidade), 1)) : y("", !0),
     u("div", $a, [
       v(l, {
         iconeCategoria: e.evento.categoria.icone,
@@ -692,25 +692,25 @@ function Da(e, a, o, s, t, r) {
     ]),
     u("div", ha, [
       u("div", Ca, [
-        ka,
-        u("div", ba, [
-          e.evento.realizado ? (i(), c("div", ya, _(e.evento.realizado.toLocaleDateString()), 1)) : y("", !0),
-          e.evento.realizado ? (i(), c("div", ga, _(e.evento.realizado.toLocaleDateString()), 1)) : (i(), c("div", Sa, _(e.evento.previstoPara.toLocaleDateString()), 1))
+        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", Ea, [
         Ta,
         u("div", Aa, [
-          e.evento.realizado ? (i(), b($, {
+          e.evento.realizado ? (s(), k($, {
             key: 0,
             class: "horaRealizada texto-grande",
             hora: e.evento.realizado
           }, null, 8, ["hora"])) : y("", !0),
-          e.evento.realizado ? (i(), b($, {
+          e.evento.realizado ? (s(), k($, {
             key: 1,
             class: "horaPlanejada texto-pequeno",
             hora: e.evento.previstoPara
-          }, null, 8, ["hora"])) : (i(), b($, {
+          }, null, 8, ["hora"])) : (s(), k($, {
             key: 2,
             class: "horaRealizada texto-grande",
             hora: e.evento.previstoPara
@@ -736,22 +736,22 @@ const Oa = /* @__PURE__ */ f(ma, [["render", Da], ["__scopeId", "data-v-aa43d357
     adicionarClick: (e) => !0
   },
   setup(e, { emit: a }) {
-    const o = (s) => {
-      a("adicionarClick", s);
+    const o = (n) => {
+      a("adicionarClick", n);
     };
-    return e.observacoes.sort((s, t) => t.criadaEm.getTime() - s.criadaEm.getTime()), e = T(e), { emitirAdicionarClick: o };
+    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 = {
   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, s, t, r) {
-  const n = p("Botao");
-  return i(), c("section", za, [
+function Ra(e, a, o, n, t, r) {
+  const i = p("Botao");
+  return s(), c("section", za, [
     Ia,
     u("ul", Ba, [
-      (i(!0), c(Y, null, U(e.observacoes, (l, $) => (i(), c("li", {
+      (s(!0), c(Y, null, U(e.observacoes, (l, $) => (s(), c("li", {
         "data-testid": `observacao-${$}`,
         key: $,
         class: "lista-item"
@@ -760,7 +760,7 @@ function Ra(e, a, o, s, t, r) {
         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))
     ]),
-    v(n, {
+    v(i, {
       titulo: e.tituloBotao,
       "data-testid": "botao-adicionar",
       icone: "add",
@@ -798,16 +798,16 @@ const wa = /* @__PURE__ */ f(Pa, [["render", Ra], ["__scopeId", "data-v-27347f9c
     };
   }
 });
-function La(e, a, o, s, t, r) {
-  const n = p("IconeStatus"), l = p("Botao");
-  return i(), b(l, {
+function La(e, a, o, n, t, r) {
+  const i = p("IconeStatus"), l = p("Botao");
+  return s(), k(l, {
     aparencia: e.aparencia,
     class: P(e.classes),
     onClick: e.emitirClick,
     "data-testid": "botao-status"
   }, {
     default: E(() => [
-      v(n, {
+      v(i, {
         class: "icone",
         status: e.status
       }, null, 8, ["status"]),
@@ -832,8 +832,8 @@ const x = /* @__PURE__ */ f(Ma, [["render", La], ["__scopeId", "data-v-9b0bacc7"
     click: (e) => !0
   },
   setup(e, { emit: a }) {
-    const o = (s) => {
-      a("click", s);
+    const o = (n) => {
+      a("click", n);
     };
     return e = T(e), {
       emitClick: o,
@@ -842,11 +842,11 @@ const x = /* @__PURE__ */ f(Ma, [["render", La], ["__scopeId", "data-v-9b0bacc7"
   }
 });
 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, s, t, r) {
-  const n = p("BotaoStatus");
-  return i(), c("section", Ja, [
+function Ua(e, a, o, n, t, r) {
+  const i = p("BotaoStatus");
+  return s(), c("section", Ja, [
     Ya,
-    v(n, {
+    v(i, {
       "data-testid": "botao-status",
       aparencia: e.aparencia,
       status: e.status,
@@ -886,16 +886,16 @@ const Qa = {
   class: "evento",
   "data-testid": "evento-detalhado"
 }, Wa = { class: "descricao" };
-function Xa(e, a, o, s, t, r) {
-  const n = p("CabecalhoEventoDetalhado"), l = p("Observacoes"), $ = p("StatusEvento");
-  return i(), c("div", Qa, [
+function Xa(e, a, o, n, t, r) {
+  const i = p("CabecalhoEventoDetalhado"), l = p("Observacoes"), $ = p("StatusEvento");
+  return s(), c("div", Qa, [
     v(q, {
       name: "fadeBaixo",
       mode: "out-in",
       appear: ""
     }, {
       default: E(() => [
-        v(n, {
+        v(i, {
           perfil: e.perfil,
           evento: e.evento
         }, null, 8, ["perfil", "evento"])
@@ -969,18 +969,18 @@ const xa = {
   class: "area-salvamento",
   "data-testid": "area-salvamento"
 };
-function et(e, a, o, s, t, r) {
-  const n = p("Botao");
-  return i(), c("section", xa, [
+function et(e, a, o, n, t, r) {
+  const i = p("Botao");
+  return s(), c("section", xa, [
     I(e.$slots, "default", {}, void 0, !0),
-    v(n, {
+    v(i, {
       "data-testid": "botao-salvar",
       aparencia: "preenchido",
       titulo: "Salvar",
       tamanho: "grande",
       onClick: e.emitirSalvarClick
     }, null, 8, ["onClick"]),
-    v(n, {
+    v(i, {
       "data-testid": "botao-cancelar",
       aparencia: "vazio",
       titulo: "Cancelar",
@@ -1015,9 +1015,9 @@ const ot = {
   class: "editar-evento",
   "data-testid": "editar-evento"
 }, nt = { class: "area-conteudo" }, it = { class: "salvar" };
-function st(e, a, o, s, t, r) {
-  const n = p("AreaSalvamento");
-  return i(), c("div", ot, [
+function st(e, a, o, n, t, r) {
+  const i = p("AreaSalvamento");
+  return s(), c("div", ot, [
     v(q, {
       name: "fadeTopo",
       mode: "out-in",
@@ -1037,7 +1037,7 @@ function st(e, a, o, s, t, r) {
     }, {
       default: E(() => [
         u("div", it, [
-          v(n, {
+          v(i, {
             "data-testid": "area-salvamento",
             onCancelarClick: e.emitirCancelarClick,
             onSalvarClick: e.emitirSalvarClick
@@ -1071,19 +1071,19 @@ const F = /* @__PURE__ */ f(tt, [["render", st]]), rt = m({
   setup(e, { emit: a }) {
     const o = (l, $) => {
       a("salvarClick", l, $);
-    }, s = (l) => {
+    }, n = (l) => {
       a("cancelarClick", l);
     }, t = M(e.evento.status);
     function r(l) {
       t.value = l;
     }
-    const n = A(() => (l) => t.value === l ? "preenchido" : "outline");
+    const i = A(() => (l) => t.value === l ? "preenchido" : "outline");
     return {
       aoSalvar: o,
-      aoCancelar: s,
+      aoCancelar: n,
       atualizarSelecionado: r,
       selecionado: t,
-      getAparencia: n
+      getAparencia: i
     };
   }
 });
@@ -1094,9 +1094,9 @@ const lt = /* @__PURE__ */ u("h2", null, "Alterar o Status para:", -1), ct = {
   dt,
   ut
 ];
-function vt(e, a, o, s, t, r) {
-  const n = p("BotaoStatus"), l = p("EditarEvento");
-  return i(), b(l, {
+function vt(e, a, o, n, t, r) {
+  const i = p("BotaoStatus"), l = p("EditarEvento");
+  return s(), k(l, {
     "data-testid": "editar-status",
     salvarVisivel: e.salvarVisivel,
     onCancelarClick: e.aoCancelar,
@@ -1104,19 +1104,19 @@ function vt(e, a, o, s, t, r) {
   }, {
     conteudo: E(() => [
       lt,
-      v(n, {
+      v(i, {
         aparencia: e.getAparencia("realizado"),
         onClick: a[0] || (a[0] = ($) => e.atualizarSelecionado("realizado")),
         status: "realizado",
         "data-testid": "botao-status-realizado"
       }, null, 8, ["aparencia"]),
-      v(n, {
+      v(i, {
         aparencia: e.getAparencia("cancelado"),
         onClick: a[1] || (a[1] = ($) => e.atualizarSelecionado("cancelado")),
         status: "cancelado",
         "data-testid": "botao-status-cancelado"
       }, null, 8, ["aparencia"]),
-      v(n, {
+      v(i, {
         aparencia: e.getAparencia("adiado"),
         onClick: a[2] || (a[2] = ($) => e.atualizarSelecionado("adiado")),
         status: "adiado",
@@ -1130,7 +1130,7 @@ function vt(e, a, o, s, t, r) {
         appear: ""
       }, {
         default: E(() => [
-          e.selecionado === "adiado" ? (i(), c("div", ct, pt)) : y("", !0)
+          e.selecionado === "adiado" ? (s(), c("div", ct, pt)) : y("", !0)
         ]),
         _: 1
       })
@@ -1157,17 +1157,17 @@ const _t = /* @__PURE__ */ f(rt, [["render", vt]]), mt = m({
       observacaoLocal: e.observacao || ""
     });
     return { salvar: (r) => {
-      const n = o.value.observacaoLocal;
-      a("adicionarClick", n, r);
+      const i = o.value.observacaoLocal;
+      a("adicionarClick", i, r);
     }, cancelar: (r) => {
       a("cancelarClick", r);
     }, state: o };
   }
 });
 const ft = /* @__PURE__ */ u("h2", null, "Observação:", -1);
-function $t(e, a, o, s, t, r) {
-  const n = p("EditarEvento");
-  return i(), b(n, {
+function $t(e, a, o, n, t, r) {
+  const i = p("EditarEvento");
+  return s(), k(i, {
     "data-testid": "adicionar-observacao",
     salvarVisivel: e.salvarVisivel,
     observacao: e.state.observacaoLocal,
@@ -1211,7 +1211,7 @@ const ht = /* @__PURE__ */ f(mt, [["render", $t]]), Ct = m({
     voltarClick: (e) => !0
   },
   setup(e, { emit: a }) {
-    const o = B(e, "eventos"), s = B(null), t = T({
+    const o = B(e, "eventos"), n = B(null), t = T({
       topo: { exibir: !0 },
       timeline: { exibir: !0 },
       evento: { exibir: !1 },
@@ -1222,37 +1222,37 @@ const ht = /* @__PURE__ */ f(mt, [["render", $t]]), Ct = m({
         perfil: B(e, "perfil"),
         eventosTimeline: o,
         eventosDetalhados: o,
-        eventoAtual: s
+        eventoAtual: n
       }
-    }), r = (d) => "observacoes" in d, n = (d) => {
+    }), 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";
     };
     return {
       selecionarEvento: (d, S) => {
-        r(d) && (a("eventoTimelineClicked", d, S), t.dados.eventoAtual = d, n("Evento"));
+        r(d) && (a("eventoTimelineClicked", d, S), t.dados.eventoAtual = d, i("Evento"));
       },
       handleVoltarTela: (d) => {
-        t.dados.eventoAtual ? n("Timeline") : a("voltarClick", d);
+        t.dados.eventoAtual ? i("Timeline") : a("voltarClick", d);
       },
       handleStatusEditarClick: (d) => {
-        n("EditarStatus");
+        i("EditarStatus");
       },
       handleStatusCancelarClick: (d) => {
-        t.dados.eventoAtual && (n("Evento"), a("editarStatusCancelarClicked", t.dados.eventoAtual, d));
+        t.dados.eventoAtual && (i("Evento"), a("editarStatusCancelarClicked", t.dados.eventoAtual, d));
       },
       handleStatusSalvarClick: (d, S) => {
-        t.dados.eventoAtual && (n("Evento"), a("editarStatusSalvarClicked", t.dados.eventoAtual, d, S));
+        t.dados.eventoAtual && (i("Evento"), a("editarStatusSalvarClicked", t.dados.eventoAtual, d, S));
       },
       handleObservacaoAdicionarClick: (d) => {
         t.dados.eventoAtual && (a(
           "eventoDetalhadoObservacoesAddClicked",
           t.dados.eventoAtual,
           d
-        ), n("AdicionarObservacao"));
+        ), i("AdicionarObservacao"));
       },
       handleAdicionarObservacaoSalvarClick: (d, S) => {
-        t.dados.eventoAtual && (n("Evento"), a(
+        t.dados.eventoAtual && (i("Evento"), a(
           "adicionarObservacaoSalvarClicked",
           t.dados.eventoAtual,
           d,
@@ -1260,33 +1260,33 @@ const ht = /* @__PURE__ */ f(mt, [["render", $t]]), Ct = m({
         ));
       },
       handleObservacaoAdicionarCancelarClick: (d) => {
-        t.dados.eventoAtual && (n("Evento"), a("adicionarObservacaoCancelarClicked", t.dados.eventoAtual, d));
+        t.dados.eventoAtual && (i("Evento"), a("adicionarObservacaoCancelarClicked", t.dados.eventoAtual, d));
       },
       TemplateTimeline: t
     };
   }
 });
-const kt = {
+const bt = {
   class: "pagina",
   "data-testid": "template-timeline"
 };
-function bt(e, a, o, s, t, r) {
-  const n = p("Topo"), l = p("Timeline"), $ = p("Evento"), C = p("EditarStatus"), D = p("AdicionarObservacao");
-  return i(), c("div", kt, [
-    e.TemplateTimeline.topo.exibir ? (i(), b(n, {
+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, {
       key: 0,
       titulo: e.TemplateTimeline.dados.perfil.nome,
       escuro: !1,
       onVoltarClick: e.handleVoltarTela
     }, null, 8, ["titulo", "onVoltarClick"])) : y("", !0),
-    e.TemplateTimeline.timeline.exibir ? (i(), b(l, {
+    e.TemplateTimeline.timeline.exibir ? (s(), k(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 ? (i(), b($, {
+    e.TemplateTimeline.dados.eventoAtual && e.TemplateTimeline.evento.exibir ? (s(), k($, {
       key: 2,
       "data-testid": "evento-detalhado",
       perfil: e.TemplateTimeline.dados.perfil,
@@ -1294,7 +1294,7 @@ function bt(e, a, o, s, t, r) {
       onObservacaoAdicionarClick: e.handleObservacaoAdicionarClick,
       onStatusEditarClick: e.handleStatusEditarClick
     }, null, 8, ["perfil", "evento", "onObservacaoAdicionarClick", "onStatusEditarClick"])) : y("", !0),
-    e.TemplateTimeline.dados.eventoAtual && e.TemplateTimeline.editarStatus.exibir ? (i(), b(C, {
+    e.TemplateTimeline.dados.eventoAtual && e.TemplateTimeline.editarStatus.exibir ? (s(), k(C, {
       key: 3,
       "data-testid": "editar-status",
       salvarVisivel: e.TemplateTimeline.editarStatus.exibir,
@@ -1303,7 +1303,7 @@ function bt(e, a, o, s, t, r) {
       onSalvarClick: e.handleStatusSalvarClick,
       onCancelarClick: e.handleStatusCancelarClick
     }, null, 8, ["salvarVisivel", "perfil", "evento", "onSalvarClick", "onCancelarClick"])) : y("", !0),
-    e.TemplateTimeline.adicionarObservacao.exibir ? (i(), b(D, {
+    e.TemplateTimeline.adicionarObservacao.exibir ? (s(), k(D, {
       key: 4,
       "data-testid": "adicionar-observacao",
       salvarVisivel: e.TemplateTimeline.adicionarObservacao.exibir,
@@ -1312,7 +1312,7 @@ function bt(e, a, o, s, t, r) {
     }, null, 8, ["salvarVisivel", "onAdicionarClick", "onCancelarClick"])) : y("", !0)
   ]);
 }
-const yt = /* @__PURE__ */ f(Ct, [["render", bt]]), gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const yt = /* @__PURE__ */ f(Ct, [["render", kt]]), gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" })), St = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
@@ -1328,8 +1328,10 @@ const yt = /* @__PURE__ */ f(Ct, [["render", bt]]), gt = /* @__PURE__ */ Object.
 }, Symbol.toStringTag, { value: "Module" }));
 const Tt = {
   install(e, ...a) {
-    for (const o in J)
-      e.component(o, J[o]);
+    Object.keys(J).forEach((o) => {
+      const n = J[o];
+      n && typeof n == "object" && e.component(o, n);
+    });
   }
 };
 export {
@@ -1337,8 +1339,7 @@ export {
   ee as EventoDetalhado,
   Q as EventoTimeline,
   yt as TemplateTimeline,
-  X as Timeline,
+  Tt as Timeline,
   gt as Tipos,
-  St as TiposDetalhado,
-  Tt as default
+  St as TiposDetalhado
 };