@gspa/ui 0.1.3 → 0.1.4

package/dist/components/DropdownItem.js

@@ -0,0 +1,60 @@
+import { computed as u, createBlock as i, openBlock as a, resolveDynamicComponent as m, normalizeClass as f, withCtx as h, createCommentVNode as o, renderSlot as v, createElementBlock as g, toDisplayString as x } from "vue";
+import { cva as b } from "class-variance-authority";
+import { cn as k } from "../utils/cn.js";
+import p from "./Icon.js";
+const y = {
+  key: 1,
+  class: "ml-auto text-xs tracking-widest opacity-60"
+}, V = {
+  __name: "DropdownItem",
+  props: {
+    href: String,
+    icon: String,
+    shortcut: String,
+    disabled: Boolean,
+    variant: {
+      type: String,
+      default: "default",
+      validator: (e) => ["default", "danger"].includes(e)
+    }
+  },
+  emits: ["click"],
+  setup(e, { emit: r }) {
+    const n = e, s = r, c = b(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-(--ui-surface) focus:text-(--ui-text) data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      {
+        variants: {
+          variant: {
+            default: "hover:bg-(--ui-surface) hover:text-(--ui-text)",
+            danger: "ui-danger hover:bg-(--ui-danger-soft) hover:text-(--ui-danger)"
+          }
+        }
+      }
+    ), l = u(
+      () => k(c({ variant: n.variant }))
+    ), d = (t) => {
+      n.disabled || s("click", t);
+    };
+    return (t, C) => (a(), i(m(e.href ? "a" : "button"), {
+      href: e.href,
+      class: f(l.value),
+      disabled: e.disabled,
+      role: "menuitem",
+      onClick: d
+    }, {
+      default: h(() => [
+        e.icon ? (a(), i(p, {
+          key: 0,
+          name: e.icon,
+          class: "mr-2 h-4 w-4"
+        }, null, 8, ["name"])) : o("", !0),
+        v(t.$slots, "default"),
+        e.shortcut ? (a(), g("span", y, x(e.shortcut), 1)) : o("", !0)
+      ]),
+      _: 3
+    }, 8, ["href", "class", "disabled"]));
+  }
+};
+export {
+  V as default
+};

package/dist/components/EventsCalendar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("./Icon.cjs"),C=require("./RightDrawer.cjs"),e=require("vue"),k=require("../_plugin-vue_export-helper-BHFhmbuH.cjs");function p(t){if(typeof t=="string"&&/^\d{4}-\d{2}-\d{2}$/.test(t))return t;if(t instanceof Date){const r=t.getFullYear(),l=String(t.getMonth()+1).padStart(2,"0"),i=String(t.getDate()).padStart(2,"0");return`${r}-${l}-${i}`}return null}function y(){return p(new Date)}function b(t){const r=t.getDay(),l=new Date(t);l.setDate(t.getDate()-r);const i=new Date(l);return i.setDate(l.getDate()+6),{startDate:l,endDate:i}}function E(t){const{startDate:r}=b(t),l=[];for(let i=0;i<7;i++){const o=new Date(r);o.setDate(r.getDate()+i),l.push(o)}return l}function f(t){const r=t.getFullYear(),l=t.getMonth(),i=new Date(r,l,1),o=new Date(r,l+1,0),n=i.getDay(),m=o.getDate(),u=[],s=y(),a=new Date(r,l,0).getDate();for(let d=n-1;d>=0;d--){const g=a-d,h=new Date(r,l-1,g),x=p(h);u.push({dayNumber:g,date:x,dateObj:h,isCurrentMonth:!1,isToday:x===s})}for(let d=1;d<=m;d++){const g=new Date(r,l,d),h=p(g);u.push({dayNumber:d,date:h,dateObj:g,isCurrentMonth:!0,isToday:h===s})}const c=42-u.length;for(let d=1;d<=c;d++){const g=new Date(r,l+1,d),h=p(g);u.push({dayNumber:d,date:h,dateObj:g,isCurrentMonth:!1,isToday:h===s})}return u}function B(t=0,r=23,l=60){const i=[];for(let o=t;o<=r;o++)for(let n=0;n<60;n+=l){const m=String(o).padStart(2,"0"),u=String(n).padStart(2,"0"),s=`${m}:${u}`,a=o===0?12:o>12?o-12:o,c=o<12?"AM":"PM",d=`${a}:${u} ${c}`;i.push({time:s,display:d})}return i}function D(t,r){const l=p(t),i=p(r);return l===i}function V(t,r="long"){return t.toLocaleDateString("en-US",{month:r})}function v(t){return t.getFullYear()}const N={name:"EventsCalendar",components:{Icon:w.default,RightDrawer:C.default},props:{events:{type:Array,default:()=>[]},size:{type:String,default:"compact",validator:t=>["xs","compact","default","large","full"].includes(t)},height:{type:String,default:"100%"},minHeight:{type:String,default:"420px"},maxHeight:{type:String,default:""},drawerSize:{type:String,default:"lg",validator:t=>["sm","md","lg","xl","full"].includes(t)},drawerTitle:{type:String,default:"Compliance Details"},drawerDetailFields:{type:Array,default:()=>[{label:"Date",path:"date",type:"date"},{label:"End Date",path:"end_date",type:"date"},{label:"Code",path:"details.code"},{label:"Company",path:"details.company_name"}]},drawerStatusMap:{type:Object,default:()=>({complied:{label:"Complied",class:"ui-success-soft ui-success"},pending:{label:"Pending",class:"ui-warning-soft ui-warning"}})},drawerAccentMap:{type:Object,default:()=>({complied:"bg-(--ui-success)",complete:"bg-(--ui-success)",partial:"bg-(--ui-info)",in_progress:"bg-(--ui-info)",pending:"bg-(--ui-warning)",overdue:"bg-(--ui-danger)",open:"bg-(--ui-danger)"})},showViewMoreDetails:{type:Boolean,default:!0},drawerDocumentActions:{type:Object,default:()=>({view:!0,download:!0,delete:!1})},drawerFieldGridCols:{type:[Number,String],default:1},drawerHeaderCardClass:{type:String,default:"rounded-xl border ui-border bg-(--ui-surface-muted) p-4"},drawerSectionCardClass:{type:String,default:"rounded-lg border ui-border bg-(--ui-surface) p-3"},drawerViewDetailsButtonClass:{type:String,default:"inline-flex items-center rounded-md bg-(--ui-primary) px-3 py-1.5 text-xs font-medium text-(--ui-text-inverse) hover:opacity-90 transition-opacity"},drawerEmptyDocumentsClass:{type:String,default:"text-sm ui-text-muted"}},emits:["select-date","select-event","close-event-details","view-more-details","document-view","document-download","document-delete"],data(){return{currentDate:new Date,selectedDate:null,viewMode:"month",selectedEvent:null,weekDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],weekDaysShort:["S","M","T","W","T","F","S"],timeSlots:B(0,23,60),monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"]}},computed:{containerStyles(){return{height:this.height||void 0,minHeight:this.minHeight||void 0,maxHeight:this.maxHeight||void 0}},sizePreset(){const t={xs:{rootTextClass:"text-[11px]",toolbarPaddingClass:"px-2.5 py-1.5",titleClass:"text-xs min-w-[100px]",controlButtonClass:"px-2 py-0.5 text-[10px]",iconButtonClass:"w-5 h-5",viewButtonClass:"px-2 py-0.5 text-[10px]",monthDayCellClass:"min-h-[52px]",sidebarWidthClass:"w-48"},compact:{rootTextClass:"text-xs",toolbarPaddingClass:"px-3 py-2",titleClass:"text-sm min-w-[120px]",controlButtonClass:"px-2 py-1 text-[11px]",iconButtonClass:"w-6 h-6",viewButtonClass:"px-2 py-0.5 text-[11px]",monthDayCellClass:"min-h-[42px]",sidebarWidthClass:"w-52"},default:{rootTextClass:"text-sm",toolbarPaddingClass:"px-4 py-2.5",titleClass:"text-base min-w-[150px]",controlButtonClass:"px-3 py-1.5 text-xs",iconButtonClass:"w-7 h-7",viewButtonClass:"px-3 py-1 text-xs",monthDayCellClass:"min-h-[82px]",sidebarWidthClass:"w-64"},large:{rootTextClass:"text-base",toolbarPaddingClass:"px-5 py-3",titleClass:"text-lg min-w-[180px]",controlButtonClass:"px-3.5 py-2 text-sm",iconButtonClass:"w-8 h-8",viewButtonClass:"px-3.5 py-1.5 text-sm",monthDayCellClass:"min-h-[96px]",sidebarWidthClass:"w-72"},full:{rootTextClass:"text-base",toolbarPaddingClass:"px-5 py-3",titleClass:"text-lg min-w-[180px]",controlButtonClass:"px-3.5 py-2 text-sm",iconButtonClass:"w-8 h-8",viewButtonClass:"px-3.5 py-1.5 text-sm",monthDayCellClass:"min-h-[104px]",sidebarWidthClass:"w-80"}};return t[this.size]||t.default},isDrawerOpen:{get(){return!!this.selectedEvent},set(t){t||this.closeEvent()}},displayTitle(){if(this.viewMode==="year")return v(this.currentDate);if(this.viewMode==="day")return this.formatConsistentDate(this.currentDate);if(this.viewMode==="week"){const{startDate:t,endDate:r}=b(this.currentDate);return`${this.formatConsistentDate(t)} - ${this.formatConsistentDate(r)}`}else return`${V(this.currentDate)} ${v(this.currentDate)}`},calendarDays(){return f(this.currentDate).map(r=>({...r,events:this.getEventsForDate(r.date)}))},visibleCalendarDays(){return this.calendarDays.length<7?this.calendarDays:this.calendarDays.slice(-7).every(l=>!l.isCurrentMonth)?this.calendarDays.slice(0,-7):this.calendarDays},weekViewDays(){return E(this.currentDate).map(r=>{const l=p(r);return{dateObj:r,date:l,dayNumber:r.getDate(),dayName:this.weekDays[r.getDay()],isToday:D(r,y()),events:this.getEventsForDate(l)}})},dayViewDate(){const t=p(this.currentDate);return{dateObj:this.currentDate,date:t,dayNumber:this.currentDate.getDate(),dayName:this.weekDays[this.currentDate.getDay()],isToday:D(this.currentDate,y()),events:this.getEventsForDate(t)}},yearViewMonths(){const t=this.currentDate.getFullYear();return this.monthNames.map((r,l)=>{const i=new Date(t,l,1),o=f(i);return{name:r,index:l,days:o.map(n=>({...n,events:this.getEventsForDate(n.date)}))}})},drawerFieldGridClass(){const t=Math.max(1,Math.min(Number(this.drawerFieldGridCols)||1,3));return t===1?"grid-cols-1":t===2?"grid-cols-1 md:grid-cols-2":"grid-cols-1 md:grid-cols-2 xl:grid-cols-3"}},methods:{formatConsistentDate(t){if(!t)return"";let r;if(t instanceof Date)r=t;else if(typeof t=="string"&&/^\d{4}-\d{2}-\d{2}$/.test(t)){const[o,n,m]=t.split("-").map(Number);r=new Date(o,n-1,m)}else r=new Date(t);if(Number.isNaN(r.getTime()))return String(t);const l=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];return`${String(r.getDate()).padStart(2,"0")}-${l[r.getMonth()]}-${r.getFullYear()}`},getNestedValue(t,r){return!t||!r?null:String(r).split(".").reduce((l,i)=>l==null?null:l[i],t)},getDrawerFieldValue(t){if(!this.selectedEvent||!t)return null;if(Array.isArray(t.paths)){for(const r of t.paths){const l=this.getNestedValue(this.selectedEvent,r);if(l!=null&&l!=="")return l}return null}return this.getNestedValue(this.selectedEvent,t.path)},formatDrawerFieldValue(t,r){return r==null||r===""?"-":t?.type==="date"?this.formatConsistentDate(r):r},shouldShowDrawerField(t){if(!this.selectedEvent)return!1;const r=this.getDrawerFieldValue(t);return t?.showWhenEmpty?!0:r!=null&&r!==""},getDrawerFieldColSpanClass(t){const r=Math.max(1,Math.min(Number(this.drawerFieldGridCols)||1,3)),l=Number(t?.colSpan||1),i=Math.max(1,Math.min(l,r));return r===1||i===1?"col-span-1":r===2?i===2?"md:col-span-2":"md:col-span-1":i===3?"xl:col-span-3":i===2?"md:col-span-2 xl:col-span-2":"md:col-span-1 xl:col-span-1"},getDrawerStatus(t){const r=String(t||"pending").toLowerCase();return this.drawerStatusMap[r]?this.drawerStatusMap[r]:{label:r.split(/[_\s-]+/).filter(Boolean).map(l=>l.charAt(0).toUpperCase()+l.slice(1)).join(" ")||"Pending",class:"ui-surface-soft ui-text-muted"}},getDrawerAccentClass(t){const r=String(t?.status||"pending").toLowerCase();return this.drawerAccentMap[r]?this.drawerAccentMap[r]:this.getColorStripClass(t?.color)},getSelectedEventDetails(){return this.selectedEvent?this.selectedEvent.details||this.selectedEvent.related_record||this.selectedEvent.relatedRecord||this.selectedEvent.compliance||{}:{}},getSelectedEventDocuments(){const t=this.getSelectedEventDetails(),r=this.selectedEvent?.module_data||this.selectedEvent?.moduleData||{},l=this.selectedEvent?.related_record||this.selectedEvent?.relatedRecord||{};return Array.isArray(t.documents)?t.documents:Array.isArray(t.compliance_documents)?t.compliance_documents:Array.isArray(l.compliance_documents)?l.compliance_documents:Array.isArray(r.documents)?r.documents:[]},getSelectedEventDocumentsCount(){const t=this.getSelectedEventDetails(),r=this.selectedEvent?.related_record||this.selectedEvent?.relatedRecord||{};return t.documents_count!=null?t.documents_count:r.documents_count!=null?r.documents_count:this.getSelectedEventDocuments().length},formatFileSize(t){const r=Number(t);if(!Number.isFinite(r)||r<=0)return"0 Bytes";const l=["Bytes","KB","MB","GB"],i=Math.min(Math.floor(Math.log(r)/Math.log(1024)),l.length-1);return`${(r/Math.pow(1024,i)).toFixed(2)} ${l[i]}`},getEventsForDate(t){return this.events.filter(r=>r.date===t)},previousPeriod(){this.viewMode==="year"?this.currentDate=new Date(this.currentDate.getFullYear()-1,0,1):this.viewMode==="day"?this.currentDate=new Date(this.currentDate.getFullYear(),this.currentDate.getMonth(),this.currentDate.getDate()-1):this.viewMode==="week"?this.currentDate=new Date(this.currentDate.getFullYear(),this.currentDate.getMonth(),this.currentDate.getDate()-7):this.currentDate=new Date(this.currentDate.getFullYear(),this.currentDate.getMonth()-1,1)},nextPeriod(){this.viewMode==="year"?this.currentDate=new Date(this.currentDate.getFullYear()+1,0,1):this.viewMode==="day"?this.currentDate=new Date(this.currentDate.getFullYear(),this.currentDate.getMonth(),this.currentDate.getDate()+1):this.viewMode==="week"?this.currentDate=new Date(this.currentDate.getFullYear(),this.currentDate.getMonth(),this.currentDate.getDate()+7):this.currentDate=new Date(this.currentDate.getFullYear(),this.currentDate.getMonth()+1,1)},goToToday(){this.currentDate=new Date,this.selectedDate=y(),this.$emit("select-date",{date:this.selectedDate,events:this.getEventsForDate(this.selectedDate)})},selectDay(t){this.selectedDate=t.date;const[r,l,i]=t.date.split("-").map(Number);this.currentDate=new Date(r,l-1,i),this.selectedEvent=t.events.length===1?t.events[0]:null,this.$emit("select-date",{date:t.date,events:t.events})},getVisibleMonthEvents(t){return this.selectedDate===t.date?t.events:t.events.slice(0,2)},selectEvent(t,r){this.selectedEvent=t,this.selectedDate=r.date;const[l,i,o]=r.date.split("-").map(Number);this.currentDate=new Date(l,i-1,o),this.$emit("select-event",t)},closeEvent(){this.selectedEvent=null,this.$emit("close-event-details")},handleViewMoreDetails(){this.selectedEvent&&this.$emit("view-more-details",this.selectedEvent)},handleDocumentView(t){t&&this.$emit("document-view",{doc:t,event:this.selectedEvent})},handleDocumentDownload(t){t&&this.$emit("document-download",{doc:t,event:this.selectedEvent})},handleDocumentDelete(t){t&&this.$emit("document-delete",{doc:t,event:this.selectedEvent})},getEventColorClass(t){return{blue:"bg-(--ui-primary-soft) text-(--ui-primary-strong) border-l-2 border-(--ui-primary)",red:"bg-(--ui-danger-soft) text-(--ui-danger-strong) border-l-2 border-(--ui-danger)",green:"bg-(--ui-success-soft) text-(--ui-success-strong) border-l-2 border-(--ui-success)",purple:"bg-(--ui-accent-soft) text-(--ui-accent-strong) border-l-2 border-(--ui-accent)",orange:"bg-(--ui-warning-soft) text-(--ui-warning-strong) border-l-2 border-(--ui-warning)"}[t]||"ui-surface-soft ui-text-muted border-l-2 border-(--ui-border-strong)"},getColorStripClass(t){return{blue:"bg-(--ui-primary)",red:"bg-(--ui-danger)",green:"bg-(--ui-success)",purple:"bg-(--ui-accent)",orange:"bg-(--ui-warning)"}[t]||"bg-(--ui-border-strong)"},getEventsAtTime(t,r){return t.filter(l=>{if(!l.time||!/^\d{1,2}:\d{2}/.test(l.time))return!1;const i=l.time.split(":")[0].padStart(2,"0");return r.time.startsWith(i)})},getAllDayEvents(t){return t.filter(r=>r.time?!/^\d{1,2}:\d{2}/.test(r.time):!0)},selectMonthFromYear(t){this.currentDate=new Date(this.currentDate.getFullYear(),t,1),this.viewMode="month"}}},S={class:"flex items-center gap-2"},_={class:"flex"},M={class:"flex gap-0.5 ui-surface-muted rounded-lg p-0.5"},F=["onClick"],z={class:"flex flex-1 overflow-hidden"},T={class:"flex flex-col flex-1 overflow-hidden min-w-0"},A={key:0,class:"flex-1 overflow-y-auto p-4"},P={class:"grid grid-cols-3 gap-4"},L=["onClick"],O={class:"px-3 py-2 bg-(--ui-surface-muted) border-b ui-border"},j={class:"text-xs font-semibold ui-text"},Y={class:"p-2 ui-surface"},W={class:"grid grid-cols-7 mb-1"},I={class:"grid grid-cols-7 gap-px"},H={key:0,class:"absolute bottom-px left-1/2 -translate-x-1/2 w-1 h-1 rounded-full bg-(--ui-primary)"},R={class:"grid grid-cols-7 border-b ui-border shrink-0 ui-surface"},G={class:"grid grid-cols-7 flex-1 overflow-y-auto border-l border-t ui-border"},J=["onClick"],q={class:"flex flex-col gap-0.5"},U=["onClick"],K=["onClick"],Q={class:"grid border-b ui-border shrink-0 ui-surface",style:{"grid-template-columns":"52px repeat(7, 1fr)"}},X={class:"text-[10px] font-semibold ui-text-soft uppercase tracking-wider"},Z={class:"grid border-b ui-border bg-(--ui-surface-muted) shrink-0",style:{"grid-template-columns":"52px repeat(7, 1fr)"}},$=["onClick"],ee={class:"flex-1 overflow-y-auto"},te={class:"grid",style:{"grid-template-columns":"52px repeat(7, 1fr)"}},re={class:"h-14 border-b border-r border-(--ui-border) px-1.5 pt-1 text-[10px] ui-text-soft text-right leading-none"},se=["onClick"],ne={class:"font-semibold opacity-70 mr-1"},le={class:"text-xs font-semibold uppercase tracking-wider ui-text-soft"},ae={key:0,class:"flex border-b ui-border bg-(--ui-surface-muted) shrink-0"},oe={class:"flex-1 p-1 flex flex-col gap-0.5"},ie=["onClick"],ce={class:"flex-1 overflow-y-auto"},de={class:"grid",style:{"grid-template-columns":"52px 1fr"}},ue={class:"h-14 border-b border-r border-(--ui-border) px-1.5 pt-1 text-[10px] ui-text-soft text-right leading-none"},me=["onClick"],ge={class:"font-semibold mr-1"},he={key:0,class:"text-[10px] opacity-75 mt-0.5 truncate"},pe={key:0,class:"h-full overflow-y-auto p-4 space-y-4"},ye={class:"mt-2 flex items-start justify-between gap-3"},xe={class:"text-lg font-bold leading-tight ui-text wrap-break-word"},fe={key:0,class:"mt-3"},De={class:"mt-1 text-sm ui-text leading-relaxed"},ve={class:"mt-1 text-sm ui-text"},be={class:"mb-2 flex items-center justify-between"},we={class:"text-xs ui-text-muted"},Ce={key:1,class:"space-y-2"},ke={class:"truncate text-sm font-semibold ui-text"},Ee={class:"text-xs ui-text-muted"},Be={class:"mt-2 flex gap-2"},Ve=["onClick"],Ne=["onClick"],Se=["onClick"];function _e(t,r,l,i,o,n){const m=e.resolveComponent("Icon"),u=e.resolveComponent("RightDrawer");return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(n.containerStyles),class:e.normalizeClass(["flex flex-col h-full ui-surface border ui-border rounded-xl overflow-hidden shadow-sm",n.sizePreset.rootTextClass])},[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center justify-between border-b ui-border ui-surface shrink-0",n.sizePreset.toolbarPaddingClass])},[e.createElementVNode("div",S,[e.createElementVNode("button",{class:e.normalizeClass(["font-medium border ui-border-strong rounded-md ui-text hover:bg-(--ui-surface-muted) transition-colors",n.sizePreset.controlButtonClass]),onClick:r[0]||(r[0]=(...s)=>n.goToToday&&n.goToToday(...s))}," Today ",2),e.createElementVNode("div",_,[e.createElementVNode("button",{class:e.normalizeClass(["flex items-center justify-center rounded-md ui-text-muted hover:bg-(--ui-surface-soft) transition-colors",n.sizePreset.iconButtonClass]),onClick:r[1]||(r[1]=(...s)=>n.previousPeriod&&n.previousPeriod(...s))},[e.createVNode(m,{icon:"chevron-left",class:"w-4 h-4"})],2),e.createElementVNode("button",{class:e.normalizeClass(["flex items-center justify-center rounded-md ui-text-muted hover:bg-(--ui-surface-soft) transition-colors",n.sizePreset.iconButtonClass]),onClick:r[2]||(r[2]=(...s)=>n.nextPeriod&&n.nextPeriod(...s))},[e.createVNode(m,{icon:"chevron-right",class:"w-4 h-4"})],2)]),e.createElementVNode("h2",{class:e.normalizeClass(["font-semibold ui-text",n.sizePreset.titleClass])},e.toDisplayString(n.displayTitle),3)]),e.createElementVNode("div",M,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(["year","month","week","day"],s=>e.createElementVNode("button",{key:s,class:e.normalizeClass(["font-medium rounded-md transition-colors capitalize",n.sizePreset.viewButtonClass,o.viewMode===s?"ui-surface ui-text shadow-sm":"ui-text-muted hover:text-(--ui-text)"]),onClick:a=>o.viewMode=s},e.toDisplayString(s),11,F)),64))])],2),e.createElementVNode("div",z,[e.createElementVNode("div",T,[o.viewMode==="year"?(e.openBlock(),e.createElementBlock("div",A,[e.createElementVNode("div",P,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.yearViewMonths,s=>(e.openBlock(),e.createElementBlock("div",{key:s.index,class:"border ui-border rounded-lg overflow-hidden cursor-pointer hover:shadow-md transition-shadow",onClick:a=>n.selectMonthFromYear(s.index)},[e.createElementVNode("div",O,[e.createElementVNode("h3",j,e.toDisplayString(s.name),1)]),e.createElementVNode("div",Y,[e.createElementVNode("div",W,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.weekDaysShort,a=>(e.openBlock(),e.createElementBlock("span",{key:a,class:"text-center text-[9px] font-semibold ui-text-soft uppercase"},e.toDisplayString(a),1))),128))]),e.createElementVNode("div",I,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.days,(a,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:e.normalizeClass(["relative aspect-square flex items-center justify-center text-[10px] rounded-full",[a.isCurrentMonth?"ui-text-muted":"ui-text-soft opacity-60",a.isToday?"bg-(--ui-primary) text-(--ui-text-inverse) font-semibold":"",a.events.length>0&&a.isCurrentMonth&&!a.isToday?"font-semibold ui-text":""]])},[e.createTextVNode(e.toDisplayString(a.dayNumber)+" ",1),a.events.length>0&&a.isCurrentMonth&&!a.isToday?(e.openBlock(),e.createElementBlock("span",H)):e.createCommentVNode("",!0)],2))),128))])])],8,L))),128))])])):e.createCommentVNode("",!0),o.viewMode==="month"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.weekDays,s=>(e.openBlock(),e.createElementBlock("div",{key:s,class:"py-2 text-center text-[11px] font-semibold ui-text-soft uppercase tracking-wider"},e.toDisplayString(s),1))),128))]),e.createElementVNode("div",G,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.visibleCalendarDays,(s,a)=>(e.openBlock(),e.createElementBlock("div",{key:a,class:e.normalizeClass(["border-r border-b ui-border p-1.5 cursor-pointer transition-colors",n.sizePreset.monthDayCellClass,s.isCurrentMonth?"ui-surface hover:bg-(--ui-surface-muted)":"bg-(--ui-surface-muted)",s.isToday?"bg-(--ui-primary-soft) hover:bg-(--ui-primary-soft)":"",o.selectedDate===s.date?"ring-2 ring-inset ring-(--ui-primary)":""]),onClick:c=>n.selectDay(s)},[e.createElementVNode("div",{class:e.normalizeClass(["w-10 h-8 flex items-center justify-center rounded-full text-xl mb-1 font-semibold",[s.isToday?"bg-(--ui-primary) text-(--ui-text-inverse) font-semibold":"",!s.isToday&&s.isCurrentMonth?"ui-text":"ui-text-soft opacity-60"]])},e.toDisplayString(s.dayNumber),3),e.createElementVNode("div",q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.getVisibleMonthEvents(s),(c,d)=>(e.openBlock(),e.createElementBlock("div",{key:d,class:e.normalizeClass(["text-xs px-1.5 py-0.5 rounded truncate cursor-pointer hover:opacity-75 transition-opacity",n.getEventColorClass(c.color)]),onClick:e.withModifiers(g=>n.selectEvent(c,s),["stop"])},e.toDisplayString(c.title),11,U))),128)),s.events.length>2&&o.selectedDate!==s.date?(e.openBlock(),e.createElementBlock("div",{key:0,class:"text-[10px] ui-text-soft pl-1 cursor-pointer hover:underline",onClick:e.withModifiers(c=>n.selectDay(s),["stop"])}," +"+e.toDisplayString(s.events.length-2)+" more ",9,K)):e.createCommentVNode("",!0)])],10,J))),128))])],64)):e.createCommentVNode("",!0),o.viewMode==="week"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",Q,[r[5]||(r[5]=e.createElementVNode("div",{class:"border-r ui-border"},null,-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.weekViewDays,s=>(e.openBlock(),e.createElementBlock("div",{key:s.date,class:e.normalizeClass(["py-2 text-center border-r ui-border last:border-r-0",s.isToday?"bg-(--ui-primary-soft)":""])},[e.createElementVNode("div",X,e.toDisplayString(s.dayName),1),e.createElementVNode("div",{class:e.normalizeClass(["mx-auto mt-1 w-7 h-7 flex items-center justify-center rounded-full text-sm font-medium",s.isToday?"bg-(--ui-primary) text-(--ui-text-inverse)":"ui-text"])},e.toDisplayString(s.dayNumber),3)],2))),128))]),e.createElementVNode("div",Z,[r[6]||(r[6]=e.createElementVNode("div",{class:"border-r ui-border px-1 py-1 text-[10px] ui-text-soft text-right flex items-center justify-end"}," All day ",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.weekViewDays,s=>(e.openBlock(),e.createElementBlock("div",{key:"ad-"+s.date,class:"p-1 border-r ui-border last:border-r-0 flex flex-col gap-0.5 min-h-8"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.getAllDayEvents(s.events),a=>(e.openBlock(),e.createElementBlock("div",{key:a.id,class:e.normalizeClass(["text-[11px] px-1.5 py-0.5 rounded truncate cursor-pointer hover:opacity-75 transition-opacity",n.getEventColorClass(a.color)]),onClick:c=>n.selectEvent(a,s)},e.toDisplayString(a.title),11,$))),128))]))),128))]),e.createElementVNode("div",ee,[e.createElementVNode("div",te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.timeSlots,s=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:s.time},[e.createElementVNode("div",re,e.toDisplayString(s.display),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.weekViewDays,a=>(e.openBlock(),e.createElementBlock("div",{key:a.date+s.time,class:e.normalizeClass(["h-14 border-b border-r border-(--ui-border) last:border-r-0 p-0.5",a.isToday?"bg-(--ui-primary-soft)":""])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.getEventsAtTime(a.events,s),c=>(e.openBlock(),e.createElementBlock("div",{key:c.id,class:e.normalizeClass(["text-[11px] px-1.5 py-0.5 rounded truncate cursor-pointer hover:opacity-75 transition-opacity",n.getEventColorClass(c.color)]),onClick:d=>n.selectEvent(c,a)},[e.createElementVNode("span",ne,e.toDisplayString(c.time),1),e.createTextVNode(e.toDisplayString(c.title),1)],10,se))),128))],2))),128))],64))),128))])])],64)):e.createCommentVNode("",!0),o.viewMode==="day"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center justify-center gap-3 px-4 py-3 border-b ui-border shrink-0",n.dayViewDate.isToday?"bg-(--ui-primary-soft)":"ui-surface"])},[e.createElementVNode("span",le,e.toDisplayString(n.dayViewDate.dayName),1),e.createElementVNode("span",{class:e.normalizeClass(["text-2xl font-light",n.dayViewDate.isToday?"ui-primary":"ui-text"])},e.toDisplayString(n.dayViewDate.dayNumber),3)],2),n.getAllDayEvents(n.dayViewDate.events).length?(e.openBlock(),e.createElementBlock("div",ae,[r[7]||(r[7]=e.createElementVNode("div",{class:"w-[52px] border-r ui-border px-1.5 py-1 text-[10px] ui-text-soft text-right flex items-center justify-end shrink-0"}," All day ",-1)),e.createElementVNode("div",oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.getAllDayEvents(n.dayViewDate.events),s=>(e.openBlock(),e.createElementBlock("div",{key:s.id,class:e.normalizeClass(["text-[11px] px-1.5 py-0.5 rounded truncate cursor-pointer hover:opacity-75 transition-opacity",n.getEventColorClass(s.color)]),onClick:a=>n.selectEvent(s,n.dayViewDate)},e.toDisplayString(s.title),11,ie))),128))])])):e.createCommentVNode("",!0),e.createElementVNode("div",ce,[e.createElementVNode("div",de,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.timeSlots,s=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:s.time},[e.createElementVNode("div",ue,e.toDisplayString(s.display),1),e.createElementVNode("div",{class:e.normalizeClass(["h-14 border-b border-(--ui-border) p-0.5",n.dayViewDate.isToday?"bg-(--ui-primary-soft)":""])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.getEventsAtTime(n.dayViewDate.events,s),a=>(e.openBlock(),e.createElementBlock("div",{key:a.id,class:e.normalizeClass(["text-xs px-2 py-1 rounded cursor-pointer hover:opacity-75 transition-opacity",n.getEventColorClass(a.color)]),onClick:c=>n.selectEvent(a,n.dayViewDate)},[e.createElementVNode("span",ge,e.toDisplayString(a.time),1),e.createTextVNode(e.toDisplayString(a.title)+" ",1),a.description?(e.openBlock(),e.createElementBlock("div",he,e.toDisplayString(a.description),1)):e.createCommentVNode("",!0)],10,me))),128))],2)],64))),128))])])],64)):e.createCommentVNode("",!0)]),e.renderSlot(t.$slots,"sidebar",{selectedEvent:o.selectedEvent,closeEvent:n.closeEvent},()=>[e.createVNode(u,{modelValue:n.isDrawerOpen,"onUpdate:modelValue":r[4]||(r[4]=s=>n.isDrawerOpen=s),title:l.drawerTitle,size:l.drawerSize,onClose:n.closeEvent},{default:e.withCtx(()=>[o.selectedEvent?(e.openBlock(),e.createElementBlock("div",pe,[e.createElementVNode("div",{class:e.normalizeClass(l.drawerHeaderCardClass)},[e.createElementVNode("div",{class:e.normalizeClass(["mb-2 h-1 w-full rounded-full",n.getDrawerAccentClass(o.selectedEvent)])},null,2),e.createElementVNode("div",ye,[e.createElementVNode("h4",xe,e.toDisplayString(o.selectedEvent.title),1),l.showViewMoreDetails?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(l.drawerViewDetailsButtonClass),onClick:r[3]||(r[3]=(...s)=>n.handleViewMoreDetails&&n.handleViewMoreDetails(...s))},[r[8]||(r[8]=e.createTextVNode(" Full details ",-1)),e.createVNode(m,{icon:"arrow-right",class:"ml-1 w-3 h-3"})],2)):e.createCommentVNode("",!0)]),o.selectedEvent.status?(e.openBlock(),e.createElementBlock("div",fe,[e.createElementVNode("span",{class:e.normalizeClass(["inline-flex items-center rounded-full px-2.5 py-1 text-xs font-semibold",n.getDrawerStatus(o.selectedEvent.status).class])},e.toDisplayString(n.getDrawerStatus(o.selectedEvent.status).label),3)])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(["grid gap-3",n.drawerFieldGridClass])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.drawerDetailFields,(s,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:`${s.path||(s.paths||[]).join("|")}-${a}`,class:e.normalizeClass([l.drawerSectionCardClass,n.getDrawerFieldColSpanClass(s),s.cardClass])},[e.createElementVNode("p",{class:e.normalizeClass(["text-[11px] font-semibold uppercase tracking-wide ui-text-soft",s.labelClass])},e.toDisplayString(s.label),3),e.createElementVNode("p",{class:e.normalizeClass(["mt-1 text-sm ui-text",s.valueClass])},e.toDisplayString(n.formatDrawerFieldValue(s,n.getDrawerFieldValue(s))),3)],2)),[[e.vShow,n.shouldShowDrawerField(s)]])),128))],2),o.selectedEvent.description?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(l.drawerSectionCardClass)},[r[9]||(r[9]=e.createElementVNode("p",{class:"text-[11px] font-semibold uppercase tracking-wide ui-text-soft"}," Description ",-1)),e.createElementVNode("p",De,e.toDisplayString(o.selectedEvent.description),1)],2)):e.createCommentVNode("",!0),n.getSelectedEventDetails().remarks?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(l.drawerSectionCardClass)},[r[10]||(r[10]=e.createElementVNode("p",{class:"text-[11px] font-semibold uppercase tracking-wide ui-text-soft"}," Compliance Remarks ",-1)),e.createElementVNode("p",ve,e.toDisplayString(n.getSelectedEventDetails().remarks),1)],2)):e.createCommentVNode("",!0),n.getSelectedEventDetails()?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(l.drawerSectionCardClass)},[e.createElementVNode("div",be,[r[11]||(r[11]=e.createElementVNode("p",{class:"text-[11px] font-semibold uppercase tracking-wide ui-text-soft"}," Documents ",-1)),e.createElementVNode("span",we,e.toDisplayString(n.getSelectedEventDocumentsCount())+" file(s) ",1)]),n.getSelectedEventDocuments().length?(e.openBlock(),e.createElementBlock("div",Ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.getSelectedEventDocuments(),(s,a)=>(e.openBlock(),e.createElementBlock("div",{key:s.doc_id||s.id||s.filename||a,class:"rounded-md border ui-border bg-(--ui-surface-muted) p-2.5"},[e.createElementVNode("p",ke,e.toDisplayString(s.filename||s.name||"Document"),1),e.createElementVNode("p",Ee,e.toDisplayString(n.formatFileSize(s.file_size||s.size||0)),1),e.createElementVNode("div",Be,[l.drawerDocumentActions.view?(e.openBlock(),e.createElementBlock("button",{key:0,class:"rounded-md border ui-border px-2 py-1 text-xs ui-text hover:bg-(--ui-surface)",onClick:c=>n.handleDocumentView(s)}," View ",8,Ve)):e.createCommentVNode("",!0),l.drawerDocumentActions.download?(e.openBlock(),e.createElementBlock("button",{key:1,class:"rounded-md border ui-border px-2 py-1 text-xs ui-text hover:bg-(--ui-surface)",onClick:c=>n.handleDocumentDownload(s)}," Download ",8,Ne)):e.createCommentVNode("",!0),l.drawerDocumentActions.delete?(e.openBlock(),e.createElementBlock("button",{key:2,class:"rounded-md border border-(--ui-danger) px-2 py-1 text-xs text-(--ui-danger) hover:bg-(--ui-danger-soft)",onClick:c=>n.handleDocumentDelete(s)}," Delete ",8,Se)):e.createCommentVNode("",!0)])]))),128))])):(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(l.drawerEmptyDocumentsClass)}," No documents uploaded ",2))],2)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),_:1},8,["modelValue","title","size","onClose"])])])],6)}const Me=k._export_sfc(N,[["render",_e]]);exports.default=Me;