@devix-tecnologia/timeline-vue 1.0.1 → 1.1.0

package/dist/timeline-vue.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as u, reactive as P, computed as y, openBlock as o, createElementBlock as i, createElementVNode as h, normalizeClass as b, normalizeStyle as I, toDisplayString as g, resolveComponent as p, createVNode as m, createBlock as E, createCommentVNode as T, ref as q, onMounted as z, onUnmounted as j, Fragment as H, renderList as O } from "vue";
-const w = u({
+import { defineComponent as d, reactive as C, computed as y, openBlock as n, createElementBlock as c, createElementVNode as T, normalizeClass as q, normalizeStyle as A, toDisplayString as v, resolveComponent as p, createVNode as g, ref as I, createBlock as b, createCommentVNode as P, onMounted as M, onUnmounted as O, Fragment as w, renderList as B } from "vue";
+const F = d({
   name: "categoria",
   props: {
     iconeCategoria: {
@@ -24,7 +24,7 @@ const w = u({
     }
   },
   setup(e) {
-    return e = P(e), {
+    return e = C(e), {
       classes: y(() => ({
         "bg-escuro": e.escuro,
         "bg-claro": !e.escuro,
@@ -37,24 +37,24 @@ const w = u({
     };
   }
 });
-const _ = (e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [a, s] of n)
-    t[a] = s;
-  return t;
-}, B = { class: "areaCategoria" }, F = ["alt"], M = { class: "material-symbols-outlined" };
-function R(e, n, t, a, s, c) {
-  return o(), i("div", B, [
-    h("div", {
-      class: b(["iconeCategoria", e.classes]),
-      style: I(e.style),
+const _ = (e, t) => {
+  const a = e.__vccOpts || e;
+  for (const [r, i] of t)
+    a[r] = i;
+  return a;
+}, H = { class: "areaCategoria" }, L = ["alt"], N = { class: "material-symbols-outlined" };
+function R(e, t, a, r, i, u) {
+  return n(), c("div", H, [
+    T("div", {
+      class: q(["iconeCategoria", e.classes]),
+      style: A(e.style),
       alt: e.categoria
     }, [
-      h("span", M, g(e.iconeCategoria), 1)
-    ], 14, F)
+      T("span", N, v(e.iconeCategoria), 1)
+    ], 14, L)
   ]);
 }
-const A = /* @__PURE__ */ _(w, [["render", R], ["__scopeId", "data-v-596712b7"]]), N = u({
+const V = /* @__PURE__ */ _(F, [["render", R], ["__scopeId", "data-v-01127706"]]), Y = d({
   name: "status",
   props: {
     status: {
@@ -64,19 +64,19 @@ const A = /* @__PURE__ */ _(w, [["render", R], ["__scopeId", "data-v-596712b7"]]
   },
   components: {},
   setup(e) {
-    return e = P(e), {
+    return e = C(e), {
       classes: y(() => ({
         [`${e.status || "planejado"}`]: !0
       }))
     };
   }
 });
-function V(e, n, t, a, s, c) {
-  return o(), i("div", {
-    class: b([e.classes, "iconeStatus"])
+function J(e, t, a, r, i, u) {
+  return n(), c("div", {
+    class: q([e.classes, "iconeStatus"])
   }, null, 2);
 }
-const Y = /* @__PURE__ */ _(N, [["render", V], ["__scopeId", "data-v-f9b2f36c"]]), L = u({
+const U = /* @__PURE__ */ _(Y, [["render", J], ["__scopeId", "data-v-22a8820e"]]), G = d({
   props: {
     subtitulo: {
       required: !0,
@@ -88,11 +88,11 @@ const Y = /* @__PURE__ */ _(N, [["render", V], ["__scopeId", "data-v-f9b2f36c"]]
     return {};
   }
 });
-const U = { class: "subtitulo" };
-function G(e, n, t, a, s, c) {
-  return o(), i("h4", U, g(e.subtitulo), 1);
+const K = { class: "subtitulo" };
+function Q(e, t, a, r, i, u) {
+  return n(), c("h4", K, v(e.subtitulo), 1);
 }
-const J = /* @__PURE__ */ _(L, [["render", G], ["__scopeId", "data-v-f5319628"]]), K = u({
+const W = /* @__PURE__ */ _(G, [["render", Q], ["__scopeId", "data-v-f5319628"]]), X = d({
   props: {
     titulo: {
       required: !0,
@@ -104,11 +104,11 @@ const J = /* @__PURE__ */ _(L, [["render", G], ["__scopeId", "data-v-f5319628"]]
     return {};
   }
 });
-const Q = { class: "titulo" };
-function W(e, n, t, a, s, c) {
-  return o(), i("h3", Q, g(e.titulo), 1);
+const Z = { class: "titulo" };
+function x(e, t, a, r, i, u) {
+  return n(), c("h3", Z, v(e.titulo), 1);
 }
-const X = /* @__PURE__ */ _(K, [["render", W], ["__scopeId", "data-v-fce23b0e"]]), Z = u({
+const ee = /* @__PURE__ */ _(X, [["render", x], ["__scopeId", "data-v-fce23b0e"]]), te = d({
   props: {
     titulo: {
       required: !0,
@@ -119,29 +119,29 @@ const X = /* @__PURE__ */ _(K, [["render", W], ["__scopeId", "data-v-fce23b0e"]]
       type: String
     }
   },
-  components: { TituloEvento: X, SubtituloEvento: J },
+  components: { TituloEvento: ee, SubtituloEvento: W },
   setup() {
     return {};
   }
 });
-const x = {
+const oe = {
   key: 0,
   class: "descricaoEvento"
-}, ee = {
+}, ae = {
   key: 1,
   class: "descricaoEvento",
-  style: { "padding-top": "2.3rem" }
+  style: { "padding-top": "3.3rem" }
 };
-function te(e, n, t, a, s, c) {
-  const r = p("TituloEvento"), S = p("SubtituloEvento");
-  return e.subtitulo ? (o(), i("div", x, [
-    m(r, { titulo: e.titulo }, null, 8, ["titulo"]),
-    m(S, { subtitulo: e.subtitulo }, null, 8, ["subtitulo"])
-  ])) : (o(), i("div", ee, [
-    m(r, { titulo: e.titulo }, null, 8, ["titulo"])
+function ne(e, t, a, r, i, u) {
+  const l = p("TituloEvento"), S = p("SubtituloEvento");
+  return e.subtitulo ? (n(), c("div", oe, [
+    g(l, { titulo: e.titulo }, null, 8, ["titulo"]),
+    g(S, { subtitulo: e.subtitulo }, null, 8, ["subtitulo"])
+  ])) : (n(), c("div", ae, [
+    g(l, { titulo: e.titulo }, null, 8, ["titulo"])
   ]));
 }
-const oe = /* @__PURE__ */ _(Z, [["render", te], ["__scopeId", "data-v-57ec4748"]]), ne = u({
+const re = /* @__PURE__ */ _(te, [["render", ne], ["__scopeId", "data-v-bb6e1ced"]]), se = d({
   name: "hora",
   props: {
     hora: {
@@ -154,55 +154,54 @@ const oe = /* @__PURE__ */ _(Z, [["render", te], ["__scopeId", "data-v-57ec4748"
   },
   components: {},
   setup(e) {
-    e = P(e);
-    const n = e.hora, t = n.getHours(), a = n.getMinutes(), s = `${t}:${a.toString().padStart(2, "0")}`;
+    const t = I(e.aparencia);
     return {
       classes: y(() => ({
-        [`hora-${e.aparencia || ""}`]: !0
-      })),
-      horaString: s
+        [`hora-${t || ""}`]: !0
+      }))
     };
   }
 });
-function ae(e, n, t, a, s, c) {
-  return o(), i("div", {
-    class: b(["hora", e.classes])
-  }, g(e.horaString), 3);
+function ie(e, t, a, r, i, u) {
+  return n(), c("div", {
+    class: q(["hora", e.classes])
+  }, v(e.hora.getHours()) + ":" + v(e.hora.getMinutes().toString().padStart(2, "0")), 3);
 }
-const se = /* @__PURE__ */ _(ne, [["render", ae], ["__scopeId", "data-v-c83864af"]]), re = u({
+const le = /* @__PURE__ */ _(se, [["render", ie], ["__scopeId", "data-v-071a9ea4"]]), ce = d({
   props: {
     horaPrevista: {
       type: Date,
       required: !0
     },
     horaRealizada: {
+      required: !1,
       type: Date
     }
     // aparencia: {
     //   type: String,
     // },
   },
-  components: { Hora: se },
+  components: { Hora: le },
   setup() {
     return {};
   }
 });
-const ie = { class: "areaHora" }, ce = { class: "horaEvento" };
-function le(e, n, t, a, s, c) {
-  const r = p("Hora");
-  return o(), i("div", ie, [
-    h("div", ce, [
-      e.horaRealizada ? (o(), E(r, {
+const ue = { class: "areaHora" }, de = { class: "horaEvento" };
+function _e(e, t, a, r, i, u) {
+  const l = p("Hora");
+  return n(), c("div", ue, [
+    T("div", de, [
+      e.horaRealizada ? (n(), b(l, {
         key: 0,
         class: "horaRealizada texto-grande",
         hora: e.horaRealizada,
         style: { "padding-top": "0.3rem" }
-      }, null, 8, ["hora"])) : T("", !0),
-      e.horaRealizada ? (o(), E(r, {
+      }, null, 8, ["hora"])) : P("", !0),
+      e.horaRealizada ? (n(), b(l, {
         key: 1,
         class: "horaPlanejada texto-pequeno",
         hora: e.horaPrevista
-      }, null, 8, ["hora"])) : (o(), E(r, {
+      }, null, 8, ["hora"])) : (n(), b(l, {
         key: 2,
         class: "horaRealizada texto-grande",
         hora: e.horaPrevista,
@@ -211,7 +210,7 @@ function le(e, n, t, a, s, c) {
     ])
   ]);
 }
-const de = /* @__PURE__ */ _(re, [["render", le], ["__scopeId", "data-v-22e53379"]]), ue = u({
+const pe = /* @__PURE__ */ _(ce, [["render", _e], ["__scopeId", "data-v-04f44efd"]]), me = d({
   name: "destaque",
   props: {
     destaque: {
@@ -223,63 +222,96 @@ const de = /* @__PURE__ */ _(re, [["render", le], ["__scopeId", "data-v-22e53379
     return {};
   }
 });
-const _e = { class: "destaqueEvento texto-pequeno" };
-function pe(e, n, t, a, s, c) {
-  return o(), i("div", _e, g(e.destaque), 1);
+const ve = { class: "destaqueEvento texto-pequeno" };
+function fe(e, t, a, r, i, u) {
+  return n(), c("div", ve, v(e.destaque), 1);
 }
-const me = /* @__PURE__ */ _(ue, [["render", pe], ["__scopeId", "data-v-c2b8e419"]]), ve = u({
+const ge = /* @__PURE__ */ _(me, [["render", fe], ["__scopeId", "data-v-b0b0beb7"]]), ye = d({
   props: {
-    dadosEvento: {
+    status: {
+      required: !0,
+      type: String
+    },
+    criticidade: {
+      required: !0,
+      type: String
+    },
+    ehAtual: {
+      required: !0,
+      type: Boolean
+    },
+    previsto: {
+      required: !0,
+      type: Date
+    },
+    realizado: {
+      required: !1,
+      type: Date
+    },
+    categoria: {
       required: !0,
       type: Object
+    },
+    titulo: {
+      required: !0,
+      type: String
+    },
+    subtitulo: {
+      required: !0,
+      type: String
+    },
+    destaque: {
+      required: !0,
+      type: String
+    },
+    aoCLicar: {
+      required: !1,
+      type: Function
     }
   },
   components: {
-    IconeStatus: Y,
-    IconeCategoria: A,
-    HoraEvento: de,
-    DescricaoEvento: oe,
-    Destaque: me
+    IconeStatus: U,
+    IconeCategoria: V,
+    HoraEvento: pe,
+    DescricaoEvento: re,
+    Destaque: ge
   },
   setup(e) {
     return {
       eventoSelecionado: y(() => ({
-        atual: e.dadosEvento.atual == !0,
-        padrao: e.dadosEvento.atual == !1
+        atual: e.ehAtual,
+        padrao: e.ehAtual
+      })),
+      clicavel: y(() => ({
+        clicavel: e.aoCLicar !== void 0
       }))
     };
   }
 });
-function fe(e, n, t, a, s, c) {
-  const r = p("IconeStatus"), S = p("HoraEvento"), d = p("IconeCategoria"), l = p("DescricaoEvento"), v = p("Destaque");
-  return o(), i("article", {
-    class: b(["eventoTimeline", [
-      e.dadosEvento.valor.status,
-      "criticidade-" + e.dadosEvento.valor.criticidade,
-      e.eventoSelecionado
-    ]])
+const $e = ["onclick"];
+function he(e, t, a, r, i, u) {
+  const l = p("IconeStatus"), S = p("HoraEvento"), E = p("IconeCategoria"), o = p("DescricaoEvento"), s = p("Destaque");
+  return n(), c("article", {
+    class: q(["eventoTimeline", [e.status, "criticidade-" + e.criticidade, e.eventoSelecionado, e.clicavel]]),
+    onclick: e.aoCLicar
   }, [
-    m(r, {
-      status: e.dadosEvento.valor.status
-    }, null, 8, ["status"]),
-    m(S, {
-      horaPrevista: e.dadosEvento.valor.previsto,
-      horaRealizada: e.dadosEvento.valor.realizado
+    g(l, { status: e.status }, null, 8, ["status"]),
+    g(S, {
+      horaPrevista: e.previsto,
+      horaRealizada: e.realizado
     }, null, 8, ["horaPrevista", "horaRealizada"]),
-    m(d, {
-      iconeCategoria: e.dadosEvento.valor.categoria.icone,
-      categoria: e.dadosEvento.valor.categoria.nome
+    g(E, {
+      iconeCategoria: e.categoria.icone,
+      categoria: e.categoria.nome
     }, null, 8, ["iconeCategoria", "categoria"]),
-    m(l, {
-      titulo: e.dadosEvento.valor.titulo,
-      subtitulo: e.dadosEvento.valor.subtitulo
+    g(o, {
+      titulo: e.titulo,
+      subtitulo: e.subtitulo
     }, null, 8, ["titulo", "subtitulo"]),
-    m(v, {
-      destaque: e.dadosEvento.valor.destaque
-    }, null, 8, ["destaque"])
-  ], 2);
+    g(s, { destaque: e.destaque }, null, 8, ["destaque"])
+  ], 10, $e);
 }
-const ge = /* @__PURE__ */ _(ve, [["render", fe], ["__scopeId", "data-v-54059adf"]]), $e = u({
+const be = /* @__PURE__ */ _(ye, [["render", he], ["__scopeId", "data-v-1d1f6a39"]]), Se = d({
   name: "BoxData",
   props: {
     dataNumero: {
@@ -292,64 +324,51 @@ const ge = /* @__PURE__ */ _(ve, [["render", fe], ["__scopeId", "data-v-54059adf
   },
   components: {},
   setup(e) {
-    return e = P(e), {
+    return e = C(e), {
       classes: y(() => ({
         [`${e.aparencia || "padrao"}`]: !0
       }))
     };
   }
 });
-function ye(e, n, t, a, s, c) {
-  return o(), i("h3", {
-    class: b(["boxData padrao", e.classes])
-  }, g(e.dataNumero), 3);
+function Te(e, t, a, r, i, u) {
+  return n(), c("h3", {
+    class: q(["boxData padrao", e.classes])
+  }, v(e.dataNumero), 3);
 }
-const he = /* @__PURE__ */ _($e, [["render", ye], ["__scopeId", "data-v-5e2b8273"]]), be = u({
+const qe = /* @__PURE__ */ _(Se, [["render", Te], ["__scopeId", "data-v-5e2b8273"]]), Ee = d({
   name: "SeparadorPeriodo",
   props: {
     dataSeparador: {
       required: !0,
-      type: String
+      type: Date
     },
     aparencia: {
       type: String
     }
   },
-  components: { BoxData: he },
+  components: { BoxData: qe },
   setup(e) {
-    const n = [
-      "janeiro",
-      "fevereiro",
-      "março",
-      "abril",
-      "maio",
-      "junho",
-      "julho",
-      "agosto",
-      "setembro",
-      "outubro",
-      "novembro",
-      "dezembro"
-    ], t = e.dataSeparador, a = new Date(t), s = a.getFullYear(), c = n[a.getMonth()], r = a.getDate();
-    return { dataRecebida: t, ano: s, mes: c, dia: r };
+    const t = new Array(12);
+    return t[0] = "Janeiro", t[1] = "Fevereiro", t[2] = "Março", t[3] = "Abril", t[4] = "Maio", t[5] = "Junho", t[6] = "Julho", t[7] = "Agosto", t[8] = "Setembro", t[9] = "Outubro", t[10] = "Novembro", t[11] = "Dezembro", { mesCorrente: (r) => t[r] };
   }
 });
-const Se = { class: "separadorPeriodo" }, Ee = { class: "areaData" };
-function Te(e, n, t, a, s, c) {
-  const r = p("BoxData");
-  return o(), i("div", Se, [
-    h("div", Ee, [
-      m(r, {
-        dataNumero: e.dia,
+const Pe = { class: "separadorPeriodo" }, Ce = { class: "areaData" };
+function ke(e, t, a, r, i, u) {
+  const l = p("BoxData");
+  return n(), c("div", Pe, [
+    T("div", Ce, [
+      g(l, {
+        dataNumero: e.dataSeparador.getDate(),
         aparencia: e.aparencia
       }, null, 8, ["dataNumero", "aparencia"])
     ]),
-    h("h3", {
-      class: b(["titulo", e.aparencia])
-    }, g(e.mes) + " de " + g(e.ano), 3)
+    T("h3", {
+      class: q(["titulo", e.aparencia])
+    }, v(e.mesCorrente(e.dataSeparador.getMonth())) + " de " + v(e.dataSeparador.getFullYear()), 3)
   ]);
 }
-const Pe = /* @__PURE__ */ _(be, [["render", Te], ["__scopeId", "data-v-35229a33"]]), ke = u({
+const De = /* @__PURE__ */ _(Ee, [["render", ke], ["__scopeId", "data-v-de9ead2d"]]), Ie = d({
   props: {
     imagem: {
       type: String
@@ -362,20 +381,20 @@ const Pe = /* @__PURE__ */ _(be, [["render", Te], ["__scopeId", "data-v-35229a33
     return {};
   }
 });
-const qe = { class: "avatar" }, De = ["src"], Ie = {
+const ze = { class: "avatar" }, Ae = ["src"], je = {
   key: 1,
   class: "material-symbols-outlined"
 };
-function Ce(e, n, t, a, s, c) {
-  return o(), i("div", qe, [
-    e.imagem ? (o(), i("img", {
+function Me(e, t, a, r, i, u) {
+  return n(), c("div", ze, [
+    e.imagem ? (n(), c("img", {
       key: 0,
       src: e.imagem
-    }, null, 8, De)) : e.icone ? (o(), i("span", Ie, g(e.icone), 1)) : T("", !0)
+    }, null, 8, Ae)) : e.icone ? (n(), c("span", je, v(e.icone), 1)) : P("", !0)
   ]);
 }
-const ze = /* @__PURE__ */ _(ke, [["render", Ce], ["__scopeId", "data-v-a913d26b"]]), je = u({
-  components: { AvatarTimeline: ze },
+const Oe = /* @__PURE__ */ _(Ie, [["render", Me], ["__scopeId", "data-v-a913d26b"]]), we = d({
+  components: { AvatarTimeline: Oe },
   props: {
     imagemPerfil: {
       type: String
@@ -392,45 +411,44 @@ const ze = /* @__PURE__ */ _(ke, [["render", Ce], ["__scopeId", "data-v-a913d26b
     }
   },
   setup(e) {
-    e = P(e);
-    const n = y(() => ({
+    e = C(e);
+    const t = y(() => ({
       backgroundColor: e.backgroundColor
-    })), t = q(null), a = q(!1), s = () => {
-      if (t.value) {
-        const c = window.pageYOffset || document.documentElement.scrollTop, r = t.value.offsetTop;
-        a.value = c > r;
+    })), a = I(null), r = I(!1), i = () => {
+      if (a.value) {
+        const u = window.pageYOffset || document.documentElement.scrollTop, l = a.value.offsetTop;
+        r.value = u > l;
       }
     };
-    return z(() => {
-      window.addEventListener("scroll", s);
-    }), j(() => {
-      window.removeEventListener("scroll", s);
+    return M(() => {
+      window.addEventListener("scroll", i);
+    }), O(() => {
+      window.removeEventListener("scroll", i);
     }), {
-      style: n,
-      elementoFixo: t,
-      isFixed: a
+      style: t,
+      isFixed: r
     };
   }
 });
-const He = { class: "nome" };
-function Oe(e, n, t, a, s, c) {
-  const r = p("AvatarTimeline");
-  return o(), i("div", {
-    class: b(["perfilTimeline", { fixed: e.isFixed }]),
+const Be = { class: "nome" };
+function Fe(e, t, a, r, i, u) {
+  const l = p("AvatarTimeline");
+  return n(), c("section", {
+    class: q(["perfilTimeline", { fixed: e.isFixed }]),
     ref: "elementoFixo",
-    style: I(e.style)
+    style: A(e.style)
   }, [
-    e.imagemPerfil ? (o(), E(r, {
+    e.imagemPerfil ? (n(), b(l, {
       key: 0,
       imagem: e.imagemPerfil
-    }, null, 8, ["imagem"])) : e.iconePerfil ? (o(), E(r, {
+    }, null, 8, ["imagem"])) : e.iconePerfil ? (n(), b(l, {
       key: 1,
       icone: e.iconePerfil
-    }, null, 8, ["icone"])) : T("", !0),
-    h("h2", He, g(e.nomePerfil), 1)
+    }, null, 8, ["icone"])) : P("", !0),
+    T("h2", Be, v(e.nomePerfil), 1)
   ], 6);
 }
-const we = /* @__PURE__ */ _(je, [["render", Oe], ["__scopeId", "data-v-de2da009"]]), Be = u({
+const He = /* @__PURE__ */ _(we, [["render", Fe], ["__scopeId", "data-v-804ffe54"]]), Le = d({
   props: {
     perfilTimeline: {
       required: !0,
@@ -440,118 +458,137 @@ const we = /* @__PURE__ */ _(je, [["render", Oe], ["__scopeId", "data-v-de2da009
       required: !0,
       type: Object
     }
-    // ordem: {
-    //   required: false,
-    //   type: Ordem,
-    // },
   },
   components: {
-    PerfilTimeline: we,
-    SeparadorPeriodo: Pe,
-    EventoTimeline: ge
+    PerfilTimeline: He,
+    SeparadorPeriodo: De,
+    EventoTimeline: be
   },
   setup(e) {
-    const n = P(
+    const t = C(
       e.eventosTimeline
-    ), t = n.sort(
-      (d, l) => d.data.getTime() - l.data.getTime()
-    ), a = (d, l) => {
-      const v = d.getDay() === l.getDay(), f = d.getMonth() === l.getMonth(), $ = d.getFullYear() === l.getFullYear();
-      return v && f && $;
-    };
-    function s(d) {
-      if (d) {
-        const l = Date.now();
-        let v = null, f = [];
-        for (const $ of d) {
-          const C = $.data.getTime(), k = Math.abs(l - C);
-          (v === null || k < v) && (v = k, f.length = 0), ($.status === "planejado" || $.status === "atrasado") && f.push($);
-        }
-        return f;
-      } else
-        return console.log("vazio.. ", []), [];
+    );
+    let a = C(t);
+    function r() {
+      a = t;
+      const o = l(a);
+      a.map((s) => (o[0].id === s.id ? (s.atual = !0, s.scroll = !0, E()) : (s.atual = !1, s.scroll = !1), {
+        evento: s
+      }));
     }
-    const c = s(t), r = c[0] ? c[0] : null;
-    return {
-      eventosPorTipo: y(() => {
-        if (n) {
-          let d = [], l = null, v = 0;
-          for (const f of t) {
-            const $ = f.data;
-            (!l || !a(l, $)) && (l = $, d.push({
-              tipo: "dia",
-              valor: f.data,
-              key: ++v
-            })), d.push({
-              tipo: "evento",
-              valor: f,
-              key: ++v,
-              atual: r === null ? !1 : f.id === r.id
-            });
+    const i = () => {
+      setInterval(r, 6e4);
+    }, u = (o, s) => {
+      const m = o.getDay() === s.getDay(), $ = o.getMonth() === s.getMonth(), f = o.getFullYear() === s.getFullYear();
+      return m && $ && f;
+    }, l = (o) => {
+      if (o) {
+        const s = Date.now();
+        let m = null, $ = [];
+        for (const f of o) {
+          const h = f.data.getTime();
+          if (f.status === "planejado" || f.status === "atrasado") {
+            const k = Math.abs(s - f.data.getTime());
+            if (m === null || k < m && h <= s)
+              m = k, $.length = 0;
+            else if (k > m)
+              continue;
+            $.push(f);
           }
-          return d;
-        } else
-          return [];
-      })
-    };
-  },
-  methods: {
-    scrollParaItemAtual() {
-      const e = document.querySelector(".atual");
-      e == null || e.scrollIntoView({
+        }
+        return $;
+      } else
+        return [];
+    }, S = y(() => {
+      i();
+      const o = a.sort(
+        (s, m) => s.data.getTime() - m.data.getTime()
+      );
+      if (o) {
+        let s = [], m = null, $ = 0, f;
+        for (const h of o) {
+          const k = /* @__PURE__ */ new Date(), D = h.data;
+          f = h.status;
+          const j = h.tolerancia * 60 * 1e3;
+          f === "planejado" && D.getTime() + j < k.getTime() && (h.status = "atrasado"), (!m || !u(m, D)) && (m = D, s.push({
+            tipo: "dia",
+            valor: h.data,
+            key: ++$
+          })), s.push({
+            tipo: "evento",
+            valor: h,
+            key: ++$
+          });
+        }
+        return s;
+      } else
+        return [];
+    }), E = () => {
+      const o = document.querySelector(".atual");
+      o == null || o.scrollIntoView({
         behavior: "smooth",
         block: "center"
       });
-    }
+    };
+    return r(), {
+      eventosPorTipo: S,
+      scrollParaItemAtual: E
+    };
   },
   mounted() {
     this.scrollParaItemAtual();
   }
 });
-const Fe = { key: 0 }, Me = { key: 1 }, Re = { class: "timeline" };
-function Ae(e, n, t, a, s, c) {
-  const r = p("PerfilTimeline"), S = p("SeparadorPeriodo"), d = p("EventoTimeline");
-  return o(), i("div", null, [
-    h("div", null, [
-      e.perfilTimeline !== null ? (o(), E(r, {
-        key: 0,
-        nomePerfil: e.perfilTimeline.nome,
-        imagemPerfil: e.perfilTimeline.imagem,
-        iconePerfil: e.perfilTimeline.icone
-      }, null, 8, ["nomePerfil", "imagemPerfil", "iconePerfil"])) : T("", !0)
-    ]),
-    (o(!0), i(H, null, O(e.eventosPorTipo, (l) => (o(), i("div", {
-      key: l.key,
-      class: "areaTimeline"
-    }, [
-      l.tipo === "dia" ? (o(), i("div", Fe, [
-        m(S, {
-          dataSeparador: l.valor.toDateString()
-        }, null, 8, ["dataSeparador"])
-      ])) : T("", !0),
-      l.tipo === "evento" ? (o(), i("div", Me, [
-        h("section", Re, [
-          m(d, { dadosEvento: l }, null, 8, ["dadosEvento"])
-        ])
-      ])) : T("", !0)
-    ]))), 128))
+const Ne = { class: "areaTimeline" }, Re = { class: "timeline" };
+function Ve(e, t, a, r, i, u) {
+  const l = p("PerfilTimeline"), S = p("SeparadorPeriodo"), E = p("EventoTimeline");
+  return n(), c("div", Ne, [
+    e.perfilTimeline !== null ? (n(), b(l, {
+      key: 0,
+      nomePerfil: e.perfilTimeline.nome,
+      imagemPerfil: e.perfilTimeline.imagem,
+      iconePerfil: e.perfilTimeline.icone
+    }, null, 8, ["nomePerfil", "imagemPerfil", "iconePerfil"])) : P("", !0),
+    T("section", Re, [
+      (n(!0), c(w, null, B(e.eventosPorTipo, (o) => (n(), c("div", {
+        key: o.key
+      }, [
+        o.tipo === "dia" ? (n(), b(S, {
+          key: 0,
+          dataSeparador: o.valor
+        }, null, 8, ["dataSeparador"])) : P("", !0),
+        o.tipo === "evento" ? (n(), b(E, {
+          key: 1,
+          status: o.valor.status,
+          criticidade: o.valor.criticidade,
+          previsto: o.valor.previsto,
+          realizado: o.valor.realizado,
+          categoria: o.valor.categoria,
+          titulo: o.valor.titulo,
+          subtitulo: o.valor.subtitulo,
+          destaque: o.valor.destaque,
+          ehAtual: o.valor.atual,
+          aoCLicar: o.valor.aoCLicar
+        }, null, 8, ["status", "criticidade", "previsto", "realizado", "categoria", "titulo", "subtitulo", "destaque", "ehAtual", "aoCLicar"])) : P("", !0)
+      ]))), 128))
+    ])
   ]);
 }
-const Ne = /* @__PURE__ */ _(Be, [["render", Ae], ["__scopeId", "data-v-97897a02"]]), Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ye = /* @__PURE__ */ _(Le, [["render", Ve], ["__scopeId", "data-v-c833bd5f"]]), Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Timeline: Ne,
-  Tipos: Ve
+  Timeline: Ye,
+  Tipos: Je
 }, Symbol.toStringTag, { value: "Module" }));
-const Le = {
-  install(e, ...n) {
-    for (const t in D)
-      e.component(t, D[t]);
+const Ge = {
+  install(e, ...t) {
+    for (const a in z)
+      e.component(a, z[a]);
   }
 };
 export {
-  Ne as Timeline,
-  Ve as Tipos,
-  Le as default
+  Ye as Timeline,
+  Je as Tipos,
+  Ge as default
 };