primevue/timeline/timeline.esm.min.js

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

import{ObjectUtils as e}from"primevue/utils";import t from"primevue/basecomponent";import n from"primevue/timeline/style";import{openBlock as i,createElementBlock as o,mergeProps as r,Fragment as s,renderList as a,createElementVNode as l,renderSlot as c,createCommentVNode as u}from"vue";var m={name:"Timeline",extends:{name:"BaseTimeline",extends:t,props:{value:null,align:{mode:String,default:"left"},layout:{mode:String,default:"vertical"},dataKey:null},style:n,provide:function(){return{$parentInstance:this}}},methods:{getKey:function(t,n){return this.dataKey?e.resolveFieldData(t,this.dataKey):n},getPTOptions:function(e,t){return this.ptm(e,{context:{index:t,count:this.value.length}})}}};m.render=function(e,t,n,m,p,d){return i(),o("div",r({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"timeline"}),[(i(!0),o(s,null,a(e.value,(function(t,n){return i(),o("div",r({key:d.getKey(t,n),class:e.cx("event")},d.getPTOptions("event",n)),[l("div",r({class:e.cx("opposite",{index:n})},d.getPTOptions("opposite",n)),[c(e.$slots,"opposite",{item:t,index:n})],16),l("div",r({class:e.cx("separator")},d.getPTOptions("separator",n)),[c(e.$slots,"marker",{item:t,index:n},(function(){return[l("div",r({class:e.cx("marker")},d.getPTOptions("marker",n)),null,16)]})),n!==e.value.length-1?c(e.$slots,"connector",{key:0,item:t,index:n},(function(){return[l("div",r({class:e.cx("connector")},d.getPTOptions("connector",n)),null,16)]})):u("",!0)],16),l("div",r({class:e.cx("content")},d.getPTOptions("content",n)),[c(e.$slots,"content",{item:t,index:n})],16)],16)})),128))],16)};export{m as default};