@devix-tecnologia/timeline-vue 1.3.1 → 1.5.0

package/dist/timeline-vue.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as v, reactive as S, computed as b, openBlock as o, createElementBlock as s, createElementVNode as u, normalizeClass as T, normalizeStyle as O, toDisplayString as l, resolveComponent as d, createVNode as _, createBlock as y, createCommentVNode as E, ref as Q, Fragment as M, renderList as N, renderSlot as z, createTextVNode as j, pushScopeId as H, popScopeId as R, withCtx as k, Transition as D } from "vue";
+import { defineComponent as v, reactive as S, computed as b, openBlock as o, createElementBlock as s, createElementVNode as u, normalizeClass as T, normalizeStyle as j, toDisplayString as l, resolveComponent as d, createVNode as _, createBlock as y, createCommentVNode as E, ref as Q, Fragment as M, renderList as N, renderSlot as z, createTextVNode as A, pushScopeId as H, popScopeId as R, withCtx as P, Transition as k } from "vue";
 const U = v({
   name: "Icone Categoria",
   props: {
@@ -47,7 +47,7 @@ function x(e, t, n, i, c, p) {
   return o(), s("div", W, [
     u("div", {
       class: T(["iconeCategoria", e.classes]),
-      style: O(e.style),
+      style: j(e.style),
       alt: e.categoria
     }, [
       u("span", Z, l(e.iconeCategoria), 1)
@@ -119,7 +119,7 @@ function ue(e, t, n, i, c, p) {
   const r = d("TituloEvento"), $ = d("SubtituloEvento");
   return o(), s("div", {
     class: "descricaoEvento",
-    style: O(`${e.subtitulo ? "" : "padding-top: 3.3rem"}`)
+    style: j(`${e.subtitulo ? "" : "padding-top: 3.3rem"}`)
   }, [
     _(r, { titulo: e.titulo }, null, 8, ["titulo"]),
     e.subtitulo ? (o(), y($, {
@@ -185,7 +185,7 @@ function he(e, t, n, i, c, p) {
       _(r, {
         hora: e.horaPrevista,
         aparencia: e.horaRealizada ? "riscada" : "padrao",
-        style: O(e.horaRealizada ? "" : "padding-top: 1.2rem")
+        style: j(e.horaRealizada ? "" : "padding-top: 1.2rem")
       }, null, 8, ["hora", "aparencia", "style"])
     ])
   ]);
@@ -288,7 +288,7 @@ function qe(e, t, n, i, c, p) {
     _(f, { texto: e.destaque }, null, 8, ["texto"])
   ], 10, Te);
 }
-const J = /* @__PURE__ */ m(Ce, [["render", qe]]), Pe = v({
+const J = /* @__PURE__ */ m(Ce, [["render", qe]]), De = v({
   name: "Box Data",
   props: {
     dataNumero: {
@@ -307,12 +307,12 @@ const J = /* @__PURE__ */ m(Ce, [["render", qe]]), Pe = v({
     };
   }
 });
-function ke(e, t, n, i, c, p) {
+function Pe(e, t, n, i, c, p) {
   return o(), s("h3", {
     class: T(["boxData padrao", e.classes])
   }, l(e.dataNumero), 3);
 }
-const De = /* @__PURE__ */ m(Pe, [["render", ke], ["__scopeId", "data-v-385cc692"]]), Ie = v({
+const ke = /* @__PURE__ */ m(De, [["render", Pe], ["__scopeId", "data-v-385cc692"]]), Ie = v({
   name: "SeparadorPeriodo",
   props: {
     dataSeparador: {
@@ -320,14 +320,14 @@ const De = /* @__PURE__ */ m(Pe, [["render", ke], ["__scopeId", "data-v-385cc692
       type: Date
     }
   },
-  components: { BoxData: De },
+  components: { BoxData: ke },
   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: (i) => t[i] };
   }
 });
-const ze = { class: "separadorPeriodo" }, Be = { class: "areaData" }, Ae = { class: "titulo" };
-function Oe(e, t, n, i, c, p) {
+const ze = { class: "separadorPeriodo" }, Be = { class: "areaData" }, Oe = { class: "titulo" };
+function je(e, t, n, i, c, p) {
   const r = d("BoxData");
   return o(), s("div", ze, [
     u("div", Be, [
@@ -335,10 +335,10 @@ function Oe(e, t, n, i, c, p) {
         dataNumero: e.dataSeparador.getDate()
       }, null, 8, ["dataNumero"])
     ]),
-    u("h3", Ae, l(e.mesCorrente(e.dataSeparador.getMonth())) + " de " + l(e.dataSeparador.getFullYear()), 1)
+    u("h3", Oe, l(e.mesCorrente(e.dataSeparador.getMonth())) + " de " + l(e.dataSeparador.getFullYear()), 1)
   ]);
 }
-const je = /* @__PURE__ */ m(Ie, [["render", Oe]]), He = v({
+const Ae = /* @__PURE__ */ m(Ie, [["render", je]]), He = v({
   name: "Avatar Timeline",
   props: {
     imagem: {
@@ -419,7 +419,7 @@ const Y = /* @__PURE__ */ m(Le, [["render", Ye]]), Ge = v({
   },
   components: {
     PerfilTimeline: Y,
-    SeparadorPeriodo: je,
+    SeparadorPeriodo: Ae,
     EventoTimeline: J
   },
   setup(e) {
@@ -444,10 +444,10 @@ const Y = /* @__PURE__ */ m(Le, [["render", Ye]]), Ge = v({
         const f = Date.now();
         let g = null, q = [];
         for (const C of a) {
-          const P = C.data.getTime();
+          const D = C.data.getTime();
           if (C.status === "planejado" || C.status === "atrasado") {
             const I = Math.abs(f - C.data.getTime());
-            if (g === null || I < g && P <= f)
+            if (g === null || I < g && D <= f)
               g = I, q.length = 0;
             else if (I > g)
               continue;
@@ -464,17 +464,17 @@ const Y = /* @__PURE__ */ m(Le, [["render", Ye]]), Ge = v({
       );
       if (a) {
         let f = [], g = null, q = 0, C;
-        for (const P of a) {
-          const I = /* @__PURE__ */ new Date(), A = P.data;
-          C = P.status;
-          const K = P.tolerancia * 60 * 1e3;
-          C === "planejado" && A.getTime() + K < I.getTime() && (P.status = "atrasado"), (!g || !p(g, A)) && (g = A, f.push({
+        for (const D of a) {
+          const I = /* @__PURE__ */ new Date(), O = D.data;
+          C = D.status;
+          const K = D.tolerancia * 60 * 1e3;
+          C === "planejado" && O.getTime() + K < I.getTime() && (D.status = "atrasado"), (!g || !p(g, O)) && (g = O, f.push({
             tipo: "dia",
-            valor: P.data,
+            valor: D.data,
             key: ++q
           })), f.push({
             tipo: "evento",
-            valor: P,
+            valor: D,
             key: ++q
           });
         }
@@ -575,7 +575,7 @@ function eo(e, t, n, i, c, p) {
   }, [
     z(e.$slots, "default", {}, () => [
       e.icone ? (o(), s("span", xe, l(e.icone), 1)) : E("", !0),
-      j(" " + l(e.titulo), 1)
+      A(" " + l(e.titulo), 1)
     ], !0)
   ], 10, Ze);
 }
@@ -738,25 +738,25 @@ const To = /* @__PURE__ */ m($o, [["render", Co], ["__scopeId", "data-v-e90a0cb4
     };
   }
 });
-function Po(e, t, n, i, c, p) {
+function Do(e, t, n, i, c, p) {
   const r = d("IconeStatus"), $ = d("Botao");
   return o(), y($, {
     aparencia: e.aparencia,
     class: T(e.classes),
     aoClicar: e.aoClicar
   }, {
-    default: k(() => [
+    default: P(() => [
       _(r, {
         class: "icone",
         status: e.status
       }, null, 8, ["status"]),
-      j(" " + l(e.status), 1)
+      A(" " + l(e.status), 1)
     ]),
     _: 1
   }, 8, ["aparencia", "class", "aoClicar"]);
 }
-const ko = /* @__PURE__ */ m(qo, [["render", Po], ["__scopeId", "data-v-dc6d6557"]]), Do = v({
-  components: { BotaoStatus: ko },
+const Po = /* @__PURE__ */ m(qo, [["render", Do], ["__scopeId", "data-v-dc6d6557"]]), ko = v({
+  components: { BotaoStatus: Po },
   name: "StatusEvento",
   props: {
     aparencia: {
@@ -776,7 +776,7 @@ const ko = /* @__PURE__ */ m(qo, [["render", Po], ["__scopeId", "data-v-dc6d6557
   }
 });
 const Io = (e) => (H("data-v-69bc6463"), e = e(), R(), e), zo = { class: "box box-status" }, Bo = /* @__PURE__ */ Io(() => /* @__PURE__ */ u("h3", null, "Status:", -1));
-function Ao(e, t, n, i, c, p) {
+function Oo(e, t, n, i, c, p) {
   const r = d("BotaoStatus");
   return o(), s("section", zo, [
     Bo,
@@ -787,7 +787,7 @@ function Ao(e, t, n, i, c, p) {
     }, null, 8, ["aparencia", "aoClicar", "status"])
   ]);
 }
-const Oo = /* @__PURE__ */ m(Do, [["render", Ao], ["__scopeId", "data-v-69bc6463"]]), jo = v({
+const jo = /* @__PURE__ */ m(ko, [["render", Oo], ["__scopeId", "data-v-69bc6463"]]), Ao = v({
   props: {
     perfilEvento: {
       required: !0,
@@ -798,7 +798,7 @@ const Oo = /* @__PURE__ */ m(Do, [["render", Ao], ["__scopeId", "data-v-69bc6463
       type: Object
     }
   },
-  components: { CabecalhoEventoDetalhado: fo, Observacoes: To, StatusEvento: Oo },
+  components: { CabecalhoEventoDetalhado: fo, Observacoes: To, StatusEvento: jo },
   setup(e) {
     return {};
   }
@@ -807,12 +807,12 @@ const Ho = { class: "evento" }, Ro = { class: "descricao" };
 function Fo(e, t, n, i, c, p) {
   const r = d("CabecalhoEventoDetalhado"), $ = d("Observacoes"), h = d("StatusEvento");
   return o(), s("div", Ho, [
-    _(D, {
+    _(k, {
       name: "fadeBaixo",
       mode: "out-in",
       appear: ""
     }, {
-      default: k(() => [
+      default: P(() => [
         _(r, {
           perfilEvento: e.perfilEvento,
           dadosEvento: e.dadosEvento,
@@ -821,26 +821,26 @@ function Fo(e, t, n, i, c, p) {
       ]),
       _: 1
     }),
-    _(D, {
+    _(k, {
       name: "fadeBaixo",
       mode: "out-in",
       appear: ""
     }, {
-      default: k(() => [
+      default: P(() => [
         u("section", Ro, [
           z(e.$slots, "descricao", {}, () => [
-            j(l(e.dadosEvento.subtitulo), 1)
+            A(l(e.dadosEvento.subtitulo), 1)
           ])
         ])
       ]),
       _: 3
     }),
-    _(D, {
+    _(k, {
       name: "fadeBaixo",
       mode: "out-in",
       appear: ""
     }, {
-      default: k(() => [
+      default: P(() => [
         _($, {
           observacoes: e.dadosEvento.observacoes,
           tituloBotao: "Inserir observação",
@@ -849,12 +849,12 @@ function Fo(e, t, n, i, c, p) {
       ]),
       _: 1
     }),
-    _(D, {
+    _(k, {
       name: "fadeBaixo",
       mode: "out-in",
       appear: ""
     }, {
-      default: k(() => [
+      default: P(() => [
         _(h, {
           aparencia: "preenchido",
           aoClicar: e.dadosEvento.aoClicar,
@@ -865,7 +865,7 @@ function Fo(e, t, n, i, c, p) {
     })
   ]);
 }
-const Mo = /* @__PURE__ */ m(jo, [["render", Fo]]), No = v({
+const Mo = /* @__PURE__ */ m(Ao, [["render", Fo]]), No = v({
   components: { Botao: B },
   name: "AreaSalvamento",
   props: {
@@ -921,30 +921,30 @@ const Yo = { class: "editar-evento" }, Go = { class: "area-conteudo" }, Ko = { c
 function Qo(e, t, n, i, c, p) {
   const r = d("AreaSalvamento");
   return o(), s("div", Yo, [
-    _(D, {
+    _(k, {
       name: "fadeTopo",
       mode: "out-in",
       appear: ""
     }, {
-      default: k(() => [
+      default: P(() => [
         u("div", Go, [
           z(e.$slots, "conteudo")
         ])
       ]),
       _: 3
     }),
-    _(D, {
+    _(k, {
       name: "fadeBaixo",
       mode: "out-in",
       appear: ""
     }, {
-      default: k(() => [
+      default: P(() => [
         u("div", Ko, [
           _(r, {
             aoClicar: e.aoClicar,
             class: T(e.classes)
           }, {
-            default: k(() => [
+            default: P(() => [
               z(e.$slots, "salvamento")
             ]),
             _: 3
@@ -957,15 +957,18 @@ function Qo(e, t, n, i, c, p) {
 }
 const Uo = /* @__PURE__ */ m(Jo, [["render", Qo]]), Wo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
+}, Symbol.toStringTag, { value: "Module" })), Xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null
 }, Symbol.toStringTag, { value: "Module" })), F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   EditarEvento: Uo,
   EventoDetalhado: Mo,
   EventoTimeline: J,
   Timeline: We,
-  Tipos: Wo
+  Tipos: Wo,
+  TiposDetalhado: Xo
 }, Symbol.toStringTag, { value: "Module" }));
-const Zo = {
+const xo = {
   install(e, ...t) {
     for (const n in F)
       e.component(n, F[n]);
@@ -977,5 +980,6 @@ export {
   J as EventoTimeline,
   We as Timeline,
   Wo as Tipos,
-  Zo as default
+  Xo as TiposDetalhado,
+  xo as default
 };

package/dist/types/components/timeline/index.d.ts

@@ -3,4 +3,5 @@ import EventoTimeline from "./moleculas/EventoTimeline.vue";
 import EventoDetalhado from "./organismos/EventoDetalhado.vue";
 import EditarEvento from "./organismos/EditarEvento.vue";
 import * as Tipos from "./type";
-export { Timeline, Tipos, EventoTimeline, EventoDetalhado, EditarEvento };
+import * as TiposDetalhado from "./typeDetalhado";
+export { Timeline, Tipos, TiposDetalhado, EventoTimeline, EventoDetalhado, EditarEvento, };

package/dist/types/components/timeline/typeDetalhado.d.ts

@@ -12,4 +12,7 @@ export type AoAdicionarObservacao = (eventoDetalhado: EventoDetalhado, observaca
 export type AoFechar = () => void;
 export type EventoDetalhado = Evento & {
     observacoes: Observacao[];
+    aoAlterarEvento?: AoAlterarEvento;
+    aoAdicionarObservacao?: AoAdicionarObservacao;
+    aoFechar?: AoFechar;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@devix-tecnologia/timeline-vue",
   "private": false,
-  "version": "1.3.1",
+  "version": "1.5.0",
   "license": "MIT",
   "scripts": {
     "dev": "vite",