@oneclick.dev/cms-core-modules 0.0.106 → 0.0.107

package/dist/agenda-IOqtALWf.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),U=require("./DateFormatter-CYAD4GBN.js"),B=require("lucide-vue-next"),oe=require("./EditLayout.vue_vue_type_script_setup_true_lang-kpjbVSXg.js"),P=require("@oneclick.dev/cms-kit"),Y=require("./ReservationDetailDialog.vue_vue_type_script_setup_true_lang-CuwREvXD.js"),ne=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ae=require("./NewReservationDialog.vue_vue_type_script_setup_true_lang-Ceoje52V.js"),re=require("./index-CxETuRsG.js"),se={class:"mb-6"},le={class:"flex items-end gap-px h-24 bg-muted/30 rounded-lg p-2 overflow-visible"},ie=["onClick"],ce={class:"absolute -top-8 left-1/2 -translate-x-1/2 bg-popover border shadow-md rounded px-2 py-1 text-xs whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none z-10"},de={class:"font-medium"},ue={class:"text-muted-foreground"},me={class:"w-full flex-1 flex items-end justify-center"},pe={key:1,class:"text-[10px] mt-1"},fe={key:0,class:"mt-2 text-sm text-muted-foreground flex items-center gap-2"},ve={class:"font-medium text-foreground"},ge={class:"font-medium text-foreground"},he=e.defineComponent({__name:"TimelineChart",props:{timeSlots:{},slotStats:{},selectedTimeSlot:{},maxSpots:{}},emits:["select","clear"],setup(u,{emit:x}){const g=x,_=o=>{g("select",o)},N=()=>{g("clear")};return(o,s)=>{const i=e.resolveComponent("Button");return e.openBlock(),e.createElementBlock("div",se,[s[2]||(s[2]=e.createElementVNode("h3",{class:"font-semibold text-sm mb-2"},"Timeline",-1)),e.createElementVNode("div",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.timeSlots,n=>(e.openBlock(),e.createElementBlock("div",{key:n.startTime,class:"flex-1 min-w-0 flex flex-col items-center cursor-pointer group h-full relative",onClick:v=>_(n.startTime)},[e.createElementVNode("div",ce,[e.createElementVNode("div",de,e.toDisplayString(n.startTime),1),e.createElementVNode("div",ue,e.toDisplayString(u.slotStats[n.startTime]?.spots||0)+" spots",1)]),e.createElementVNode("div",me,[e.createElementVNode("div",{class:e.normalizeClass(["w-full transition-all duration-200",[u.selectedTimeSlot===n.startTime?"bg-primary":u.slotStats[n.startTime]?.spots>0?"bg-primary/60 group-hover:bg-primary/80":"bg-muted-foreground/20 group-hover:bg-muted-foreground/30"]]),style:e.normalizeStyle({height:u.slotStats[n.startTime]?.spots>0?`${u.slotStats[n.startTime].spots/u.maxSpots*100}%`:"2px",minHeight:u.slotStats[n.startTime]?.spots>0?"4px":"2px"})},null,6)]),n.startTime.endsWith(":00")?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["text-[10px] text-muted-foreground mt-1 transition-colors truncate",{"text-primary font-medium":u.selectedTimeSlot===n.startTime}])},e.toDisplayString(n.label),3)):(e.openBlock(),e.createElementBlock("span",pe," "))],8,ie))),128))]),u.selectedTimeSlot?(e.openBlock(),e.createElementBlock("div",fe,[e.createVNode(i,{variant:"ghost",size:"icon",class:"h-6 w-6 p-0",onClick:N},{default:e.withCtx(()=>[e.createVNode(e.unref(B.X),{size:14})]),_:1}),e.createElementVNode("span",null,[s[0]||(s[0]=e.createTextVNode(" Showing ",-1)),e.createElementVNode("span",ve,e.toDisplayString(u.slotStats[u.selectedTimeSlot]?.bookings||0),1),s[1]||(s[1]=e.createTextVNode(" bookings at ",-1)),e.createElementVNode("span",ge,e.toDisplayString(u.selectedTimeSlot),1)])])):e.createCommentVNode("",!0)])}}}),xe={class:"flex items-center justify-between mb-3"},ye={class:"font-semibold"},ke={key:0,class:"text-muted-foreground font-normal"},be={class:"relative mb-3"},_e={key:0,class:"flex items-center justify-center py-8"},Ne={key:1,class:"text-center py-8 text-muted-foreground"},Ee={key:2,class:"space-y-2 max-h-80 overflow-y-auto"},Ve=["onClick"],we={class:"flex items-start justify-between"},Se={class:"flex-1"},Ce={class:"font-medium"},Be={class:"text-sm text-muted-foreground"},De={class:"text-sm text-muted-foreground"},$e={class:"flex items-center gap-4"},Te={class:"flex items-center gap-2 mt-1 text-xs text-muted-foreground"},ze={class:"flex items-center gap-2 mt-1 text-xs text-muted-foreground"},Me={class:"text-right"},Ie={key:0,class:"inline-block px-2 py-1 text-xs rounded-full bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400"},Le={key:1,class:"inline-block px-2 py-1 text-xs rounded-full bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400"},Re={key:2,class:"inline-block px-2 py-1 text-xs rounded-full bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400"},je={key:3,class:"inline-block px-2 py-1 text-xs rounded-full bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400"},Ue={key:4,class:"inline-block px-2 py-1 text-xs rounded-full bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400"},Fe={key:5,class:"text-sm font-medium mt-1"},Pe=e.defineComponent({__name:"BookingsList",props:{agendaData:{},orders:{},filteredOrders:{},isLoading:{type:Boolean},selectedTimeSlot:{},searchQuery:{}},emits:["update:searchQuery","refresh"],setup(u,{emit:x}){const g=u,_=e.computed(()=>g.agendaData?.metadataSchema||[]),N=x,o=e.ref(null),s=v=>{N("update:searchQuery",v)},i=()=>{N("update:searchQuery","")},n=()=>{N("refresh")};return(v,p)=>{const D=e.resolveComponent("Input"),V=e.resolveComponent("Button");return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",xe,[e.createElementVNode("h3",ye,[p[0]||(p[0]=e.createTextVNode(" Bookings ",-1)),u.selectedTimeSlot||u.searchQuery?(e.openBlock(),e.createElementBlock("span",ke," ("+e.toDisplayString(u.filteredOrders.length)+" of "+e.toDisplayString(u.orders.length)+") ",1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",be,[e.createVNode(e.unref(B.Search),{size:16,class:"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"}),e.createVNode(D,{"model-value":u.searchQuery,placeholder:"Search by name, email, or phone...",class:"pl-9 pr-9","onUpdate:modelValue":s},null,8,["model-value"]),u.searchQuery?(e.openBlock(),e.createBlock(V,{key:0,variant:"ghost",size:"icon",class:"absolute right-1 top-1/2 -translate-y-1/2 h-7 w-7",onClick:i},{default:e.withCtx(()=>[e.createVNode(e.unref(B.X),{size:14})]),_:1})):e.createCommentVNode("",!0)]),u.isLoading?(e.openBlock(),e.createElementBlock("div",_e,[...p[1]||(p[1]=[e.createElementVNode("div",{class:"animate-spin rounded-full h-8 w-8 border-b-2 border-primary"},null,-1)])])):u.filteredOrders.length===0?(e.openBlock(),e.createElementBlock("div",Ne,e.toDisplayString(u.selectedTimeSlot?"No bookings for this time slot":"No bookings for this event"),1)):(e.openBlock(),e.createElementBlock("div",Ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.filteredOrders,c=>(e.openBlock(),e.createElementBlock("div",{key:c.res_id||c.id,class:"p-3 border rounded-lg hover:bg-muted/50 transition-colors",onClick:M=>e.unref(o).openDialog(c)},[e.createElementVNode("div",we,[e.createElementVNode("div",Se,[e.createElementVNode("div",Ce,e.toDisplayString(c.customerInfo.firstName+" "+c.customerInfo.lastName||"Unknown Customer"),1),e.createElementVNode("div",Be,e.toDisplayString(c.customerInfo.email),1),e.createElementVNode("div",De,e.toDisplayString(c.customerInfo.phone),1),e.createElementVNode("div",$e,[e.createElementVNode("div",Te,[e.createVNode(e.unref(B.Clock),{size:12}),e.createElementVNode("span",null,e.toDisplayString(c.startTime)+" - "+e.toDisplayString(c.endTime),1)]),e.createElementVNode("div",ze,[e.createVNode(e.unref(B.Users),{size:12}),e.createElementVNode("span",null,e.toDisplayString(c.spots),1)])]),e.createVNode(Y._sfc_main,{metadata:{...c.metadata,...c.reservationMetadata},schema:e.unref(_),"display-filter":["highlight","badge"],compact:"",class:"mt-1"},null,8,["metadata","schema"])]),e.createElementVNode("div",Me,[c.reservationStatus==="needs_approval"?(e.openBlock(),e.createElementBlock("span",Ie,"Needs Approval")):c.reservationStatus==="approved"?(e.openBlock(),e.createElementBlock("span",Le,"Approved")):c.reservationStatus==="rejected"?(e.openBlock(),e.createElementBlock("span",Re,"Rejected")):c.reservationStatus==="cancelled"?(e.openBlock(),e.createElementBlock("span",je,"Cancelled")):(e.openBlock(),e.createElementBlock("span",Ue,"Pending")),c.reservationPrice||c.reservationPrice===0?(e.openBlock(),e.createElementBlock("div",Fe," €"+e.toDisplayString(c.reservationPrice.toFixed(2)),1)):e.createCommentVNode("",!0)])])],8,Ve))),128))])),e.createVNode(Y._sfc_main$1,{ref_key:"reservationDetailDialog",ref:o,"agenda-data":u.agendaData,onCancelled:n,onConfirmed:n,onRejected:n},null,8,["agenda-data"])])}}}),Oe={class:"flex items-center gap-4 mt-2 text-sm"},Ae={class:"flex items-center gap-1"},qe={key:0,class:"flex items-center gap-1"},He={class:"flex items-center gap-1"},Qe={class:"py-4"},We=e.defineComponent({__name:"EventDialog",props:{agendaData:{},resources:{default:()=>[]}},setup(u,{expose:x}){const g=u,{config:_}=P.useModule(),{params:N}=P.useModuleRoute(),o=P.useFirebaseIntegration(_.project),s=e.ref(!1),i=e.ref(null),n=e.ref([]),v=e.ref(!1),p=e.ref(null),D=e.ref("");e.provide("event",i);const V=e.computed(()=>{if(!i.value)return[];const m=i.value.resource?.interval||60,t=[],[l,k]=i.value.startTime.split(":").map(Number),[I,z]=i.value.endTime.split(":").map(Number),b=l*60+k,h=I*60+z;for(let y=b;y<h;y+=m){const r=Math.floor(y/60),d=y%60,E=Math.min(y+m,h),f=Math.floor(E/60),w=E%60,$=`${r.toString().padStart(2,"0")}:${d.toString().padStart(2,"0")}`,a=`${f.toString().padStart(2,"0")}:${w.toString().padStart(2,"0")}`;t.push({startTime:$,endTime:a,label:$})}return t}),c=m=>{const t=m.getFullYear(),l=String(m.getMonth()+1).padStart(2,"0"),k=String(m.getDate()).padStart(2,"0");return`${t}-${l}-${k}`},M=e.computed(()=>{const m={};return V.value.forEach(t=>{m[t.startTime]={bookings:0,spots:0,orders:[]}}),n.value.forEach(t=>{V.value.forEach(l=>{t.startTime<l.endTime&&t.endTime>l.startTime&&(m[l.startTime].bookings++,m[l.startTime].spots+=t.spots||0,m[l.startTime].orders.push(t))})}),m}),S=e.computed(()=>Math.max(1,...Object.values(M.value).map(m=>m.spots))),C=e.computed(()=>{let m=n.value;return p.value&&(m=M.value[p.value]?.orders||[]),D.value.trim()&&(m=new Y.Fuse(m,{keys:["customerInfo.firstName","customerInfo.lastName","customerInfo.email","customerInfo.phone"],threshold:.3,ignoreLocation:!0}).search(D.value).map(l=>l.item)),m}),T=e.computed(()=>({spots:n.value.reduce((m,t)=>m+(t.spots||0),0),bookings:n.value.length})),O=m=>{p.value===m?p.value=null:p.value=m},j=()=>{p.value=null},A=async m=>{s.value=!0,i.value=m,p.value=null,D.value="",await F()},F=async()=>{if(i.value){v.value=!0,n.value=[];try{const m=N.value.id,t=c(new Date(i.value.date)),l=i.value.resourceId||i.value.resource?.id,k=new Set;if(l?k.add(`${l}_${t}`):g.resources?.forEach(b=>{k.add(`${b.id}_${t}`)}),k.size===0){n.value=[];return}const I=await o.find(_.reservationsCollection,{filters:[{field:"agendaId",operator:"==",value:m},{field:"status",operator:"==",value:"confirmed"},{field:"flattenedReservationDates",operator:"array-contains-any",value:Array.from(k)}]});let z=[];I.forEach(b=>{(b.reservations?.filter(y=>y.date!==t?!1:l?y.resourceId===l:!0)||[]).forEach(y=>{const r=g.resources.find(d=>d.id===y.resourceId);(y.status==="approved"||y.status==="needs_approval")&&z.push({customerInfo:b.customerInfo,amountDue:b.amountDue,amountPaid:b.amountPaid,status:b.status,reservationStatus:y.status,subtotal:b.subtotal,total:b.total,discount:b.discount,id:b.id,res_id:y.id,resourceId:y.resourceId,spots:y.spots,date:t,startTime:y.timeslot?.startTime,endTime:y.timeslot?.endTime,reservationPrice:y.totalPrice,reservationBasePrice:y.basePrice,reservationAddOnsPrice:y.addOnsPrice,pricingOptionId:y.pricingOptionId,pricingOption:y.pricingOption,resourceName:r?.name||"Unknown",resourceColor:r?.color,metadata:b.metadata||{},reservationMetadata:y.metadata||{}})})}),n.value=z.sort((b,h)=>b.startTime?.localeCompare(h.startTime||"")||0)}catch(m){console.error("Error loading orders:",m),n.value=[]}finally{v.value=!1}}},Q=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],q=["January","February","March","April","May","June","July","August","September","October","November","December"];return x({openDialog:A}),(m,t)=>{const l=e.resolveComponent("DialogTitle"),k=e.resolveComponent("DialogDescription"),I=e.resolveComponent("DialogHeader"),z=e.resolveComponent("Button"),b=e.resolveComponent("DialogFooter"),h=e.resolveComponent("DialogScrollContent"),y=e.resolveComponent("Dialog");return e.openBlock(),e.createBlock(y,{open:s.value,"onUpdate:open":t[2]||(t[2]=r=>s.value=r)},{default:e.withCtx(()=>[e.createVNode(h,{class:"sm:max-w-3xl"},{default:e.withCtx(()=>[e.createVNode(I,null,{default:e.withCtx(()=>[i.value?.date?(e.openBlock(),e.createBlock(l,{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(Q[new Date(i.value.date).getUTCDay()])+" "+e.toDisplayString(q[new Date(i.value.date).getUTCMonth()])+" "+e.toDisplayString(new Date(i.value.date).getUTCDate())+", "+e.toDisplayString(new Date(i.value.date).getUTCFullYear()),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(k,null,{default:e.withCtx(()=>[e.createElementVNode("div",Oe,[e.createElementVNode("div",Ae,[e.createVNode(e.unref(B.Clock),{size:14}),e.createElementVNode("span",null,e.toDisplayString(i.value?.startTime)+" – "+e.toDisplayString(i.value?.endTime),1)]),i.value?.resource?(e.openBlock(),e.createElementBlock("div",qe,[e.createElementVNode("div",{class:"w-4 h-4 rounded-full",style:e.normalizeStyle({backgroundColor:i.value.resource.color||"#6b7280"})},null,4),e.createElementVNode("span",null,e.toDisplayString(i.value.resource.name),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",He,[e.createVNode(e.unref(B.Users),{size:14}),e.createElementVNode("span",null,e.toDisplayString(T.value.spots)+" spots in "+e.toDisplayString(T.value.bookings)+" reservations",1)])])]),_:1})]),_:1}),e.createElementVNode("div",Qe,[V.value.length>1?(e.openBlock(),e.createBlock(he,{key:0,"time-slots":V.value,"slot-stats":M.value,"selected-time-slot":p.value,"max-spots":S.value,onSelect:O,onClear:j,tabindex:"0"},null,8,["time-slots","slot-stats","selected-time-slot","max-spots"])):e.createCommentVNode("",!0),e.createVNode(Pe,{"agenda-data":u.agendaData,orders:n.value,"filtered-orders":C.value,"is-loading":v.value,"selected-time-slot":p.value,"search-query":D.value,"onUpdate:searchQuery":t[0]||(t[0]=r=>D.value=r),onRefresh:F},null,8,["agenda-data","orders","filtered-orders","is-loading","selected-time-slot","search-query"])]),e.createVNode(b,null,{default:e.withCtx(()=>[e.createVNode(z,{variant:"outline",onClick:t[1]||(t[1]=r=>s.value=!1)},{default:e.withCtx(()=>[...t[3]||(t[3]=[e.createTextVNode("Close",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["open"])}}}),Xe={class:"flex-1 border-r shadow-sm overflow-hidden min-h-[1536px]"},Ye={class:"relative h-full min-h-[1536px]"},Je={class:"divide-y divide-input/80 h-full flex flex-col min-h-[1536px] border-y border-input/80"},Ke={class:"absolute inset-0 pointer-events-none"},Ge={class:"relative mr-1 @md:mr-3 h-full ml-0.5 @md:ml-2"},Ze=["onClick"],et={key:0,class:"absolute bottom-0 left-0 right-0 h-1 bg-black/20"},tt={class:"flex items-start justify-between gap-2 mb-1"},ot={class:"font-semibold text-xs @md:text-sm leading-tight line-clamp-1 flex-1"},nt={class:"flex items-center gap-1 shrink-0"},at=["title"],rt={class:"font-medium"},J=e.defineComponent({__name:"EventTimeline",props:{agendaData:{},date:{},events:{},firstDay:{type:Boolean,default:!1},resources:{default:()=>[]}},setup(u){const x=u,g=e.ref(null),_=s=>{const[i,n]=s.split(":").map(Number);return i*60+n};e.computed(()=>!x.events||!x.resources?[]:x.resources.map(s=>{const n=x.events.filter(v=>v.resourceId===s.id).map(v=>{const p=_(v.startTime),V=_(v.endTime)-p,c=p/1440*100,M=V/1440*100,S=(v.bookings??0)>0,C=v.maxBookings?(v.bookings??0)/v.maxBookings*100:0;return{...v,top:`${c}%`,height:`${M}%`,color:v.resource?.color||"#3b82f6",hasBookings:S,fillPercentage:C,isSmall:V<60}});return{resource:s,events:n}}));const N=e.computed(()=>x.events?x.events.map(s=>{const i=_(s.startTime),v=_(s.endTime)-i,p=i/1440*100,D=v/1440*100,V=(s.bookings??0)>0,c=s.maxBookings?(s.bookings??0)/s.maxBookings*100:0;return{...s,top:`${p}%`,height:`${D}%`,color:s.resource?.color||"#3b82f6",hasBookings:V,fillPercentage:c,isSmall:v<60}}):[]),o=Array.from({length:24},(s,i)=>({hour:i,label:`${i.toString().padStart(2,"0")}:00`}));return(s,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",Xe,[e.createElementVNode("div",Ye,[e.createElementVNode("div",Je,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),n=>(e.openBlock(),e.createElementBlock("div",{key:n.hour,class:"flex-1 flex transition-all duration-200"},[...i[0]||(i[0]=[e.createElementVNode("div",{class:"flex-1 relative"},[e.createElementVNode("div",{class:"absolute top-1/2 left-0 right-0 border-t border-dashed border-input/50"})],-1)])]))),128))]),e.createElementVNode("div",Ke,[e.createElementVNode("div",Ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,n=>(e.openBlock(),e.createElementBlock("div",{key:n.id,style:e.normalizeStyle({top:n.top,height:n.height,opacity:n.hasBookings?"1":"0.5"}),class:"event-card absolute left-0.5 right-0.5 @md:left-2 @md:right-2 rounded-lg pointer-events-auto cursor-pointer group/event transition-all duration-200 hover:shadow-xl overflow-hidden",onClick:v=>g.value?.openDialog(n)},[e.createElementVNode("div",{style:e.normalizeStyle({backgroundColor:n.color}),class:"absolute inset-0 shadow-lg"},[n.maxBookings?(e.openBlock(),e.createElementBlock("div",et,[e.createElementVNode("div",{class:"h-full bg-white/40 transition-all duration-300",style:e.normalizeStyle({width:`${n.fillPercentage}%`})},null,4)])):e.createCommentVNode("",!0)],4),e.createElementVNode("div",{class:e.normalizeClass(["relative h-full p-1.5 @md:p-3 flex flex-col",`${n.hasBookings?"text-white":"text-gray-600 dark:text-gray-100"}`])},[e.createElementVNode("div",tt,[e.createElementVNode("h3",ot,e.toDisplayString(n.title),1),e.createElementVNode("div",nt,[n.resource?(e.openBlock(),e.createElementBlock("div",{key:0,class:"w-5 h-5 @md:w-6 @md:h-6 rounded-full flex items-center justify-center text-[10px] @md:text-xs font-bold bg-white/30 backdrop-blur-sm text-white border border-white/40",title:n.resource.name},e.toDisplayString(n.resource.avatarLabel||n.resource.name.charAt(0).toUpperCase()),9,at)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["flex items-center gap-0.5 @md:gap-1 px-1.5 @md:px-2 py-0.5 rounded-full text-[10px] @md:text-xs font-medium",n.hasBookings?"bg-white text-black backdrop-blur-sm":"bg-black/10 backdrop-blur-sm"])},[e.createVNode(e.unref(B.Users),{size:12}),e.createElementVNode("span",null,e.toDisplayString(n.bookings),1)],2)])]),e.createElementVNode("div",{class:e.normalizeClass(["flex items-center gap-1 @md:gap-2 text-[10px] @md:text-xs opacity-90 mt-auto",{"-translate-x-1 -translate-y-2 scale-80 origin-[0_0]":n.isSmall}])},[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center gap-1 px-1 @md:px-2 py-0.5 rounded backdrop-blur-sm",{"bg-black/10":!n.isSmall}])},[e.createVNode(e.unref(B.Clock),{size:10}),e.createElementVNode("span",rt,e.toDisplayString(n.startTime)+" – "+e.toDisplayString(n.endTime),1)],2)],2)],2),i[1]||(i[1]=e.createElementVNode("div",{class:"absolute inset-0 border-2 border-white/0 group-hover/event:border-white/30 rounded-lg transition-colors duration-200 pointer-events-none"},null,-1))],12,Ze))),128))])])])]),e.createVNode(We,{"agenda-data":u.agendaData,resources:u.resources,ref_key:"eventDialog",ref:g},null,8,["agenda-data","resources"])],64))}}),st={class:"sticky left-0 mt-auto z-10 divide-y divide-border/50 h-full flex flex-col min-h-[1536px] bg-input"},lt={class:"flex-shrink-0 text-[10px] @md:text-xs font-medium text-muted-foreground px-1.5 @md:px-3 pb-3 border-r border-border/50 w-10 @md:w-14"},it={class:"flex items-center gap-1.5"},K=e.defineComponent({__name:"Event24hSidebar",setup(u){const x=Array.from({length:24},(g,_)=>({hour:_,label:`${_.toString().padStart(2,"0")}:00`}));return(g,_)=>(e.openBlock(),e.createElementBlock("div",st,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(x),N=>(e.openBlock(),e.createElementBlock("div",{key:N.hour,class:"flex-1 flex transition-all duration-200"},[e.createElementVNode("div",lt,[e.createElementVNode("div",it,[e.createElementVNode("span",{class:e.normalizeClass({"-translate-y-1/2":N.hour!==0})},e.toDisplayString(N.label),3)])])]))),128))]))}}),ct={class:"absolute top-0 w-full pointer-events-none"},dt={key:0,class:"absolute -right-2 -top-0.5 px-2 py-0.5 bg-red-500 text-white text-xs font-medium rounded shadow-lg"},G=e.defineComponent({__name:"EventTimeIndicator",props:{currentDate:{type:Object,required:!1}},setup(u){const x=e.ref(Date.now());let g;e.onMounted(()=>{g=window.setInterval(()=>{x.value=Date.now()},1e3)}),e.onUnmounted(()=>{g&&clearInterval(g)});const _=e.computed(()=>{const o=new Date(x.value);return`${(o.getHours()*60+o.getMinutes()+o.getSeconds()/60)/1440*100}%`}),N=e.computed(()=>new Date(x.value).getFullYear()+"-"+(new Date(x.value).getMonth()+1).toString().padStart(2,"0")+"-"+new Date(x.value).getDate().toString().padStart(2,"0"));return(o,s)=>(e.openBlock(),e.createElementBlock("div",ct,[e.createElementVNode("div",{class:"absolute left-0 right-0 h-0.5 bg-red-500 z-30 pointer-events-none transition-[top] duration-300 ease-linear",style:e.normalizeStyle({top:_.value})},[s[0]||(s[0]=e.createElementVNode("div",{class:"absolute -left-2 -top-1.5 w-3 h-3 bg-red-500 rounded-full shadow-lg shadow-red-500/50"},null,-1)),u.currentDate&&u.currentDate==N.value?(e.openBlock(),e.createElementBlock("div",dt," Now ")):e.createCommentVNode("",!0)],4)]))}}),ut={key:0,class:"relative flex flex-1 min-w-0"},mt={key:1,class:"flex-1 min-w-0 relative min-h-[1616px] @md:min-h-[1658px]"},pt={key:0,class:"absolute top-0 right-0 z-10 px-3 py-1.5 bg-primary/90 text-primary-foreground text-xs font-medium rounded-bl-lg shadow-lg backdrop-blur-sm flex items-center gap-1.5 animate-pulse-subtle"},ft={class:"flex pb-4 min-w-[200px]"},vt=["onClick"],gt={key:0,class:"absolute top-2 right-2 flex items-center gap-1 px-2 py-0.5 bg-primary/20 backdrop-blur-sm rounded-full border border-primary/30"},ht={class:"text-xs text-muted-foreground font-medium group-hover:text-foreground/70 transition-colors"},xt={key:0,class:"absolute bottom-0 left-0 w-full h-1 bg-orange-500"},yt=e.defineComponent({__name:"EventView",props:{agendaData:{default:()=>({})}},setup(u){const x=e.inject("activeDate",e.ref(U.$ad063034c8620db8$export$d0bdf45af03a6ea3(U.$ad063034c8620db8$export$aa8b41735afcabd2()))),g=e.inject("viewMode",e.ref(1)),_=e.inject("events",e.ref([])),N=e.inject("resources",e.ref([])),o=e.ref(null),s=e.ref(!1),i=e.ref(!1);e.computed(()=>N.value.length>1);const n=e.computed(()=>{const t=[],l=x.value;for(let k=0;k<g.value;k++)t.push(l.add({days:k}));return t}),v=(t,l)=>{const k=`${t.year}-${String(t.month).padStart(2,"0")}-${String(t.day).padStart(2,"0")}`;return _.value?.filter(I=>I.date===k)||[]},p=t=>{const l=U.$ad063034c8620db8$export$d0bdf45af03a6ea3(U.$ad063034c8620db8$export$aa8b41735afcabd2());return t.year===l.year&&t.month===l.month&&t.day===l.day},D=t=>{x.value=t,g.value=1};let V=null,c=null;const M=()=>{o.value&&(C(),o.value.scrollBy({left:-300,behavior:"smooth"}),c=window.setTimeout(()=>{V=window.setInterval(()=>{o.value&&o.value.scrollBy({left:-20,behavior:"auto"})},50)},300))},S=()=>{o.value&&(C(),o.value.scrollBy({left:300,behavior:"smooth"}),c=window.setTimeout(()=>{V=window.setInterval(()=>{o.value&&o.value.scrollBy({left:20,behavior:"auto"})},50)},300))},C=()=>{c&&(clearTimeout(c),c=null),V&&(clearInterval(V),V=null)},T=()=>{if(!o.value)return;const{scrollLeft:t,scrollWidth:l,clientWidth:k}=o.value;s.value=t>10,i.value=t<l-k-10},O=t=>{o.value&&Math.abs(t.deltaY)>Math.abs(t.deltaX)&&(t.preventDefault(),o.value.scrollBy({left:t.deltaY,behavior:"auto"}))},j=e.ref(!1),A=e.ref(0),F=e.ref(0),Q=t=>{!o.value||g.value===1||t.target.closest(".event-card")||(j.value=!0,A.value=t.pageX,F.value=o.value.scrollLeft,o.value.style.userSelect="none",t.preventDefault())},q=t=>{if(!j.value||!o.value)return;const l=t.pageX,k=(A.value-l)*1.2;o.value.scrollLeft=F.value+k},m=()=>{o.value&&(j.value=!1,o.value.style.userSelect="")};return e.onMounted(()=>{o.value&&(o.value.addEventListener("scroll",T),o.value.addEventListener("wheel",O,{passive:!1}),e.nextTick(()=>{T(),setTimeout(T,50),setTimeout(T,150),setTimeout(T,300),setTimeout(T,500)})),document.addEventListener("mousemove",q),document.addEventListener("mouseup",m)}),e.onBeforeUnmount(()=>{document.removeEventListener("mousemove",q),document.removeEventListener("mouseup",m)}),e.watch(g,()=>{g.value>1?e.nextTick(()=>{setTimeout(()=>{if(!o.value)return;const{scrollWidth:t,clientWidth:l}=o.value;t>l&&(i.value=!0,s.value=!1)},100)}):o.value&&(o.value.style.cursor="")}),e.onUnmounted(()=>{C(),o.value&&(o.value.removeEventListener("scroll",T),o.value.removeEventListener("wheel",O))}),(t,l)=>{const k=e.resolveComponent("Button"),I=e.resolveComponent("TooltipTrigger"),z=e.resolveComponent("TooltipContent"),b=e.resolveComponent("Tooltip");return e.unref(g)===1?(e.openBlock(),e.createElementBlock("div",ut,[e.createVNode(K),e.createVNode(G,{class:"h-full","current-date":e.unref(x)},null,8,["current-date"]),e.createVNode(J,{"agenda-data":u.agendaData,date:e.unref(x),events:v(e.unref(x)),resources:e.unref(N)},null,8,["agenda-data","date","events","resources"])])):(e.openBlock(),e.createElementBlock("div",mt,[e.unref(g)===7?(e.openBlock(),e.createElementBlock("div",pt,[e.createVNode(e.unref(B.ChevronLeft),{size:12}),l[0]||(l[0]=e.createElementVNode("span",null,"Scroll to view all days",-1)),e.createVNode(e.unref(B.ChevronRight),{size:12})])):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createBlock(k,{key:1,variant:"outline",size:"icon",onMousedown:M,onMouseup:C,onMouseleave:C,onTouchstart:M,onTouchend:C,class:"sticky top-1/2 left-2 -translate-y-1/2 z-40 h-10 w-10 rounded-full shadow-lg bg-background/95 backdrop-blur-sm hover:bg-background border-2"},{default:e.withCtx(()=>[e.createVNode(e.unref(B.ChevronLeft),{size:20})]),_:1})):e.createCommentVNode("",!0),i.value?(e.openBlock(),e.createBlock(k,{key:2,variant:"outline",size:"icon",onMousedown:S,onMouseup:C,onMouseleave:C,onTouchstart:S,onTouchend:C,class:"sticky top-1/2 right-2 -translate-y-1/2 z-40 h-10 w-10 rounded-full shadow-lg bg-background/95 backdrop-blur-sm hover:bg-background border-2 float-right"},{default:e.withCtx(()=>[e.createVNode(e.unref(B.ChevronRight),{size:20})]),_:1})):e.createCommentVNode("",!0),e.createVNode(G,{class:"h-[calc(100%-122px)] mt-[80px] @md:h-[calc(100%-164px)] @md:mt-[122px]"}),e.createElementVNode("div",{class:e.normalizeClass(["absolute right-0 top-0 bottom-0 w-8 bg-gradient-to-l from-background to-transparent z-10 pointer-events-none transition-opacity duration-300",i.value?"opacity-100":"opacity-0"])},null,2),e.createElementVNode("div",{ref_key:"scrollContainer",ref:o,class:"absolute inset-0 overflow-x-auto overflow-y-hidden",onScroll:T,onMousedown:Q},[e.createElementVNode("div",ft,[e.createVNode(K),l[5]||(l[5]=e.createElementVNode("div",{class:"absolute w-10 @md:w-14 h-[125px] bg-input"},null,-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,(h,y)=>(e.openBlock(),e.createElementBlock("div",{key:h.toString(),class:e.normalizeClass(["flex-shrink-0",{"min-w-[200px] w-[33.33%]":e.unref(g)===3,"min-w-[280px]":e.unref(g)===7}])},[e.createElementVNode("div",{onClick:r=>D(h),class:e.normalizeClass(["relative p-3 border cursor-pointer transition-all duration-200 group relative",p(h)?"bg-gradient-to-br from-primary/10 to-primary/5 border-primary/30 hover:from-primary/20 hover:to-primary/10 hover:border-primary/50 hover:shadow-md":"bg-gradient-to-br from-muted/50 to-muted/30 border-border hover:from-accent/50 hover:to-accent/30 hover:border-accent-foreground/20 hover:shadow-md"])},[p(h)?(e.openBlock(),e.createElementBlock("div",gt,[...l[1]||(l[1]=[e.createElementVNode("div",{class:"w-1.5 h-1.5 bg-primary rounded-full animate-pulse"},null,-1),e.createElementVNode("span",{class:"text-[9px] font-bold text-primary uppercase tracking-wide"},"Today",-1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["text-xs font-semibold uppercase tracking-wider transition-colors",p(h)?"text-primary group-hover:text-primary/80":"text-muted-foreground group-hover:text-foreground"])},e.toDisplayString(new Date(h.year,h.month-1,h.day).toLocaleDateString("en-US",{weekday:"short"})),3),e.createElementVNode("div",{class:e.normalizeClass(["text-2xl font-bold transition-colors",p(h)?"text-foreground":"text-foreground group-hover:text-primary"])},e.toDisplayString(h.day),3),e.createElementVNode("div",ht,e.toDisplayString(new Date(h.year,h.month-1,h.day).toLocaleDateString("en-US",{month:"long",year:"numeric"})),1),l[4]||(l[4]=e.createElementVNode("div",{class:"mt-2 pt-2 border-t border-border/0 group-hover:border-border/50 transition-all"},[e.createElementVNode("div",{class:"text-[10px] text-muted-foreground/0 group-hover:text-muted-foreground/100 uppercase tracking-wide transition-all"}," Click to view ")],-1)),e.createVNode(b,null,{default:e.withCtx(()=>[e.createVNode(I,{"as-child":""},{default:e.withCtx(()=>[v(h).filter(r=>r.isException).length>0?(e.openBlock(),e.createBlock(e.unref(B.Asterisk),{key:0,class:"absolute top-3 right-3 size-4 text-orange-500"})):e.createCommentVNode("",!0)]),_:2},1024),e.createVNode(z,null,{default:e.withCtx(()=>[...l[2]||(l[2]=[e.createElementVNode("p",null," This day has exceptions applied to it. ",-1)])]),_:1})]),_:2},1024),e.createVNode(b,null,{default:e.withCtx(()=>[e.createVNode(I,{"as-child":""},{default:e.withCtx(()=>[v(h).filter(r=>r.isException).length>0?(e.openBlock(),e.createElementBlock("div",xt)):e.createCommentVNode("",!0)]),_:2},1024),e.createVNode(z,null,{default:e.withCtx(()=>[...l[3]||(l[3]=[e.createElementVNode("p",null," This day has exceptions applied to it. ",-1)])]),_:1})]),_:2},1024)],10,vt),e.createVNode(J,{date:h,events:v(h),resources:e.unref(N)},null,8,["date","events","resources"])],2))),128))])],544)]))}}}),kt=ne._export_sfc(yt,[["__scopeId","data-v-9bd6eb36"]]),bt={class:"flex items-center justify-between @sm:justify-start gap-4"},_t={class:"flex flex-col"},Nt={class:"flex items-center gap-2"},Et={class:"text-lg @sm:text-2xl font-bold tracking-tight truncate"},Vt={class:"text-xs @sm:text-sm text-muted-foreground ml-7 truncate"},wt={class:"flex @sm:items-center justify-between flex-col @sm:flex-row @5xl:justify-end gap-2"},St={class:"flex items-center gap-1 @5xl:mr-2"},Ct={key:0,class:"flex items-center gap-2 px-1 overflow-x-auto pb-2 -mx-1 scrollbar-hide"},Bt=["onClick"],Dt={class:"flex gap-2 @md:gap-4"},$t={class:"hidden @md:flex flex-shrink-0 flex-col gap-4"},Tt={key:0,class:"rounded-md border p-3"},zt={class:"space-y-1"},Mt=["onClick"],It={class:"min-w-0 flex-1"},Lt={class:"text-sm font-medium truncate"},Rt={key:0,class:"pt-2 mt-2 border-t"},jt={key:0,class:"mt-1 space-y-1"},Ut={class:"min-w-0 flex-1"},Ft={class:"text-sm font-medium truncate text-muted-foreground"},Pt=e.defineComponent({__name:"agenda",setup(u){const{hasPermission:x}=P.useModulePermissions(),{params:g}=P.useModuleRoute(),{config:_}=P.useModule(),N=P.useFirebaseIntegration(_.project),o=e.ref(U.$ad063034c8620db8$export$d0bdf45af03a6ea3(U.$ad063034c8620db8$export$aa8b41735afcabd2())),s=e.ref(1),i=e.useTemplateRef("container"),{width:n}=re.useElementSize(i),v=e.computed(()=>n.value<640);e.watch(v,r=>{r&&s.value!==1&&(s.value=1)},{immediate:!0});const p=e.ref(null),D=e.ref(new Map),V=e.computed(()=>p.value?.resources||[]),c=e.computed(()=>V.value.filter(r=>r.isActive)),M=e.computed(()=>V.value.filter(r=>!r.isActive)),S=e.ref(null),C=e.ref(!1);e.watch(c,r=>{r.length>0&&!S.value&&(S.value=r[0].id)},{immediate:!0});const T=e.computed(()=>{if(!S.value)return c.value.length>0?[c.value[0]]:[];const r=c.value.find(d=>d.id===S.value);return r?[r]:c.value.length>0?[c.value[0]]:[]}),O=e.computed(()=>p.value?.pricingOptions?.find(d=>d.isDefault)?.duration||30),j=r=>{S.value=r};e.watch(o,()=>{h()});const A=e.computed(()=>{const r=o.value,d=new Date(r.year,r.month-1,r.day),E=d.toLocaleDateString("en-US",{weekday:"long"}).toUpperCase(),f=r.day,w=d.toLocaleDateString("en-US",{month:"short"}).toUpperCase();return{dayName:E,day:f,monthName:w,full:`${E} ${f} ${w}`}}),F=()=>{o.value=o.value.subtract({days:s.value})},Q=()=>{o.value=o.value.add({days:s.value})},q=()=>{o.value=U.$ad063034c8620db8$export$d0bdf45af03a6ea3(U.$ad063034c8620db8$export$aa8b41735afcabd2())},m=r=>{const[d,E]=r.split(":").map(Number);return d*60+E},t=(r,d)=>(p.value?.exceptions||[]).find(f=>d>=f.startDate&&d<=f.endDate?f.resourceIds===null?!0:f.resourceIds?.includes(r):!1)||null,l=(r,d,E)=>{const f=t(r.id,E);if(f)return f.isClosed?[]:f.timeslots.map(a=>({startTime:a.startTime,endTime:a.endTime,isException:!0}));const w=d.getDay(),$=r.openingHours?.[w]||[];return $.length===0?[]:$.map(a=>({startTime:a.start,endTime:a.end,isException:!1}))},k=(r,d,E,f)=>{if(!p.value)return 0;const w=D.value.get(d);return w?w.filter(a=>a.resourceId===r).reduce((a,L)=>{const R=m(L.startTime),H=m(L.endTime),W=m(E),X=m(f);return R<X&&H>W?a+(L.reserved||0):a},0):0},I=e.computed(()=>{if(!p.value)return[];D.value.size;let r=[],d=[];for(let f=0;f<s.value;f++){const w=o.value.add({days:f});d.push(w)}const E=T.value.length>0?T.value:[];return E.length===0?[]:(d.forEach(f=>{let w=new Date(f.year,f.month-1,f.day);const $=`${f.year}-${String(f.month).padStart(2,"0")}-${String(f.day).padStart(2,"0")}`;E.forEach(a=>{const L=l(a,w,$);r=r.concat(L.map((R,H)=>{const W=k(a.id,$,R.startTime,R.endTime);return{id:`block-${$}-${a.id}-${H}`,title:p.value.serviceName,date:$,startTime:R.startTime,endTime:R.endTime,theme:a.color||"#3b82f6",bookings:W,maxBookings:a.capacity,isException:R.isException||!1,resourceId:a.id,resource:a,interval:a.interval||30,serviceDuration:O.value}}))})}),r)});let z=null;const b=async()=>{z||(z=N.get(_.agendaCollection,g.value.id).then(r=>{p.value=r}).finally(()=>{z=null})),await z},h=async()=>{if(p.value||await b(),!p.value)return;const r=g.value.id,d=o.value;D.value.clear();const E=[];for(let f=0;f<s.value;f++){const w=d.add({days:f}),$=`${w.year}-${String(w.month).padStart(2,"0")}-${String(w.day).padStart(2,"0")}`,a=`${r}_${$}`;E.push(N.get(_.reservedSpotsCollection,a).then(L=>{if(L){const R=[];for(const H of c.value){const W=L?.[H.id]||{};Object.entries(W).forEach(([X,Z])=>{const[ee,te]=X.split("-");R.push({resourceId:H.id,startTime:ee,endTime:te,reserved:Z})})}D.value.set($,R)}}).catch(()=>{}))}await Promise.all(E)};return(async()=>(await b(),await h()))(),e.watch(s,()=>{h()}),e.provide("agendaData",p),e.provide("activeDate",o),e.provide("viewMode",s),e.provide("events",I),e.provide("resources",T),e.provide("allResources",c),(r,d)=>{const E=e.resolveComponent("Button"),f=e.resolveComponent("SegmentedControlButton"),w=e.resolveComponent("SegmentedControl"),$=e.resolveComponent("Calendar");return e.openBlock(),e.createBlock(oe._sfc_main,null,{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"container",ref:i,class:"flex flex-col gap-2 @md:gap-4 w-full"},[e.createElementVNode("div",{class:e.normalizeClass(["flex flex-col @5xl:flex-row @5xl:items-center @5xl:justify-between gap-3 px-1",(v.value,"")])},[e.createElementVNode("div",bt,[e.createElementVNode("div",_t,[e.createElementVNode("div",Nt,[e.createVNode(e.unref(B.CalendarDays),{size:20,class:"text-primary flex-shrink-0"}),e.createElementVNode("h2",Et,e.toDisplayString(A.value.full),1)]),e.createElementVNode("p",Vt,e.toDisplayString(p.value?.serviceName),1)])]),e.createElementVNode("div",wt,[e.createElementVNode("div",St,[e.createVNode(E,{variant:"outline",size:"icon",class:"size-8 @sm:size-9",onClick:F},{default:e.withCtx(()=>[e.createVNode(e.unref(B.ChevronLeft),{size:16})]),_:1}),e.createVNode(E,{variant:"outline",size:"sm",class:"h-8 @sm:h-9 px-2 @sm:px-3 text-xs @sm:text-sm",onClick:q},{default:e.withCtx(()=>[...d[3]||(d[3]=[e.createTextVNode(" Today ",-1)])]),_:1}),e.createVNode(E,{variant:"outline",size:"icon",class:"size-8 @sm:size-9",onClick:Q},{default:e.withCtx(()=>[e.createVNode(e.unref(B.ChevronRight),{size:16})]),_:1})]),v.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w,{key:0,modelValue:s.value,"onUpdate:modelValue":d[0]||(d[0]=a=>s.value=a)},{default:e.withCtx(()=>[e.createVNode(f,{value:1},{default:e.withCtx(()=>[...d[4]||(d[4]=[e.createElementVNode("span",{class:"whitespace-nowrap"},"1 Day",-1)])]),_:1}),e.createVNode(f,{value:3},{default:e.withCtx(()=>[...d[5]||(d[5]=[e.createElementVNode("span",{class:"whitespace-nowrap"},"3 Days",-1)])]),_:1}),e.createVNode(f,{value:7},{default:e.withCtx(()=>[...d[6]||(d[6]=[e.createElementVNode("span",{class:"whitespace-nowrap"},"7 Days",-1)])]),_:1})]),_:1},8,["modelValue"])),e.unref(x)("manage-reservations")?(e.openBlock(),e.createBlock(ae._sfc_main,{key:1,"agenda-data":p.value},null,8,["agenda-data"])):e.createCommentVNode("",!0)])],2),v.value&&c.value.length>0?(e.openBlock(),e.createElementBlock("div",Ct,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,a=>(e.openBlock(),e.createElementBlock("button",{key:a.id,class:e.normalizeClass(["flex items-center gap-2 px-3 py-1.5 rounded-full border text-sm whitespace-nowrap transition-colors flex-shrink-0",{"bg-primary text-primary-foreground border-primary":S.value===a.id,"bg-background hover:bg-muted":S.value!==a.id}]),onClick:L=>j(a.id)},[e.createElementVNode("div",{class:"size-5 rounded-full flex items-center justify-center text-white text-[10px] font-medium",style:e.normalizeStyle({backgroundColor:S.value===a.id?"rgba(255,255,255,0.3)":a.color||"#6b7280"})},e.toDisplayString(a.avatarLabel||a.name.charAt(0).toUpperCase()),5),e.createElementVNode("span",null,e.toDisplayString(a.name),1)],10,Bt))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",Dt,[e.createElementVNode("div",$t,[e.createVNode($,{modelValue:o.value,"onUpdate:modelValue":d[1]||(d[1]=a=>o.value=a),"weekday-format":"short",class:"rounded-md border"},null,8,["modelValue"]),V.value.length>0?(e.openBlock(),e.createElementBlock("div",Tt,[d[7]||(d[7]=e.createElementVNode("div",{class:"flex items-center justify-between mb-3"},[e.createElementVNode("span",{class:"text-sm font-medium"},"Resources")],-1)),e.createElementVNode("div",zt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,a=>(e.openBlock(),e.createElementBlock("div",{key:a.id,class:e.normalizeClass(["flex items-center gap-2 p-2 rounded-md hover:bg-muted cursor-pointer transition-colors",{"bg-muted ring-2 ring-primary/20":S.value===a.id,"opacity-50":S.value&&S.value!==a.id}]),onClick:L=>j(a.id)},[e.createElementVNode("div",{class:"size-7 rounded-full flex items-center justify-center text-white text-xs font-medium flex-shrink-0",style:e.normalizeStyle({backgroundColor:a.color||"#6b7280"})},e.toDisplayString(a.avatarLabel||a.name.charAt(0).toUpperCase()),5),e.createElementVNode("div",It,[e.createElementVNode("div",Lt,e.toDisplayString(a.name),1)]),e.createElementVNode("div",{class:e.normalizeClass(["size-2 rounded-full flex-shrink-0",S.value===a.id?"bg-primary":"bg-muted-foreground/30"])},null,2)],10,Mt))),128)),M.value.length>0?(e.openBlock(),e.createElementBlock("div",Rt,[e.createElementVNode("button",{class:"flex items-center gap-2 text-xs text-muted-foreground hover:text-foreground w-full py-1 transition-colors",onClick:d[2]||(d[2]=a=>C.value=!C.value)},[e.createVNode(e.unref(B.ChevronRight),{size:14,class:e.normalizeClass(["transition-transform",{"rotate-90":C.value}])},null,8,["class"]),e.createElementVNode("span",null,"Inactive ("+e.toDisplayString(M.value.length)+")",1)]),C.value?(e.openBlock(),e.createElementBlock("div",jt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,a=>(e.openBlock(),e.createElementBlock("div",{key:a.id,class:"flex items-center gap-2 p-2 rounded-md opacity-50"},[e.createElementVNode("div",{class:"size-7 rounded-full flex items-center justify-center text-white text-xs font-medium flex-shrink-0 grayscale",style:e.normalizeStyle({backgroundColor:a.color||"#6b7280"})},e.toDisplayString(a.avatarLabel||a.name.charAt(0).toUpperCase()),5),e.createElementVNode("div",Ut,[e.createElementVNode("div",Ft,e.toDisplayString(a.name),1)])]))),128))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]),e.createVNode(kt,{"agenda-data":p.value},null,8,["agenda-data"])])],512)]),_:1})}}});exports.default=Pt;