@stachelock/ui 0.2.14 → 0.3.0

package/dist/calendars/WeekCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"WeekCalendar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"WeekCalendar.js","sources":["../../src/components/calendars/WeekCalendar.vue"],"sourcesContent":["<!--\n  @component WeekCalendar\n  @description Week view calendar with time-based event grid.\n  \n  Features:\n  - 7-day grid with hourly time slots\n  - Current time indicator (red line)\n  - Overlapping event handling with column layout\n  - Auto-scroll to current time on mount\n  - Responsive mobile view (single day)\n  - Multi-day event support\n  - Event click handling\n  \n  @example\n  <WeekCalendar\n    :days=\"weekDays\"\n    @selectDay=\"handleDaySelect\"\n    @select:event=\"handleEventSelect\"\n  />\n-->\n<template>\n  <div class=\"sl-isolate sl-flex sl-h-full sl-min-h-0 sl-flex-col sl-bg-white dark:sl-bg-slate-900\">\n    <!-- Horizontal scroll wrapper -->\n    <div class=\"sl-flex sl-max-w-full sl-flex-1 sl-min-h-0 sl-flex-col sl-overflow-x-auto\">\n      <div style=\"width: 165%\" class=\"sl-flex sl-flex-1 sl-min-h-0 sl-flex-col sm:sl-max-w-none md:sl-max-w-full\">\n        <!-- Weekday header -->\n        <div ref=\"containerNav\" class=\"sl-sticky sl-top-0 sl-z-30 sl-flex-none sl-bg-white dark:sl-bg-slate-900 sl-shadow sl-ring-1 sl-ring-black dark:sl-ring-slate-700 sl-ring-opacity-5 sm:sl-pr-8\">\n        <!-- Mobile: compact day chips -->\n          <div class=\"sl-grid sl-grid-cols-7 sl-text-sm sl-leading-6 sl-text-gray-500 dark:sl-text-slate-400 xl:sl-hidden\">\n            <button \n              v-for=\"day in days\" \n              :key=\"day.date\" \n              type=\"button\"\n              class=\"sl-flex sl-flex-col sl-items-center sl-pb-3 sl-pt-2\" \n              @click=\"setActiveDay(day)\"\n            >\n            {{ day.shortDay }}\n              <span \n                class=\"sl-mt-1 sl-flex sl-h-8 sl-w-8 sl-items-center sl-justify-center sl-font-semibold sl-text-gray-800 dark:sl-text-slate-200\"\n                :class=\"[\n                  isActiveDay(day) ? 'sl-rounded-full sl-bg-stachelock-600 sl-font-semibold sl-text-white' : '',\n                  isDayToday(day) && !isActiveDay(day) ? 'sl-rounded-full sl-bg-stachelock-100 dark:sl-bg-stachelock-900 sl-text-stachelock-700 dark:sl-text-stachelock-300' : ''\n                ]\"\n              >\n              {{ day.day }}\n            </span>\n          </button>\n        </div>\n          \n        <!-- Desktop: full day names -->\n          <div class=\"sl--mr-px sl-hidden sl-grid-cols-7 sl-divide-x sl-divide-gray-100 dark:sl-divide-slate-700 sl-border-r sl-border-gray-100 dark:sl-border-slate-700 sl-text-sm sl-leading-6 sl-text-gray-500 dark:sl-text-slate-400 xl:sl-grid\">\n            <div class=\"sl-col-end-1 sl-w-14\" />\n            <div \n              v-for=\"day in days\" \n              :key=\"day.date\"\n              class=\"sl-flex sl-items-center sl-justify-center sl-py-3\"\n              :class=\"isDayToday(day) ? 'sl-bg-stachelock-50 dark:sl-bg-stachelock-950' : ''\"\n            >\n              <span :class=\"isDayToday(day) ? 'sl-text-stachelock-700 dark:sl-text-stachelock-400 sl-font-semibold' : ''\">\n                {{ day.longDay }}\n                <span \n                  class=\"sl-items-center sl-justify-center sl-font-semibold\"\n                  :class=\"isDayToday(day) ? 'sl-text-stachelock-700 dark:sl-text-stachelock-400' : 'sl-text-gray-800 dark:sl-text-slate-200'\"\n                >\n                  {{ day.day }}\n                </span>\n              </span>\n            </div>\n          </div>\n          \n          <!-- All-Day Events Section -->\n          <div v-if=\"hasAllDayEvents\" class=\"sl-hidden sl-border-b sl-border-gray-200 dark:sl-border-slate-700 xl:sl-grid xl:sl-grid-cols-7\">\n            <div class=\"sl-col-end-1 sl-w-14 sl-flex sl-items-center sl-justify-end sl-pr-2 sl-text-xs sl-text-gray-400 dark:sl-text-slate-500 sl-bg-white dark:sl-bg-slate-900\">\n              All day\n            </div>\n            <div \n              v-for=\"day in days\" \n              :key=\"'allday-' + day.date\"\n              class=\"sl-relative sl-min-h-[2.5rem] sl-border-r sl-border-gray-100 dark:sl-border-slate-700 sl-py-1 sl-px-0.5\"\n              :class=\"isDayToday(day) ? 'sl-bg-stachelock-50/50 dark:sl-bg-stachelock-950/50' : 'sl-bg-white dark:sl-bg-slate-900'\"\n            >\n              <template v-for=\"lane in Array.from({ length: allDayLanes }, (_, i) => i)\" :key=\"'lane-' + lane\">\n                <button \n                  v-for=\"event in getAllDayEventsForDayAndLane(day.date, lane)\" \n                  :key=\"'allday-' + event.id\"\n                  class=\"sl-w-full sl-mb-0.5\"\n                  @click=\"handleSelectEvent(event.id)\"\n                >\n                  <div \n                    :class=\"getAllDayBarClass(day.date, event)\" \n                    :style=\"{ backgroundColor: event.ratePlanColor || '#dbeafe', color: event.ratePlanColor ? '#fff' : '#1e40af' }\"\n                    :title=\"event.name\"\n                  >\n                    <span v-if=\"shouldShowAllDayLabel(day.date, event)\" class=\"sl-truncate sl-text-xs sl-font-medium\">\n                      {{ event.name }}\n            </span>\n          </div>\n                </button>\n              </template>\n            </div>\n        </div>\n      </div>\n\n        <!-- Grid body -->\n        <div ref=\"container\" class=\"sl-flex-1 sl-min-h-0 sl-overflow-y-auto\">\n      <div class=\"sl-flex sl-flex-auto\">\n            <!-- Time gutter -->\n            <div class=\"sl-sticky sl-left-0 sl-z-10 sl-w-14 sl-flex-none sl-bg-white dark:sl-bg-slate-900 sl-ring-1 sl-ring-gray-100 dark:sl-ring-slate-700\" />\n            \n            <div class=\"sl-grid sl-flex-auto sl-grid-cols-1 sl-grid-rows-1 sl-relative\">\n          <!-- Horizontal hour lines -->\n              <div \n                class=\"sl-col-start-1 sl-col-end-2 sl-row-start-1 sl-grid sl-divide-y sl-divide-gray-100 dark:sl-divide-slate-800\"\n                style=\"grid-template-rows: repeat(48, minmax(3.5rem, 1fr))\"\n              >\n                <div ref=\"containerOffset\" class=\"sl-row-end-1 sl-h-7\" />\n            <template v-for=\"hour in hours\" :key=\"hour\">\n              <div class=\"sl-relative\">\n                    <div class=\"sl-sticky sl-left-0 sl-z-20 sl--ml-14 sl--mt-2.5 sl-w-14 sl-pr-2 sl-text-right sl-text-xs sl-leading-5 sl-text-gray-400 dark:sl-text-slate-500\">\n                      {{ hour }}\n                    </div>\n              </div>\n                  <div />\n            </template>\n          </div>\n\n          <!-- Vertical day separators -->\n              <div class=\"sl-col-start-1 sl-col-end-2 sl-row-start-1 sl-hidden sl-grid-cols-7 sl-grid-rows-1 sl-divide-x sl-divide-gray-100 dark:sl-divide-slate-800 sm:sl-grid sm:sl-grid-cols-7\">\n            <div v-for=\"day in days\" :key=\"day.date\" class=\"sl-col-start-1 sl-row-span-full\" />\n          </div>\n              \n              <!-- Current Time Indicator -->\n              <div \n                v-if=\"showCurrentTimeIndicator\" \n                ref=\"currentTimeIndicator\"\n                class=\"sl-absolute sl-left-0 sl-right-0 sl-pointer-events-none sl-z-40\"\n                :style=\"currentTimeIndicatorStyle\"\n              >\n                <div class=\"sl-relative sl-flex sl-items-center\">\n                  <!-- Time bubble -->\n                  <div class=\"sl-absolute sl--left-14 sl--top-2.5 sl-flex sl-items-center sl-justify-end sl-w-14 sl-pr-1\">\n                    <span class=\"sl-bg-red-500 sl-text-white sl-text-[10px] sl-font-medium sl-px-1.5 sl-py-0.5 sl-rounded-full sl-shadow-sm\">\n                      {{ currentTimeDisplay }}\n                    </span>\n                  </div>\n                  <!-- Red dot -->\n                  <div class=\"sl-w-2.5 sl-h-2.5 sl-bg-red-500 sl-rounded-full sl--ml-1 sl-shadow-sm\" />\n                  <!-- Red line -->\n                  <div class=\"sl-flex-1 sl-h-0.5 sl-bg-red-500 sl-shadow-sm\" />\n                </div>\n              </div>\n\n          <!-- Events layer -->\n              <ol \n                class=\"sl-col-end-2 sl-row-start-1 sl-grid sl-grid-cols-1 sm:sl-grid-cols-7 sm:sl-pr-8 sl-overflow-hidden\"\n                style=\"grid-template-rows: 1.75rem repeat(288, minmax(0, 1fr)) auto\"\n              >\n                <template v-for=\"(day, dayIndex) in filteredDays\" :key=\"day.date\">\n              <template v-if=\"day.events && day.events.length && day.longDay\">\n                    <!-- Visible events -->\n                    <li \n                      v-for=\"placed in visiblePlaced(day.date, day.events)\" \n                      :key=\"placed.event.id + '-' + (placed.startIso || day.date)\"\n                      class=\"sl-relative sl-mt-px sl-flex\"\n                      :class=\"getColumnClass(dayIndex)\"\n                      :style=\"`grid-row: ${calculateGridRow(placed.startIso)} / span ${calculateGridSpan(placed.startIso, placed.endIso)}`\"\n                    >\n                      <button \n                        @click=\"handleSelectEvent(placed.event.id)\"\n                        class=\"sl-group sl-absolute sl-inset-y-1 sl-flex sl-flex-col sl-overflow-hidden sl-rounded-lg sl-bg-blue-50 dark:sl-bg-blue-950 sl-p-2 sl-text-xs sl-leading-5 hover:sl-bg-blue-100 dark:hover:sl-bg-blue-900\"\n                        :style=\"`left: ${placed.leftPercent}%; right: auto; width: ${placed.widthPercent}%;`\"\n                        :title=\"placed.event.ratePlanCode ? `Rate plan: ${placed.event.ratePlanCode}${placed.event.ratePlanName ? ' • ' + placed.event.ratePlanName : ''}` : ''\"\n                      >\n                        <div class=\"sl-relative sl-pt-2\">\n                          <p class=\"sl-order-1 sl-font-semibold sl-text-blue-700 dark:sl-text-blue-300 sl-pr-4\">{{ placed.event.name }}</p>\n                          <template v-if=\"!isCompact(placed.startIso, placed.endIso)\">\n                            <template v-if=\"placed.isStart && placed.isEnd\">\n                              <p class=\"sl-text-blue-500 dark:sl-text-blue-400 group-hover:sl-text-blue-700 dark:group-hover:sl-text-blue-300\">\n                                <time :datetime=\"placed.startIso\">{{ formatTime(placed.startIso) }}</time>\n                                –\n                                <time :datetime=\"placed.endIso\">{{ formatTime(placed.endIso as string) }}</time>\n                                <span>{{ placed.event.startTime?.shortTimeZone || placed.event.endTime?.shortTimeZone }}</span>\n                              </p>\n                            </template>\n                            <template v-else-if=\"placed.isStart\">\n                              <p class=\"sl-text-blue-500 dark:sl-text-blue-400 group-hover:sl-text-blue-700 dark:group-hover:sl-text-blue-300\">\n                                Start <time :datetime=\"placed.startIso\">{{ formatTime(placed.startIso) }}</time>\n                                <span>{{ placed.event.startTime?.shortTimeZone }}</span>\n                              </p>\n                            </template>\n                            <template v-else-if=\"placed.isEnd\">\n                              <p class=\"sl-text-blue-500 dark:sl-text-blue-400 group-hover:sl-text-blue-700 dark:group-hover:sl-text-blue-300\">\n                                End <time :datetime=\"placed.endIso\">{{ formatTime(placed.endIso as string) }}</time>\n                                <span>{{ placed.event.endTime?.shortTimeZone }}</span>\n                              </p>\n                            </template>\n                          </template>\n                          <span \n                            v-if=\"placed.event.ratePlanColor\" \n                            class=\"sl-absolute sl--top-1 sl--right-1 sl-inline-block sl-h-2.5 sl-w-2.5 sl-rounded-full sl-ring-1 sl-ring-white dark:sl-ring-slate-800\" \n                            :style=\"{ backgroundColor: placed.event.ratePlanColor }\"\n                          />\n                        </div>\n                      </button>\n                    </li>\n\n                    <!-- Overflow indicator -->\n                    <li \n                      v-if=\"overflowCount(day.date, day.events) > 0\" \n                      :class=\"getColumnClass(dayIndex)\"\n                      class=\"sl-relative\"\n                      style=\"grid-row: 2 / span 1\"\n                    >\n                      <button \n                        class=\"sl-absolute sl-right-1 sl-top-1 sl-text-[11px] sl-font-medium sl-text-stachelock-700 dark:sl-text-stachelock-400 hover:sl-text-stachelock-900 dark:hover:sl-text-stachelock-300 sl-underline sl-bg-white/70 dark:sl-bg-slate-800/70 sl-rounded sl-px-1\"\n                        :title=\"hiddenTooltip(day.date, day.events)\"\n                        @click=\"goToDay(day)\"\n                      >\n                        +{{ overflowCount(day.date, day.events) }} more\n                  </button>\n                </li>\n              </template>\n            </template>\n          </ol>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, onMounted, onUnmounted, watch, nextTick } from 'vue';\nimport type { CalendarDay, ListEvent } from '@/utils/calendar';\nimport { calculateGridRow, calculateGridSpan, formatTime, separateAllDayEvents } from '@/utils/calendar';\nimport { useEventSegments, calculateEventLanes } from '@/composables/useEventSegments';\n\nconst props = defineProps<{ days: Array<CalendarDay> }>();\n\nconst container = ref<HTMLElement | null>(null);\nconst containerNav = ref<HTMLElement | null>(null);\nconst containerOffset = ref<HTMLElement | null>(null);\nconst currentTimeIndicator = ref<HTMLElement | null>(null);\nconst activeDay = ref<CalendarDay | null>(null);\n\n// Current time tracking\nconst currentTime = ref(new Date());\nlet timeUpdateInterval: ReturnType<typeof setInterval> | null = null;\n\n// Hours array for time labels\nconst hours = [\n  '12AM','1AM','2AM','3AM','4AM','5AM','6AM','7AM','8AM','9AM','10AM','11AM',\n  '12PM','1PM','2PM','3PM','4PM','5PM','6PM','7PM','8PM','9PM','10PM','11PM'\n];\n\nconst emit = defineEmits(['selectDay', 'select:event']);\n\n// Event segments composable for all-day event bars\nconst { getSegment } = useEventSegments();\n\n// Collect all events across days\nconst allEvents = computed(() => {\n  const events: ListEvent[] = [];\n  const seen = new Set<string | number>();\n  props.days.forEach(day => {\n    day.events?.forEach(event => {\n      const eventId = event.id || String(event.name);\n      if (!seen.has(eventId)) {\n        events.push(event);\n        seen.add(eventId);\n      }\n    });\n  });\n  return events;\n});\n\n// Separate all-day from timed events\nconst separatedEvents = computed(() => separateAllDayEvents(allEvents.value));\nconst allDayEvents = computed(() => separatedEvents.value.allDay);\n\n// Check if there are any all-day events\nconst hasAllDayEvents = computed(() => allDayEvents.value.length > 0);\n\n// Day keys for all-day event lane calculation\nconst dayKeys = computed(() => props.days.map(d => d.date));\n\n// Calculate lanes for all-day events\nconst allDayEventLanes = computed(() => calculateEventLanes(dayKeys.value, allDayEvents.value));\n\n// Maximum lanes for all-day events\nconst allDayLanes = computed(() => {\n  if (allDayEventLanes.value.size === 0) return 0;\n  return Math.max(...Array.from(allDayEventLanes.value.values())) + 1;\n});\n\n// Get all-day events for a specific day and lane\nconst getAllDayEventsForDayAndLane = (dayKey: string, lane: number): ListEvent[] => {\n  const dayAllDayEvents = allDayEvents.value.filter(event => {\n    const segment = getSegment(dayKey, event);\n    return segment !== 'none';\n  });\n  \n  return dayAllDayEvents.filter(event => {\n    const eventId = event.id || String(event.name);\n    return allDayEventLanes.value.get(eventId) === lane;\n  });\n};\n\n// Get CSS classes for all-day event bar\nconst getAllDayBarClass = (dayKey: string, event: ListEvent): string => {\n  const segment = getSegment(dayKey, event);\n  if (segment === 'none') return '';\n  \n  const base = 'sl-relative sl-h-5 sl-flex sl-items-center sl-px-1';\n  \n  switch (segment) {\n    case 'single':\n      return `${base} sl-rounded sl-mx-0.5`;\n    case 'start':\n      return `${base} sl-rounded-l sl-ml-0.5 sl-mr-0`;\n    case 'middle':\n      return `${base} sl-rounded-none sl-mx-0`;\n    case 'end':\n      return `${base} sl-rounded-r sl-ml-0 sl-mr-0.5`;\n    default:\n      return '';\n  }\n};\n\n// Should show label for all-day event\nconst shouldShowAllDayLabel = (dayKey: string, event: ListEvent): boolean => {\n  const segment = getSegment(dayKey, event);\n  return segment === 'start' || segment === 'single';\n};\n\n// Check if a day is today\nconst isDayToday = (day: CalendarDay): boolean => {\n  const today = new Date();\n  const todayStr = `${today.getFullYear()}-${String(today.getMonth() + 1).padStart(2, '0')}-${String(today.getDate()).padStart(2, '0')}`;\n  return day.date === todayStr;\n};\n\n// Check if a day is the active day\nconst isActiveDay = (day: CalendarDay): boolean => {\n  return activeDay.value === day;\n};\n\n// Check if current week includes today\nconst currentWeekIncludesToday = computed(() => {\n  return props.days.some(day => isDayToday(day));\n});\n\n// Show current time indicator only if viewing current week\nconst showCurrentTimeIndicator = computed(() => {\n  return currentWeekIncludesToday.value;\n});\n\n// Current time display (e.g., \"2:45\")\nconst currentTimeDisplay = computed(() => {\n  const hours = currentTime.value.getHours();\n  const minutes = currentTime.value.getMinutes();\n  const displayHours = hours % 12 || 12;\n  return `${displayHours}:${String(minutes).padStart(2, '0')}`;\n});\n\n// Calculate position of current time indicator\nconst currentTimeIndicatorStyle = computed(() => {\n  const now = currentTime.value;\n  const totalMinutes = now.getHours() * 60 + now.getMinutes();\n  \n  const offsetPx = 28; // h-7 = 1.75rem = 28px\n  const rowHeightRem = 3.5;\n  const totalRows = 48;\n  \n  const percentOfDay = totalMinutes / 1440;\n  \n  return {\n    top: `calc(${offsetPx}px + ${percentOfDay} * ${totalRows} * ${rowHeightRem}rem)`\n  };\n});\n\n// Mobile detection\nconst isMobile = ref(typeof window !== 'undefined' ? window.innerWidth < 768 : false);\nconst updateIsMobile = () => { isMobile.value = window.innerWidth < 768; };\n\n// Filtered days based on mobile/desktop\nconst filteredDays = computed(() => {\n  if (isMobile.value && activeDay.value) {\n    return [activeDay.value];\n  }\n  return props.days || [];\n});\n\n// Set active day\nconst setActiveDay = (day: CalendarDay) => {\n  activeDay.value = day;\n};\n\n// Event placement types\ntype Placed = { \n  event: ListEvent; \n  leftPercent: number; \n  widthPercent: number; \n  startIso: string; \n  endIso?: string; \n  isStart: boolean; \n  isEnd: boolean;\n};\n\n// Responsive cap for side-by-side columns\nconst getMaxVisibleColumns = (): number => {\n  if (typeof window === 'undefined') return 3;\n  const w = window.innerWidth;\n  if (w >= 1280) return 3;\n  if (w >= 1024) return 2;\n  return 1;\n};\n\nconst MAX_VISIBLE_COLUMNS = ref(getMaxVisibleColumns());\nconst handleResize = () => MAX_VISIBLE_COLUMNS.value = getMaxVisibleColumns();\n\n// Convert ISO to minutes since midnight\nconst toMinutes = (iso?: string): number => {\n  if (!iso) return 0;\n  const d = new Date(iso);\n  return d.getHours() * 60 + d.getMinutes();\n};\n\n// Clamp an event to a specific day\nconst clampEventToDay = (dayKey: string, event: ListEvent): { startIso: string; endIso?: string; isStart: boolean; isEnd: boolean } => {\n  const start = event.startTime?.dateTime || event.datetime;\n  const end = event.endTime?.dateTime || event.datetime;\n  const startDate = new Date(start);\n  const endDate = end ? new Date(end) : undefined;\n\n  const [y, m, d] = dayKey.split('-').map((n: string) => Number(n));\n  const dayStart = new Date(y, (m - 1), d, 0, 0, 0, 0);\n  const dayEnd = new Date(y, (m - 1), d, 23, 59, 59, 999);\n\n  const clampedStart = new Date(Math.max(dayStart.getTime(), startDate.getTime()));\n  const clampedEnd = endDate\n    ? new Date(Math.min(dayEnd.getTime(), endDate.getTime()))\n    : new Date(Math.min(dayEnd.getTime(), clampedStart.getTime() + 30 * 60 * 1000));\n\n  const isStart = clampedStart.getTime() === startDate.getTime();\n  const isEnd = endDate ? clampedEnd.getTime() === endDate.getTime() : false;\n\n  return { startIso: clampedStart.toISOString(), endIso: clampedEnd?.toISOString(), isStart, isEnd };\n};\n\ntype Internal = { event: ListEvent; start: number; end: number; col: number; cluster: number; isStart: boolean; isEnd: boolean; _startIso: string; _endIso?: string };\n\n// Build event placement for a day\nconst buildPlacement = (dayKey: string, events?: ListEvent[]): { placed: Placed[]; overflow: number; hidden: Internal[] } => {\n  const list: Internal[] = (events || []).map(e => {\n    const { startIso, endIso, isStart, isEnd } = clampEventToDay(dayKey, e);\n    return {\n      event: e,\n      start: toMinutes(startIso),\n      end: toMinutes(endIso) || toMinutes(startIso) + 30,\n      col: 0,\n      cluster: 0,\n      _startIso: startIso,\n      _endIso: endIso,\n      isStart,\n      isEnd,\n    };\n  }).sort((a, b) => a.start - b.start);\n\n  const placed: Placed[] = [];\n  let active: Internal[] = [];\n  let clusterIndex = -1;\n  const clusterMaxCol: number[] = [];\n\n  list.forEach(item => {\n    active = active.filter(a => a.end > item.start);\n    if (active.length === 0) {\n      clusterIndex += 1;\n      clusterMaxCol[clusterIndex] = 0;\n    }\n    const usedCols = new Set(active.map(a => a.col));\n    let col = 0;\n    while (usedCols.has(col)) col += 1;\n    item.col = col;\n    item.cluster = clusterIndex;\n    clusterMaxCol[clusterIndex] = Math.max(clusterMaxCol[clusterIndex], col + 1);\n    active.push(item);\n  });\n\n  let overflow = 0;\n  const hidden: Internal[] = [];\n  \n  list.forEach(item => {\n    const total = clusterMaxCol[item.cluster] || 1;\n    const visibleCols = Math.min(total, MAX_VISIBLE_COLUMNS.value);\n    const GUTTER = 1.5;\n    const EDGE_PADDING = 1.5;\n    const width = (100 - 2 * EDGE_PADDING - GUTTER * Math.max(0, visibleCols - 1)) / visibleCols;\n    \n    if (item.col >= MAX_VISIBLE_COLUMNS.value) {\n      overflow += 1;\n      hidden.push(item);\n      return;\n    }\n    \n    const left = EDGE_PADDING + item.col * (width + GUTTER);\n    placed.push({\n      event: item.event,\n      leftPercent: left,\n      widthPercent: width,\n      startIso: item._startIso,\n      endIso: item._endIso,\n      isStart: item.isStart,\n      isEnd: item.isEnd,\n    });\n  });\n\n  return { placed, overflow, hidden };\n};\n\nconst visiblePlaced = (dayKey: string, events?: ListEvent[]): Placed[] => buildPlacement(dayKey, events).placed;\nconst overflowCount = (dayKey: string, events?: ListEvent[]): number => buildPlacement(dayKey, events).overflow;\nconst hiddenTooltip = (dayKey: string, events?: ListEvent[]): string => \n  buildPlacement(dayKey, events).hidden.map(h => String(h.event?.name || '')).filter(Boolean).join(', ');\n\n// Check if event is compact (short duration)\nconst isCompact = (startIso: string, endIso?: string): boolean => {\n  const span = calculateGridSpan(startIso, endIso);\n  return span <= 8; // <= 40 minutes\n};\n\n// Column class helper\nconst columnClasses = ['sl-col-start-1', 'sl-col-start-2', 'sl-col-start-3', 'sl-col-start-4', 'sl-col-start-5', 'sl-col-start-6', 'sl-col-start-7'];\nconst getColumnClass = (dayIndex: number): string => {\n  return columnClasses[dayIndex] || 'sl-col-start-1';\n};\n\n// Navigate to day view\nconst goToDay = (day: CalendarDay): void => {\n  setActiveDay(day);\n  emit('selectDay', day);\n};\n\nconst handleSelectEvent = (eventId: string | number) => {\n  emit('select:event', eventId);\n};\n\n// Scroll to current time\nconst scrollToCurrentTime = () => {\n  const containerElement = container.value;\n  const containerNavElement = containerNav.value;\n  \n  if (!containerElement || !containerNavElement) return;\n  \n  const now = new Date();\n  const currentMinute = now.getHours() * 60 + now.getMinutes();\n  \n  const scrollableHeight = containerElement.scrollHeight - containerNavElement.offsetHeight;\n  const targetPosition = (scrollableHeight * currentMinute) / 1440;\n  const offsetForVisibility = containerElement.clientHeight / 3;\n  \n  containerElement.scrollTo({\n    top: Math.max(0, targetPosition - offsetForVisibility),\n    behavior: 'smooth'\n  });\n};\n\n// Start time updates\nconst startTimeUpdates = () => {\n  timeUpdateInterval = setInterval(() => {\n    currentTime.value = new Date();\n  }, 60000);\n  \n  const now = new Date();\n  const msUntilNextMinute = (60 - now.getSeconds()) * 1000 - now.getMilliseconds();\n  setTimeout(() => {\n    currentTime.value = new Date();\n    if (timeUpdateInterval) {\n      clearInterval(timeUpdateInterval);\n    }\n    timeUpdateInterval = setInterval(() => {\n      currentTime.value = new Date();\n    }, 60000);\n  }, msUntilNextMinute);\n};\n\nonMounted(async () => {\n  startTimeUpdates();\n  window.addEventListener('resize', updateIsMobile);\n  window.addEventListener('resize', handleResize);\n  \n  await nextTick();\n  setTimeout(() => {\n    scrollToCurrentTime();\n  }, 100);\n  \n  watch(isMobile, (newVal) => {\n    if (!newVal) {\n      const firstWithEvents = filteredDays.value.find((d: CalendarDay) => (d.events?.length || 0) > 0);\n      if (firstWithEvents) setActiveDay(firstWithEvents);\n    }\n  });\n});\n\nonUnmounted(() => {\n  window.removeEventListener('resize', updateIsMobile);\n  window.removeEventListener('resize', handleResize);\n  if (timeUpdateInterval) {\n    clearInterval(timeUpdateInterval);\n    timeUpdateInterval = null;\n  }\n});\n</script>\n\n<style scoped>\n/* Column start classes for PurgeCSS */\n.sl-col-start-1 { grid-column-start: 1; }\n.sl-col-start-2 { grid-column-start: 2; }\n.sl-col-start-3 { grid-column-start: 3; }\n.sl-col-start-4 { grid-column-start: 4; }\n.sl-col-start-5 { grid-column-start: 5; }\n.sl-col-start-6 { grid-column-start: 6; }\n.sl-col-start-7 { grid-column-start: 7; }\n</style>\n"],"names":["props","__props","container","ref","containerNav","containerOffset","currentTimeIndicator","activeDay","currentTime","timeUpdateInterval","hours","emit","__emit","getSegment","useEventSegments","allEvents","computed","events","seen","day","event","eventId","separatedEvents","separateAllDayEvents","allDayEvents","hasAllDayEvents","dayKeys","d","allDayEventLanes","calculateEventLanes","allDayLanes","getAllDayEventsForDayAndLane","dayKey","lane","getAllDayBarClass","segment","base","shouldShowAllDayLabel","isDayToday","today","todayStr","isActiveDay","currentWeekIncludesToday","showCurrentTimeIndicator","currentTimeDisplay","minutes","currentTimeIndicatorStyle","now","totalMinutes","offsetPx","rowHeightRem","totalRows","percentOfDay","isMobile","updateIsMobile","filteredDays","setActiveDay","getMaxVisibleColumns","w","MAX_VISIBLE_COLUMNS","handleResize","toMinutes","iso","clampEventToDay","start","end","startDate","endDate","y","m","n","dayStart","dayEnd","clampedStart","clampedEnd","isStart","isEnd","buildPlacement","list","e","startIso","endIso","a","b","placed","active","clusterIndex","clusterMaxCol","item","usedCols","col","overflow","hidden","total","visibleCols","GUTTER","EDGE_PADDING","width","left","visiblePlaced","overflowCount","hiddenTooltip","h","isCompact","calculateGridSpan","columnClasses","getColumnClass","dayIndex","goToDay","handleSelectEvent","scrollToCurrentTime","containerElement","containerNavElement","currentMinute","targetPosition","offsetForVisibility","startTimeUpdates","msUntilNextMinute","onMounted","nextTick","watch","newVal","firstWithEvents","onUnmounted","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_Fragment","_renderList","days","$event","_toDisplayString","_hoisted_6","_normalizeClass","_hoisted_7","_cache","_","i","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","hour","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_normalizeStyle","_unref","calculateGridRow","_hoisted_22","_hoisted_23","_hoisted_24","formatTime","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8OA,UAAMA,IAAQC,IAERC,IAAYC,EAAwB,IAAI,GACxCC,IAAeD,EAAwB,IAAI,GAC3CE,KAAkBF,EAAwB,IAAI,GAC9CG,KAAuBH,EAAwB,IAAI,GACnDI,IAAYJ,EAAwB,IAAI,GAGxCK,IAAcL,EAAI,oBAAI,MAAM;AAClC,QAAIM,IAA4D;AAGhE,UAAMC,KAAQ;AAAA,MACZ;AAAA,MAAO;AAAA,MAAM;AAAA,MAAM;AAAA,MAAM;AAAA,MAAM;AAAA,MAAM;AAAA,MAAM;AAAA,MAAM;AAAA,MAAM;AAAA,MAAM;AAAA,MAAO;AAAA,MACpE;AAAA,MAAO;AAAA,MAAM;AAAA,MAAM;AAAA,MAAM;AAAA,MAAM;AAAA,MAAM;AAAA,MAAM;AAAA,MAAM;AAAA,MAAM;AAAA,MAAM;AAAA,MAAO;AAAA,IAAA,GAGhEC,IAAOC,IAGP,EAAE,YAAAC,EAAA,IAAeC,GAAA,GAGjBC,KAAYC,EAAS,MAAM;AAC/B,YAAMC,IAAsB,CAAA,GACtBC,wBAAW,IAAA;AACjB,aAAAlB,EAAM,KAAK,QAAQ,CAAAmB,MAAO;AACxB,QAAAA,EAAI,QAAQ,QAAQ,CAAAC,MAAS;AAC3B,gBAAMC,IAAUD,EAAM,MAAM,OAAOA,EAAM,IAAI;AAC7C,UAAKF,EAAK,IAAIG,CAAO,MACnBJ,EAAO,KAAKG,CAAK,GACjBF,EAAK,IAAIG,CAAO;AAAA,QAEpB,CAAC;AAAA,MACH,CAAC,GACMJ;AAAA,IACT,CAAC,GAGKK,KAAkBN,EAAS,MAAMO,GAAqBR,GAAU,KAAK,CAAC,GACtES,IAAeR,EAAS,MAAMM,GAAgB,MAAM,MAAM,GAG1DG,KAAkBT,EAAS,MAAMQ,EAAa,MAAM,SAAS,CAAC,GAG9DE,KAAUV,EAAS,MAAMhB,EAAM,KAAK,IAAI,CAAA2B,MAAKA,EAAE,IAAI,CAAC,GAGpDC,IAAmBZ,EAAS,MAAMa,GAAoBH,GAAQ,OAAOF,EAAa,KAAK,CAAC,GAGxFM,KAAcd,EAAS,MACvBY,EAAiB,MAAM,SAAS,IAAU,IACvC,KAAK,IAAI,GAAG,MAAM,KAAKA,EAAiB,MAAM,QAAQ,CAAC,IAAI,CACnE,GAGKG,KAA+B,CAACC,GAAgBC,MAC5BT,EAAa,MAAM,OAAO,CAAAJ,MAChCP,EAAWmB,GAAQZ,CAAK,MACrB,MACpB,EAEsB,OAAO,CAAAA,MAAS;AACrC,YAAMC,IAAUD,EAAM,MAAM,OAAOA,EAAM,IAAI;AAC7C,aAAOQ,EAAiB,MAAM,IAAIP,CAAO,MAAMY;AAAA,IACjD,CAAC,GAIGC,KAAoB,CAACF,GAAgBZ,MAA6B;AACtE,YAAMe,IAAUtB,EAAWmB,GAAQZ,CAAK;AACxC,UAAIe,MAAY,OAAQ,QAAO;AAE/B,YAAMC,IAAO;AAEb,cAAQD,GAAA;AAAA,QACN,KAAK;AACH,iBAAO,GAAGC,CAAI;AAAA,QAChB,KAAK;AACH,iBAAO,GAAGA,CAAI;AAAA,QAChB,KAAK;AACH,iBAAO,GAAGA,CAAI;AAAA,QAChB,KAAK;AACH,iBAAO,GAAGA,CAAI;AAAA,QAChB;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,GAGMC,KAAwB,CAACL,GAAgBZ,MAA8B;AAC3E,YAAMe,IAAUtB,EAAWmB,GAAQZ,CAAK;AACxC,aAAOe,MAAY,WAAWA,MAAY;AAAA,IAC5C,GAGMG,IAAa,CAACnB,MAA8B;AAChD,YAAMoB,wBAAY,KAAA,GACZC,IAAW,GAAGD,EAAM,YAAA,CAAa,IAAI,OAAOA,EAAM,SAAA,IAAa,CAAC,EAAE,SAAS,GAAG,GAAG,CAAC,IAAI,OAAOA,EAAM,QAAA,CAAS,EAAE,SAAS,GAAG,GAAG,CAAC;AACpI,aAAOpB,EAAI,SAASqB;AAAA,IACtB,GAGMC,IAAc,CAACtB,MACZZ,EAAU,UAAUY,GAIvBuB,KAA2B1B,EAAS,MACjChB,EAAM,KAAK,KAAK,CAAAmB,MAAOmB,EAAWnB,CAAG,CAAC,CAC9C,GAGKwB,KAA2B3B,EAAS,MACjC0B,GAAyB,KACjC,GAGKE,KAAqB5B,EAAS,MAAM;AACxC,YAAMN,IAAQF,EAAY,MAAM,SAAA,GAC1BqC,IAAUrC,EAAY,MAAM,WAAA;AAElC,aAAO,GADcE,IAAQ,MAAM,EACb,IAAI,OAAOmC,CAAO,EAAE,SAAS,GAAG,GAAG,CAAC;AAAA,IAC5D,CAAC,GAGKC,KAA4B9B,EAAS,MAAM;AAC/C,YAAM+B,IAAMvC,EAAY,OAClBwC,IAAeD,EAAI,SAAA,IAAa,KAAKA,EAAI,WAAA,GAEzCE,IAAW,IACXC,IAAe,KACfC,IAAY,IAEZC,IAAeJ,IAAe;AAEpC,aAAO;AAAA,QACL,KAAK,QAAQC,CAAQ,QAAQG,CAAY,MAAMD,CAAS,MAAMD,CAAY;AAAA,MAAA;AAAA,IAE9E,CAAC,GAGKG,IAAWlD,EAAI,OAAO,SAAW,MAAc,OAAO,aAAa,MAAM,EAAK,GAC9EmD,IAAiB,MAAM;AAAE,MAAAD,EAAS,QAAQ,OAAO,aAAa;AAAA,IAAK,GAGnEE,IAAevC,EAAS,MACxBqC,EAAS,SAAS9C,EAAU,QACvB,CAACA,EAAU,KAAK,IAElBP,EAAM,QAAQ,CAAA,CACtB,GAGKwD,IAAe,CAACrC,MAAqB;AACzC,MAAAZ,EAAU,QAAQY;AAAA,IACpB,GAcMsC,IAAuB,MAAc;AACzC,UAAI,OAAO,SAAW,IAAa,QAAO;AAC1C,YAAMC,IAAI,OAAO;AACjB,aAAIA,KAAK,OAAa,IAClBA,KAAK,OAAa,IACf;AAAA,IACT,GAEMC,IAAsBxD,EAAIsD,GAAsB,GAChDG,IAAe,MAAMD,EAAoB,QAAQF,EAAA,GAGjDI,IAAY,CAACC,MAAyB;AAC1C,UAAI,CAACA,EAAK,QAAO;AACjB,YAAMnC,IAAI,IAAI,KAAKmC,CAAG;AACtB,aAAOnC,EAAE,SAAA,IAAa,KAAKA,EAAE,WAAA;AAAA,IAC/B,GAGMoC,KAAkB,CAAC/B,GAAgBZ,MAA8F;AACrI,YAAM4C,IAAQ5C,EAAM,WAAW,YAAYA,EAAM,UAC3C6C,IAAM7C,EAAM,SAAS,YAAYA,EAAM,UACvC8C,IAAY,IAAI,KAAKF,CAAK,GAC1BG,IAAUF,IAAM,IAAI,KAAKA,CAAG,IAAI,QAEhC,CAACG,GAAGC,GAAG1C,CAAC,IAAIK,EAAO,MAAM,GAAG,EAAE,IAAI,CAACsC,MAAc,OAAOA,CAAC,CAAC,GAC1DC,IAAW,IAAI,KAAKH,GAAIC,IAAI,GAAI1C,GAAG,GAAG,GAAG,GAAG,CAAC,GAC7C6C,IAAS,IAAI,KAAKJ,GAAIC,IAAI,GAAI1C,GAAG,IAAI,IAAI,IAAI,GAAG,GAEhD8C,IAAe,IAAI,KAAK,KAAK,IAAIF,EAAS,WAAWL,EAAU,QAAA,CAAS,CAAC,GACzEQ,IAAaP,IACf,IAAI,KAAK,KAAK,IAAIK,EAAO,QAAA,GAAWL,EAAQ,QAAA,CAAS,CAAC,IACtD,IAAI,KAAK,KAAK,IAAIK,EAAO,QAAA,GAAWC,EAAa,YAAY,KAAK,KAAK,GAAI,CAAC,GAE1EE,IAAUF,EAAa,QAAA,MAAcP,EAAU,QAAA,GAC/CU,IAAQT,IAAUO,EAAW,cAAcP,EAAQ,YAAY;AAErE,aAAO,EAAE,UAAUM,EAAa,YAAA,GAAe,QAAQC,GAAY,YAAA,GAAe,SAAAC,GAAS,OAAAC,EAAA;AAAA,IAC7F,GAKMC,IAAiB,CAAC7C,GAAgBf,MAAqF;AAC3H,YAAM6D,KAAoB7D,KAAU,CAAA,GAAI,IAAI,CAAA8D,MAAK;AAC/C,cAAM,EAAE,UAAAC,GAAU,QAAAC,GAAQ,SAAAN,GAAS,OAAAC,MAAUb,GAAgB/B,GAAQ+C,CAAC;AACtE,eAAO;AAAA,UACL,OAAOA;AAAA,UACP,OAAOlB,EAAUmB,CAAQ;AAAA,UACzB,KAAKnB,EAAUoB,CAAM,KAAKpB,EAAUmB,CAAQ,IAAI;AAAA,UAChD,KAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAWA;AAAA,UACX,SAASC;AAAA,UACT,SAAAN;AAAA,UACA,OAAAC;AAAA,QAAA;AAAA,MAEJ,CAAC,EAAE,KAAK,CAACM,GAAGC,MAAMD,EAAE,QAAQC,EAAE,KAAK,GAE7BC,IAAmB,CAAA;AACzB,UAAIC,IAAqB,CAAA,GACrBC,IAAe;AACnB,YAAMC,IAA0B,CAAA;AAEhC,MAAAT,EAAK,QAAQ,CAAAU,MAAQ;AACnB,QAAAH,IAASA,EAAO,OAAO,CAAAH,MAAKA,EAAE,MAAMM,EAAK,KAAK,GAC1CH,EAAO,WAAW,MACpBC,KAAgB,GAChBC,EAAcD,CAAY,IAAI;AAEhC,cAAMG,IAAW,IAAI,IAAIJ,EAAO,IAAI,CAAAH,MAAKA,EAAE,GAAG,CAAC;AAC/C,YAAIQ,IAAM;AACV,eAAOD,EAAS,IAAIC,CAAG,IAAG,CAAAA,KAAO;AACjC,QAAAF,EAAK,MAAME,GACXF,EAAK,UAAUF,GACfC,EAAcD,CAAY,IAAI,KAAK,IAAIC,EAAcD,CAAY,GAAGI,IAAM,CAAC,GAC3EL,EAAO,KAAKG,CAAI;AAAA,MAClB,CAAC;AAED,UAAIG,IAAW;AACf,YAAMC,IAAqB,CAAA;AAE3B,aAAAd,EAAK,QAAQ,CAAAU,MAAQ;AACnB,cAAMK,IAAQN,EAAcC,EAAK,OAAO,KAAK,GACvCM,IAAc,KAAK,IAAID,GAAOlC,EAAoB,KAAK,GACvDoC,IAAS,KACTC,IAAe,KACfC,KAAS,MAAM,IAAID,IAAeD,IAAS,KAAK,IAAI,GAAGD,IAAc,CAAC,KAAKA;AAEjF,YAAIN,EAAK,OAAO7B,EAAoB,OAAO;AACzC,UAAAgC,KAAY,GACZC,EAAO,KAAKJ,CAAI;AAChB;AAAA,QACF;AAEA,cAAMU,IAAOF,IAAeR,EAAK,OAAOS,IAAQF;AAChD,QAAAX,EAAO,KAAK;AAAA,UACV,OAAOI,EAAK;AAAA,UACZ,aAAaU;AAAA,UACb,cAAcD;AAAA,UACd,UAAUT,EAAK;AAAA,UACf,QAAQA,EAAK;AAAA,UACb,SAASA,EAAK;AAAA,UACd,OAAOA,EAAK;AAAA,QAAA,CACb;AAAA,MACH,CAAC,GAEM,EAAE,QAAAJ,GAAQ,UAAAO,GAAU,QAAAC,EAAA;AAAA,IAC7B,GAEMO,KAAgB,CAACnE,GAAgBf,MAAmC4D,EAAe7C,GAAQf,CAAM,EAAE,QACnGmF,IAAgB,CAACpE,GAAgBf,MAAiC4D,EAAe7C,GAAQf,CAAM,EAAE,UACjGoF,KAAgB,CAACrE,GAAgBf,MACrC4D,EAAe7C,GAAQf,CAAM,EAAE,OAAO,IAAI,CAAAqF,MAAK,OAAOA,EAAE,OAAO,QAAQ,EAAE,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI,GAGjGC,KAAY,CAACvB,GAAkBC,MACtBuB,GAAkBxB,GAAUC,CAAM,KAChC,GAIXwB,KAAgB,CAAC,kBAAkB,kBAAkB,kBAAkB,kBAAkB,kBAAkB,kBAAkB,gBAAgB,GAC7IC,IAAiB,CAACC,MACfF,GAAcE,CAAQ,KAAK,kBAI9BC,KAAU,CAACzF,MAA2B;AAC1C,MAAAqC,EAAarC,CAAG,GAChBR,EAAK,aAAaQ,CAAG;AAAA,IACvB,GAEM0F,IAAoB,CAACxF,MAA6B;AACtD,MAAAV,EAAK,gBAAgBU,CAAO;AAAA,IAC9B,GAGMyF,KAAsB,MAAM;AAChC,YAAMC,IAAmB7G,EAAU,OAC7B8G,IAAsB5G,EAAa;AAEzC,UAAI,CAAC2G,KAAoB,CAACC,EAAqB;AAE/C,YAAMjE,wBAAU,KAAA,GACVkE,IAAgBlE,EAAI,SAAA,IAAa,KAAKA,EAAI,WAAA,GAG1CmE,KADmBH,EAAiB,eAAeC,EAAoB,gBAClCC,IAAiB,MACtDE,IAAsBJ,EAAiB,eAAe;AAE5D,MAAAA,EAAiB,SAAS;AAAA,QACxB,KAAK,KAAK,IAAI,GAAGG,IAAiBC,CAAmB;AAAA,QACrD,UAAU;AAAA,MAAA,CACX;AAAA,IACH,GAGMC,KAAmB,MAAM;AAC7B,MAAA3G,IAAqB,YAAY,MAAM;AACrC,QAAAD,EAAY,4BAAY,KAAA;AAAA,MAC1B,GAAG,GAAK;AAER,YAAMuC,wBAAU,KAAA,GACVsE,KAAqB,KAAKtE,EAAI,gBAAgB,MAAOA,EAAI,gBAAA;AAC/D,iBAAW,MAAM;AACf,QAAAvC,EAAY,4BAAY,KAAA,GACpBC,KACF,cAAcA,CAAkB,GAElCA,IAAqB,YAAY,MAAM;AACrC,UAAAD,EAAY,4BAAY,KAAA;AAAA,QAC1B,GAAG,GAAK;AAAA,MACV,GAAG6G,CAAiB;AAAA,IACtB;AAEA,WAAAC,GAAU,YAAY;AACpB,MAAAF,GAAA,GACA,OAAO,iBAAiB,UAAU9D,CAAc,GAChD,OAAO,iBAAiB,UAAUM,CAAY,GAE9C,MAAM2D,GAAA,GACN,WAAW,MAAM;AACf,QAAAT,GAAA;AAAA,MACF,GAAG,GAAG,GAENU,GAAMnE,GAAU,CAACoE,MAAW;AAC1B,YAAI,CAACA,GAAQ;AACX,gBAAMC,IAAkBnE,EAAa,MAAM,KAAK,CAAC5B,OAAoBA,EAAE,QAAQ,UAAU,KAAK,CAAC;AAC/F,UAAI+F,OAA8BA,CAAe;AAAA,QACnD;AAAA,MACF,CAAC;AAAA,IACH,CAAC,GAEDC,GAAY,MAAM;AAChB,aAAO,oBAAoB,UAAUrE,CAAc,GACnD,OAAO,oBAAoB,UAAUM,CAAY,GAC7CnD,MACF,cAAcA,CAAkB,GAChCA,IAAqB;AAAA,IAEzB,CAAC,cA/kBCmH,EAAA,GAAAC,EAgNM,OAhNNC,IAgNM;AAAA,MA9MJC,EA6MM,OA7MNC,IA6MM;AAAA,QA5MJD,EA2MM,OA3MNE,IA2MM;AAAA,UAzMJF,EA2EI,OAAA;AAAA,qBA3EK;AAAA,YAAJ,KAAI3H;AAAA,YAAe,OAAM;AAAA,UAAA;YAE5B2H,EAmBI,OAnBJG,IAmBI;AAAA,sBAlBFL,EAiBOM,GAAA,MAAAC,EAhBSC,EAAAA,MAAI,CAAXlH,YADT0G,EAiBO,UAAA;AAAA,gBAfJ,KAAK1G,EAAI;AAAA,gBACV,MAAK;AAAA,gBACL,OAAM;AAAA,gBACL,SAAK,CAAAmH,MAAE9E,EAAarC,CAAG;AAAA,cAAA;oBAEvBA,EAAI,QAAQ,IAAG,KAChB,CAAA;AAAA,gBAAA4G,EAQK,QAAA;AAAA,kBAPH,UAAM,4HAA0H;AAAA,oBACpGtF,EAAYtB,CAAG,IAAA,wEAAA;AAAA,oBAAkGmB,EAAWnB,CAAG,KAAA,CAAMsB,EAAYtB,CAAG,IAAA,sHAAA;AAAA,kBAAA;mBAK/KoH,EAAApH,EAAI,GAAG,GAAA,CAAA;AAAA,cAAA;;YAMd4G,EAkBM,OAlBNS,IAkBM;AAAA,8BAjBJT,EAAoC,OAAA,EAA/B,OAAM,uBAAA,GAAsB,MAAA,EAAA;AAAA,sBACjCF,EAeMM,GAAA,MAAAC,EAdUC,EAAAA,MAAI,CAAXlH,YADT0G,EAeM,OAAA;AAAA,gBAbH,KAAK1G,EAAI;AAAA,gBACV,OAAKsH,EAAA,CAAC,qDACEnG,EAAWnB,CAAG,IAAA,kDAAA,EAAA,CAAA;AAAA,cAAA;gBAEtB4G,EAQO,QAAA;AAAA,kBARA,OAAKU,EAAEnG,EAAWnB,CAAG,IAAA,wEAAA,EAAA;AAAA,gBAAA;sBACvBA,EAAI,OAAO,IAAG,KACjB,CAAA;AAAA,kBAAA4G,EAKO,QAAA;AAAA,oBAJL,OAAKU,EAAA,CAAC,sDACEnG,EAAWnB,CAAG,IAAA,uDAAA,yCAAA,CAAA;AAAA,kBAAA,GAEnBoH,EAAApH,EAAI,GAAG,GAAA,CAAA;AAAA,gBAAA;;;YAOPM,GAAA,SAAXmG,EAAA,GAAAC,EA6BI,OA7BJa,IA6BI;AAAA,cA5BFC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAZ,EAEM,OAAA,EAFD,OAAM,0JAAA,GAA0J,aAErK,EAAA;AAAA,sBACAF,EAwBMM,GAAA,MAAAC,EAvBUC,EAAAA,MAAI,CAAXlH,YADT0G,EAwBM,OAAA;AAAA,gBAtBH,KAAG,YAAc1G,EAAI;AAAA,gBACtB,OAAKsH,EAAA,CAAC,2GACEnG,EAAWnB,CAAG,IAAA,wDAAA,kCAAA,CAAA;AAAA,cAAA;iBAEtByG,EAAA,EAAA,GAAAC,EAiBWM,GAAA,MAAAC,EAjBc,MAAM,KAAI,EAAA,QAAWtG,GAAA,MAAA,GAAW,CAAK8G,GAAGC,MAAMA,CAAC,IAAvD5G;iCAA0EA;AAAA,gBAAA;0BACzF4F,EAeSM,GAAA,MAAAC,EAdSrG,GAA6BZ,EAAI,MAAMc,CAAI,GAAA,CAApDb,YADTyG,EAeS,UAAA;AAAA,oBAbN,KAAG,YAAczG,EAAM;AAAA,oBACxB,OAAM;AAAA,oBACL,SAAK,CAAAkH,MAAEzB,EAAkBzF,EAAM,EAAE;AAAA,kBAAA;oBAElC2G,EAQF,OAAA;AAAA,sBAPK,SAAO7F,GAAkBf,EAAI,MAAMC,CAAK,CAAA;AAAA,sBACxC,4BAA0BA,EAAM,iBAAa,WAAA,OAAsBA,EAAM,gBAAa,SAAA,UAAA,CAAA;AAAA,sBACtF,OAAOA,EAAM;AAAA,oBAAA;sBAEFiB,GAAsBlB,EAAI,MAAMC,CAAK,KAAjDwG,EAAA,GAAAC,EAED,QAFCiB,IAEDP,EADMnH,EAAM,IAAI,GAAA,CAAA;;;;;;;UAU3B2G,EA0HM,OAAA;AAAA,qBA1HG;AAAA,YAAJ,KAAI7H;AAAA,YAAY,OAAM;AAAA,UAAA;YAC7B6H,EAwHU,OAxHVgB,IAwHU;AAAA,8BAtHJhB,EAAmJ,OAAA,EAA9I,OAAM,sIAAA,GAAqI,MAAA,EAAA;AAAA,cAEhJA,EAmHM,OAnHNiB,IAmHM;AAAA,gBAjHJjB,EAaE,OAbFkB,IAaE;AAAA,kBATAlB,EAAyD,OAAA;AAAA,6BAAhD;AAAA,oBAAJ,KAAI1H;AAAA,oBAAkB,OAAM;AAAA,kBAAA;wBACrCwH,EAOWM,GAAA,MAAAC,EAPc1H,IAAK,CAAbwI,wBAAqBA,KAAI;AAAA,oBACxCnB,EAIM,OAJNoB,IAIM;AAAA,sBAHApB,EAEM,OAFNqB,IAEMb,EADDW,CAAI,GAAA,CAAA;AAAA,oBAAA;oCAGXnB,EAAO,OAAA,MAAA,MAAA,EAAA;AAAA,kBAAA;;gBAKXA,EAEE,OAFFsB,IAEE;AAAA,0BADJxB,EAAmFM,GAAA,MAAAC,EAAhEC,EAAAA,MAAI,CAAXlH,YAAZ0G,EAAmF,OAAA;AAAA,oBAAzD,KAAK1G,EAAI;AAAA,oBAAM,OAAM;AAAA,kBAAA;;gBAKrCwB,GAAA,cADRkF,EAkBM,OAAA;AAAA;2BAhBA;AAAA,kBAAJ,KAAIvH;AAAA,kBACJ,OAAM;AAAA,kBACL,SAAOwC,GAAA,KAAyB;AAAA,gBAAA;kBAEjCiF,EAWM,OAXNuB,IAWM;AAAA,oBATJvB,EAIM,OAJNwB,IAIM;AAAA,sBAHJxB,EAEO,QAFPyB,IAEOjB,EADF3F,GAAA,KAAkB,GAAA,CAAA;AAAA,oBAAA;oCAIzBmF,EAAqF,OAAA,EAAhF,OAAM,wEAAA,GAAuE,MAAA,EAAA;AAAA,oCAElFA,EAA6D,OAAA,EAAxD,OAAM,mDAA+C,MAAA,EAAA;AAAA,kBAAA;;gBAK9DA,EAsEC,MAtED0B,IAsEC;AAAA,mBAlEC7B,EAAA,EAAA,GAAAC,EAiEOM,GAAA,MAAAC,EAjE6B7E,EAAA,OAAY,CAA9BpC,GAAKwF;oBAAiC,KAAAxF,EAAI;AAAA,kBAAA;oBAC9CA,EAAI,UAAUA,EAAI,OAAO,UAAUA,EAAI,gBAAvD0G,EA+DWM,GAAA,EAAA,KAAA,KAAA;AAAA,8BA7DLN,EA4CKM,GAAA,MAAAC,EA3CcjC,GAAchF,EAAI,MAAMA,EAAI,MAAM,GAAA,CAA5CiE,YADTyC,EA4CK,MAAA;AAAA,wBA1CF,KAAKzC,EAAO,MAAM,KAAE,OAAUA,EAAO,YAAYjE,EAAI;AAAA,wBACtD,OAAKsH,EAAA,CAAC,gCACE/B,EAAeC,CAAQ,CAAA,CAAA;AAAA,wBAC9B,OAAK+C,EAAA,aAAeC,EAAAC,EAAA,EAAiBxE,EAAO,QAAQ,CAAA,WAAYuE,EAAAnD,EAAA,EAAkBpB,EAAO,UAAUA,EAAO,MAAM,CAAA,EAAA;AAAA,sBAAA;wBAEjH2C,EAoCS,UAAA;AAAA,0BAnCN,gBAAOlB,EAAkBzB,EAAO,MAAM,EAAE;AAAA,0BACzC,OAAM;AAAA,0BACL,kBAAgBA,EAAO,WAAW,0BAA0BA,EAAO,YAAY,IAAA;AAAA,0BAC/E,OAAOA,EAAO,MAAM,eAAY,cAAiBA,EAAO,MAAM,YAAY,GAAGA,EAAO,MAAM,uBAAuBA,EAAO,MAAM,eAAY,EAAA,KAAA;AAAA,wBAAA;0BAE3I2C,EA6BM,OA7BN8B,IA6BM;AAAA,4BA5BJ9B,EAAiH,KAAjH+B,IAAiHvB,EAAxBnD,EAAO,MAAM,IAAI,GAAA,CAAA;AAAA,4BACzFmB,GAAUnB,EAAO,UAAUA,EAAO,MAAM,sBAAzDyC,EAqBWM,GAAA,EAAA,KAAA,KAAA;AAAA,8BApBO/C,EAAO,WAAWA,EAAO,SACvCwC,KAAAC,EAKI,KALJkC,IAKI;AAAA,gCAJFhC,EAA0E,QAAA;AAAA,kCAAnE,UAAU3C,EAAO;AAAA,gCAAA,KAAauE,EAAAK,CAAA,EAAW5E,EAAO,QAAQ,CAAA,GAAA,GAAA6E,EAAA;AAAA,kDAAW,OAE1E,EAAA;AAAA,gCAAAlC,EAAgF,QAAA;AAAA,kCAAzE,UAAU3C,EAAO;AAAA,gCAAA,KAAWuE,EAAAK,CAAA,EAAW5E,EAAO,MAAM,CAAA,GAAA,GAAA8E,EAAA;AAAA,gCAC3DnC,EAA+F,QAAA,MAAAQ,EAAtFnD,EAAO,MAAM,WAAW,iBAAiBA,EAAO,MAAM,SAAS,aAAa,GAAA,CAAA;AAAA,8BAAA,MAGpEA,EAAO,WAC1BwC,KAAAC,EAGI,KAHJsC,IAGI;AAAA,kDAH6G,WACzG,EAAA;AAAA,gCAAApC,EAA0E,QAAA;AAAA,kCAAnE,UAAU3C,EAAO;AAAA,gCAAA,KAAauE,EAAAK,CAAA,EAAW5E,EAAO,QAAQ,CAAA,GAAA,GAAAgF,EAAA;AAAA,gCACrErC,EAAwD,gBAA/C3C,EAAO,MAAM,WAAW,aAAa,GAAA,CAAA;AAAA,8BAAA,MAG7BA,EAAO,SAC1BwC,KAAAC,EAGI,KAHJwC,IAGI;AAAA,kDAH6G,SAC3G,EAAA;AAAA,gCAAAtC,EAAgF,QAAA;AAAA,kCAAzE,UAAU3C,EAAO;AAAA,gCAAA,KAAWuE,EAAAK,CAAA,EAAW5E,EAAO,MAAM,CAAA,GAAA,GAAAkF,EAAA;AAAA,gCAC/DvC,EAAsD,gBAA7C3C,EAAO,MAAM,SAAS,aAAa,GAAA,CAAA;AAAA,8BAAA;;4BAK1CA,EAAO,MAAM,sBADrByC,EAIE,QAAA;AAAA;8BAFA,OAAM;AAAA,8BACL,OAAK6B,EAAA,EAAA,iBAAqBtE,EAAO,MAAM,eAAa;AAAA,4BAAA;;;;sBAQrDgB,EAAcjF,EAAI,MAAMA,EAAI,MAAM,IAAA,UAD1C0G,EAaC,MAAA;AAAA;wBAXE,OAAKY,EAAA,CAAE/B,EAAeC,CAAQ,GACzB,aAAa,CAAA;AAAA,wBACnB,OAAA,EAAA,YAAA,aAAA;AAAA,sBAAA;wBAEAoB,EAMK,UAAA;AAAA,0BALH,OAAM;AAAA,0BACL,OAAO1B,GAAclF,EAAI,MAAMA,EAAI,MAAM;AAAA,0BACzC,SAAK,CAAAmH,MAAE1B,GAAQzF,CAAG;AAAA,wBAAA,GACpB,OACEoH,EAAGnC,EAAcjF,EAAI,MAAMA,EAAI,MAAM,CAAA,IAAI,UAChD,GAAAoJ,EAAA;AAAA,sBAAA;;;;;;;;;;;;"}

package/dist/calendars/YearCalendar.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../YearCalendar.vue_vue_type_script_setup_true_lang-BfJkvmpN.js";
+import { _ as f } from "../YearCalendar.vue_vue_type_script_setup_true_lang-C01PTLg8.js";
 export {
   f as default
 };

package/dist/charts/BarChart.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/components/charts/BarChart'
+import StachelockUI from '../src/components/charts/BarChart'
+export default StachelockUI

package/dist/charts/BarChart.js

@@ -0,0 +1,5 @@
+import { _ as f } from "../BarChart.vue_vue_type_script_setup_true_lang-Dnuzd7vZ.js";
+export {
+  f as default
+};
+//# sourceMappingURL=BarChart.js.map

package/dist/charts/BarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/charts/BaseChart.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/components/charts/BaseChart'
+import StachelockUI from '../src/components/charts/BaseChart'
+export default StachelockUI

package/dist/charts/BaseChart.js

@@ -0,0 +1,135 @@
+import { createElementBlock as c, openBlock as n, createElementVNode as s, defineComponent as b, ref as u, computed as r, onMounted as A, provide as D, normalizeStyle as S, normalizeClass as L, createBlock as f, unref as O, resolveDynamicComponent as T, toDisplayString as g } from "vue";
+import M from "vue-echarts";
+import { use as V } from "echarts/core";
+import { CanvasRenderer as Z } from "echarts/renderers";
+import { LineChart as I, BarChart as R, PieChart as j, FunnelChart as E, ScatterChart as N } from "echarts/charts";
+import { TitleComponent as $, TooltipComponent as F, LegendComponent as G, GridComponent as P, DataZoomComponent as q } from "echarts/components";
+import { chartColors as H, baseTheme as l } from "./chartTheme.js";
+import { _ as J } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+function K(d, p) {
+  return n(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    s("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z"
+    })
+  ]);
+}
+const Q = {
+  key: 1,
+  class: "sl-flex sl-items-center sl-justify-center sl-h-full"
+}, U = { class: "sl-text-center" }, W = { class: "sl-mt-2 sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white" }, X = { class: "sl-mt-1 sl-text-sm sl-text-gray-500 dark:sl-text-slate-400" }, Y = /* @__PURE__ */ b({
+  __name: "BaseChart",
+  props: {
+    option: {},
+    height: { default: 300 },
+    width: { default: "100%" },
+    autoresize: { type: Boolean, default: !0 },
+    loading: { type: Boolean, default: !1 },
+    loadingOptions: { default: () => ({}) },
+    containerClass: { default: "" },
+    theme: { default: "light" },
+    emptyTitle: { default: "No data available" },
+    emptyDescription: { default: "Data will appear here once available." },
+    emptyIcon: { default: () => K }
+  },
+  emits: ["click", "legendselectchanged", "ready"],
+  setup(d, { expose: p, emit: y }) {
+    V([
+      Z,
+      I,
+      R,
+      j,
+      E,
+      N,
+      $,
+      F,
+      G,
+      P,
+      q
+    ]);
+    const t = d, i = y, C = u(null), o = u(null), v = r(() => ({
+      height: typeof t.height == "number" ? `${t.height}px` : t.height,
+      width: typeof t.width == "number" ? `${t.width}px` : t.width
+    })), k = r(() => ({
+      text: "Loading...",
+      color: H.primary[0],
+      textColor: "#6b7280",
+      maskColor: "rgba(255, 255, 255, 0.8)",
+      ...t.loadingOptions
+    })), x = r(() => {
+      const e = t.option;
+      if (!e) return !1;
+      const a = e.series;
+      if (!a) return !1;
+      if (Array.isArray(a))
+        return a.some((z) => {
+          const m = z.data;
+          return Array.isArray(m) && m.length > 0;
+        });
+      const h = a.data;
+      return Array.isArray(h) && h.length > 0;
+    }), _ = r(() => ({
+      ...l,
+      ...t.option,
+      textStyle: {
+        ...l.textStyle || {},
+        ...t.option?.textStyle || {}
+      },
+      tooltip: {
+        ...l.tooltip || {},
+        ...t.option?.tooltip || {}
+      },
+      grid: {
+        ...l.grid || {},
+        ...t.option?.grid || {}
+      }
+    })), w = (e) => {
+      i("click", e);
+    }, B = (e) => {
+      i("legendselectchanged", e);
+    };
+    return p({
+      getChart: () => o.value?.chart,
+      resize: () => o.value?.resize(),
+      setOption: (e) => o.value?.setOption(e)
+    }), A(() => {
+      o.value?.chart && i("ready", o.value.chart);
+    }), D("chartTheme", t.theme), (e, a) => (n(), c("div", {
+      ref_key: "chartContainer",
+      ref: C,
+      class: L(e.containerClass),
+      style: S(v.value)
+    }, [
+      x.value ? (n(), f(O(M), {
+        key: 0,
+        ref_key: "chartRef",
+        ref: o,
+        option: _.value,
+        autoresize: e.autoresize,
+        loading: e.loading,
+        "loading-options": k.value,
+        onClick: w,
+        onLegendselectchanged: B
+      }, null, 8, ["option", "autoresize", "loading", "loading-options"])) : (n(), c("div", Q, [
+        s("div", U, [
+          (n(), f(T(e.emptyIcon), { class: "sl-mx-auto sl-h-12 sl-w-12 sl-text-gray-300 dark:sl-text-slate-600" })),
+          s("h3", W, g(e.emptyTitle), 1),
+          s("p", X, g(e.emptyDescription), 1)
+        ])
+      ]))
+    ], 6));
+  }
+}), ie = /* @__PURE__ */ J(Y, [["__scopeId", "data-v-7a9624c5"]]);
+export {
+  ie as default
+};
+//# sourceMappingURL=BaseChart.js.map

package/dist/charts/BaseChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseChart.js","sources":["../../node_modules/@heroicons/vue/24/outline/esm/ChartBarIcon.js","../../src/components/charts/BaseChart.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z\"\n    })\n  ]))\n}","<!--\n  @component BaseChart\n  @description Base wrapper component for ECharts.\n  \n  Provides a consistent wrapper for all chart types with loading states,\n  empty states, and theme integration.\n  \n  @props\n  - option (EChartsOption, required): ECharts configuration object\n  - height (string|number, optional): Chart height\n  - width (string|number, optional): Chart width\n  - autoresize (boolean, optional): Auto-resize on container change\n  - loading (boolean, optional): Show loading state\n  - loadingOptions (object, optional): Loading indicator options\n  - containerClass (string, optional): Additional container classes\n  - theme (string, optional): Theme variant - 'light' | 'dark'\n  - emptyTitle (string, optional): Empty state title\n  - emptyDescription (string, optional): Empty state description\n  - emptyIcon (Component, optional): Empty state icon\n  \n  @emits\n  - click: Emitted when chart element is clicked\n  - legendselectchanged: Emitted when legend selection changes\n  - ready: Emitted when chart is ready, payload is chart instance\n  \n  @example\n  <BaseChart\n    :option=\"chartOption\"\n    :height=\"400\"\n    @click=\"handleChartClick\"\n  />\n-->\n<template>\n  <div ref=\"chartContainer\" :class=\"containerClass\" :style=\"containerStyle\">\n    <VChart\n      v-if=\"hasData\"\n      ref=\"chartRef\"\n      :option=\"mergedOptions\"\n      :autoresize=\"autoresize\"\n      :loading=\"loading\"\n      :loading-options=\"computedLoadingOptions\"\n      @click=\"handleClick\"\n      @legendselectchanged=\"handleLegendChange\"\n    />\n    <!-- Empty State -->\n    <div v-else class=\"sl-flex sl-items-center sl-justify-center sl-h-full\">\n      <div class=\"sl-text-center\">\n        <component \n          :is=\"emptyIcon\" \n          class=\"sl-mx-auto sl-h-12 sl-w-12 sl-text-gray-300 dark:sl-text-slate-600\" \n        />\n        <h3 class=\"sl-mt-2 sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white\">\n          {{ emptyTitle }}\n        </h3>\n        <p class=\"sl-mt-1 sl-text-sm sl-text-gray-500 dark:sl-text-slate-400\">\n          {{ emptyDescription }}\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, provide, type Component } from 'vue';\nimport VChart from 'vue-echarts';\nimport { use } from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport {\n  LineChart,\n  BarChart,\n  PieChart,\n  FunnelChart,\n  ScatterChart,\n} from 'echarts/charts';\nimport {\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent,\n  GridComponent,\n  DataZoomComponent,\n} from 'echarts/components';\nimport type { EChartsOption } from 'echarts';\nimport { baseTheme, chartColors } from './chartTheme';\nimport { ChartBarIcon } from '@heroicons/vue/24/outline';\n\n// Register ECharts components\nuse([\n  CanvasRenderer,\n  LineChart,\n  BarChart,\n  PieChart,\n  FunnelChart,\n  ScatterChart,\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent,\n  GridComponent,\n  DataZoomComponent,\n]);\n\ninterface Props {\n  option: EChartsOption;\n  height?: string | number;\n  width?: string | number;\n  autoresize?: boolean;\n  loading?: boolean;\n  loadingOptions?: Record<string, unknown>;\n  containerClass?: string;\n  theme?: 'light' | 'dark';\n  emptyTitle?: string;\n  emptyDescription?: string;\n  emptyIcon?: Component;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  height: 300,\n  width: '100%',\n  autoresize: true,\n  loading: false,\n  loadingOptions: () => ({}),\n  containerClass: '',\n  theme: 'light',\n  emptyTitle: 'No data available',\n  emptyDescription: 'Data will appear here once available.',\n  emptyIcon: () => ChartBarIcon,\n});\n\nconst emit = defineEmits<{\n  click: [params: unknown];\n  legendselectchanged: [params: unknown];\n  ready: [chart: unknown];\n}>();\n\nconst chartContainer = ref<HTMLElement | null>(null);\nconst chartRef = ref<InstanceType<typeof VChart> | null>(null);\n\nconst containerStyle = computed(() => ({\n  height: typeof props.height === 'number' ? `${props.height}px` : props.height,\n  width: typeof props.width === 'number' ? `${props.width}px` : props.width,\n}));\n\nconst computedLoadingOptions = computed(() => ({\n  text: 'Loading...',\n  color: chartColors.primary[0],\n  textColor: '#6b7280',\n  maskColor: 'rgba(255, 255, 255, 0.8)',\n  ...props.loadingOptions,\n}));\n\nconst hasData = computed(() => {\n  const option = props.option;\n  if (!option) return false;\n  \n  const series = option.series;\n  if (!series) return false;\n  \n  if (Array.isArray(series)) {\n    return series.some(s => {\n      const data = (s as Record<string, unknown>).data;\n      return Array.isArray(data) && data.length > 0;\n    });\n  }\n  \n  const data = (series as Record<string, unknown>).data;\n  return Array.isArray(data) && data.length > 0;\n});\n\nconst mergedOptions = computed<EChartsOption>(() => {\n  return {\n    ...baseTheme,\n    ...props.option,\n    textStyle: {\n      ...(baseTheme.textStyle || {}),\n      ...((props.option as Record<string, unknown>)?.textStyle as Record<string, unknown> || {}),\n    },\n    tooltip: {\n      ...(baseTheme.tooltip || {}),\n      ...((props.option as Record<string, unknown>)?.tooltip as Record<string, unknown> || {}),\n    },\n    grid: {\n      ...(baseTheme.grid || {}),\n      ...((props.option as Record<string, unknown>)?.grid as Record<string, unknown> || {}),\n    },\n  };\n});\n\nconst handleClick = (params: unknown): void => {\n  emit('click', params);\n};\n\nconst handleLegendChange = (params: unknown): void => {\n  emit('legendselectchanged', params);\n};\n\ndefineExpose({\n  getChart: () => chartRef.value?.chart,\n  resize: () => chartRef.value?.resize(),\n  setOption: (option: EChartsOption) => chartRef.value?.setOption(option),\n});\n\nonMounted(() => {\n  if (chartRef.value?.chart) {\n    emit('ready', chartRef.value.chart);\n  }\n});\n\nprovide('chartTheme', props.theme);\n</script>\n\n<style scoped>\n:deep(.echarts) {\n  width: 100% !important;\n  height: 100% !important;\n}\n</style>\n\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","use","CanvasRenderer","LineChart","BarChart","PieChart","FunnelChart","ScatterChart","TitleComponent","TooltipComponent","LegendComponent","GridComponent","DataZoomComponent","props","__props","emit","__emit","chartContainer","ref","chartRef","containerStyle","computed","computedLoadingOptions","chartColors","hasData","option","series","s","data","mergedOptions","baseTheme","handleClick","params","handleLegendChange","__expose","onMounted","provide","containerClass","_createBlock","_unref","VChart","autoresize","loading","_hoisted_1","_hoisted_2","_resolveDynamicComponent","emptyIcon","_hoisted_3","_toDisplayString","emptyTitle","_hoisted_4","emptyDescription"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/charts/FunnelChart.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/components/charts/FunnelChart'
+import StachelockUI from '../src/components/charts/FunnelChart'
+export default StachelockUI

package/dist/charts/FunnelChart.js

@@ -0,0 +1,5 @@
+import { _ as f } from "../FunnelChart.vue_vue_type_script_setup_true_lang-B8QYlJ-s.js";
+export {
+  f as default
+};
+//# sourceMappingURL=FunnelChart.js.map

package/dist/charts/FunnelChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FunnelChart.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/charts/LineChart.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/components/charts/LineChart'
+import StachelockUI from '../src/components/charts/LineChart'
+export default StachelockUI

package/dist/charts/LineChart.js

@@ -0,0 +1,5 @@
+import { _ as f } from "../LineChart.vue_vue_type_script_setup_true_lang-DszQ-a5L.js";
+export {
+  f as default
+};
+//# sourceMappingURL=LineChart.js.map

package/dist/charts/LineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/charts/PieChart.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/components/charts/PieChart'
+import StachelockUI from '../src/components/charts/PieChart'
+export default StachelockUI

package/dist/charts/PieChart.js

@@ -0,0 +1,5 @@
+import { _ as f } from "../PieChart.vue_vue_type_script_setup_true_lang-DJRcsty7.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PieChart.js.map

package/dist/charts/PieChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/charts/SparklineChart.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/components/charts/SparklineChart'
+import StachelockUI from '../src/components/charts/SparklineChart'
+export default StachelockUI

package/dist/charts/SparklineChart.js

@@ -0,0 +1,5 @@
+import { _ as f } from "../SparklineChart.vue_vue_type_script_setup_true_lang-DDTcpEjy.js";
+export {
+  f as default
+};
+//# sourceMappingURL=SparklineChart.js.map

package/dist/charts/SparklineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparklineChart.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/charts/StatCard.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/components/charts/StatCard'
+import StachelockUI from '../src/components/charts/StatCard'
+export default StachelockUI

package/dist/charts/StatCard.js

@@ -0,0 +1,5 @@
+import { _ as f } from "../StatCard.vue_vue_type_script_setup_true_lang-DTOT0-WB.js";
+export {
+  f as default
+};
+//# sourceMappingURL=StatCard.js.map

package/dist/charts/StatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/charts/chartTheme.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/components/charts/chartTheme'
+import StachelockUI from '../src/components/charts/chartTheme'
+export default StachelockUI

package/dist/charts/chartTheme.js

@@ -0,0 +1,254 @@
+const c = {
+  900: "#0f1326",
+  800: "#1f264d",
+  700: "#2e3873",
+  600: "#3e4b9a",
+  // Primary
+  500: "#4d5ec0",
+  400: "#717ecd",
+  300: "#949ed9",
+  200: "#b8bfe6",
+  100: "#dbdff2",
+  "050": "#edeff9"
+}, l = {
+  primary: [
+    "#3e4b9a",
+    // stachelock-600
+    "#6366f1",
+    // indigo-500
+    "#8b5cf6",
+    // violet-500
+    "#a855f7",
+    // purple-500
+    "#ec4899",
+    // pink-500
+    "#f43f5e"
+    // rose-500
+  ],
+  success: "#10b981",
+  // emerald-500
+  warning: "#f59e0b",
+  // amber-500
+  danger: "#ef4444",
+  // red-500
+  info: "#3b82f6",
+  // blue-500
+  neutral: "#6b7280",
+  // gray-500
+  // Gradient colors for area charts
+  gradientStart: "rgba(62, 75, 154, 0.4)",
+  gradientEnd: "rgba(62, 75, 154, 0.05)"
+}, e = {
+  fontFamily: "Inter, system-ui, -apple-system, sans-serif",
+  title: {
+    fontSize: 16,
+    fontWeight: 600,
+    color: "#111827"
+    // gray-900
+  },
+  subtitle: {
+    fontSize: 14,
+    fontWeight: 400,
+    color: "#6b7280"
+    // gray-500
+  },
+  label: {
+    fontSize: 12,
+    fontWeight: 400,
+    color: "#374151"
+    // gray-700
+  },
+  axis: {
+    fontSize: 11,
+    fontWeight: 400,
+    color: "#9ca3af"
+    // gray-400
+  }
+}, n = {
+  color: l.primary,
+  backgroundColor: "transparent",
+  textStyle: {
+    fontFamily: e.fontFamily,
+    color: e.label.color
+  },
+  title: {
+    textStyle: {
+      color: e.title.color,
+      fontSize: e.title.fontSize,
+      fontWeight: e.title.fontWeight,
+      fontFamily: e.fontFamily
+    },
+    subtextStyle: {
+      color: e.subtitle.color,
+      fontSize: e.subtitle.fontSize,
+      fontFamily: e.fontFamily
+    },
+    left: 0,
+    top: 0
+  },
+  grid: {
+    left: 12,
+    right: 12,
+    top: 40,
+    bottom: 12,
+    containLabel: !0
+  },
+  xAxis: {
+    axisLine: {
+      show: !0,
+      lineStyle: {
+        color: "#e5e7eb"
+        // gray-200
+      }
+    },
+    axisTick: {
+      show: !1
+    },
+    axisLabel: {
+      color: e.axis.color,
+      fontSize: e.axis.fontSize,
+      fontFamily: e.fontFamily
+    },
+    splitLine: {
+      show: !1
+    }
+  },
+  yAxis: {
+    axisLine: {
+      show: !1
+    },
+    axisTick: {
+      show: !1
+    },
+    axisLabel: {
+      color: e.axis.color,
+      fontSize: e.axis.fontSize,
+      fontFamily: e.fontFamily
+    },
+    splitLine: {
+      show: !0,
+      lineStyle: {
+        color: "#f3f4f6",
+        // gray-100
+        type: "dashed"
+      }
+    }
+  },
+  legend: {
+    icon: "circle",
+    itemWidth: 8,
+    itemHeight: 8,
+    itemGap: 16,
+    textStyle: {
+      color: e.label.color,
+      fontSize: e.label.fontSize,
+      fontFamily: e.fontFamily
+    },
+    top: 0,
+    right: 0
+  },
+  tooltip: {
+    trigger: "axis",
+    backgroundColor: "#ffffff",
+    borderColor: "#e5e7eb",
+    borderWidth: 1,
+    borderRadius: 8,
+    padding: [12, 16],
+    textStyle: {
+      color: e.label.color,
+      fontSize: e.label.fontSize,
+      fontFamily: e.fontFamily
+    },
+    axisPointer: {
+      type: "line",
+      lineStyle: {
+        color: "#d1d5db",
+        // gray-300
+        type: "dashed"
+      }
+    },
+    extraCssText: "box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);"
+  }
+}, b = {
+  ...n
+}, g = {
+  ...n
+}, h = {
+  ...n
+}, x = {
+  ...n
+}, d = {
+  ...n
+}, s = (t) => {
+  const o = t.replace("#", "");
+  let i = o;
+  o.length === 3 && (i = o.split("").map((a) => a + a).join(""));
+  const r = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(i);
+  return r ? {
+    r: parseInt(r[1], 16),
+    g: parseInt(r[2], 16),
+    b: parseInt(r[3], 16)
+  } : null;
+}, f = (t, o) => {
+  if (t.startsWith("rgb")) {
+    const r = t.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+    if (r)
+      return `rgba(${r[1]}, ${r[2]}, ${r[3]}, ${o})`;
+  }
+  const i = s(t);
+  return i ? `rgba(${i.r}, ${i.g}, ${i.b}, ${o})` : `rgba(0, 0, 0, ${o})`;
+}, m = (t = l.primary[0]) => ({
+  type: "linear",
+  x: 0,
+  y: 0,
+  x2: 0,
+  y2: 1,
+  colorStops: [
+    { offset: 0, color: f(t, 0.4) },
+    { offset: 1, color: f(t, 0.05) }
+  ]
+}), y = (t) => t >= 1e9 ? (t / 1e9).toFixed(1) + "B" : t >= 1e6 ? (t / 1e6).toFixed(1) + "M" : t >= 1e3 ? (t / 1e3).toFixed(1) + "K" : t.toString(), p = (t, o = 1) => (t * 100).toFixed(o) + "%", u = (t) => {
+  if (t < 60)
+    return `${Math.round(t)}s`;
+  if (t < 3600) {
+    const r = Math.floor(t / 60), a = Math.round(t % 60);
+    return a > 0 ? `${r}m ${a}s` : `${r}m`;
+  }
+  const o = Math.floor(t / 3600), i = Math.floor(t % 3600 / 60);
+  return i > 0 ? `${o}h ${i}m` : `${o}h`;
+}, S = {
+  stachelockColors: c,
+  chartColors: l,
+  chartTypography: e,
+  baseTheme: n,
+  lineChartConfig: b,
+  areaChartConfig: g,
+  barChartConfig: h,
+  pieChartConfig: x,
+  funnelChartConfig: d,
+  hexToRgb: s,
+  toRgba: f,
+  getAreaGradient: m,
+  formatNumber: y,
+  formatPercentage: p,
+  formatDuration: u
+};
+export {
+  g as areaChartConfig,
+  h as barChartConfig,
+  n as baseTheme,
+  l as chartColors,
+  e as chartTypography,
+  S as default,
+  u as formatDuration,
+  y as formatNumber,
+  p as formatPercentage,
+  d as funnelChartConfig,
+  m as getAreaGradient,
+  s as hexToRgb,
+  b as lineChartConfig,
+  x as pieChartConfig,
+  c as stachelockColors,
+  f as toRgba
+};
+//# sourceMappingURL=chartTheme.js.map