@devix-tecnologia/timeline-vue 1.1.2 → 1.2.0

package/dist/timeline-vue.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as d, reactive as C, computed as y, openBlock as a, createElementBlock as i, createElementVNode as T, normalizeClass as q, normalizeStyle as z, toDisplayString as v, resolveComponent as _, createVNode as f, ref as j, createBlock as b, createCommentVNode as E, Fragment as B, renderList as H } from "vue";
-const M = d({
-  name: "categoria",
+import { defineComponent as d, reactive as P, computed as g, openBlock as a, createElementBlock as i, createElementVNode as T, normalizeClass as C, normalizeStyle as I, toDisplayString as v, resolveComponent as p, createVNode as h, createBlock as S, createCommentVNode as q, ref as B, Fragment as j, renderList as M } from "vue";
+const O = d({
+  name: "Icone Categoria",
   props: {
     iconeCategoria: {
       type: String,
@@ -24,150 +24,142 @@ const M = d({
     }
   },
   setup(e) {
-    return e = C(e), {
-      classes: y(() => ({
+    return e = P(e), {
+      classes: g(() => ({
         "bg-escuro": e.escuro,
         "bg-claro": !e.escuro,
         [`borda-${e.tipo || "padrao"}`]: !0
       })),
-      style: y(() => ({
+      style: g(() => ({
         borderColor: e.borderColor,
         backgroundColor: e.backgroundColor
       }))
     };
   }
 });
-const p = (e, t) => {
+const _ = (e, o) => {
   const r = e.__vccOpts || e;
-  for (const [s, l] of t)
+  for (const [s, l] of o)
     r[s] = l;
   return r;
-}, O = { class: "areaCategoria" }, N = ["alt"], L = { class: "material-symbols-outlined" };
-function R(e, t, r, s, l, u) {
-  return a(), i("div", O, [
+}, R = { class: "areaCategoria" }, N = ["alt"], F = { class: "material-symbols-outlined" };
+function w(e, o, r, s, l, c) {
+  return a(), i("div", R, [
     T("div", {
-      class: q(["iconeCategoria", e.classes]),
-      style: z(e.style),
+      class: C(["iconeCategoria", e.classes]),
+      style: I(e.style),
       alt: e.categoria
     }, [
-      T("span", L, v(e.iconeCategoria), 1)
+      T("span", F, v(e.iconeCategoria), 1)
     ], 14, N)
   ]);
 }
-const F = /* @__PURE__ */ p(M, [["render", R], ["__scopeId", "data-v-01127706"]]), w = d({
-  name: "status",
+const V = /* @__PURE__ */ _(O, [["render", w], ["__scopeId", "data-v-f922d1fe"]]), J = d({
+  name: "Icone Status",
   props: {
     status: {
       required: !0,
       type: String
     }
   },
-  components: {},
   setup(e) {
-    return e = C(e), {
-      classes: y(() => ({
+    return e = P(e), {
+      classes: g(() => ({
         [`${e.status || "planejado"}`]: !0
       }))
     };
   }
 });
-function V(e, t, r, s, l, u) {
+function Y(e, o, r, s, l, c) {
   return a(), i("div", {
-    class: q([e.classes, "iconeStatus"])
+    class: C([e.classes, "iconeStatus"])
   }, null, 2);
 }
-const J = /* @__PURE__ */ p(w, [["render", V], ["__scopeId", "data-v-22a8820e"]]), Y = d({
+const L = /* @__PURE__ */ _(J, [["render", Y], ["__scopeId", "data-v-61335255"]]), G = d({
+  name: "Subtítulo Evento",
   props: {
     subtitulo: {
       required: !0,
       type: String
     }
-  },
-  components: {},
-  setup() {
-    return {};
   }
 });
-const G = { class: "subtitulo" };
-function K(e, t, r, s, l, u) {
-  return a(), i("h4", G, v(e.subtitulo), 1);
+const K = { class: "subtitulo" };
+function Q(e, o, r, s, l, c) {
+  return a(), i("h4", K, v(e.subtitulo), 1);
 }
-const Q = /* @__PURE__ */ p(Y, [["render", K], ["__scopeId", "data-v-f5319628"]]), U = d({
+const U = /* @__PURE__ */ _(G, [["render", Q], ["__scopeId", "data-v-5f7c5673"]]), W = d({
+  name: "Título Evento",
   props: {
     titulo: {
       required: !0,
       type: String
     }
-  },
-  components: {},
-  setup() {
-    return {};
   }
 });
-const W = { class: "titulo" };
-function X(e, t, r, s, l, u) {
-  return a(), i("h3", W, v(e.titulo), 1);
+const X = { class: "titulo" };
+function Z(e, o, r, s, l, c) {
+  return a(), i("h3", X, v(e.titulo), 1);
 }
-const Z = /* @__PURE__ */ p(U, [["render", X], ["__scopeId", "data-v-fce23b0e"]]), x = d({
+const x = /* @__PURE__ */ _(W, [["render", Z], ["__scopeId", "data-v-7369e837"]]), ee = d({
+  name: "Descrição Evento",
   props: {
     titulo: {
       required: !0,
       type: String
     },
     subtitulo: {
-      required: !0,
+      required: !1,
       type: String
     }
   },
-  components: { TituloEvento: Z, SubtituloEvento: Q },
-  setup() {
-    return {};
-  }
+  components: { TituloEvento: x, SubtituloEvento: U }
 });
-const ee = {
-  key: 0,
-  class: "descricaoEvento"
-}, te = {
-  key: 1,
-  class: "descricaoEvento",
-  style: { "padding-top": "3.3rem" }
-};
-function oe(e, t, r, s, l, u) {
-  const c = _("TituloEvento"), S = _("SubtituloEvento");
-  return e.subtitulo ? (a(), i("div", ee, [
-    f(c, { titulo: e.titulo }, null, 8, ["titulo"]),
-    f(S, { subtitulo: e.subtitulo }, null, 8, ["subtitulo"])
-  ])) : (a(), i("div", te, [
-    f(c, { titulo: e.titulo }, null, 8, ["titulo"])
-  ]));
+function te(e, o, r, s, l, c) {
+  const u = p("TituloEvento"), b = p("SubtituloEvento");
+  return a(), i("div", {
+    class: "descricaoEvento",
+    style: I(`${e.subtitulo ? "" : "padding-top: 3.3rem"}`)
+  }, [
+    h(u, { titulo: e.titulo }, null, 8, ["titulo"]),
+    e.subtitulo ? (a(), S(b, {
+      key: 0,
+      subtitulo: e.subtitulo
+    }, null, 8, ["subtitulo"])) : q("", !0)
+  ], 4);
 }
-const ae = /* @__PURE__ */ p(x, [["render", oe], ["__scopeId", "data-v-bb6e1ced"]]), re = d({
-  name: "hora",
+const oe = /* @__PURE__ */ _(ee, [["render", te], ["__scopeId", "data-v-171435d6"]]), ae = d({
+  name: "Hora",
   props: {
     hora: {
       required: !0,
       type: Date
     },
     aparencia: {
-      type: String
+      type: String,
+      default: "padrao",
+      validator(e) {
+        return ["padrao", "riscada"].includes(e);
+      }
     }
   },
   components: {},
   setup(e) {
-    const t = j(e.aparencia);
     return {
-      classes: y(() => ({
-        [`hora-${t || ""}`]: !0
+      horas: B(new Date(e.hora)),
+      classes: g(() => ({
+        [`hora-${e.aparencia || ""}`]: !0
       }))
     };
   }
 });
-function ne(e, t, r, s, l, u) {
+function re(e, o, r, s, l, c) {
   return a(), i("div", {
-    class: q(["hora", e.classes])
-  }, v(e.hora.getHours()) + ":" + v(e.hora.getMinutes().toString().padStart(2, "0")), 3);
+    class: C(["hora", e.classes])
+  }, v(e.horas.getHours()) + ":" + v(e.horas.getMinutes().toString().padStart(2, "0")), 3);
 }
-const se = /* @__PURE__ */ p(re, [["render", ne], ["__scopeId", "data-v-071a9ea4"]]), ie = d({
+const ne = /* @__PURE__ */ _(ae, [["render", re], ["__scopeId", "data-v-dacdabdc"]]), se = d({
+  name: "Hora Evento",
   props: {
     horaPrevista: {
       type: Date,
@@ -177,56 +169,41 @@ const se = /* @__PURE__ */ p(re, [["render", ne], ["__scopeId", "data-v-071a9ea4
       required: !1,
       type: Date
     }
-    // aparencia: {
-    //   type: String,
-    // },
   },
-  components: { Hora: se },
-  setup() {
-    return {};
-  }
+  components: { Hora: ne }
 });
-const le = { class: "areaHora" }, ce = { class: "horaEvento" };
-function ue(e, t, r, s, l, u) {
-  const c = _("Hora");
-  return a(), i("div", le, [
-    T("div", ce, [
-      e.horaRealizada ? (a(), b(c, {
+const ie = { class: "areaHora" }, le = { class: "horaEvento" };
+function ce(e, o, r, s, l, c) {
+  const u = p("Hora");
+  return a(), i("div", ie, [
+    T("div", le, [
+      e.horaRealizada ? (a(), S(u, {
         key: 0,
-        class: "horaRealizada texto-grande",
         hora: e.horaRealizada,
         style: { "padding-top": "0.3rem" }
-      }, null, 8, ["hora"])) : E("", !0),
-      e.horaRealizada ? (a(), b(c, {
-        key: 1,
-        class: "horaPlanejada texto-pequeno",
-        hora: e.horaPrevista
-      }, null, 8, ["hora"])) : (a(), b(c, {
-        key: 2,
-        class: "horaRealizada texto-grande",
+      }, null, 8, ["hora"])) : q("", !0),
+      h(u, {
         hora: e.horaPrevista,
-        style: { "padding-top": "1.2rem" }
-      }, null, 8, ["hora"]))
+        aparencia: e.horaRealizada ? "riscada" : "padrao",
+        style: I(e.horaRealizada ? "" : "padding-top: 1.2rem")
+      }, null, 8, ["hora", "aparencia", "style"])
     ])
   ]);
 }
-const de = /* @__PURE__ */ p(ie, [["render", ue], ["__scopeId", "data-v-04f44efd"]]), pe = d({
-  name: "destaque",
+const ue = /* @__PURE__ */ _(se, [["render", ce], ["__scopeId", "data-v-da519ace"]]), de = d({
+  name: "Destaque",
   props: {
-    destaque: {
+    texto: {
       type: String
     }
-  },
-  components: {},
-  setup() {
-    return {};
   }
 });
 const _e = { class: "destaqueEvento texto-pequeno" };
-function me(e, t, r, s, l, u) {
-  return a(), i("div", _e, v(e.destaque), 1);
+function pe(e, o, r, s, l, c) {
+  return a(), i("div", _e, v(e.texto), 1);
 }
-const ve = /* @__PURE__ */ p(pe, [["render", me], ["__scopeId", "data-v-b0b0beb7"]]), ge = d({
+const me = /* @__PURE__ */ _(de, [["render", pe], ["__scopeId", "data-v-c2f02de8"]]), ve = d({
+  name: "Evento Timeline",
   props: {
     status: {
       required: !0,
@@ -257,62 +234,62 @@ const ve = /* @__PURE__ */ p(pe, [["render", me], ["__scopeId", "data-v-b0b0beb7
       type: String
     },
     subtitulo: {
-      required: !0,
+      required: !1,
       type: String
     },
     destaque: {
-      required: !0,
+      required: !1,
       type: String
     },
-    aoCLicar: {
+    aoClicar: {
       required: !1,
       type: Function
     }
   },
   components: {
-    IconeStatus: J,
-    IconeCategoria: F,
-    HoraEvento: de,
-    DescricaoEvento: ae,
-    Destaque: ve
+    IconeStatus: L,
+    IconeCategoria: V,
+    HoraEvento: ue,
+    DescricaoEvento: oe,
+    Destaque: me
   },
   setup(e) {
     return {
-      eventoSelecionado: y(() => ({
+      eventoSelecionado: g(() => ({
         atual: e.ehAtual,
         padrao: e.ehAtual
       })),
-      clicavel: y(() => ({
-        clicavel: e.aoCLicar !== void 0
+      clicavel: g(() => ({
+        clicavel: e.aoClicar !== void 0
       }))
     };
   }
 });
 const fe = ["onclick"];
-function ye(e, t, r, s, l, u) {
-  const c = _("IconeStatus"), S = _("HoraEvento"), P = _("IconeCategoria"), o = _("DescricaoEvento"), n = _("Destaque");
+function ge(e, o, r, s, l, c) {
+  const u = p("IconeStatus"), b = p("HoraEvento"), E = p("IconeCategoria"), t = p("DescricaoEvento"), n = p("Destaque");
   return a(), i("article", {
-    class: q(["eventoTimeline", [e.status, "criticidade-" + e.criticidade, e.eventoSelecionado, e.clicavel]]),
-    onclick: e.aoCLicar
+    class: C(["eventoTimeline", [e.status, "criticidade-" + e.criticidade, e.eventoSelecionado, e.clicavel]]),
+    onclick: e.aoClicar
   }, [
-    f(c, { status: e.status }, null, 8, ["status"]),
-    f(S, {
+    h(u, { status: e.status }, null, 8, ["status"]),
+    h(b, {
       horaPrevista: e.previsto,
       horaRealizada: e.realizado
     }, null, 8, ["horaPrevista", "horaRealizada"]),
-    f(P, {
+    h(E, {
       iconeCategoria: e.categoria.icone,
       categoria: e.categoria.nome
     }, null, 8, ["iconeCategoria", "categoria"]),
-    f(o, {
+    h(t, {
       titulo: e.titulo,
       subtitulo: e.subtitulo
     }, null, 8, ["titulo", "subtitulo"]),
-    f(n, { destaque: e.destaque }, null, 8, ["destaque"])
+    h(n, { texto: e.destaque }, null, 8, ["texto"])
   ], 10, fe);
 }
-const $e = /* @__PURE__ */ p(ge, [["render", ye]]), he = d({
-  name: "BoxData",
+const A = /* @__PURE__ */ _(ve, [["render", ge]]), ye = d({
+  name: "Box Data",
   props: {
     dataNumero: {
       required: !0,
@@ -322,53 +299,47 @@ const $e = /* @__PURE__ */ p(ge, [["render", ye]]), he = d({
       type: String
     }
   },
-  components: {},
   setup(e) {
-    return e = C(e), {
-      classes: y(() => ({
+    return e = P(e), {
+      classes: g(() => ({
         [`${e.aparencia || "padrao"}`]: !0
       }))
     };
   }
 });
-function be(e, t, r, s, l, u) {
+function $e(e, o, r, s, l, c) {
   return a(), i("h3", {
-    class: q(["boxData padrao", e.classes])
+    class: C(["boxData padrao", e.classes])
   }, v(e.dataNumero), 3);
 }
-const Se = /* @__PURE__ */ p(he, [["render", be], ["__scopeId", "data-v-5e2b8273"]]), Te = d({
+const he = /* @__PURE__ */ _(ye, [["render", $e], ["__scopeId", "data-v-385cc692"]]), be = d({
   name: "SeparadorPeriodo",
   props: {
     dataSeparador: {
       required: !0,
       type: Date
-    },
-    aparencia: {
-      type: String
     }
   },
-  components: { BoxData: Se },
+  components: { BoxData: he },
   setup(e) {
-    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: (s) => t[s] };
+    const o = new Array(12);
+    return o[0] = "Janeiro", o[1] = "Fevereiro", o[2] = "Março", o[3] = "Abril", o[4] = "Maio", o[5] = "Junho", o[6] = "Julho", o[7] = "Agosto", o[8] = "Setembro", o[9] = "Outubro", o[10] = "Novembro", o[11] = "Dezembro", { mesCorrente: (s) => o[s] };
   }
 });
-const qe = { class: "separadorPeriodo" }, Pe = { class: "areaData" };
-function Ee(e, t, r, s, l, u) {
-  const c = _("BoxData");
-  return a(), i("div", qe, [
-    T("div", Pe, [
-      f(c, {
-        dataNumero: e.dataSeparador.getDate(),
-        aparencia: e.aparencia
-      }, null, 8, ["dataNumero", "aparencia"])
+const Se = { class: "separadorPeriodo" }, Te = { class: "areaData" }, Ee = { class: "titulo" };
+function qe(e, o, r, s, l, c) {
+  const u = p("BoxData");
+  return a(), i("div", Se, [
+    T("div", Te, [
+      h(u, {
+        dataNumero: e.dataSeparador.getDate()
+      }, null, 8, ["dataNumero"])
     ]),
-    T("h3", {
-      class: q(["titulo", e.aparencia])
-    }, v(e.mesCorrente(e.dataSeparador.getMonth())) + " de " + v(e.dataSeparador.getFullYear()), 3)
+    T("h3", Ee, v(e.mesCorrente(e.dataSeparador.getMonth())) + " de " + v(e.dataSeparador.getFullYear()), 1)
   ]);
 }
-const Ce = /* @__PURE__ */ p(Te, [["render", Ee]]), ke = d({
+const Pe = /* @__PURE__ */ _(be, [["render", qe]]), Ce = d({
+  name: "Avatar Timeline",
   props: {
     imagem: {
       type: String
@@ -376,25 +347,25 @@ const Ce = /* @__PURE__ */ p(Te, [["render", Ee]]), ke = d({
     icone: {
       type: String
     }
-  },
-  setup() {
-    return {};
   }
 });
-const De = { class: "avatar" }, Ie = ["src"], ze = {
+const De = { class: "avatar" }, ke = ["src"], Ie = {
   key: 1,
   class: "material-symbols-outlined"
+}, ze = {
+  key: 2,
+  class: "material-symbols-outlined"
 };
-function Ae(e, t, r, s, l, u) {
+function Ae(e, o, r, s, l, c) {
   return a(), i("div", De, [
     e.imagem ? (a(), i("img", {
       key: 0,
       src: e.imagem
-    }, null, 8, Ie)) : e.icone ? (a(), i("span", ze, v(e.icone), 1)) : E("", !0)
+    }, null, 8, ke)) : e.icone ? (a(), i("span", Ie, v(e.icone), 1)) : (a(), i("span", ze, " person "))
   ]);
 }
-const je = /* @__PURE__ */ p(ke, [["render", Ae], ["__scopeId", "data-v-a913d26b"]]), Be = d({
-  components: { AvatarTimeline: je },
+const He = /* @__PURE__ */ _(Ce, [["render", Ae], ["__scopeId", "data-v-bd3d61f3"]]), Be = d({
+  components: { AvatarTimeline: He },
   props: {
     imagemPerfil: {
       type: String
@@ -405,41 +376,40 @@ const je = /* @__PURE__ */ p(ke, [["render", Ae], ["__scopeId", "data-v-a913d26b
     iconePerfil: {
       type: String
     },
-    backgroundColor: {
-      type: String,
-      default: "var(--cor-primaria)"
+    formatoReduzido: {
+      type: Boolean,
+      default: !1
     }
   },
   setup(e) {
-    return e = C(e), {
-      style: y(() => ({
-        backgroundColor: e.backgroundColor
+    return e = P(e), {
+      classes: g(() => ({
+        "formato-reduzido": e.formatoReduzido,
+        "formato-normal": !e.formatoReduzido
       }))
     };
   }
 });
-const He = { class: "nome" };
-function Me(e, t, r, s, l, u) {
-  const c = _("AvatarTimeline");
+const je = { class: "nome" };
+function Me(e, o, r, s, l, c) {
+  const u = p("AvatarTimeline");
   return a(), i("section", {
-    class: "perfilTimeline",
-    style: z(e.style)
+    class: C(["perfilTimeline", e.classes])
   }, [
-    e.imagemPerfil ? (a(), b(c, {
+    e.imagemPerfil ? (a(), S(u, {
       key: 0,
       imagem: e.imagemPerfil
-    }, null, 8, ["imagem"])) : e.iconePerfil ? (a(), b(c, {
+    }, null, 8, ["imagem"])) : e.iconePerfil ? (a(), S(u, {
       key: 1,
       icone: e.iconePerfil
-    }, null, 8, ["icone"])) : E("", !0),
-    T("h2", He, v(e.nomePerfil), 1)
-  ], 4);
+    }, null, 8, ["icone"])) : q("", !0),
+    T("h2", je, v(e.nomePerfil), 1)
+  ], 2);
 }
-const Oe = /* @__PURE__ */ p(Be, [["render", Me]]);
-const Ne = d({
+const Oe = /* @__PURE__ */ _(Be, [["render", Me]]), Re = d({
   props: {
     perfilTimeline: {
-      required: !0,
+      required: !1,
       type: Object
     },
     eventosTimeline: {
@@ -449,136 +419,139 @@ const Ne = d({
   },
   components: {
     PerfilTimeline: Oe,
-    SeparadorPeriodo: Ce,
-    EventoTimeline: $e
+    SeparadorPeriodo: Pe,
+    EventoTimeline: A
   },
   setup(e) {
-    const t = C(
+    const o = P(
       e.eventosTimeline
     );
-    let r = C(t);
+    let r = P(o);
     function s() {
-      r = t;
-      const o = c(r);
-      r.map((n) => (o[0].id === n.id ? (n.atual = !0, n.scroll = !0, P()) : (n.atual = !1, n.scroll = !1), {
+      r = o;
+      const t = u(r);
+      r.map((n) => (t[0] === n ? (n.atual = !0, n.scroll = !0, E()) : (n.atual = !1, n.scroll = !1), {
         evento: n
       }));
     }
     const l = () => {
       setInterval(s, 6e4);
-    }, u = (o, n) => {
-      const m = o.getDay() === n.getDay(), $ = o.getMonth() === n.getMonth(), g = o.getFullYear() === n.getFullYear();
-      return m && $ && g;
-    }, c = (o) => {
-      if (o) {
+    }, c = (t, n) => {
+      const m = t.getDay() === n.getDay(), y = t.getMonth() === n.getMonth(), f = t.getFullYear() === n.getFullYear();
+      return m && y && f;
+    }, u = (t) => {
+      if (t) {
         const n = Date.now();
-        let m = null, $ = [];
-        for (const g of o) {
-          const h = g.data.getTime();
-          if (g.status === "planejado" || g.status === "atrasado") {
-            const k = Math.abs(n - g.data.getTime());
-            if (m === null || k < m && h <= n)
-              m = k, $.length = 0;
-            else if (k > m)
+        let m = null, y = [];
+        for (const f of t) {
+          const $ = f.data.getTime();
+          if (f.status === "planejado" || f.status === "atrasado") {
+            const D = Math.abs(n - f.data.getTime());
+            if (m === null || D < m && $ <= n)
+              m = D, y.length = 0;
+            else if (D > m)
               continue;
-            $.push(g);
+            y.push(f);
           }
         }
-        return $;
+        return y;
       } else
         return [];
-    }, S = y(() => {
+    }, b = g(() => {
       l();
-      const o = r.sort(
+      const t = r.sort(
         (n, m) => n.data.getTime() - m.data.getTime()
       );
-      if (o) {
-        let n = [], m = null, $ = 0, g;
-        for (const h of o) {
-          const k = /* @__PURE__ */ new Date(), D = h.data;
-          g = h.status;
-          const A = h.tolerancia * 60 * 1e3;
-          g === "planejado" && D.getTime() + A < k.getTime() && (h.status = "atrasado"), (!m || !u(m, D)) && (m = D, n.push({
+      if (t) {
+        let n = [], m = null, y = 0, f;
+        for (const $ of t) {
+          const D = /* @__PURE__ */ new Date(), k = $.data;
+          f = $.status;
+          const H = $.tolerancia * 60 * 1e3;
+          f === "planejado" && k.getTime() + H < D.getTime() && ($.status = "atrasado"), (!m || !c(m, k)) && (m = k, n.push({
             tipo: "dia",
-            valor: h.data,
-            key: ++$
+            valor: $.data,
+            key: ++y
           })), n.push({
             tipo: "evento",
-            valor: h,
-            key: ++$
+            valor: $,
+            key: ++y
           });
         }
         return n;
       } else
         return [];
-    }), P = () => {
-      const o = document.querySelector(".atual");
-      o == null || o.scrollIntoView({
+    }), E = () => {
+      const t = document.querySelector(".atual");
+      t == null || t.scrollIntoView({
         behavior: "smooth",
         block: "center"
       });
     };
     return s(), {
-      eventosPorTipo: S,
-      scrollParaItemAtual: P
+      eventosPorTipo: b,
+      scrollParaItemAtual: E
+      // clicar,
     };
   },
   mounted() {
     this.scrollParaItemAtual();
   }
 });
-const Le = { class: "areaTimeline" };
-function Re(e, t, r, s, l, u) {
-  const c = _("PerfilTimeline"), S = _("SeparadorPeriodo"), P = _("EventoTimeline");
-  return a(), i("div", Le, [
-    e.perfilTimeline !== null ? (a(), b(c, {
+const Ne = { class: "areaTimeline" }, Fe = { class: "timeline" };
+function we(e, o, r, s, l, c) {
+  const u = p("PerfilTimeline"), b = p("SeparadorPeriodo"), E = p("EventoTimeline");
+  return a(), i("div", Ne, [
+    e.perfilTimeline ? (a(), S(u, {
       key: 0,
       nomePerfil: e.perfilTimeline.nome,
       imagemPerfil: e.perfilTimeline.imagem,
       iconePerfil: e.perfilTimeline.icone
-    }, null, 8, ["nomePerfil", "imagemPerfil", "iconePerfil"])) : E("", !0),
-    T("section", {
-      class: q(["timeline", { marginTop: e.perfilTimeline !== null }])
-    }, [
-      (a(!0), i(B, null, H(e.eventosPorTipo, (o) => (a(), i("div", {
-        key: o.key
+    }, null, 8, ["nomePerfil", "imagemPerfil", "iconePerfil"])) : q("", !0),
+    T("section", Fe, [
+      (a(!0), i(j, null, M(e.eventosPorTipo, (t) => (a(), i("div", {
+        key: t.key
       }, [
-        o.tipo === "dia" ? (a(), b(S, {
+        t.tipo === "dia" ? (a(), S(b, {
           key: 0,
-          dataSeparador: o.valor
-        }, null, 8, ["dataSeparador"])) : E("", !0),
-        o.tipo === "evento" ? (a(), b(P, {
+          dataSeparador: t.valor
+        }, null, 8, ["dataSeparador"])) : q("", !0),
+        t.tipo === "evento" ? (a(), S(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"])) : E("", !0)
+          status: t.valor.status,
+          criticidade: t.valor.criticidade,
+          previsto: t.valor.previsto,
+          realizado: t.valor.realizado,
+          categoria: t.valor.categoria,
+          titulo: t.valor.titulo,
+          subtitulo: t.valor.subtitulo,
+          destaque: t.valor.destaque,
+          ehAtual: t.valor.atual,
+          aoClicar: () => {
+            t && t.valor && t.valor.aoClicar && t.valor.aoClicar(t.valor);
+          }
+        }, null, 8, ["status", "criticidade", "previsto", "realizado", "categoria", "titulo", "subtitulo", "destaque", "ehAtual", "aoClicar"])) : q("", !0)
       ]))), 128))
-    ], 2)
+    ])
   ]);
 }
-const Fe = /* @__PURE__ */ p(Ne, [["render", Re]]), we = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ve = /* @__PURE__ */ _(Re, [["render", we]]), Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Timeline: Fe,
-  Tipos: we
+  EventoTimeline: A,
+  Timeline: Ve,
+  Tipos: Je
 }, Symbol.toStringTag, { value: "Module" }));
-const Je = {
-  install(e, ...t) {
-    for (const r in I)
-      e.component(r, I[r]);
+const Le = {
+  install(e, ...o) {
+    for (const r in z)
+      e.component(r, z[r]);
   }
 };
 export {
-  Fe as Timeline,
-  we as Tipos,
-  Je as default
+  A as EventoTimeline,
+  Ve as Timeline,
+  Je as Tipos,
+  Le as default
 };