https://onesiteapp.com/assets/timeline-gWp65UCL.js

1import{d as _,a4 as V,_ as x,X as h,x as b,y as v,z as l,B as s,at as r,ax as p,ar as e,C as i,bd as u,as as f,b0 as c,aw as C,b4 as w,b3 as D}from"./same-chunk-name-CYm4I15d.js";import{a as y}from"./avatar-1-DJJIeD8a.js";import{a as A}from"./avatar-2-1LL-7nu5.js";import{V as z,a}from"./VTimelineItem-DpJwEhRA.js";import{V as P}from"./VChip-BTPUF2te.js";import{V as L}from"./VSwitch-9NycIGXQ.js";import"./VSlideGroup-B1cFjYZw.js";import"./VSelectionControl-CnpbgEHy.js";const j="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAxCAMAAABEQrEuAAABXFBMVEUAAAD/AAD/iIj/jY3JBgbKBgbKBATLBgbKBgbKBQXzd3fKBgbKBQXlVFTLBQXKBQX4hob6h4f5hob5hobLBQXKBgbKBgbLBgbKBgb//////v7//f3+/Pz++/v++Pj99/f99vb99fX99PT88fH88PD87+/87u777e376ur65+f55eX55OT54+P43d343Nz32dn32Nj21tb21dX10dH10ND1zs70yMjzxsbzxMTxvr7wuLjvs7PusLDspqbso6PrnZ3qm5vpl5fplpbplZX7jY3ok5PokpLokZHnjY34hYXmh4fmhobmhYXlg4PlgoLkfHzycnLicnLhbm7uaGjga2vgamrfZmbcWVncV1fjSkraTEzZS0vZSkrYQ0PfPz/XQEDWOTnVNDTUMTHTLCzXKCjSKSnSJibTHh7PGxvPGRnNEhLNERHMDQ3NDAzMDAzMCgrMCQnLCAjLBwfLBgby8IbhAAAAGXRSTlMAAg8SJic6cnmDmJy1tre409XW19709fb++ZLcewAAAUdJREFUeNrt1ddTwkAQBnAUsIsVcRFLEImoWEARewv2ioq9YRcNMd//P+MDMwqSu1zeHIfveX+ztzd7czZbLk6XB8V5UJrsNuM43YChYJIGsITSbEw8bMEg4AhjwhWGhC+UFrtVYUDMRDExFUpjuZB4/hG/uzDEx4bC6sIQOMsTSo2I0K8P979TLyIKUl0S/14cHQDvyfmVjLAIy0CC/CHdkhjrymjcU6Uubre30gAe99ZvwjJOg4Hje66Qgj4v+dN46iWv1ycjSkQpvui7VHdoEUu0pl4FZGAwZHJXUgR4oThi9JqbQ0i80ThGOz5FxQhwTrOYojtoQ0KC4ol+OkGShlejJCQGpju7N3WoCz3S3MwEMBkzn0PNAgCymtheSRGrm7i8W3qDf0F4RERVvnCJiIp84XCbg9rCz9ZR18Ytb2+tLMtVfgHx8NDQuBJofgAAAABJRU5ErkJggg==",S="/assets/puma-shoes-Crhq8wvQ.jpeg",I=_({__name:"TimelineWithIcons",setup(d,{expose:t}){t();const n={serverSwitch:V(!1),get avatar1(){return y},get avatar2(){return A},get pdf(){return j},get pumaShoes(){return S}};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}}),M={class:"app-timeline-text mb-1"},J={class:"app-timeline-text d-flex align-center gap-2"},k={class:"d-flex justify-space-between align-center flex-wrap gap-4"},Q={class:"d-flex align-bottom"},X={class:"d-flex align-start flex-sm-row flex-column mb-3 gap-y-2"},G={class:"d-flex align-center"},U={class:"d-flex justify-space-between align-center mb-1"},R={class:"text-sm w-100 mt-3"},E={class:"d-flex align-center pb-2"},$={class:"d-flex align-center pb-2"},H={class:"d-flex align-center pb-2"},N={class:"d-flex justify-space-between align-end"},W={class:"d-flex justify-space-between align-center mb-1"},K={class:"d-flex align-end mb-3"},O={class:"d-flex justify-space-between mt-4 flex-wrap"};function Z(d,t,m,n,g,B){const o=h("IconBtn");return b(),v(p,{variant:"text",title:"Timeline With Icons"},{default:l(()=>[s(r,null,{default:l(()=>[s(z,{align:"start",justify:"center","truncate-line":"both",density:d.$vuetify.display.smAndDown?"compact":"default",class:"v-timeline-icon-only"},{default:l(()=>[s(a,null,{icon:l(()=>[s(i,{size:"20",icon:"tabler-plane-tilt",color:"primary"})]),default:l(()=>[s(p,null,{default:l(()=>[s(r,null,{default:l(()=>[t[4]||(t[4]=e("div",{class:"d-flex justify-space-between align-center mb-1"},[e("span",{class:"app-timeline-title"}," Get on the flight "),e("span",{class:"app-timeline-meta"},"Wednesday")],-1)),e("p",M,[t[1]||(t[1]=e("span",null,"Charles de Gaulle Airport, Paris",-1)),s(i,{size:"20",icon:"tabler-arrow-right",class:"mx-2 flip-in-rtl"}),t[2]||(t[2]=e("span",null,"Heathrow Airport, London",-1))]),t[5]||(t[5]=e("p",{class:"app-timeline-meta mb-2"}," 6:30 AM ",-1)),e("div",J,[e("div",null,[s(u,{src:n.pdf,width:22},null,8,["src"])]),t[3]||(t[3]=e("span",null,"booking-card.pdf",-1))])]),_:1})]),_:1})]),_:1}),s(a,null,{icon:l(()=>[s(i,{size:"20",icon:"tabler-clock",color:"success"})]),default:l(()=>[s(p,null,{default:l(()=>[s(r,null,{default:l(()=>[t[7]||(t[7]=e("div",{class:"d-flex justify-space-between align-center mb-1"},[e("span",{class:"app-timeline-title"}," Interview Schedule "),e("span",{class:"app-timeline-meta"},"April, 18")],-1)),t[8]||(t[8]=e("p",{class:"app-timeline-text mb-0"}," Lorem ipsum, dolor sit amet consectetur adipisicing elit. Possimus quos, voluptates voluptas rem veniam expedita. ",-1)),s(f,{class:"my-4"}),e("div",k,[e("span",Q,[s(c,{size:"40",image:n.avatar2,class:"me-3"},null,8,["image"]),t[6]||(t[6]=e("div",{class:"d-flex flex-column"},[e("h6",{class:"text-sm font-weight-medium"},"Rebecca Godman"),e("span",{class:"text-xs"},"Javascript Developer")],-1))]),e("div",null,[s(o,null,{default:l(()=>[s(i,{icon:"tabler-message",size:"20"})]),_:1}),s(o,null,{default:l(()=>[s(i,{icon:"tabler-phone",size:"20"})]),_:1})])])]),_:1})]),_:1})]),_:1}),s(a,null,{icon:l(()=>[s(i,{size:"20",icon:"tabler-shopping-cart",color:"warning"})]),default:l(()=>[s(p,null,{default:l(()=>[s(r,null,{default:l(()=>[e("div",X,[s(u,{height:"62",width:"62",src:n.pumaShoes,class:"rounded me-4"},null,8,["src"]),t[9]||(t[9]=e("div",null,[e("div",{class:"d-flex justify-space-between align-center mb-1"},[e("span",{class:"app-timeline-title"}," Sold Puma POPX Blue Color "),e("span",{class:"app-timeline-meta"},"January, 10 ")]),e("span",{class:"app-timeline-text"},"PUMA presents the latest shoes from its collection. Light & comfortable made with highly durable material.")],-1))]),t[10]||(t[10]=e("div",{class:"d-flex justify-space-between flex-sm-row flex-column gap-3"},[e("div",{class:"text-sm-center"},[e("h6",{class:"text-sm font-weight-medium"}," Customer "),e("span",{class:"text-xs"},"Micheal Scott")]),e("div",{class:"text-sm-center"},[e("h6",{class:"text-sm font-weight-medium"}," Price "),e("span",{class:"text-xs"}

1,"$375.00")]),e("div",{class:"text-sm-center"},[e("h6",{class:"text-sm font-weight-medium"}," Quantity "),e("span",{class:"text-xs"},"1")])],-1))]),_:1})]),_:1})]),_:1}),s(a,null,{icon:l(()=>[s(i,{size:"20",icon:"tabler-edit",color:"info"})]),default:l(()=>[s(p,null,{default:l(()=>[s(r,null,{default:l(()=>[t[12]||(t[12]=e("div",{class:"d-flex justify-space-between align-center"},[e("span",{class:"app-timeline-title"}," Design Review "),e("span",{class:"app-timeline-meta"},"September, 20")],-1)),t[13]||(t[13]=e("p",{class:"app-timeline-text"}," Weekly review of freshly prepared design for our new application. ",-1)),e("div",G,[s(c,{size:"40",image:n.avatar1,class:"me-3"},null,8,["image"]),t[11]||(t[11]=e("h6",{class:"text-sm font-weight-medium"}," John Doe (Client) ",-1))])]),_:1})]),_:1})]),_:1}),s(a,null,{icon:l(()=>[s(i,{size:"20",icon:"tabler-server",color:"error"})]),default:l(()=>[s(p,null,{default:l(()=>[s(r,null,{default:l(()=>[e("div",U,[t[15]||(t[15]=e("span",{class:"app-timeline-title"}," Ubuntu Server ",-1)),s(P,{color:"error",size:"small"},{default:l(()=>[...t[14]||(t[14]=[C(" Inactive ",-1)])]),_:1})]),e("table",R,[e("tr",null,[e("td",E,[s(i,{icon:"tabler-world",class:"me-1"}),t[16]||(t[16]=e("span",null,"IP Address",-1))]),t[17]||(t[17]=e("td",{class:"text-right"}," 192.654.8.566 ",-1))]),e("tr",null,[e("td",$,[s(i,{icon:"tabler-cpu",class:"me-1"}),t[18]||(t[18]=e("span",null,"CPU",-1))]),t[19]||(t[19]=e("td",{class:"text-right"}," 4 Cores ",-1))]),e("tr",null,[e("td",H,[s(i,{icon:"tabler-cpu-2",class:"me-1"}),t[20]||(t[20]=e("span",null,"Memory",-1))]),t[21]||(t[21]=e("td",{class:"text-right"}," 2 GB ",-1))])]),s(f,{class:"my-3"}),e("div",N,[e("div",null,[s(o,null,{default:l(()=>[s(i,{icon:"tabler-share",size:"20"})]),_:1}),s(o,null,{default:l(()=>[s(i,{icon:"tabler-reload",size:"20"})]),_:1})]),s(L,{modelValue:n.serverSwitch,"onUpdate:modelValue":t[0]||(t[0]=T=>n.serverSwitch=T)},null,8,["modelValue"])])]),_:1})]),_:1})]),_:1}),s(a,null,{icon:l(()=>[s(i,{size:"20",icon:"tabler-map-pin",color:"success"})]),default:l(()=>[s(p,null,{default:l(()=>[s(r,null,{default:l(()=>[e("div",W,[e("div",K,[s(i,{icon:"tabler-map-pin",class:"me-1"}),t[22]||(t[22]=e("span",{class:"app-timeline-title"},"Location",-1))]),s(P,{color:"error",size:"small"},{default:l(()=>[...t[23]||(t[23]=[C(" High ",-1)])]),_:1})]),t[25]||(t[25]=e("p",{class:"app-timeline-text mb-0"}," Find location for the company celebration. ",-1)),t[26]||(t[26]=e("p",{class:"app-timeline-text"}," Lorem ipsum, dolor sit amet consectetur adipisicing elit. ",-1)),s(f),e("div",O,[e("div",null,[s(o,null,{default:l(()=>[s(i,{size:"20",icon:"tabler-link"})]),_:1}),s(o,null,{default:l(()=>[s(i,{size:"20",icon:"tabler-message"})]),_:1}),s(o,null,{default:l(()=>[s(i,{size:"20",icon:"tabler-user"})]),_:1})]),t[24]||(t[24]=e("span",{class:"app-timeline-meta"},"Due date: 15th Jan",-1))])]),_:1})]),_:1})]),_:1})]),_:1},8,["density"])]),_:1})]),_:1})}const Y=x(I,[["render",Z],["__file","/opt/buildhome/repo/src/views/demos/components/timeline/TimelineWithIcons.vue"]]),F=_({__name:"TimelineCard",setup(d,{expose:t}){t();const m={get avatar1(){return y},get avatar2(){return A},get pdf(){return j},get pumaShoes(){return S}};return Object.defineProperty(m,"__isScriptSetup",{enumerable:!1,value:!0}),m}}),q={class:"app-timeline-text mb-1"},ee={class:"app-timeline-text d-flex align-center gap-2"},te={class:"d-flex justify-space-between align-center"},se={class:"d-flex align-center"},le={class:"d-flex align-sm-center flex-sm-row flex-column mb-3 gap-y-2"},ie={class:"d-flex align-center"};function ne(d,t,m,n,g,B){const o=h("IconBtn");return b(),v(p,{title:"Timeline Card"},{default:l(()=>[s(r,null,{default:l(()=>[s(z,{side:"end",align:"start","truncate-line":"both",density:"compact",class:"v-timeline-density-compact v-timeline-icon-only"},{default:l(()=>[s(a,null,{icon:l(()=>[s(i,{size:"20",icon:"tabler-send",color:"primary"})]),default:l(()=>[s(p,{class:"bg-light-error",variant:"text"},{default:l(()=>[s(r,null,{default:l(()=>[t[3]||(t[3]=e("div",{class:"d-flex justify-space-between align-center mb-1"},[e("span",{class:"app-timeline-title"},"Get on the flight"),e("small",{class:"app-timeline-meta"},"Wednesday")],-1)),e("div",q,[t[0]||(t[0]=e("span",null,"Charles de Gaulle Airport, Paris",-1)),s(i,{size:"20",icon:"tabler-arrow-right",class:"mx-2 flip-in-rtl"}),t[1]||(t[1]=e("span",null,"Heathrow Airport, London",-1))]),t[4]||(t[4]=e("p",{class:"app-timeline-meta mb-1"}," 6:30 AM ",-1)),e("div",ee,[e("div",null,[s(u,{src:n.pdf,width:22},null,8,["src"])]),t[2]||(t[2]=e("span",null,"booking-card.pdf",-1))])]),_:1})]),_:1})]),_:1}),s(a,null,{icon:l(()=>[s(i,{size:"20",icon:"tabler-brush",color:"success"})]),default:l(()=>[s(p,{class:"bg-light-primary",variant:"text"},{default:l(()=>[s(r,null,{default:l(()=>[t[6]||(t[6]=e("div",{class:"d-flex justify-space-between align-center mb-1"},[e("span",{class:"app-timeline-title"},"Interview Schedule"),e("span",{class:"app-timeline-meta"}

1,"April, 18")],-1)),t[7]||(t[7]=e("p",{class:"app-timeline-text mb-0"}," Lorem ipsum, dolor sit amet consectetur adipisicing elit. Possimus quos, voluptates voluptas rem veniam expedita. ",-1)),s(f,{class:"my-4"}),e("div",te,[e("span",se,[s(c,{size:"40",image:n.avatar2,class:"me-2"},null,8,["image"]),t[5]||(t[5]=e("div",null,[e("h6",{class:"text-sm font-weight-medium"},"Rebecca Godman"),e("span",{class:"text-xs"},"Javascript Developer")],-1))]),e("div",null,[s(o,null,{default:l(()=>[s(i,{size:"20",icon:"tabler-message"})]),_:1}),s(o,null,{default:l(()=>[s(i,{size:"20",icon:"tabler-phone"})]),_:1})])])]),_:1})]),_:1})]),_:1}),s(a,null,{icon:l(()=>[s(i,{size:"20",icon:"tabler-basket",color:"error"})]),default:l(()=>[s(p,{class:"bg-light-info",variant:"text"},{default:l(()=>[s(r,null,{default:l(()=>[t[9]||(t[9]=e("div",{class:"d-flex justify-space-between align-center mb-1"},[e("span",{class:"app-timeline-title"},"Sold Puma POPX Blue Color"),e("span",{class:"app-timeline-meta"},"January, 10")],-1)),e("div",le,[s(u,{height:"62",width:"62",src:n.pumaShoes,class:"rounded me-4"},null,8,["src"]),t[8]||(t[8]=e("div",null,[e("span",{class:"app-timeline-text"}," PUMA presents the latest shoes from its collection. Light & comfortable made with highly durable material. ")],-1))]),t[10]||(t[10]=e("div",{class:"d-flex justify-space-between flex-column flex-sm-row gap-3"},[e("div",{class:"text-sm-center"},[e("p",{class:"text-high-emphasis text-sm font-weight-medium mb-0"}," Customer "),e("span",{class:"text-xs"},"Micheal Scott")]),e("div",{class:"text-sm-center"},[e("p",{class:"text-high-emphasis text-sm font-weight-medium mb-0"}," Price "),e("span",{class:"text-xs"},"$375.00")]),e("div",{class:"text-sm-center"},[e("p",{class:"text-high-emphasis text-sm font-weight-medium mb-0"}," Quantity "),e("span",{class:"text-xs"},"1")])],-1))]),_:1})]),_:1})]),_:1}),s(a,null,{icon:l(()=>[s(i,{size:"20",icon:"tabler-user-circle",color:"info"})]),default:l(()=>[s(p,{class:"bg-light-success",variant:"text"},{default:l(()=>[s(r,null,{default:l(()=>[t[12]||(t[12]=e("div",{class:"d-flex justify-space-between mb-1"},[e("span",{class:"app-timeline-title"},"Design Review"),e("span",{class:"app-timeline-meta"},"September, 20")],-1)),t[13]||(t[13]=e("p",{class:"app-timeline-text mb-2"}," Weekly review of freshly prepared design for our new application. ",-1)),e("div",ie,[s(c,{size:"40",class:"me-2"},{default:l(()=>[s(u,{src:n.avatar1},null,8,["src"])]),_:1}),t[11]||(t[11]=e("h6",{class:"text-sm font-weight-medium"}," John Doe (Client) ",-1))])]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}const ae=x(F,[["render",ne],["__file","/opt/buildhome/repo/src/views/demos/components/timeline/TimelineCard.vue"]]),oe=_({__name:"TimelineBasic",setup(d,{expose:t}){t();const m={get avatar1(){return y},get avatar2(){return A},get pdf(){return j},get pumaShoes(){return S}};return Object.defineProperty(m,"__isScriptSetup",{enumerable:!1,value:!0}),m}}),re={class:"app-timeline-text mb-1"},pe={class:"app-timeline-text d-flex align-center gap-2"},me={class:"d-flex justify-space-between align-center flex-wrap"},de={class:"d-flex align-center mt-2"},ue={class:"d-flex align-start flex-sm-row flex-column mb-3 gap-y-2"},ce={class:"d-flex align-center"};function fe(d,t,m,n,g,B){const o=h("IconBtn");return b(),v(p,{title:"Basic Timeline"},{default:l(()=>[s(r,null,{default:l(()=>[s(z,{side:"end",align:"start","line-inset":"8","truncate-line":"both",density:"compact"},{default:l(()=>[s(a,{"dot-color":"error",size:"x-small"},{default:l(()=>[t[3]||(t[3]=e("div",{class:"d-flex justify-space-between align-center gap-2 flex-wrap"},[e("span",{class:"app-timeline-title"}," Get on the flight "),e("span",{class:"app-timeline-meta"},"3rd October")],-1)),e("div",re,[t[0]||(t[0]=e("span",null,"Charles de Gaulle Airport, Paris",-1)),s(i,{size:"20",icon:"tabler-arrow-right",class:"mx-2 flip-in-rtl"}),t[1]||(t[1]=e("span",null,"Heathrow Airport, London",-1))]),t[4]||(t[4]=e("p",{class:"app-timeline-meta mb-2"}," 6:30 AM ",-1)),e("div",pe,[e("div",null,[s(u,{src:n.pdf,width:22},null,8,["src"])]),t[2]||(t[2]=e("span",null,"booking-card.pdf",-1))])]),_:1}),s(a,{size:"x-small","dot-color":"primary"},{default:l(()=>[t[6]||(t[6]=e("div",{class:"d-flex justify-space-between align-center flex-wrap mb-1"},[e("div",{class:"app-timeline-title"}," Interview Schedule "),e("span",{class:"app-timeline-meta"}

1,"4th October")],-1)),t[7]||(t[7]=e("div",{class:"app-timeline-text"}," Bonbon gummies caramels brownie topping fruitcake gingerbread jelly-o marzipan. ",-1)),s(f,{class:"my-2"}),e("div",me,[e("div",de,[s(c,{size:"32",class:"me-2",image:n.avatar2},null,8,["image"]),t[5]||(t[5]=e("div",{class:"d-flex flex-column"},[e("p",{class:"text-sm font-weight-medium text-high-emphasis mb-0"}," Rebecca Godman "),e("span",{class:"text-xs"},"Javascript Developer")],-1))]),e("div",null,[s(o,null,{default:l(()=>[s(i,{size:"20",icon:"tabler-message"})]),_:1}),s(o,null,{default:l(()=>[s(i,{size:"20",icon:"tabler-phone"})]),_:1})])])]),_:1}),s(a,{size:"x-small","dot-color":"info"},{default:l(()=>[e("div",ue,[s(u,{height:"62",width:"62",src:n.pumaShoes,class:"rounded me-4"},null,8,["src"]),t[8]||(t[8]=e("div",null,[e("div",{class:"d-flex justify-space-between align-center flex-wrap"},[e("span",{class:"app-timeline-title"}," Sold Puma POPX Blue Color "),e("span",{class:"app-timeline-meta"},"January, 10"),e("span",{class:"app-timeline-meta"},"January, 10")]),e("span",{class:"app-timeline-text"},"PUMA presents the latest shoes from its collection. Light & comfortable made with highly durable material.")],-1))]),t[9]||(t[9]=e("div",{class:"d-flex justify-space-between flex-column flex-sm-row gap-3"},[e("div",{class:"text-sm-center"},[e("h6",{class:"text-sm font-weight-medium"}," Customer "),e("span",{class:"text-xs"},"Micheal Scott")]),e("div",{class:"text-sm-center"},[e("h6",{class:"text-sm font-weight-medium"}," Price "),e("span",{class:"text-xs"},"$375.00")]),e("div",{class:"text-sm-center"},[e("h6",{class:"text-sm font-weight-medium"}," Quantity "),e("span",{class:"text-xs"},"1")])],-1))]),_:1}),s(a,{size:"x-small","dot-color":"success"},{default:l(()=>[t[11]||(t[11]=e("div",{class:"d-flex justify-space-between"},[e("span",{class:"app-timeline-title"}," Design Review "),e("span",{class:"app-timeline-meta"},"September, 20"),e("span",{class:"app-timeline-meta"},"September, 20")],-1)),t[12]||(t[12]=e("p",{class:"app-timeline-text"}," Weekly review of freshly prepared design for our new application. ",-1)),e("div",ce,[s(c,{size:"32",image:n.avatar1,class:"me-2"},null,8,["image"]),t[10]||(t[10]=e("h6",{class:"text-sm font-weight-medium"}," John Doe (Client) ",-1))])]),_:1})]),_:1})]),_:1})]),_:1})}const ge=x(oe,[["render",fe],["__file","/opt/buildhome/repo/src/views/demos/components/timeline/TimelineBasic.vue"]]),xe={};function be(d,t){const m=ge,n=ae,g=Y;return b(),v(D,null,{default:l(()=>[s(w,{cols:"12",md:"6"},{default:l(()=>[s(m)]),_:1}),s(w,{cols:"12",md:"6"},{default:l(()=>[s(n)]),_:1}),s(w,{cols:"12"},{default:l(()=>[s(g)]),_:1})]),_:1})}const Se=x(xe,[["render",be],["__file","/opt/buildhome/repo/src/pages/components/timeline.vue"]]);export{Se as default};