@devix-tecnologia/timeline-vue 2.1.0 → 3.0.0

package/dist/timeline-vue.umd.js

@@ -0,0 +1 @@
+(function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f["timeline-vue"]={},f.Vue))})(this,function(f,e){"use strict";const eo="",j=e.defineComponent({name:"Icone Categoria",props:{iconeCategoria:{type:String,required:!0},categoria:{type:String},escuro:{type:Boolean,default:!0},tipo:{type:String},borderColor:{type:String},backgroundColor:{type:String}},setup(t){return t=e.reactive(t),{classes:e.computed(()=>({"bg-escuro":t.escuro,"bg-claro":!t.escuro,[`borda-${t.tipo||"padrao"}`]:!0})),style:e.computed(()=>({borderColor:t.borderColor,backgroundColor:t.backgroundColor}))}}}),to="",d=(t,o)=>{const n=t.__vccOpts||t;for(const[i,a]of o)n[i]=a;return n},w={class:"areaCategoria"},R=["alt"],H={class:"material-symbols-outlined"};function M(t,o,n,i,a,s){return e.openBlock(),e.createElementBlock("div",w,[e.createElementVNode("div",{class:e.normalizeClass(["iconeCategoria",t.classes]),style:e.normalizeStyle(t.style),alt:t.categoria},[e.createElementVNode("span",H,e.toDisplayString(t.iconeCategoria),1)],14,R)])}const T=d(j,[["render",M],["__scopeId","data-v-f922d1fe"]]),L=e.defineComponent({name:"Icone Status",props:{status:{required:!0,type:String}},setup(t){return t=e.reactive(t),{classes:e.computed(()=>({[`${t.status||"planejado"}`]:!0}))}}}),oo="";function F(t,o,n,i,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.classes,"iconeStatus"])},null,2)}const S=d(L,[["render",F],["__scopeId","data-v-efe84975"]]),J=e.defineComponent({name:"Subtítulo Evento",props:{subtitulo:{required:!0,type:String}}}),ao="",Y={class:"subtitulo"};function U(t,o,n,i,a,s){return e.openBlock(),e.createElementBlock("h4",Y,e.toDisplayString(t.subtitulo),1)}const G=d(J,[["render",U],["__scopeId","data-v-5f7c5673"]]),K=e.defineComponent({name:"Título Evento",props:{titulo:{required:!0,type:String}}}),no="",Q={class:"titulo"};function W(t,o,n,i,a,s){return e.openBlock(),e.createElementBlock("h3",Q,e.toDisplayString(t.titulo),1)}const X=d(K,[["render",W],["__scopeId","data-v-7369e837"]]),Z=e.defineComponent({name:"Descrição Evento",props:{titulo:{required:!0,type:String},subtitulo:{required:!1,type:String}},components:{TituloEvento:X,SubtituloEvento:G}}),io="";function x(t,o,n,i,a,s){const r=e.resolveComponent("TituloEvento"),l=e.resolveComponent("SubtituloEvento");return e.openBlock(),e.createElementBlock("div",{class:"descricaoEvento",style:e.normalizeStyle(`${t.subtitulo?"":"padding-top: 3.3rem"}`)},[e.createVNode(r,{titulo:t.titulo},null,8,["titulo"]),t.subtitulo?(e.openBlock(),e.createBlock(l,{key:0,subtitulo:t.subtitulo},null,8,["subtitulo"])):e.createCommentVNode("",!0)],4)}const ee=d(Z,[["render",x],["__scopeId","data-v-793cab8b"]]),te=e.defineComponent({name:"Hora",props:{hora:{required:!0,type:Date},aparencia:{type:String,default:"padrao",validator(t){return["padrao","riscada"].includes(t)}}},components:{},setup(t){return{horas:e.ref(new Date(t.hora)),classes:e.computed(()=>({[`hora-${t.aparencia||""}`]:!0}))}}}),ro="";function oe(t,o,n,i,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hora",t.classes])},e.toDisplayString(t.horas.getHours())+":"+e.toDisplayString(t.horas.getMinutes().toString().padStart(2,"0")),3)}const V=d(te,[["render",oe],["__scopeId","data-v-d3082250"]]),ae=e.defineComponent({name:"Hora Evento",props:{horaPrevista:{type:Date,required:!0},horaRealizada:{required:!1,type:Date}},components:{Hora:V}}),so="",ne={class:"areaHora"},ie={class:"horaEvento"};function re(t,o,n,i,a,s){const r=e.resolveComponent("Hora");return e.openBlock(),e.createElementBlock("div",ne,[e.createElementVNode("div",ie,[t.horaRealizada?(e.openBlock(),e.createBlock(r,{key:0,hora:t.horaRealizada,style:{"padding-top":"0.3rem"}},null,8,["hora"])):e.createCommentVNode("",!0),e.createVNode(r,{hora:t.horaPrevista,aparencia:t.horaRealizada?"riscada":"padrao",style:e.normalizeStyle(t.horaRealizada?"":"padding-top: 1.2rem")},null,8,["hora","aparencia","style"])])])}const se=d(ae,[["render",re],["__scopeId","data-v-da519ace"]]),le=e.defineComponent({name:"Destaque",props:{texto:{type:String}}}),lo="",ce={class:"destaqueEvento texto-pequeno"};function de(t,o,n,i,a,s){return e.openBlock(),e.createElementBlock("div",ce,e.toDisplayString(t.texto),1)}const pe=d(le,[["render",de],["__scopeId","data-v-c2f02de8"]]),me=e.defineComponent({name:"Evento Timeline",props:{status:{required:!0,type:String},criticidade:{required:!0,type:String},ehAtual:{required:!1,type:Boolean,default:!1},previstoPara:{required:!0,type:Date},realizadoEm:{required:!1,type:Date},categoria:{required:!0,type:Object},titulo:{required:!0,type:String},subtitulo:{required:!1,type:String},textoDestaque:{required:!1,type:String},clicavel:{required:!1,type:Boolean,default:!0}},components:{IconeStatus:S,IconeCategoria:T,HoraEvento:se,DescricaoEvento:ee,Destaque:pe},emits:{click:t=>!0},setup(t,{emit:o}){return{handleClick:i=>{t.clicavel&&o("click",i)},eventoSelecionado:e.computed(()=>({atual:t.ehAtual,padrao:t.ehAtual}))}}}),co="";function _e(t,o,n,i,a,s){const r=e.resolveComponent("IconeStatus"),l=e.resolveComponent("HoraEvento"),p=e.resolveComponent("IconeCategoria"),_=e.resolveComponent("DescricaoEvento"),h=e.resolveComponent("Destaque");return e.openBlock(),e.createElementBlock("article",{"data-testid":"evento",class:e.normalizeClass(["eventoTimeline",[t.status,"criticidade-"+t.criticidade,t.eventoSelecionado,t.clicavel]]),onClick:o[0]||(o[0]=(...m)=>t.handleClick&&t.handleClick(...m))},[e.createVNode(r,{status:t.status},null,8,["status"]),e.createVNode(l,{horaPrevista:t.previstoPara,horaRealizada:t.realizadoEm},null,8,["horaPrevista","horaRealizada"]),e.createVNode(p,{iconeCategoria:t.categoria.icone,categoria:t.categoria.nome},null,8,["iconeCategoria","categoria"]),e.createVNode(_,{titulo:t.titulo,subtitulo:t.subtitulo},null,8,["titulo","subtitulo"]),e.createVNode(h,{texto:t.textoDestaque},null,8,["texto"])],2)}const b=d(me,[["render",_e]]),ue=e.defineComponent({name:"Box Data",props:{dataNumero:{required:!0,type:Number},aparencia:{type:String}},setup(t){return t=e.reactive(t),{classes:e.computed(()=>({[`${t.aparencia||"padrao"}`]:!0}))}}}),po="";function Ce(t,o,n,i,a,s){return e.openBlock(),e.createElementBlock("h3",{class:e.normalizeClass(["boxData padrao",t.classes])},e.toDisplayString(t.dataNumero),3)}const ke=d(ue,[["render",Ce],["__scopeId","data-v-385cc692"]]),fe=e.defineComponent({name:"SeparadorPeriodo",props:{dataSeparador:{required:!0,type:Date}},components:{BoxData:ke},setup(t){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:i=>o[i]}}}),mo="",he={class:"separadorPeriodo"},$e={class:"areaData"},Ee={class:"titulo"};function ye(t,o,n,i,a,s){const r=e.resolveComponent("BoxData");return e.openBlock(),e.createElementBlock("div",he,[e.createElementVNode("div",$e,[e.createVNode(r,{dataNumero:t.dataSeparador.getDate()},null,8,["dataNumero"])]),e.createElementVNode("h3",Ee,e.toDisplayString(t.mesCorrente(t.dataSeparador.getMonth()))+" de "+e.toDisplayString(t.dataSeparador.getFullYear()),1)])}const ge=d(fe,[["render",ye]]),Se=e.defineComponent({name:"Avatar Timeline",props:{imagem:{type:String},icone:{type:String}}}),_o="",be={class:"avatar"},ve=["src"],Be={key:1,class:"material-symbols-outlined"},Te={key:2,class:"material-symbols-outlined"};function Ve(t,o,n,i,a,s){return e.openBlock(),e.createElementBlock("div",be,[t.imagem?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.imagem},null,8,ve)):t.icone?(e.openBlock(),e.createElementBlock("span",Be,e.toDisplayString(t.icone),1)):(e.openBlock(),e.createElementBlock("span",Te," person "))])}const Ne=d(Se,[["render",Ve],["__scopeId","data-v-28501768"]]),De=e.defineComponent({components:{AvatarTimeline:Ne},props:{imagemPerfil:{type:String},nomePerfil:{type:String},iconePerfil:{type:String},formatoReduzido:{type:Boolean,default:!1}},setup(t){return t=e.reactive(t),{classes:e.computed(()=>({"formato-reduzido":t.formatoReduzido,"formato-normal":!t.formatoReduzido}))}}}),uo="",Ae={class:"nome"};function Oe(t,o,n,i,a,s){const r=e.resolveComponent("AvatarTimeline");return e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["perfilTimeline",t.classes])},[t.imagemPerfil?(e.openBlock(),e.createBlock(r,{key:0,imagem:t.imagemPerfil},null,8,["imagem"])):t.iconePerfil?(e.openBlock(),e.createBlock(r,{key:1,icone:t.iconePerfil},null,8,["icone"])):e.createCommentVNode("",!0),e.createElementVNode("h2",Ae,e.toDisplayString(t.nomePerfil),1)],2)}const N=d(De,[["render",Oe]]),ze=e.defineComponent({props:{perfilTimeline:{required:!1,type:Object},eventosTimeline:{required:!0,type:Array}},components:{PerfilTimeline:N,SeparadorPeriodo:ge,EventoTimeline:b},emits:{eventoClick:(t,o)=>!0},setup(t,{emit:o}){const n=(m,u)=>{m.clicavel!==!1&&o("eventoClick",m,u)},i=e.reactive(t.eventosTimeline);let a=e.reactive(i);function s(){const m=p(i);i.forEach(u=>{const C=m.length>0&&m[0]===u;u.atual=C,u.scroll=C}),h()}const r=()=>{setInterval(s,6e4)},l=(m,u)=>{const C=m.getDay()===u.getDay(),$=m.getMonth()===u.getMonth(),c=m.getFullYear()===u.getFullYear();return C&&$&&c},p=m=>{if(m){const u=Date.now();let C=null,$=[];for(const c of m){const k=c.data.getTime();if(c.status==="planejado"||c.status==="atrasado"){const E=Math.abs(u-c.data.getTime());if(C===null||E<C&&k<=u)C=E,$.length=0;else if(E>C)continue;$.push(c)}}return $}else return[]},_=e.computed(()=>{r();const m=a.sort((u,C)=>u.data.getTime()-C.data.getTime());if(m){let u=[],C=null,$=0,c;for(const k of m){const E=new Date,B=k.data;c=k.status;const xt=k.tolerancia*60*1e3;c==="planejado"&&B.getTime()+xt<E.getTime()&&(k.status="atrasado"),(!C||!l(C,B))&&(C=B,u.push({tipo:"dia",valor:k.data,key:++$})),u.push({tipo:"evento",valor:k,key:++$})}return u}else return[]}),h=()=>{const m=document.querySelector(".atual");!m||!m.scrollIntoView||m.scrollIntoView({behavior:"smooth",block:"center"})};return s(),{eventosPorTipo:_,scrollParaItemAtual:h,handleEventoClick:n}},mounted(){this.scrollParaItemAtual()}}),Co="",Pe={class:"areaTimeline"},qe={class:"timeline"};function Ie(t,o,n,i,a,s){const r=e.resolveComponent("PerfilTimeline"),l=e.resolveComponent("SeparadorPeriodo"),p=e.resolveComponent("EventoTimeline");return e.openBlock(),e.createElementBlock("div",Pe,[t.perfilTimeline?(e.openBlock(),e.createBlock(r,{key:0,nomePerfil:t.perfilTimeline.nome,imagemPerfil:t.perfilTimeline.imagem,iconePerfil:t.perfilTimeline.icone,"data-testid":"perfilTimeline"},null,8,["nomePerfil","imagemPerfil","iconePerfil"])):e.createCommentVNode("",!0),e.createElementVNode("section",qe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.eventosPorTipo,(_,h)=>(e.openBlock(),e.createElementBlock("div",{key:_.key},[_.tipo==="dia"?(e.openBlock(),e.createBlock(l,{key:0,dataSeparador:_.valor,"data-testid":`evento-timeline-${h}`},null,8,["dataSeparador","data-testid"])):e.createCommentVNode("",!0),_.tipo==="evento"?(e.openBlock(),e.createBlock(p,{key:1,status:_.valor.status,criticidade:_.valor.criticidade,previstoPara:_.valor.previstoPara,"realizado-em":_.valor.realizado,categoria:_.valor.categoria,titulo:_.valor.titulo,subtitulo:_.valor.subtitulo,"texto-destaque":_.valor.destaque,ehAtual:_.valor.atual,onClick:m=>t.handleEventoClick(_.valor,m),"data-testid":`evento-timeline-${h}`},null,8,["status","criticidade","previstoPara","realizado-em","categoria","titulo","subtitulo","texto-destaque","ehAtual","onClick","data-testid"])):e.createCommentVNode("",!0)]))),128))])])}const D=d(ze,[["render",Ie]]),je=e.defineComponent({name:"Topo",props:{titulo:{type:String},escuro:{type:Boolean,default:!0},link:{}},emits:{voltarClick:t=>!0},setup(t,{emit:o}){const n=i=>{o("voltarClick",i)};return t=e.reactive(t),{emitirVoltarClick:n,classes:e.computed(()=>({"bg-escuro":t.escuro,"bg-claro":!t.escuro}))}}}),ko="",we=t=>(e.pushScopeId("data-v-33d6850e"),t=t(),e.popScopeId(),t),Re={class:"conteudoTitulo"},He=[we(()=>e.createElementVNode("span",{class:"material-symbols-outlined"}," arrow_back ",-1))],Me={class:"titulo"};function Le(t,o,n,i,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["topo",t.classes]),"data-testid":"topo"},[e.createElementVNode("div",Re,[e.createElementVNode("button",{class:"btn_voltar",onClick:o[0]||(o[0]=(...r)=>t.emitirVoltarClick&&t.emitirVoltarClick(...r)),"data-testid":"botao-voltar"},He),e.createElementVNode("h3",Me,e.toDisplayString(t.titulo),1)])],2)}const Fe=d(je,[["render",Le],["__scopeId","data-v-33d6850e"]]),Je=e.defineComponent({name:"Botao",props:{titulo:{type:String,default:""},icone:{type:String},aparencia:{type:String,default:"outline"},tamanho:{type:String,default:"medio"}},emits:{click:t=>!0},setup(t,{emit:o}){t=e.reactive(t);const n=a=>{o("click",a)},i=e.computed(()=>({[`${t.aparencia}`]:!0,[`${t.tamanho}`]:!0}));return{handleClick:n,classes:i}}}),ho="",Ye={key:0,class:"material-symbols-outlined"};function Ue(t,o,n,i,a,s){return e.openBlock(),e.createElementBlock("button",{class:"btn","data-testid":"botao",onClick:o[0]||(o[0]=(...r)=>t.handleClick&&t.handleClick(...r))},[e.renderSlot(t.$slots,"default",{},()=>[t.icone?(e.openBlock(),e.createElementBlock("span",Ye,e.toDisplayString(t.icone),1)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.titulo),1)],!0)])}const y=d(Je,[["render",Ue],["__scopeId","data-v-ce25287c"]]),Ge=e.defineComponent({components:{Botao:y,PerfilTimeline:N,IconeCategoria:T,Hora:V},name:"CabecalhoEventoDetalhado",props:{perfil:{required:!0,type:Object},evento:{required:!0,type:Object}},setup(t){return{}}}),$o="",A=t=>(e.pushScopeId("data-v-aa43d357"),t=t(),e.popScopeId(),t),Ke={key:1,class:"criticidade"},Qe={class:"titulo"},We={class:"dataHora"},Xe={class:"box"},Ze=A(()=>e.createElementVNode("span",{class:"material-symbols-outlined"}," calendar_month ",-1)),xe={class:"horaEvento"},et={key:0,class:"horaRealizada texto-grande"},tt={key:1,class:"horaPlanejada texto-pequeno"},ot={key:2,class:"horaRealizada texto-grande"},at={class:"box"},nt=A(()=>e.createElementVNode("span",{class:"material-symbols-outlined"}," schedule ",-1)),it={class:"horaEvento"};function rt(t,o,n,i,a,s){const r=e.resolveComponent("PerfilTimeline"),l=e.resolveComponent("IconeCategoria"),p=e.resolveComponent("Hora");return e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["cabecalho-evento",["criticidade-"+t.evento.criticidade]])},[t.perfil?(e.openBlock(),e.createBlock(r,{key:0,nomePerfil:t.perfil.nome,imagemPerfil:t.perfil.imagem,iconePerfil:t.perfil.icone,formatoReduzido:!0},null,8,["nomePerfil","imagemPerfil","iconePerfil"])):e.createCommentVNode("",!0),t.evento.criticidade!=="baixa"?(e.openBlock(),e.createElementBlock("div",Ke," Criticidade: "+e.toDisplayString(t.evento.criticidade),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Qe,[e.createVNode(l,{iconeCategoria:t.evento.categoria.icone,categoria:t.evento.categoria.nome},null,8,["iconeCategoria","categoria"]),e.createElementVNode("h1",null,e.toDisplayString(t.evento.titulo),1)]),e.createElementVNode("div",We,[e.createElementVNode("div",Xe,[Ze,e.createElementVNode("div",xe,[t.evento.realizado?(e.openBlock(),e.createElementBlock("div",et,e.toDisplayString(t.evento.realizado.toLocaleDateString()),1)):e.createCommentVNode("",!0),t.evento.realizado?(e.openBlock(),e.createElementBlock("div",tt,e.toDisplayString(t.evento.realizado.toLocaleDateString()),1)):(e.openBlock(),e.createElementBlock("div",ot,e.toDisplayString(t.evento.previstoPara.toLocaleDateString()),1))])]),e.createElementVNode("div",at,[nt,e.createElementVNode("div",it,[t.evento.realizado?(e.openBlock(),e.createBlock(p,{key:0,class:"horaRealizada texto-grande",hora:t.evento.realizado},null,8,["hora"])):e.createCommentVNode("",!0),t.evento.realizado?(e.openBlock(),e.createBlock(p,{key:1,class:"horaPlanejada texto-pequeno",hora:t.evento.previstoPara},null,8,["hora"])):(e.openBlock(),e.createBlock(p,{key:2,class:"horaRealizada texto-grande",hora:t.evento.previstoPara},null,8,["hora"]))])])])],2)}const st=d(Ge,[["render",rt],["__scopeId","data-v-aa43d357"]]),lt=e.defineComponent({components:{Botao:y},name:"Observacoes",props:{tituloBotao:{type:String},observacoes:{required:!0,type:Object}},emits:{adicionarClick:t=>!0},setup(t,{emit:o}){const n=i=>{o("adicionarClick",i)};return t.observacoes.sort((i,a)=>a.criadaEm.getTime()-i.criadaEm.getTime()),t=e.reactive(t),{emitirAdicionarClick:n}}}),Eo="",ct=t=>(e.pushScopeId("data-v-27347f9c"),t=t(),e.popScopeId(),t),dt={class:"box box-observacoes","data-testid":"observacoes"},pt=ct(()=>e.createElementVNode("h3",null,"Observações:",-1)),mt={class:"lista-obs"},_t=["data-testid"],ut={class:"texto"},Ct={class:"autor"};function kt(t,o,n,i,a,s){const r=e.resolveComponent("Botao");return e.openBlock(),e.createElementBlock("section",dt,[pt,e.createElementVNode("ul",mt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.observacoes,(l,p)=>(e.openBlock(),e.createElementBlock("li",{"data-testid":`observacao-${p}`,key:p,class:"lista-item"},[e.createElementVNode("p",ut,e.toDisplayString(l.mensagem),1),e.createElementVNode("div",Ct,e.toDisplayString(l.autor.nome)+" em "+e.toDisplayString(l.criadaEm.toLocaleDateString())+" às "+e.toDisplayString(l.criadaEm.getHours())+":"+e.toDisplayString(l.criadaEm.getMinutes().toString().padStart(2,"0")),1)],8,_t))),128))]),e.createVNode(r,{titulo:t.tituloBotao,"data-testid":"botao-adicionar",icone:"add",aparencia:"preenchido",tamanho:"pequeno",onClick:t.emitirAdicionarClick},null,8,["titulo","onClick"])])}const ft=d(lt,[["render",kt],["__scopeId","data-v-27347f9c"]]),ht=e.defineComponent({components:{Botao:y,IconeStatus:S},name:"BotaoStatus",props:{aparencia:{type:String},status:{type:String,default:"planejado"}},emits:{click:t=>!0},setup(t,{emit:o}){t=e.reactive(t);const n=e.computed(()=>({[`${t.status}`]:!0}));return{emitirClick:a=>{o("click",a)},classes:n}}}),yo="";function $t(t,o,n,i,a,s){const r=e.resolveComponent("IconeStatus"),l=e.resolveComponent("Botao");return e.openBlock(),e.createBlock(l,{aparencia:t.aparencia,class:e.normalizeClass(t.classes),onClick:t.emitirClick,"data-testid":"botao-status"},{default:e.withCtx(()=>[e.createVNode(r,{class:"icone",status:t.status},null,8,["status"]),e.createTextVNode(" "+e.toDisplayString(t.status),1)]),_:1},8,["aparencia","class","onClick"])}const O=d(ht,[["render",$t],["__scopeId","data-v-9b0bacc7"]]),Et=e.defineComponent({components:{BotaoStatus:O},name:"StatusEvento",props:{aparencia:{type:String},status:{required:!0,type:String}},emits:{click:t=>!0},setup(t,{emit:o}){const n=i=>{o("click",i)};return t=e.reactive(t),{emitClick:n,props:t}}}),go="",yt=t=>(e.pushScopeId("data-v-027bde63"),t=t(),e.popScopeId(),t),gt={class:"box box-status"},St=yt(()=>e.createElementVNode("h3",null,"Status:",-1));function bt(t,o,n,i,a,s){const r=e.resolveComponent("BotaoStatus");return e.openBlock(),e.createElementBlock("section",gt,[St,e.createVNode(r,{"data-testid":"botao-status",aparencia:t.aparencia,status:t.status,onClick:t.emitClick},null,8,["aparencia","status","onClick"])])}const vt=d(Et,[["render",bt],["__scopeId","data-v-027bde63"]]),Bt=e.defineComponent({name:"EventoDetalhado",props:{perfil:{required:!0,type:Object},evento:{required:!0,type:Object}},components:{CabecalhoEventoDetalhado:st,Observacoes:ft,StatusEvento:vt},emits:{statusEditarClick:t=>!0,observacaoAdicionarClick:t=>!0},setup(t,{emit:o}){return{handleEditarClick:a=>{o("statusEditarClick",a)},handleAdicionarObservacaoClick:a=>{o("observacaoAdicionarClick",a)}}}}),So="",Tt={class:"evento","data-testid":"evento-detalhado"},Vt={class:"descricao"};function Nt(t,o,n,i,a,s){const r=e.resolveComponent("CabecalhoEventoDetalhado"),l=e.resolveComponent("Observacoes"),p=e.resolveComponent("StatusEvento");return e.openBlock(),e.createElementBlock("div",Tt,[e.createVNode(e.Transition,{name:"fadeBaixo",mode:"out-in",appear:""},{default:e.withCtx(()=>[e.createVNode(r,{perfil:t.perfil,evento:t.evento},null,8,["perfil","evento"])]),_:1}),e.createVNode(e.Transition,{name:"fadeBaixo",mode:"out-in",appear:""},{default:e.withCtx(()=>[e.createElementVNode("section",Vt,[e.renderSlot(t.$slots,"descricao",{},()=>[e.createTextVNode(e.toDisplayString(t.evento.subtitulo),1)])])]),_:3}),e.createVNode(e.Transition,{name:"fadeBaixo",mode:"out-in",appear:""},{default:e.withCtx(()=>[e.createVNode(l,{observacoes:t.evento.observacoes,tituloBotao:"Inserir observação",onAdicionarClick:t.handleAdicionarObservacaoClick},null,8,["observacoes","onAdicionarClick"])]),_:1}),e.createVNode(e.Transition,{name:"fadeBaixo",mode:"out-in",appear:""},{default:e.withCtx(()=>[e.createVNode(p,{"data-testid":"status-evento",aparencia:"preenchido",status:t.evento.status,onClick:t.handleEditarClick},null,8,["status","onClick"])]),_:1})])}const v=d(Bt,[["render",Nt]]),Dt=e.defineComponent({name:"AreaSalvamento",components:{Botao:y},emits:{salvarClick:t=>!0,cancelarClick:t=>!0},setup(t,{emit:o}){return{emitirSalvarClick:a=>{o("salvarClick",a)},emitirCancelarClick:a=>{o("cancelarClick",a)}}}}),bo="",At={class:"area-salvamento","data-testid":"area-salvamento"};function Ot(t,o,n,i,a,s){const r=e.resolveComponent("Botao");return e.openBlock(),e.createElementBlock("section",At,[e.renderSlot(t.$slots,"default",{},void 0,!0),e.createVNode(r,{"data-testid":"botao-salvar",aparencia:"preenchido",titulo:"Salvar",tamanho:"grande",onClick:t.emitirSalvarClick},null,8,["onClick"]),e.createVNode(r,{"data-testid":"botao-cancelar",aparencia:"vazio",titulo:"Cancelar",tamanho:"pequeno",onClick:t.emitirCancelarClick},null,8,["onClick"])])}const zt=d(Dt,[["render",Ot],["__scopeId","data-v-bffa6dc0"]]),Pt=e.defineComponent({props:{salvarVisivel:{type:Boolean}},components:{AreaSalvamento:zt},emits:{salvarClick:t=>!0,cancelarClick:t=>!0},setup(t,{emit:o}){return{emitirSalvarClick:a=>{o("salvarClick",a)},emitirCancelarClick:a=>{o("cancelarClick",a)}}}}),vo="",qt={class:"editar-evento","data-testid":"editar-evento"},It={class:"area-conteudo"},jt={class:"salvar"};function wt(t,o,n,i,a,s){const r=e.resolveComponent("AreaSalvamento");return e.openBlock(),e.createElementBlock("div",qt,[e.createVNode(e.Transition,{name:"fadeTopo",mode:"out-in",appear:""},{default:e.withCtx(()=>[e.createElementVNode("div",It,[e.renderSlot(t.$slots,"conteudo")])]),_:3}),e.createVNode(e.Transition,{name:"fadeBaixo",mode:"out-in",appear:""},{default:e.withCtx(()=>[e.createElementVNode("div",jt,[e.createVNode(r,{"data-testid":"area-salvamento",onCancelarClick:t.emitirCancelarClick,onSalvarClick:t.emitirSalvarClick},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"salvamento")]),_:3},8,["onCancelarClick","onSalvarClick"])])]),_:3})])}const g=d(Pt,[["render",wt]]),Rt=e.defineComponent({props:{salvarVisivel:{type:Boolean},evento:{required:!0,type:Object}},components:{EditarEvento:g,IconeStatus:S,BotaoStatus:O},emits:{salvarClick:(t,o)=>!0,cancelarClick:t=>!0},setup(t,{emit:o}){const n=(l,p)=>{o("salvarClick",l,p)},i=l=>{o("cancelarClick",l)},a=e.ref(t.evento.status);function s(l){a.value=l}const r=e.computed(()=>l=>a.value===l?"preenchido":"outline");return{aoSalvar:n,aoCancelar:i,atualizarSelecionado:s,selecionado:a,getAparencia:r}}}),Bo="",Ht=e.createElementVNode("h2",null,"Alterar o Status para:",-1),Mt={key:0,class:"nova-data"},Lt=[e.createElementVNode("h2",null,"Nova Data:",-1),e.createElementVNode("p",null,"componente de seleção de data deve entrar aqui.",-1)];function Ft(t,o,n,i,a,s){const r=e.resolveComponent("BotaoStatus"),l=e.resolveComponent("EditarEvento");return e.openBlock(),e.createBlock(l,{"data-testid":"editar-status",salvarVisivel:t.salvarVisivel,onCancelarClick:t.aoCancelar,onSalvarClick:o[3]||(o[3]=p=>t.aoSalvar(t.selecionado,p))},{conteudo:e.withCtx(()=>[Ht,e.createVNode(r,{aparencia:t.getAparencia("realizado"),onClick:o[0]||(o[0]=p=>t.atualizarSelecionado("realizado")),status:"realizado","data-testid":"botao-status-realizado"},null,8,["aparencia"]),e.createVNode(r,{aparencia:t.getAparencia("cancelado"),onClick:o[1]||(o[1]=p=>t.atualizarSelecionado("cancelado")),status:"cancelado","data-testid":"botao-status-cancelado"},null,8,["aparencia"]),e.createVNode(r,{aparencia:t.getAparencia("adiado"),onClick:o[2]||(o[2]=p=>t.atualizarSelecionado("adiado")),status:"adiado","data-testid":"botao-status-adiado"},null,8,["aparencia"])]),salvamento:e.withCtx(()=>[e.createVNode(e.Transition,{name:"fadeBaixo",mode:"out-in",appear:""},{default:e.withCtx(()=>[t.selecionado==="adiado"?(e.openBlock(),e.createElementBlock("div",Mt,Lt)):e.createCommentVNode("",!0)]),_:1})]),_:1},8,["salvarVisivel","onCancelarClick"])}const Jt=d(Rt,[["render",Ft]]),Yt=e.defineComponent({props:{salvarVisivel:{type:Boolean},observacao:{type:String}},components:{EditarEvento:g},emits:{adicionarClick:(t,o)=>!0,cancelarClick:t=>!0},setup(t,{emit:o}){const n=e.ref({observacaoLocal:t.observacao||""});return{salvar:s=>{const r=n.value.observacaoLocal;o("adicionarClick",r,s)},cancelar:s=>{o("cancelarClick",s)},state:n}}}),No="",Ut=e.createElementVNode("h2",null,"Observação:",-1);function Gt(t,o,n,i,a,s){const r=e.resolveComponent("EditarEvento");return e.openBlock(),e.createBlock(r,{"data-testid":"adicionar-observacao",salvarVisivel:t.salvarVisivel,observacao:t.state.observacaoLocal,"onUpdate:observacao":o[1]||(o[1]=l=>t.state.observacaoLocal=l),onSalvarClick:t.salvar,onCancelarClick:t.cancelar},{conteudo:e.withCtx(()=>[Ut,e.withDirectives(e.createElementVNode("textarea",{"data-testid":"observacao-textarea","onUpdate:modelValue":o[0]||(o[0]=l=>t.state.observacaoLocal=l),placeholder:""},null,512),[[e.vModelText,t.state.observacaoLocal]])]),_:1},8,["salvarVisivel","observacao","onSalvarClick","onCancelarClick"])}const Kt=d(Yt,[["render",Gt]]),Qt=e.defineComponent({props:{perfil:{required:!0,type:Object},eventos:{required:!0,type:Array}},components:{Topo:Fe,Evento:v,Timeline:D,EditarStatus:Jt,AdicionarObservacao:Kt},emits:{eventoTimelineClicked:(t,o)=>!0,eventoStatusEditClicked:(t,o)=>!0,eventoDetalhadoObservacoesAddClicked:(t,o)=>!0,editarStatusSalvarClicked:(t,o,n)=>!0,editarStatusCancelarClicked:(t,o)=>!0,adicionarObservacaoSalvarClicked:(t,o,n)=>!0,adicionarObservacaoCancelarClicked:(t,o)=>!0,voltarClick:t=>!0},setup(t,{emit:o}){const n=e.toRef(t,"eventos"),i=e.toRef(null),a=e.reactive({topo:{exibir:!0},timeline:{exibir:!0},evento:{exibir:!1},editarStatus:{exibir:!1},adicionarObservacao:{exibir:!1},dados:{eventos:e.toRef(t,"eventos"),perfil:e.toRef(t,"perfil"),eventosTimeline:n,eventosDetalhados:n,eventoAtual:i}}),s=c=>"observacoes"in c,r=c=>{const k=["Timeline","Evento"];a.topo.exibir=k.includes(c),a.timeline.exibir=c==="Timeline",a.evento.exibir=c==="Evento",a.editarStatus.exibir=c==="EditarStatus",a.adicionarObservacao.exibir=c==="AdicionarObservacao"};return{selecionarEvento:(c,k)=>{s(c)&&(o("eventoTimelineClicked",c,k),a.dados.eventoAtual=c,r("Evento"))},handleVoltarTela:c=>{a.dados.eventoAtual?r("Timeline"):o("voltarClick",c)},handleStatusEditarClick:c=>{r("EditarStatus")},handleStatusCancelarClick:c=>{a.dados.eventoAtual&&(r("Evento"),o("editarStatusCancelarClicked",a.dados.eventoAtual,c))},handleStatusSalvarClick:(c,k)=>{a.dados.eventoAtual&&(r("Evento"),o("editarStatusSalvarClicked",a.dados.eventoAtual,c,k))},handleObservacaoAdicionarClick:c=>{a.dados.eventoAtual&&(o("eventoDetalhadoObservacoesAddClicked",a.dados.eventoAtual,c),r("AdicionarObservacao"))},handleAdicionarObservacaoSalvarClick:(c,k)=>{a.dados.eventoAtual&&(r("Evento"),o("adicionarObservacaoSalvarClicked",a.dados.eventoAtual,c,k))},handleObservacaoAdicionarCancelarClick:c=>{a.dados.eventoAtual&&(r("Evento"),o("adicionarObservacaoCancelarClicked",a.dados.eventoAtual,c))},TemplateTimeline:a}}}),Do="",Wt={class:"pagina","data-testid":"template-timeline"};function Xt(t,o,n,i,a,s){const r=e.resolveComponent("Topo"),l=e.resolveComponent("Timeline"),p=e.resolveComponent("Evento"),_=e.resolveComponent("EditarStatus"),h=e.resolveComponent("AdicionarObservacao");return e.openBlock(),e.createElementBlock("div",Wt,[t.TemplateTimeline.topo.exibir?(e.openBlock(),e.createBlock(r,{key:0,titulo:t.TemplateTimeline.dados.perfil.nome,escuro:!1,onVoltarClick:t.handleVoltarTela},null,8,["titulo","onVoltarClick"])):e.createCommentVNode("",!0),t.TemplateTimeline.timeline.exibir?(e.openBlock(),e.createBlock(l,{key:1,"data-testid":"timeline",perfilTimeline:t.TemplateTimeline.dados.perfil,eventosTimeline:t.TemplateTimeline.dados.eventosTimeline,onEventoClick:t.selecionarEvento},null,8,["perfilTimeline","eventosTimeline","onEventoClick"])):e.createCommentVNode("",!0),t.TemplateTimeline.dados.eventoAtual&&t.TemplateTimeline.evento.exibir?(e.openBlock(),e.createBlock(p,{key:2,"data-testid":"evento-detalhado",perfil:t.TemplateTimeline.dados.perfil,evento:t.TemplateTimeline.dados.eventoAtual,onObservacaoAdicionarClick:t.handleObservacaoAdicionarClick,onStatusEditarClick:t.handleStatusEditarClick},null,8,["perfil","evento","onObservacaoAdicionarClick","onStatusEditarClick"])):e.createCommentVNode("",!0),t.TemplateTimeline.dados.eventoAtual&&t.TemplateTimeline.editarStatus.exibir?(e.openBlock(),e.createBlock(_,{key:3,"data-testid":"editar-status",salvarVisivel:t.TemplateTimeline.editarStatus.exibir,perfil:t.TemplateTimeline.dados.perfil,evento:t.TemplateTimeline.dados.eventoAtual,onSalvarClick:t.handleStatusSalvarClick,onCancelarClick:t.handleStatusCancelarClick},null,8,["salvarVisivel","perfil","evento","onSalvarClick","onCancelarClick"])):e.createCommentVNode("",!0),t.TemplateTimeline.adicionarObservacao.exibir?(e.openBlock(),e.createBlock(h,{key:4,"data-testid":"adicionar-observacao",salvarVisivel:t.TemplateTimeline.adicionarObservacao.exibir,onAdicionarClick:t.handleAdicionarObservacaoSalvarClick,onCancelarClick:t.handleObservacaoAdicionarCancelarClick},null,8,["salvarVisivel","onAdicionarClick","onCancelarClick"])):e.createCommentVNode("",!0)])}const z=d(Qt,[["render",Xt]]),P=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"})),q=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"})),I=Object.freeze(Object.defineProperty({__proto__:null,EditarEvento:g,EventoDetalhado:v,EventoTimeline:b,TemplateTimeline:z,Timeline:D,Tipos:P,TiposDetalhado:q},Symbol.toStringTag,{value:"Module"})),Ao="",Zt={install(t,...o){Object.keys(I).forEach(n=>{const i=I[n];i&&typeof i=="object"&&t.component(n,i)})}};f.EditarEvento=g,f.EventoDetalhado=v,f.EventoTimeline=b,f.TemplateTimeline=z,f.Timeline=Zt,f.Tipos=P,f.TiposDetalhado=q,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 import { Plugin } from "vue";
 import "./global.css";
 declare const Timeline: Plugin;
-export default Timeline;
+export { Timeline };
 export * from "./components/timeline";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@devix-tecnologia/timeline-vue",
   "private": false,
-  "version": "2.1.0",
+  "version": "3.0.0",
   "license": "MIT",
   "scripts": {
     "dev": "vite",
@@ -45,6 +45,7 @@
     "semantic-release": "^19.0.5",
     "typescript": "^5.0.2",
     "vite": "^4.3.0",
+    "vite-plugin-dts": "^3.6.4",
     "vitest": "^0.34.6",
     "vue-tsc": "^1.8.22",
     "yarn": "^1.22.19"