@morscherlab/mld-sdk 0.6.0

package/dist/components/Calendar.vue.js

@@ -0,0 +1,328 @@
+import { defineComponent, ref, watch, computed, openBlock, createElementBlock, createElementVNode, renderSlot, toDisplayString, createCommentVNode, Fragment, renderList, createTextVNode, normalizeClass, normalizeStyle } from "vue";
+const _hoisted_1 = { class: "mld-calendar" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mld-calendar__header"
+};
+const _hoisted_3 = { class: "mld-calendar__title" };
+const _hoisted_4 = { class: "mld-calendar__weekdays" };
+const _hoisted_5 = { class: "mld-calendar__grid" };
+const _hoisted_6 = ["disabled", "onClick", "onMouseenter"];
+const _hoisted_7 = { class: "mld-calendar__day-number" };
+const _hoisted_8 = {
+  key: 0,
+  class: "mld-calendar__markers"
+};
+const _hoisted_9 = ["title"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Calendar",
+  props: {
+    modelValue: {},
+    selectionMode: { default: "single" },
+    month: {},
+    year: {},
+    fixedWeeks: { type: Boolean, default: true },
+    weekStartsOn: { default: 1 },
+    showOutsideDays: { type: Boolean, default: true },
+    showNavigation: { type: Boolean, default: true },
+    markers: { default: () => [] },
+    minDate: {},
+    maxDate: {},
+    disabledDates: { default: () => [] },
+    isDateDisabled: {},
+    locale: { default: "en-US" }
+  },
+  emits: ["update:modelValue", "update:month", "update:year", "day-click", "navigate"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const today = /* @__PURE__ */ new Date();
+    today.setHours(0, 0, 0, 0);
+    const currentMonth = ref(props.month ?? today.getMonth());
+    const currentYear = ref(props.year ?? today.getFullYear());
+    const hoveredDate = ref(null);
+    watch(() => props.month, (val) => {
+      if (val !== void 0) currentMonth.value = val;
+    });
+    watch(() => props.year, (val) => {
+      if (val !== void 0) currentYear.value = val;
+    });
+    const monthLabel = computed(() => {
+      const date = new Date(currentYear.value, currentMonth.value, 1);
+      return date.toLocaleDateString(props.locale, { month: "long", year: "numeric" });
+    });
+    const weekDayLabels = computed(() => {
+      const labels = [];
+      const base = new Date(2024, 0, 7 + props.weekStartsOn);
+      for (let i = 0; i < 7; i++) {
+        const d = new Date(base);
+        d.setDate(d.getDate() + i);
+        labels.push(d.toLocaleDateString(props.locale, { weekday: "short" }));
+      }
+      return labels;
+    });
+    function toDateKey(d) {
+      return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+    }
+    function parseDate(val) {
+      if (val instanceof Date) return val;
+      const d = /* @__PURE__ */ new Date(val + "T00:00:00");
+      return d;
+    }
+    function isSameDay(a, b) {
+      return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+    }
+    const disabledDateSet = computed(() => {
+      const set = /* @__PURE__ */ new Set();
+      for (const d of props.disabledDates) {
+        const parsed = parseDate(d);
+        set.add(toDateKey(parsed));
+      }
+      return set;
+    });
+    const markerMap = computed(() => {
+      const map = /* @__PURE__ */ new Map();
+      for (const marker of props.markers) {
+        const date = parseDate(marker.date);
+        const key = toDateKey(date);
+        if (!map.has(key)) map.set(key, []);
+        map.get(key).push(marker);
+      }
+      return map;
+    });
+    function isDateSelected(date) {
+      const val = props.modelValue;
+      if (!val) return false;
+      if (val instanceof Date) return isSameDay(date, val);
+      if (Array.isArray(val)) return val.some((d) => isSameDay(date, d));
+      if ("start" in val && "end" in val) {
+        return isSameDay(date, val.start) || isSameDay(date, val.end);
+      }
+      return false;
+    }
+    function isInRange(date) {
+      var _a;
+      if (props.selectionMode !== "range") return false;
+      const val = props.modelValue;
+      if (!val || !("start" in val)) return false;
+      const range = val;
+      const t = date.getTime();
+      const start = (_a = range.start) == null ? void 0 : _a.getTime();
+      if (!start) return false;
+      if (!range.end && hoveredDate.value) {
+        const hov = hoveredDate.value.getTime();
+        const [lo, hi] = start <= hov ? [start, hov] : [hov, start];
+        return t > lo && t < hi;
+      }
+      if (range.end) {
+        const end = range.end.getTime();
+        return t > start && t < end;
+      }
+      return false;
+    }
+    function isDisabled(date) {
+      var _a;
+      if (disabledDateSet.value.has(toDateKey(date))) return true;
+      if ((_a = props.isDateDisabled) == null ? void 0 : _a.call(props, date)) return true;
+      if (props.minDate) {
+        const min = parseDate(props.minDate);
+        if (date < min) return true;
+      }
+      if (props.maxDate) {
+        const max = parseDate(props.maxDate);
+        if (date > max) return true;
+      }
+      return false;
+    }
+    const calendarDays = computed(() => {
+      const first = new Date(currentYear.value, currentMonth.value, 1);
+      const startDow = first.getDay();
+      const offset = (startDow - props.weekStartsOn + 7) % 7;
+      const totalCells = props.fixedWeeks ? 42 : (() => {
+        const daysInMonth = new Date(currentYear.value, currentMonth.value + 1, 0).getDate();
+        const needed = offset + daysInMonth;
+        return Math.ceil(needed / 7) * 7;
+      })();
+      const days = [];
+      for (let i = 0; i < totalCells; i++) {
+        const date = new Date(currentYear.value, currentMonth.value, 1 - offset + i);
+        date.setHours(0, 0, 0, 0);
+        const key = toDateKey(date);
+        days.push({
+          date,
+          dayOfMonth: date.getDate(),
+          isToday: isSameDay(date, today),
+          isSelected: isDateSelected(date),
+          isInRange: isInRange(date),
+          isDisabled: isDisabled(date),
+          isOutsideMonth: date.getMonth() !== currentMonth.value,
+          markers: markerMap.value.get(key) ?? []
+        });
+      }
+      return days;
+    });
+    const rangeStart = ref(null);
+    function handleDayClick(day) {
+      if (day.isDisabled) return;
+      if (!props.showOutsideDays && day.isOutsideMonth) return;
+      emit("day-click", day);
+      if (props.selectionMode === "none") return;
+      if (props.selectionMode === "single") {
+        emit("update:modelValue", day.date);
+      } else if (props.selectionMode === "multiple") {
+        const current = props.modelValue ?? [];
+        const idx = current.findIndex((d) => isSameDay(d, day.date));
+        if (idx >= 0) {
+          const next = [...current];
+          next.splice(idx, 1);
+          emit("update:modelValue", next);
+        } else {
+          emit("update:modelValue", [...current, day.date]);
+        }
+      } else if (props.selectionMode === "range") {
+        if (!rangeStart.value) {
+          rangeStart.value = day.date;
+        } else {
+          const start = rangeStart.value;
+          const end = day.date;
+          rangeStart.value = null;
+          const ordered = start.getTime() <= end.getTime() ? { start, end } : { start: end, end: start };
+          emit("update:modelValue", ordered);
+        }
+      }
+    }
+    function handleDayHover(day) {
+      if (props.selectionMode === "range" && rangeStart.value) {
+        hoveredDate.value = day.date;
+      }
+    }
+    function prevMonth() {
+      if (currentMonth.value === 0) {
+        currentMonth.value = 11;
+        currentYear.value--;
+        emit("update:year", currentYear.value);
+      } else {
+        currentMonth.value--;
+      }
+      emit("update:month", currentMonth.value);
+      emit("navigate", "prev", currentMonth.value, currentYear.value);
+    }
+    function nextMonth() {
+      if (currentMonth.value === 11) {
+        currentMonth.value = 0;
+        currentYear.value++;
+        emit("update:year", currentYear.value);
+      } else {
+        currentMonth.value++;
+      }
+      emit("update:month", currentMonth.value);
+      emit("navigate", "next", currentMonth.value, currentYear.value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.showNavigation ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("button", {
+            type: "button",
+            class: "mld-calendar__nav-btn",
+            "aria-label": "Previous month",
+            onClick: prevMonth
+          }, [..._cache[0] || (_cache[0] = [
+            createElementVNode("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              createElementVNode("path", { d: "m15 18-6-6 6-6" })
+            ], -1)
+          ])]),
+          renderSlot(_ctx.$slots, "header", {
+            month: currentMonth.value,
+            year: currentYear.value,
+            prevMonth,
+            nextMonth
+          }, () => [
+            createElementVNode("span", _hoisted_3, toDisplayString(monthLabel.value), 1)
+          ]),
+          createElementVNode("button", {
+            type: "button",
+            class: "mld-calendar__nav-btn",
+            "aria-label": "Next month",
+            onClick: nextMonth
+          }, [..._cache[1] || (_cache[1] = [
+            createElementVNode("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              createElementVNode("path", { d: "m9 18 6-6-6-6" })
+            ], -1)
+          ])])
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_4, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(weekDayLabels.value, (label, i) => {
+            return openBlock(), createElementBlock("span", {
+              key: i,
+              class: "mld-calendar__weekday"
+            }, [
+              renderSlot(_ctx.$slots, "week-day", {
+                dayName: label,
+                index: i
+              }, () => [
+                createTextVNode(toDisplayString(label), 1)
+              ])
+            ]);
+          }), 128))
+        ]),
+        createElementVNode("div", _hoisted_5, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(calendarDays.value, (day, i) => {
+            return openBlock(), createElementBlock("button", {
+              key: i,
+              type: "button",
+              disabled: day.isDisabled,
+              class: normalizeClass([
+                "mld-calendar__day",
+                {
+                  "mld-calendar__day--today": day.isToday,
+                  "mld-calendar__day--selected": day.isSelected,
+                  "mld-calendar__day--in-range": day.isInRange,
+                  "mld-calendar__day--disabled": day.isDisabled,
+                  "mld-calendar__day--outside": day.isOutsideMonth,
+                  "mld-calendar__day--interactive": __props.selectionMode !== "none" && !day.isDisabled
+                }
+              ]),
+              onClick: ($event) => handleDayClick(day),
+              onMouseenter: ($event) => handleDayHover(day)
+            }, [
+              renderSlot(_ctx.$slots, "day-content", { day }, () => [
+                createElementVNode("span", _hoisted_7, toDisplayString(day.dayOfMonth), 1),
+                day.markers.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(day.markers.slice(0, 3), (marker, mi) => {
+                    return openBlock(), createElementBlock("span", {
+                      key: mi,
+                      class: normalizeClass([
+                        "mld-calendar__marker",
+                        `mld-calendar__marker--${marker.type ?? "dot"}`
+                      ]),
+                      style: normalizeStyle(marker.color ? { "--marker-color": marker.color } : {}),
+                      title: marker.label
+                    }, null, 14, _hoisted_9);
+                  }), 128))
+                ])) : createCommentVNode("", true)
+              ])
+            ], 42, _hoisted_6);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Calendar.vue.js.map

package/dist/components/Calendar.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.vue.js","sources":["../../src/components/Calendar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue'\nimport type { CalendarSelectionMode, CalendarMarker, CalendarDayContext } from '../types'\n\n/**\n * Calendar - Month calendar with date selection, range selection, and custom markers.\n *\n * @example\n * ```vue\n * <!-- Single date selection -->\n * <Calendar v-model=\"selectedDate\" />\n *\n * <!-- Range selection -->\n * <Calendar v-model=\"dateRange\" selection-mode=\"range\" />\n *\n * <!-- With markers -->\n * <Calendar :markers=\"[{ date: '2024-01-15', color: '#ff0000', label: 'Event' }]\" />\n * ```\n */\ninterface Props {\n  /** Selected date(s) - type depends on selectionMode */\n  modelValue?: Date | Date[] | { start: Date; end: Date } | null\n  /** Selection behavior mode */\n  selectionMode?: CalendarSelectionMode\n  /** Display month (0-11) */\n  month?: number\n  /** Display year */\n  year?: number\n  /** Always show 6 weeks (42 days) */\n  fixedWeeks?: boolean\n  /** First day of week (0=Sunday, 1=Monday, etc.) */\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6\n  /** Show days from adjacent months */\n  showOutsideDays?: boolean\n  /** Show month navigation buttons */\n  showNavigation?: boolean\n  /** Visual markers on specific dates */\n  markers?: CalendarMarker[]\n  /** Earliest selectable date */\n  minDate?: Date | string\n  /** Latest selectable date */\n  maxDate?: Date | string\n  /** Explicitly disabled dates */\n  disabledDates?: Array<Date | string>\n  /** Custom disabled date logic */\n  isDateDisabled?: (date: Date) => boolean\n  /** Locale for date formatting */\n  locale?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  selectionMode: 'single',\n  fixedWeeks: true,\n  weekStartsOn: 1,\n  showOutsideDays: true,\n  showNavigation: true,\n  markers: () => [],\n  disabledDates: () => [],\n  locale: 'en-US',\n})\n\n/**\n * @event update:modelValue - Emitted when date selection changes (v-model support)\n * @event update:month - Emitted when displayed month changes\n * @event update:year - Emitted when displayed year changes\n * @event day-click - Emitted when a day is clicked, includes day context\n * @event navigate - Emitted when month navigation occurs\n */\nconst emit = defineEmits<{\n  'update:modelValue': [value: Date | Date[] | { start: Date; end: Date } | null]\n  'update:month': [month: number]\n  'update:year': [year: number]\n  'day-click': [context: CalendarDayContext]\n  navigate: [direction: 'prev' | 'next', month: number, year: number]\n}>()\n\nconst today = new Date()\ntoday.setHours(0, 0, 0, 0)\n\nconst currentMonth = ref(props.month ?? today.getMonth())\nconst currentYear = ref(props.year ?? today.getFullYear())\n\n// Range hover tracking\nconst hoveredDate = ref<Date | null>(null)\n\nwatch(() => props.month, (val) => { if (val !== undefined) currentMonth.value = val })\nwatch(() => props.year, (val) => { if (val !== undefined) currentYear.value = val })\n\nconst monthLabel = computed(() => {\n  const date = new Date(currentYear.value, currentMonth.value, 1)\n  return date.toLocaleDateString(props.locale, { month: 'long', year: 'numeric' })\n})\n\nconst weekDayLabels = computed(() => {\n  const labels: string[] = []\n  // Use Jan 7, 2024 (Sunday) as reference, then offset by weekStartsOn\n  const base = new Date(2024, 0, 7 + props.weekStartsOn)\n  for (let i = 0; i < 7; i++) {\n    const d = new Date(base)\n    d.setDate(d.getDate() + i)\n    labels.push(d.toLocaleDateString(props.locale, { weekday: 'short' }))\n  }\n  return labels\n})\n\nfunction toDateKey(d: Date): string {\n  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`\n}\n\nfunction parseDate(val: Date | string): Date {\n  if (val instanceof Date) return val\n  const d = new Date(val + 'T00:00:00')\n  return d\n}\n\nfunction isSameDay(a: Date, b: Date): boolean {\n  return a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n}\n\nconst disabledDateSet = computed(() => {\n  const set = new Set<string>()\n  for (const d of props.disabledDates) {\n    const parsed = parseDate(d)\n    set.add(toDateKey(parsed))\n  }\n  return set\n})\n\nconst markerMap = computed(() => {\n  const map = new Map<string, CalendarMarker[]>()\n  for (const marker of props.markers) {\n    const date = parseDate(marker.date)\n    const key = toDateKey(date)\n    if (!map.has(key)) map.set(key, [])\n    map.get(key)!.push(marker)\n  }\n  return map\n})\n\nfunction isDateSelected(date: Date): boolean {\n  const val = props.modelValue\n  if (!val) return false\n  if (val instanceof Date) return isSameDay(date, val)\n  if (Array.isArray(val)) return val.some(d => isSameDay(date, d))\n  if ('start' in val && 'end' in val) {\n    return isSameDay(date, val.start) || isSameDay(date, val.end)\n  }\n  return false\n}\n\nfunction isInRange(date: Date): boolean {\n  if (props.selectionMode !== 'range') return false\n  const val = props.modelValue\n  if (!val || !('start' in (val as object))) return false\n  const range = val as { start: Date; end: Date }\n\n  const t = date.getTime()\n  const start = range.start?.getTime()\n  if (!start) return false\n\n  // If hovering during selection (before end is set)\n  if (!range.end && hoveredDate.value) {\n    const hov = hoveredDate.value.getTime()\n    const [lo, hi] = start <= hov ? [start, hov] : [hov, start]\n    return t > lo && t < hi\n  }\n\n  // Complete range\n  if (range.end) {\n    const end = range.end.getTime()\n    return t > start && t < end\n  }\n\n  return false\n}\n\nfunction isDisabled(date: Date): boolean {\n  if (disabledDateSet.value.has(toDateKey(date))) return true\n  if (props.isDateDisabled?.(date)) return true\n  if (props.minDate) {\n    const min = parseDate(props.minDate)\n    if (date < min) return true\n  }\n  if (props.maxDate) {\n    const max = parseDate(props.maxDate)\n    if (date > max) return true\n  }\n  return false\n}\n\nconst calendarDays = computed<CalendarDayContext[]>(() => {\n  const first = new Date(currentYear.value, currentMonth.value, 1)\n  const startDow = first.getDay()\n  const offset = (startDow - props.weekStartsOn + 7) % 7\n\n  const totalCells = props.fixedWeeks ? 42 : (() => {\n    const daysInMonth = new Date(currentYear.value, currentMonth.value + 1, 0).getDate()\n    const needed = offset + daysInMonth\n    return Math.ceil(needed / 7) * 7\n  })()\n\n  const days: CalendarDayContext[] = []\n  for (let i = 0; i < totalCells; i++) {\n    const date = new Date(currentYear.value, currentMonth.value, 1 - offset + i)\n    date.setHours(0, 0, 0, 0)\n    const key = toDateKey(date)\n    days.push({\n      date,\n      dayOfMonth: date.getDate(),\n      isToday: isSameDay(date, today),\n      isSelected: isDateSelected(date),\n      isInRange: isInRange(date),\n      isDisabled: isDisabled(date),\n      isOutsideMonth: date.getMonth() !== currentMonth.value,\n      markers: markerMap.value.get(key) ?? [],\n    })\n  }\n  return days\n})\n\n// Range selection state\nconst rangeStart = ref<Date | null>(null)\n\nfunction handleDayClick(day: CalendarDayContext) {\n  if (day.isDisabled) return\n  if (!props.showOutsideDays && day.isOutsideMonth) return\n\n  emit('day-click', day)\n\n  if (props.selectionMode === 'none') return\n\n  if (props.selectionMode === 'single') {\n    emit('update:modelValue', day.date)\n  } else if (props.selectionMode === 'multiple') {\n    const current = (props.modelValue as Date[] | undefined) ?? []\n    const idx = current.findIndex(d => isSameDay(d, day.date))\n    if (idx >= 0) {\n      const next = [...current]\n      next.splice(idx, 1)\n      emit('update:modelValue', next)\n    } else {\n      emit('update:modelValue', [...current, day.date])\n    }\n  } else if (props.selectionMode === 'range') {\n    if (!rangeStart.value) {\n      rangeStart.value = day.date\n    } else {\n      const start = rangeStart.value\n      const end = day.date\n      rangeStart.value = null\n      const ordered = start.getTime() <= end.getTime()\n        ? { start, end }\n        : { start: end, end: start }\n      emit('update:modelValue', ordered)\n    }\n  }\n}\n\nfunction handleDayHover(day: CalendarDayContext) {\n  if (props.selectionMode === 'range' && rangeStart.value) {\n    hoveredDate.value = day.date\n  }\n}\n\nfunction prevMonth() {\n  if (currentMonth.value === 0) {\n    currentMonth.value = 11\n    currentYear.value--\n    emit('update:year', currentYear.value)\n  } else {\n    currentMonth.value--\n  }\n  emit('update:month', currentMonth.value)\n  emit('navigate', 'prev', currentMonth.value, currentYear.value)\n}\n\nfunction nextMonth() {\n  if (currentMonth.value === 11) {\n    currentMonth.value = 0\n    currentYear.value++\n    emit('update:year', currentYear.value)\n  } else {\n    currentMonth.value++\n  }\n  emit('update:month', currentMonth.value)\n  emit('navigate', 'next', currentMonth.value, currentYear.value)\n}\n</script>\n\n<template>\n  <div class=\"mld-calendar\">\n    <div v-if=\"showNavigation\" class=\"mld-calendar__header\">\n      <button type=\"button\" class=\"mld-calendar__nav-btn\" aria-label=\"Previous month\" @click=\"prevMonth\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"m15 18-6-6 6-6\" />\n        </svg>\n      </button>\n      <slot name=\"header\" :month=\"currentMonth\" :year=\"currentYear\" :prev-month=\"prevMonth\" :next-month=\"nextMonth\">\n        <span class=\"mld-calendar__title\">{{ monthLabel }}</span>\n      </slot>\n      <button type=\"button\" class=\"mld-calendar__nav-btn\" aria-label=\"Next month\" @click=\"nextMonth\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"m9 18 6-6-6-6\" />\n        </svg>\n      </button>\n    </div>\n\n    <div class=\"mld-calendar__weekdays\">\n      <span\n        v-for=\"(label, i) in weekDayLabels\"\n        :key=\"i\"\n        class=\"mld-calendar__weekday\"\n      >\n        <slot name=\"week-day\" :day-name=\"label\" :index=\"i\">{{ label }}</slot>\n      </span>\n    </div>\n\n    <div class=\"mld-calendar__grid\">\n      <button\n        v-for=\"(day, i) in calendarDays\"\n        :key=\"i\"\n        type=\"button\"\n        :disabled=\"day.isDisabled\"\n        :class=\"[\n          'mld-calendar__day',\n          {\n            'mld-calendar__day--today': day.isToday,\n            'mld-calendar__day--selected': day.isSelected,\n            'mld-calendar__day--in-range': day.isInRange,\n            'mld-calendar__day--disabled': day.isDisabled,\n            'mld-calendar__day--outside': day.isOutsideMonth,\n            'mld-calendar__day--interactive': selectionMode !== 'none' && !day.isDisabled,\n          },\n        ]\"\n        @click=\"handleDayClick(day)\"\n        @mouseenter=\"handleDayHover(day)\"\n      >\n        <slot name=\"day-content\" :day=\"day\">\n          <span class=\"mld-calendar__day-number\">{{ day.dayOfMonth }}</span>\n          <div v-if=\"day.markers.length > 0\" class=\"mld-calendar__markers\">\n            <span\n              v-for=\"(marker, mi) in day.markers.slice(0, 3)\"\n              :key=\"mi\"\n              :class=\"[\n                'mld-calendar__marker',\n                `mld-calendar__marker--${marker.type ?? 'dot'}`,\n              ]\"\n              :style=\"marker.color ? { '--marker-color': marker.color } : {}\"\n              :title=\"marker.label\"\n            />\n          </div>\n        </slot>\n      </button>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/calendar.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_toDisplayString","_Fragment","_renderList","_normalizeClass"],"mappings":"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"}

package/dist/components/Calendar.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./Calendar.vue.js";
+/* empty css              */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Calendar.vue3.js.map

package/dist/components/Calendar.vue3.js.map

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

package/dist/components/ChartContainer.vue.d.ts

@@ -0,0 +1,31 @@
+interface Props {
+    title?: string;
+    description?: string;
+    loading?: boolean;
+    empty?: boolean;
+    emptyMessage?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        toolbar?(_: {}): any;
+        empty?(_: {}): any;
+        default?(_: {}): any;
+        legend?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    empty: boolean;
+    loading: boolean;
+    emptyMessage: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ChartContainer.vue.js

@@ -0,0 +1,78 @@
+import { defineComponent, openBlock, createElementBlock, toDisplayString, createCommentVNode, renderSlot, createElementVNode, createVNode } from "vue";
+import _sfc_main$1 from "./LoadingSpinner.vue.js";
+/* empty css                    */
+import _sfc_main$2 from "./EmptyState.vue.js";
+/* empty css                */
+const _hoisted_1 = { class: "mld-chart" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mld-chart__header"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "mld-chart__header-text"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "mld-chart__title"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "mld-chart__description"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "mld-chart__toolbar"
+};
+const _hoisted_7 = { class: "mld-chart__body" };
+const _hoisted_8 = {
+  key: 0,
+  class: "mld-chart__loading-overlay"
+};
+const _hoisted_9 = {
+  key: 1,
+  class: "mld-chart__legend"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChartContainer",
+  props: {
+    title: {},
+    description: {},
+    loading: { type: Boolean, default: false },
+    empty: { type: Boolean, default: false },
+    emptyMessage: { default: "No data available" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.title || __props.description || _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          __props.title || __props.description ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            __props.title ? (openBlock(), createElementBlock("h3", _hoisted_4, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+            __props.description ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(__props.description), 1)) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
+          _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            renderSlot(_ctx.$slots, "toolbar")
+          ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_7, [
+          __props.loading ? (openBlock(), createElementBlock("div", _hoisted_8, [
+            createVNode(_sfc_main$1, { size: "lg" })
+          ])) : __props.empty ? renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
+            createVNode(_sfc_main$2, {
+              title: __props.emptyMessage,
+              size: "sm",
+              "icon-path": "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 013 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 01-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 01-1.125-1.125V4.125z"
+            }, null, 8, ["title"])
+          ]) : renderSlot(_ctx.$slots, "default", { key: 2 })
+        ]),
+        _ctx.$slots.legend ? (openBlock(), createElementBlock("div", _hoisted_9, [
+          renderSlot(_ctx.$slots, "legend")
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ChartContainer.vue.js.map

package/dist/components/ChartContainer.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartContainer.vue.js","sources":["../../src/components/ChartContainer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport LoadingSpinner from './LoadingSpinner.vue'\nimport EmptyState from './EmptyState.vue'\n\ninterface Props {\n  title?: string\n  description?: string\n  loading?: boolean\n  empty?: boolean\n  emptyMessage?: string\n}\n\nwithDefaults(defineProps<Props>(), {\n  loading: false,\n  empty: false,\n  emptyMessage: 'No data available',\n})\n</script>\n\n<template>\n  <div class=\"mld-chart\">\n    <div v-if=\"title || description || $slots.toolbar\" class=\"mld-chart__header\">\n      <div v-if=\"title || description\" class=\"mld-chart__header-text\">\n        <h3 v-if=\"title\" class=\"mld-chart__title\">{{ title }}</h3>\n        <p v-if=\"description\" class=\"mld-chart__description\">{{ description }}</p>\n      </div>\n      <div v-if=\"$slots.toolbar\" class=\"mld-chart__toolbar\">\n        <slot name=\"toolbar\" />\n      </div>\n    </div>\n\n    <div class=\"mld-chart__body\">\n      <!-- Loading overlay -->\n      <div v-if=\"loading\" class=\"mld-chart__loading-overlay\">\n        <LoadingSpinner size=\"lg\" />\n      </div>\n\n      <!-- Empty state -->\n      <template v-else-if=\"empty\">\n        <slot name=\"empty\">\n          <EmptyState\n            :title=\"emptyMessage\"\n            size=\"sm\"\n            icon-path=\"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 013 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 01-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 01-1.125-1.125V4.125z\"\n          />\n        </slot>\n      </template>\n\n      <!-- Chart content -->\n      <template v-else>\n        <slot />\n      </template>\n    </div>\n\n    <div v-if=\"$slots.legend\" class=\"mld-chart__legend\">\n      <slot name=\"legend\" />\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/chart-container.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","$slots","_toDisplayString","_renderSlot","_createElementVNode","_createVNode","LoadingSpinner","EmptyState"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBE,aAAAA,UAAA,GAAAC,mBAqCM,OArCN,YAqCM;AAAA,QApCO,QAAA,SAAS,QAAA,eAAeC,KAAAA,OAAO,WAA1CF,UAAA,GAAAC,mBAQM,OARN,YAQM;AAAA,UAPO,QAAA,SAAS,QAAA,eAApBD,aAAAC,mBAGM,OAHN,YAGM;AAAA,YAFM,QAAA,sBAAVA,mBAA0D,MAA1D,YAA0DE,gBAAb,QAAA,KAAK,GAAA,CAAA;YACzC,QAAA,4BAATF,mBAA0E,KAA1E,YAA0EE,gBAAlB,QAAA,WAAW,GAAA,CAAA;;UAE1DD,KAAAA,OAAO,WAAlBF,aAAAC,mBAEM,OAFN,YAEM;AAAA,YADJG,WAAuB,KAAA,QAAA,SAAA;AAAA,UAAA;;QAI3BC,mBAqBM,OArBN,YAqBM;AAAA,UAnBO,QAAA,WAAXL,UAAA,GAAAC,mBAEM,OAFN,YAEM;AAAA,YADJK,YAA4BC,aAAA,EAAZ,MAAK,MAAI;AAAA,UAAA,MAIN,QAAA,QACnBH,WAMO,kCANP,MAMO;AAAA,YALLE,YAIEE,aAAA;AAAA,cAHC,OAAO,QAAA;AAAA,cACR,MAAK;AAAA,cACL,aAAU;AAAA,YAAA;eAOdJ,WAAQ,KAAA,QAAA,WAAA,EAAA,KAAA,EAAA,CAAA;AAAA,QAAA;QAIDF,KAAAA,OAAO,UAAlBF,aAAAC,mBAEM,OAFN,YAEM;AAAA,UADJG,WAAsB,KAAA,QAAA,QAAA;AAAA,QAAA;;;;;"}

package/dist/components/ChartContainer.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./ChartContainer.vue.js";
+/* empty css                    */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ChartContainer.vue3.js.map

package/dist/components/ChartContainer.vue3.js.map

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

package/dist/components/ChemicalFormula.vue.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    formula: string;
+    inline?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    inline: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/ChemicalFormula.vue.js

@@ -0,0 +1,57 @@
+import { defineComponent, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
+import { useChemicalFormula } from "../composables/useChemicalFormula.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "mld-chem-formula__element"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "mld-chem-formula__subscript"
+};
+const _hoisted_3 = {
+  key: 2,
+  class: "mld-chem-formula__superscript"
+};
+const _hoisted_4 = {
+  key: 3,
+  class: "mld-chem-formula__paren"
+};
+const _hoisted_5 = {
+  key: 4,
+  class: "mld-chem-formula__dot"
+};
+const _hoisted_6 = {
+  key: 5,
+  class: "mld-chem-formula__charge"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChemicalFormula",
+  props: {
+    formula: {},
+    inline: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const { renderFormulaParts } = useChemicalFormula();
+    function getParts(f) {
+      return renderFormulaParts(f);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.inline ? "span" : "div"), {
+        class: normalizeClass(["mld-chem-formula", !__props.inline ? "mld-chem-formula--block" : ""])
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(getParts(__props.formula), (part, i) => {
+            return openBlock(), createElementBlock(Fragment, { key: i }, [
+              part.type === "element" ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(part.text), 1)) : part.type === "subscript" ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(part.text), 1)) : part.type === "superscript" ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(part.text), 1)) : part.type === "paren" ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(part.text), 1)) : part.type === "dot" ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(part.text), 1)) : part.type === "charge" ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(part.text), 1)) : createCommentVNode("", true)
+            ], 64);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ChemicalFormula.vue.js.map

package/dist/components/ChemicalFormula.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChemicalFormula.vue.js","sources":["../../src/components/ChemicalFormula.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useChemicalFormula, type FormulaPart } from '../composables/useChemicalFormula'\n\ninterface Props {\n  formula: string\n  inline?: boolean\n}\n\nwithDefaults(defineProps<Props>(), {\n  inline: true,\n})\n\nconst { renderFormulaParts } = useChemicalFormula()\n\nfunction getParts(f: string): FormulaPart[] {\n  return renderFormulaParts(f)\n}\n</script>\n\n<template>\n  <component\n    :is=\"inline ? 'span' : 'div'\"\n    :class=\"['mld-chem-formula', !inline ? 'mld-chem-formula--block' : '']\"\n  >\n    <template v-for=\"(part, i) in getParts(formula)\" :key=\"i\">\n      <span v-if=\"part.type === 'element'\" class=\"mld-chem-formula__element\">{{ part.text }}</span>\n      <span v-else-if=\"part.type === 'subscript'\" class=\"mld-chem-formula__subscript\">{{ part.text }}</span>\n      <span v-else-if=\"part.type === 'superscript'\" class=\"mld-chem-formula__superscript\">{{ part.text }}</span>\n      <span v-else-if=\"part.type === 'paren'\" class=\"mld-chem-formula__paren\">{{ part.text }}</span>\n      <span v-else-if=\"part.type === 'dot'\" class=\"mld-chem-formula__dot\">{{ part.text }}</span>\n      <span v-else-if=\"part.type === 'charge'\" class=\"mld-chem-formula__charge\">{{ part.text }}</span>\n    </template>\n  </component>\n</template>\n\n<style>\n@import '../styles/components/chemical-formula.css';\n</style>\n"],"names":["_openBlock","_createBlock","_resolveDynamicComponent","_createElementBlock","_Fragment","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAM,EAAE,mBAAA,IAAuB,mBAAA;AAE/B,aAAS,SAAS,GAA0B;AAC1C,aAAO,mBAAmB,CAAC;AAAA,IAC7B;;AAIE,aAAAA,UAAA,GAAAC,YAYYC,wBAXL,QAAA,SAAM,SAAA,KAAA,GAAA;AAAA,QACV,4CAA6B,QAAA,SAAM,4BAAA,EAAA,CAAA;AAAA,MAAA;yBAE1B,MAAsC;AAAA,WAAhDF,UAAA,IAAA,GAAAG,mBAOWC,2BAPmB,SAAS,eAAO,GAAA,CAA5B,MAAM,MAAC;oEAA8B,KAAC;AAAA,cAC1C,KAAK,SAAI,aAArBJ,aAAAG,mBAA6F,QAA7F,YAA6FE,gBAAnB,KAAK,IAAI,GAAA,CAAA,KAClE,KAAK,SAAI,eAA1BL,aAAAG,mBAAsG,QAAtG,YAAsGE,gBAAnB,KAAK,IAAI,GAAA,CAAA,KAC3E,KAAK,SAAI,iBAA1BL,aAAAG,mBAA0G,QAA1G,YAA0GE,gBAAnB,KAAK,IAAI,GAAA,CAAA,KAC/E,KAAK,SAAI,WAA1BL,aAAAG,mBAA8F,QAA9F,YAA8FE,gBAAnB,KAAK,IAAI,GAAA,CAAA,KACnE,KAAK,SAAI,SAA1BL,aAAAG,mBAA0F,QAA1F,YAA0FE,gBAAnB,KAAK,IAAI,GAAA,CAAA,KAC/D,KAAK,SAAI,YAA1BL,aAAAG,mBAAgG,QAAhG,YAAgGE,gBAAnB,KAAK,IAAI,GAAA,CAAA;;;;;;;;;"}

package/dist/components/ChemicalFormula.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./ChemicalFormula.vue.js";
+/* empty css                     */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ChemicalFormula.vue3.js.map

package/dist/components/ChemicalFormula.vue3.js.map

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

package/dist/components/CollapsibleCard.vue.d.ts

@@ -0,0 +1,39 @@
+interface Props {
+    title: string;
+    subtitle?: string;
+    defaultOpen?: boolean;
+    disabled?: boolean;
+    icon?: string | string[];
+    iconColor?: string;
+    iconBg?: string;
+    showToggle?: boolean;
+    toggleValue?: boolean;
+    toggleColor?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:toggleValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:toggleValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    defaultOpen: boolean;
+    showToggle: boolean;
+    toggleValue: boolean;
+    toggleColor: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};