@morscherlab/mld-sdk 0.6.0

package/dist/components/DateTimePicker.vue.js

@@ -0,0 +1,413 @@
+import { defineComponent, ref, computed, watch, nextTick, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeClass, createVNode, Transition, withCtx, toDisplayString, Fragment, renderList, unref, createCommentVNode } from "vue";
+import { formatTime, generateTimeSlots, parseTime } from "../composables/useTimeUtils.js";
+const _hoisted_1 = { class: "mld-datetime-picker__input-wrapper" };
+const _hoisted_2 = ["value", "placeholder", "disabled"];
+const _hoisted_3 = {
+  key: 0,
+  class: "mld-datetime-picker__dropdown",
+  role: "dialog",
+  "aria-modal": "true",
+  "aria-label": "Date and time picker"
+};
+const _hoisted_4 = { class: "mld-datetime-picker__calendar-section" };
+const _hoisted_5 = { class: "mld-date-picker__header" };
+const _hoisted_6 = { class: "mld-date-picker__month-year" };
+const _hoisted_7 = { class: "mld-date-picker__weekdays" };
+const _hoisted_8 = { class: "mld-date-picker__grid" };
+const _hoisted_9 = ["disabled", "onClick"];
+const _hoisted_10 = { class: "mld-datetime-picker__time-section" };
+const _hoisted_11 = { class: "mld-datetime-picker__time-grid" };
+const _hoisted_12 = ["disabled", "onClick"];
+const _hoisted_13 = { class: "mld-datetime-picker__footer" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DateTimePicker",
+  props: {
+    modelValue: {},
+    placeholder: { default: "Select date & time" },
+    disabled: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    size: { default: "md" },
+    min: {},
+    max: {},
+    timeStep: { default: 15 },
+    timeFormat: { default: "24h" },
+    clearable: { type: Boolean, default: false },
+    locale: { default: "en-US" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isOpen = ref(false);
+    const containerRef = ref();
+    const selectedDate = computed(() => {
+      if (!props.modelValue) return null;
+      const d = new Date(props.modelValue);
+      return isNaN(d.getTime()) ? null : d;
+    });
+    const selectedDateStr = computed(() => {
+      if (!selectedDate.value) return null;
+      const y = selectedDate.value.getFullYear();
+      const m = String(selectedDate.value.getMonth() + 1).padStart(2, "0");
+      const d = String(selectedDate.value.getDate()).padStart(2, "0");
+      return `${y}-${m}-${d}`;
+    });
+    const selectedTimeStr = computed(() => {
+      if (!selectedDate.value) return null;
+      return formatTime(selectedDate.value.getHours(), selectedDate.value.getMinutes());
+    });
+    const displayValue = computed(() => {
+      if (!selectedDate.value) return "";
+      const dateStr = selectedDate.value.toLocaleDateString(props.locale, {
+        year: "numeric",
+        month: "short",
+        day: "numeric"
+      });
+      const timeStr = formatTime(
+        selectedDate.value.getHours(),
+        selectedDate.value.getMinutes(),
+        props.timeFormat
+      );
+      return `${dateStr} ${timeStr}`;
+    });
+    const currentMonth = ref(/* @__PURE__ */ new Date());
+    const weekDays = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+    const calendarDays = computed(() => {
+      const year = currentMonth.value.getFullYear();
+      const month = currentMonth.value.getMonth();
+      const firstDay = new Date(year, month, 1);
+      const lastDay = new Date(year, month + 1, 0);
+      const days = [];
+      const startPadding = firstDay.getDay();
+      for (let i = startPadding - 1; i >= 0; i--) {
+        const date = new Date(year, month, -i);
+        days.push({ date, isCurrentMonth: false, isDisabled: isDateDisabled(date) });
+      }
+      for (let i = 1; i <= lastDay.getDate(); i++) {
+        const date = new Date(year, month, i);
+        days.push({ date, isCurrentMonth: true, isDisabled: isDateDisabled(date) });
+      }
+      const endPadding = 42 - days.length;
+      for (let i = 1; i <= endPadding; i++) {
+        const date = new Date(year, month + 1, i);
+        days.push({ date, isCurrentMonth: false, isDisabled: isDateDisabled(date) });
+      }
+      return days;
+    });
+    const timeSlots = computed(() => {
+      return generateTimeSlots("00:00", "23:59", props.timeStep);
+    });
+    const monthYear = computed(() => {
+      return currentMonth.value.toLocaleDateString(props.locale, {
+        year: "numeric",
+        month: "long"
+      });
+    });
+    function isDateDisabled(date) {
+      if (props.min) {
+        const minDate = new Date(props.min);
+        minDate.setHours(0, 0, 0, 0);
+        const check = new Date(date);
+        check.setHours(0, 0, 0, 0);
+        if (check < minDate) return true;
+      }
+      if (props.max) {
+        const maxDate = new Date(props.max);
+        maxDate.setHours(23, 59, 59, 999);
+        const check = new Date(date);
+        check.setHours(23, 59, 59, 999);
+        if (check > maxDate) return true;
+      }
+      return false;
+    }
+    function isTimeDisabled(time) {
+      if (!selectedDateStr.value) return false;
+      const { hour, minute } = parseTime(time);
+      if (props.min) {
+        const minDate = new Date(props.min);
+        if (selectedDateStr.value === formatDateStr(minDate)) {
+          const minMin = minDate.getHours() * 60 + minDate.getMinutes();
+          if (hour * 60 + minute < minMin) return true;
+        }
+      }
+      if (props.max) {
+        const maxDate = new Date(props.max);
+        if (selectedDateStr.value === formatDateStr(maxDate)) {
+          const maxMin = maxDate.getHours() * 60 + maxDate.getMinutes();
+          if (hour * 60 + minute > maxMin) return true;
+        }
+      }
+      return false;
+    }
+    function formatDateStr(d) {
+      const y = d.getFullYear();
+      const m = String(d.getMonth() + 1).padStart(2, "0");
+      const day = String(d.getDate()).padStart(2, "0");
+      return `${y}-${m}-${day}`;
+    }
+    function isSameDay(a, b) {
+      if (!b) return false;
+      return a.toDateString() === b.toDateString();
+    }
+    function isToday(date) {
+      return date.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
+    }
+    function selectDate(day) {
+      if (day.isDisabled || props.disabled) return;
+      const dateStr = formatDateStr(day.date);
+      const timeStr = selectedTimeStr.value || "09:00";
+      emit("update:modelValue", `${dateStr}T${timeStr}`);
+    }
+    function selectTime(time) {
+      if (isTimeDisabled(time)) return;
+      const dateStr = selectedDateStr.value || formatDateStr(/* @__PURE__ */ new Date());
+      emit("update:modelValue", `${dateStr}T${time}`);
+    }
+    function prevMonth() {
+      currentMonth.value = new Date(
+        currentMonth.value.getFullYear(),
+        currentMonth.value.getMonth() - 1,
+        1
+      );
+    }
+    function nextMonth() {
+      currentMonth.value = new Date(
+        currentMonth.value.getFullYear(),
+        currentMonth.value.getMonth() + 1,
+        1
+      );
+    }
+    function goToNow() {
+      const now = /* @__PURE__ */ new Date();
+      currentMonth.value = new Date(now.getFullYear(), now.getMonth(), 1);
+      const dateStr = formatDateStr(now);
+      const timeStr = formatTime(now.getHours(), now.getMinutes());
+      emit("update:modelValue", `${dateStr}T${timeStr}`);
+      isOpen.value = false;
+    }
+    function goToToday() {
+      const today = /* @__PURE__ */ new Date();
+      currentMonth.value = new Date(today.getFullYear(), today.getMonth(), 1);
+      const dateStr = formatDateStr(today);
+      const timeStr = selectedTimeStr.value || "09:00";
+      emit("update:modelValue", `${dateStr}T${timeStr}`);
+    }
+    function clear() {
+      emit("update:modelValue", void 0);
+      isOpen.value = false;
+    }
+    function toggleDropdown() {
+      if (props.disabled) return;
+      isOpen.value = !isOpen.value;
+    }
+    function handleClickOutside(event) {
+      if (containerRef.value && !containerRef.value.contains(event.target)) {
+        isOpen.value = false;
+      }
+    }
+    watch(isOpen, (open) => {
+      if (open && selectedDate.value) {
+        currentMonth.value = new Date(
+          selectedDate.value.getFullYear(),
+          selectedDate.value.getMonth(),
+          1
+        );
+        nextTick(() => {
+          var _a, _b;
+          const grid = (_a = containerRef.value) == null ? void 0 : _a.querySelector(".mld-datetime-picker__time-grid");
+          const active = (_b = containerRef.value) == null ? void 0 : _b.querySelector(".mld-datetime-picker__time-chip--active");
+          if (grid && active) {
+            active.scrollIntoView({ block: "center" });
+          }
+        });
+      }
+    });
+    onMounted(() => {
+      document.addEventListener("click", handleClickOutside);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("click", handleClickOutside);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: "mld-datetime-picker"
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          _cache[0] || (_cache[0] = createElementVNode("div", { class: "mld-datetime-picker__icon-calendar" }, [
+            createElementVNode("svg", {
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              createElementVNode("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+              })
+            ])
+          ], -1)),
+          createElementVNode("input", {
+            type: "text",
+            readonly: "",
+            value: displayValue.value,
+            placeholder: __props.placeholder,
+            disabled: __props.disabled,
+            class: normalizeClass([
+              "mld-datetime-picker__input",
+              `mld-datetime-picker__input--${__props.size}`,
+              __props.error ? "mld-datetime-picker__input--error" : "",
+              __props.disabled ? "mld-datetime-picker__input--disabled" : ""
+            ]),
+            "aria-label": "Select date and time",
+            onClick: toggleDropdown
+          }, null, 10, _hoisted_2),
+          _cache[1] || (_cache[1] = createElementVNode("div", { class: "mld-datetime-picker__icon-clock" }, [
+            createElementVNode("svg", {
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              createElementVNode("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
+              })
+            ])
+          ], -1))
+        ]),
+        createVNode(Transition, {
+          "enter-active-class": "mld-datetime-picker__dropdown-enter-active",
+          "enter-from-class": "mld-datetime-picker__dropdown-enter-from",
+          "enter-to-class": "mld-datetime-picker__dropdown-enter-to",
+          "leave-active-class": "mld-datetime-picker__dropdown-leave-active",
+          "leave-from-class": "mld-datetime-picker__dropdown-leave-from",
+          "leave-to-class": "mld-datetime-picker__dropdown-leave-to"
+        }, {
+          default: withCtx(() => [
+            isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              createElementVNode("div", _hoisted_4, [
+                createElementVNode("div", _hoisted_5, [
+                  createElementVNode("button", {
+                    type: "button",
+                    class: "mld-date-picker__nav-btn",
+                    "aria-label": "Previous month",
+                    onClick: prevMonth
+                  }, [..._cache[2] || (_cache[2] = [
+                    createElementVNode("svg", {
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24",
+                      "aria-hidden": "true"
+                    }, [
+                      createElementVNode("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M15 19l-7-7 7-7"
+                      })
+                    ], -1)
+                  ])]),
+                  createElementVNode("span", _hoisted_6, toDisplayString(monthYear.value), 1),
+                  createElementVNode("button", {
+                    type: "button",
+                    class: "mld-date-picker__nav-btn",
+                    "aria-label": "Next month",
+                    onClick: nextMonth
+                  }, [..._cache[3] || (_cache[3] = [
+                    createElementVNode("svg", {
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24",
+                      "aria-hidden": "true"
+                    }, [
+                      createElementVNode("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M9 5l7 7-7 7"
+                      })
+                    ], -1)
+                  ])])
+                ]),
+                createElementVNode("div", _hoisted_7, [
+                  (openBlock(), createElementBlock(Fragment, null, renderList(weekDays, (day) => {
+                    return createElementVNode("div", {
+                      key: day,
+                      class: "mld-date-picker__weekday"
+                    }, toDisplayString(day), 1);
+                  }), 64))
+                ]),
+                createElementVNode("div", _hoisted_8, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(calendarDays.value, (day, index) => {
+                    return openBlock(), createElementBlock("button", {
+                      key: index,
+                      type: "button",
+                      disabled: day.isDisabled,
+                      class: normalizeClass([
+                        "mld-date-picker__day",
+                        !day.isCurrentMonth ? "mld-date-picker__day--other-month" : "",
+                        day.isDisabled ? "mld-date-picker__day--disabled" : "",
+                        isSameDay(day.date, selectedDate.value) ? "mld-date-picker__day--selected" : "",
+                        isToday(day.date) && !isSameDay(day.date, selectedDate.value) ? "mld-date-picker__day--today" : ""
+                      ]),
+                      onClick: ($event) => selectDate(day)
+                    }, toDisplayString(day.date.getDate()), 11, _hoisted_9);
+                  }), 128))
+                ])
+              ]),
+              _cache[5] || (_cache[5] = createElementVNode("div", { class: "mld-datetime-picker__divider" }, null, -1)),
+              createElementVNode("div", _hoisted_10, [
+                _cache[4] || (_cache[4] = createElementVNode("div", { class: "mld-datetime-picker__time-label" }, "Time", -1)),
+                createElementVNode("div", _hoisted_11, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(timeSlots.value, (time) => {
+                    return openBlock(), createElementBlock("button", {
+                      key: time,
+                      type: "button",
+                      disabled: isTimeDisabled(time),
+                      class: normalizeClass([
+                        "mld-datetime-picker__time-chip",
+                        selectedTimeStr.value === time ? "mld-datetime-picker__time-chip--active" : "",
+                        isTimeDisabled(time) ? "mld-datetime-picker__time-chip--disabled" : ""
+                      ]),
+                      onClick: ($event) => selectTime(time)
+                    }, toDisplayString(__props.timeFormat === "12h" ? unref(formatTime)(unref(parseTime)(time).hour, unref(parseTime)(time).minute, "12h") : time), 11, _hoisted_12);
+                  }), 128))
+                ])
+              ]),
+              createElementVNode("div", _hoisted_13, [
+                createElementVNode("div", null, [
+                  createElementVNode("button", {
+                    type: "button",
+                    class: "mld-datetime-picker__footer-btn",
+                    onClick: goToToday
+                  }, "Today"),
+                  createElementVNode("button", {
+                    type: "button",
+                    class: "mld-datetime-picker__footer-btn",
+                    style: { "margin-left": "0.75rem" },
+                    onClick: goToNow
+                  }, "Now")
+                ]),
+                __props.clearable && __props.modelValue ? (openBlock(), createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  class: "mld-datetime-picker__footer-btn mld-datetime-picker__footer-btn--muted",
+                  onClick: clear
+                }, " Clear ")) : createCommentVNode("", true)
+              ])
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=DateTimePicker.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.vue.js","sources":["../../src/components/DateTimePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue'\nimport { generateTimeSlots, formatTime, parseTime } from '../composables/useTimeUtils'\n\ninterface Props {\n  modelValue?: string\n  placeholder?: string\n  disabled?: boolean\n  error?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  min?: string\n  max?: string\n  timeStep?: number\n  timeFormat?: '12h' | '24h'\n  clearable?: boolean\n  locale?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  placeholder: 'Select date & time',\n  disabled: false,\n  error: false,\n  size: 'md',\n  timeStep: 15,\n  timeFormat: '24h',\n  clearable: false,\n  locale: 'en-US',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | undefined]\n}>()\n\nconst isOpen = ref(false)\nconst containerRef = ref<HTMLDivElement>()\n\n// Parse model value into date and time parts\nconst selectedDate = computed(() => {\n  if (!props.modelValue) return null\n  const d = new Date(props.modelValue)\n  return isNaN(d.getTime()) ? null : d\n})\n\nconst selectedDateStr = computed(() => {\n  if (!selectedDate.value) return null\n  const y = selectedDate.value.getFullYear()\n  const m = String(selectedDate.value.getMonth() + 1).padStart(2, '0')\n  const d = String(selectedDate.value.getDate()).padStart(2, '0')\n  return `${y}-${m}-${d}`\n})\n\nconst selectedTimeStr = computed(() => {\n  if (!selectedDate.value) return null\n  return formatTime(selectedDate.value.getHours(), selectedDate.value.getMinutes())\n})\n\nconst displayValue = computed(() => {\n  if (!selectedDate.value) return ''\n  const dateStr = selectedDate.value.toLocaleDateString(props.locale, {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n  })\n  const timeStr = formatTime(\n    selectedDate.value.getHours(),\n    selectedDate.value.getMinutes(),\n    props.timeFormat,\n  )\n  return `${dateStr} ${timeStr}`\n})\n\n// Calendar state\nconst currentMonth = ref(new Date())\nconst weekDays = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']\n\nconst calendarDays = computed(() => {\n  const year = currentMonth.value.getFullYear()\n  const month = currentMonth.value.getMonth()\n  const firstDay = new Date(year, month, 1)\n  const lastDay = new Date(year, month + 1, 0)\n\n  const days: { date: Date; isCurrentMonth: boolean; isDisabled: boolean }[] = []\n\n  const startPadding = firstDay.getDay()\n  for (let i = startPadding - 1; i >= 0; i--) {\n    const date = new Date(year, month, -i)\n    days.push({ date, isCurrentMonth: false, isDisabled: isDateDisabled(date) })\n  }\n\n  for (let i = 1; i <= lastDay.getDate(); i++) {\n    const date = new Date(year, month, i)\n    days.push({ date, isCurrentMonth: true, isDisabled: isDateDisabled(date) })\n  }\n\n  const endPadding = 42 - days.length\n  for (let i = 1; i <= endPadding; i++) {\n    const date = new Date(year, month + 1, i)\n    days.push({ date, isCurrentMonth: false, isDisabled: isDateDisabled(date) })\n  }\n\n  return days\n})\n\n// Time slots\nconst timeSlots = computed(() => {\n  return generateTimeSlots('00:00', '23:59', props.timeStep)\n})\n\nconst monthYear = computed(() => {\n  return currentMonth.value.toLocaleDateString(props.locale, {\n    year: 'numeric',\n    month: 'long',\n  })\n})\n\nfunction isDateDisabled(date: Date): boolean {\n  if (props.min) {\n    const minDate = new Date(props.min)\n    minDate.setHours(0, 0, 0, 0)\n    const check = new Date(date)\n    check.setHours(0, 0, 0, 0)\n    if (check < minDate) return true\n  }\n  if (props.max) {\n    const maxDate = new Date(props.max)\n    maxDate.setHours(23, 59, 59, 999)\n    const check = new Date(date)\n    check.setHours(23, 59, 59, 999)\n    if (check > maxDate) return true\n  }\n  return false\n}\n\nfunction isTimeDisabled(time: string): boolean {\n  if (!selectedDateStr.value) return false\n  const { hour, minute } = parseTime(time)\n\n  if (props.min) {\n    const minDate = new Date(props.min)\n    if (selectedDateStr.value === formatDateStr(minDate)) {\n      const minMin = minDate.getHours() * 60 + minDate.getMinutes()\n      if (hour * 60 + minute < minMin) return true\n    }\n  }\n  if (props.max) {\n    const maxDate = new Date(props.max)\n    if (selectedDateStr.value === formatDateStr(maxDate)) {\n      const maxMin = maxDate.getHours() * 60 + maxDate.getMinutes()\n      if (hour * 60 + minute > maxMin) return true\n    }\n  }\n  return false\n}\n\nfunction formatDateStr(d: Date): string {\n  const y = d.getFullYear()\n  const m = String(d.getMonth() + 1).padStart(2, '0')\n  const day = String(d.getDate()).padStart(2, '0')\n  return `${y}-${m}-${day}`\n}\n\nfunction isSameDay(a: Date, b: Date | null): boolean {\n  if (!b) return false\n  return a.toDateString() === b.toDateString()\n}\n\nfunction isToday(date: Date): boolean {\n  return date.toDateString() === new Date().toDateString()\n}\n\nfunction selectDate(day: { date: Date; isDisabled: boolean }) {\n  if (day.isDisabled || props.disabled) return\n  const dateStr = formatDateStr(day.date)\n  const timeStr = selectedTimeStr.value || '09:00'\n  emit('update:modelValue', `${dateStr}T${timeStr}`)\n}\n\nfunction selectTime(time: string) {\n  if (isTimeDisabled(time)) return\n  const dateStr = selectedDateStr.value || formatDateStr(new Date())\n  emit('update:modelValue', `${dateStr}T${time}`)\n}\n\nfunction prevMonth() {\n  currentMonth.value = new Date(\n    currentMonth.value.getFullYear(),\n    currentMonth.value.getMonth() - 1,\n    1,\n  )\n}\n\nfunction nextMonth() {\n  currentMonth.value = new Date(\n    currentMonth.value.getFullYear(),\n    currentMonth.value.getMonth() + 1,\n    1,\n  )\n}\n\nfunction goToNow() {\n  const now = new Date()\n  currentMonth.value = new Date(now.getFullYear(), now.getMonth(), 1)\n  const dateStr = formatDateStr(now)\n  const timeStr = formatTime(now.getHours(), now.getMinutes())\n  emit('update:modelValue', `${dateStr}T${timeStr}`)\n  isOpen.value = false\n}\n\nfunction goToToday() {\n  const today = new Date()\n  currentMonth.value = new Date(today.getFullYear(), today.getMonth(), 1)\n  const dateStr = formatDateStr(today)\n  const timeStr = selectedTimeStr.value || '09:00'\n  emit('update:modelValue', `${dateStr}T${timeStr}`)\n}\n\nfunction clear() {\n  emit('update:modelValue', undefined)\n  isOpen.value = false\n}\n\nfunction toggleDropdown() {\n  if (props.disabled) return\n  isOpen.value = !isOpen.value\n}\n\nfunction handleClickOutside(event: MouseEvent) {\n  if (containerRef.value && !containerRef.value.contains(event.target as Node)) {\n    isOpen.value = false\n  }\n}\n\nwatch(isOpen, (open) => {\n  if (open && selectedDate.value) {\n    currentMonth.value = new Date(\n      selectedDate.value.getFullYear(),\n      selectedDate.value.getMonth(),\n      1,\n    )\n    nextTick(() => {\n      // Scroll time grid to selected time\n      const grid = containerRef.value?.querySelector('.mld-datetime-picker__time-grid')\n      const active = containerRef.value?.querySelector('.mld-datetime-picker__time-chip--active')\n      if (grid && active) {\n        active.scrollIntoView({ block: 'center' })\n      }\n    })\n  }\n})\n\nonMounted(() => {\n  document.addEventListener('click', handleClickOutside)\n})\n\nonUnmounted(() => {\n  document.removeEventListener('click', handleClickOutside)\n})\n</script>\n\n<template>\n  <div ref=\"containerRef\" class=\"mld-datetime-picker\">\n    <div class=\"mld-datetime-picker__input-wrapper\">\n      <div class=\"mld-datetime-picker__icon-calendar\">\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\" />\n        </svg>\n      </div>\n      <input\n        type=\"text\"\n        readonly\n        :value=\"displayValue\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        :class=\"[\n          'mld-datetime-picker__input',\n          `mld-datetime-picker__input--${size}`,\n          error ? 'mld-datetime-picker__input--error' : '',\n          disabled ? 'mld-datetime-picker__input--disabled' : '',\n        ]\"\n        aria-label=\"Select date and time\"\n        @click=\"toggleDropdown\"\n      />\n      <div class=\"mld-datetime-picker__icon-clock\">\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" />\n        </svg>\n      </div>\n    </div>\n\n    <Transition\n      enter-active-class=\"mld-datetime-picker__dropdown-enter-active\"\n      enter-from-class=\"mld-datetime-picker__dropdown-enter-from\"\n      enter-to-class=\"mld-datetime-picker__dropdown-enter-to\"\n      leave-active-class=\"mld-datetime-picker__dropdown-leave-active\"\n      leave-from-class=\"mld-datetime-picker__dropdown-leave-from\"\n      leave-to-class=\"mld-datetime-picker__dropdown-leave-to\"\n    >\n      <div\n        v-if=\"isOpen\"\n        class=\"mld-datetime-picker__dropdown\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label=\"Date and time picker\"\n      >\n        <!-- Calendar section -->\n        <div class=\"mld-datetime-picker__calendar-section\">\n          <div class=\"mld-date-picker__header\">\n            <button type=\"button\" class=\"mld-date-picker__nav-btn\" aria-label=\"Previous month\" @click=\"prevMonth\">\n              <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\" />\n              </svg>\n            </button>\n            <span class=\"mld-date-picker__month-year\">{{ monthYear }}</span>\n            <button type=\"button\" class=\"mld-date-picker__nav-btn\" aria-label=\"Next month\" @click=\"nextMonth\">\n              <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\" />\n              </svg>\n            </button>\n          </div>\n\n          <div class=\"mld-date-picker__weekdays\">\n            <div v-for=\"day in weekDays\" :key=\"day\" class=\"mld-date-picker__weekday\">{{ day }}</div>\n          </div>\n\n          <div class=\"mld-date-picker__grid\">\n            <button\n              v-for=\"(day, index) in calendarDays\"\n              :key=\"index\"\n              type=\"button\"\n              :disabled=\"day.isDisabled\"\n              :class=\"[\n                'mld-date-picker__day',\n                !day.isCurrentMonth ? 'mld-date-picker__day--other-month' : '',\n                day.isDisabled ? 'mld-date-picker__day--disabled' : '',\n                isSameDay(day.date, selectedDate) ? 'mld-date-picker__day--selected' : '',\n                isToday(day.date) && !isSameDay(day.date, selectedDate) ? 'mld-date-picker__day--today' : '',\n              ]\"\n              @click=\"selectDate(day)\"\n            >\n              {{ day.date.getDate() }}\n            </button>\n          </div>\n        </div>\n\n        <!-- Divider -->\n        <div class=\"mld-datetime-picker__divider\" />\n\n        <!-- Time section -->\n        <div class=\"mld-datetime-picker__time-section\">\n          <div class=\"mld-datetime-picker__time-label\">Time</div>\n          <div class=\"mld-datetime-picker__time-grid\">\n            <button\n              v-for=\"time in timeSlots\"\n              :key=\"time\"\n              type=\"button\"\n              :disabled=\"isTimeDisabled(time)\"\n              :class=\"[\n                'mld-datetime-picker__time-chip',\n                selectedTimeStr === time ? 'mld-datetime-picker__time-chip--active' : '',\n                isTimeDisabled(time) ? 'mld-datetime-picker__time-chip--disabled' : '',\n              ]\"\n              @click=\"selectTime(time)\"\n            >\n              {{ timeFormat === '12h' ? formatTime(parseTime(time).hour, parseTime(time).minute, '12h') : time }}\n            </button>\n          </div>\n        </div>\n\n        <!-- Footer -->\n        <div class=\"mld-datetime-picker__footer\">\n          <div>\n            <button type=\"button\" class=\"mld-datetime-picker__footer-btn\" @click=\"goToToday\">Today</button>\n            <button type=\"button\" class=\"mld-datetime-picker__footer-btn\" style=\"margin-left: 0.75rem\" @click=\"goToNow\">Now</button>\n          </div>\n          <button\n            v-if=\"clearable && modelValue\"\n            type=\"button\"\n            class=\"mld-datetime-picker__footer-btn mld-datetime-picker__footer-btn--muted\"\n            @click=\"clear\"\n          >\n            Clear\n          </button>\n        </div>\n      </div>\n    </Transition>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/datetime-picker.css';\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass","_createVNode","_Transition","_openBlock","_toDisplayString","_Fragment","_renderList","_unref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAM,QAAQ;AAWd,UAAM,OAAO;AAIb,UAAM,SAAS,IAAI,KAAK;AACxB,UAAM,eAAe,IAAA;AAGrB,UAAM,eAAe,SAAS,MAAM;AAClC,UAAI,CAAC,MAAM,WAAY,QAAO;AAC9B,YAAM,IAAI,IAAI,KAAK,MAAM,UAAU;AACnC,aAAO,MAAM,EAAE,QAAA,CAAS,IAAI,OAAO;AAAA,IACrC,CAAC;AAED,UAAM,kBAAkB,SAAS,MAAM;AACrC,UAAI,CAAC,aAAa,MAAO,QAAO;AAChC,YAAM,IAAI,aAAa,MAAM,YAAA;AAC7B,YAAM,IAAI,OAAO,aAAa,MAAM,aAAa,CAAC,EAAE,SAAS,GAAG,GAAG;AACnE,YAAM,IAAI,OAAO,aAAa,MAAM,SAAS,EAAE,SAAS,GAAG,GAAG;AAC9D,aAAO,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;AAAA,IACvB,CAAC;AAED,UAAM,kBAAkB,SAAS,MAAM;AACrC,UAAI,CAAC,aAAa,MAAO,QAAO;AAChC,aAAO,WAAW,aAAa,MAAM,SAAA,GAAY,aAAa,MAAM,YAAY;AAAA,IAClF,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAClC,UAAI,CAAC,aAAa,MAAO,QAAO;AAChC,YAAM,UAAU,aAAa,MAAM,mBAAmB,MAAM,QAAQ;AAAA,QAClE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,MAAA,CACN;AACD,YAAM,UAAU;AAAA,QACd,aAAa,MAAM,SAAA;AAAA,QACnB,aAAa,MAAM,WAAA;AAAA,QACnB,MAAM;AAAA,MAAA;AAER,aAAO,GAAG,OAAO,IAAI,OAAO;AAAA,IAC9B,CAAC;AAGD,UAAM,eAAe,IAAI,oBAAI,MAAM;AACnC,UAAM,WAAW,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI;AAE1D,UAAM,eAAe,SAAS,MAAM;AAClC,YAAM,OAAO,aAAa,MAAM,YAAA;AAChC,YAAM,QAAQ,aAAa,MAAM,SAAA;AACjC,YAAM,WAAW,IAAI,KAAK,MAAM,OAAO,CAAC;AACxC,YAAM,UAAU,IAAI,KAAK,MAAM,QAAQ,GAAG,CAAC;AAE3C,YAAM,OAAuE,CAAA;AAE7E,YAAM,eAAe,SAAS,OAAA;AAC9B,eAAS,IAAI,eAAe,GAAG,KAAK,GAAG,KAAK;AAC1C,cAAM,OAAO,IAAI,KAAK,MAAM,OAAO,CAAC,CAAC;AACrC,aAAK,KAAK,EAAE,MAAM,gBAAgB,OAAO,YAAY,eAAe,IAAI,GAAG;AAAA,MAC7E;AAEA,eAAS,IAAI,GAAG,KAAK,QAAQ,QAAA,GAAW,KAAK;AAC3C,cAAM,OAAO,IAAI,KAAK,MAAM,OAAO,CAAC;AACpC,aAAK,KAAK,EAAE,MAAM,gBAAgB,MAAM,YAAY,eAAe,IAAI,GAAG;AAAA,MAC5E;AAEA,YAAM,aAAa,KAAK,KAAK;AAC7B,eAAS,IAAI,GAAG,KAAK,YAAY,KAAK;AACpC,cAAM,OAAO,IAAI,KAAK,MAAM,QAAQ,GAAG,CAAC;AACxC,aAAK,KAAK,EAAE,MAAM,gBAAgB,OAAO,YAAY,eAAe,IAAI,GAAG;AAAA,MAC7E;AAEA,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,kBAAkB,SAAS,SAAS,MAAM,QAAQ;AAAA,IAC3D,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,aAAa,MAAM,mBAAmB,MAAM,QAAQ;AAAA,QACzD,MAAM;AAAA,QACN,OAAO;AAAA,MAAA,CACR;AAAA,IACH,CAAC;AAED,aAAS,eAAe,MAAqB;AAC3C,UAAI,MAAM,KAAK;AACb,cAAM,UAAU,IAAI,KAAK,MAAM,GAAG;AAClC,gBAAQ,SAAS,GAAG,GAAG,GAAG,CAAC;AAC3B,cAAM,QAAQ,IAAI,KAAK,IAAI;AAC3B,cAAM,SAAS,GAAG,GAAG,GAAG,CAAC;AACzB,YAAI,QAAQ,QAAS,QAAO;AAAA,MAC9B;AACA,UAAI,MAAM,KAAK;AACb,cAAM,UAAU,IAAI,KAAK,MAAM,GAAG;AAClC,gBAAQ,SAAS,IAAI,IAAI,IAAI,GAAG;AAChC,cAAM,QAAQ,IAAI,KAAK,IAAI;AAC3B,cAAM,SAAS,IAAI,IAAI,IAAI,GAAG;AAC9B,YAAI,QAAQ,QAAS,QAAO;AAAA,MAC9B;AACA,aAAO;AAAA,IACT;AAEA,aAAS,eAAe,MAAuB;AAC7C,UAAI,CAAC,gBAAgB,MAAO,QAAO;AACnC,YAAM,EAAE,MAAM,WAAW,UAAU,IAAI;AAEvC,UAAI,MAAM,KAAK;AACb,cAAM,UAAU,IAAI,KAAK,MAAM,GAAG;AAClC,YAAI,gBAAgB,UAAU,cAAc,OAAO,GAAG;AACpD,gBAAM,SAAS,QAAQ,SAAA,IAAa,KAAK,QAAQ,WAAA;AACjD,cAAI,OAAO,KAAK,SAAS,OAAQ,QAAO;AAAA,QAC1C;AAAA,MACF;AACA,UAAI,MAAM,KAAK;AACb,cAAM,UAAU,IAAI,KAAK,MAAM,GAAG;AAClC,YAAI,gBAAgB,UAAU,cAAc,OAAO,GAAG;AACpD,gBAAM,SAAS,QAAQ,SAAA,IAAa,KAAK,QAAQ,WAAA;AACjD,cAAI,OAAO,KAAK,SAAS,OAAQ,QAAO;AAAA,QAC1C;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAEA,aAAS,cAAc,GAAiB;AACtC,YAAM,IAAI,EAAE,YAAA;AACZ,YAAM,IAAI,OAAO,EAAE,SAAA,IAAa,CAAC,EAAE,SAAS,GAAG,GAAG;AAClD,YAAM,MAAM,OAAO,EAAE,QAAA,CAAS,EAAE,SAAS,GAAG,GAAG;AAC/C,aAAO,GAAG,CAAC,IAAI,CAAC,IAAI,GAAG;AAAA,IACzB;AAEA,aAAS,UAAU,GAAS,GAAyB;AACnD,UAAI,CAAC,EAAG,QAAO;AACf,aAAO,EAAE,mBAAmB,EAAE,aAAA;AAAA,IAChC;AAEA,aAAS,QAAQ,MAAqB;AACpC,aAAO,KAAK,aAAA,OAAmB,oBAAI,KAAA,GAAO,aAAA;AAAA,IAC5C;AAEA,aAAS,WAAW,KAA0C;AAC5D,UAAI,IAAI,cAAc,MAAM,SAAU;AACtC,YAAM,UAAU,cAAc,IAAI,IAAI;AACtC,YAAM,UAAU,gBAAgB,SAAS;AACzC,WAAK,qBAAqB,GAAG,OAAO,IAAI,OAAO,EAAE;AAAA,IACnD;AAEA,aAAS,WAAW,MAAc;AAChC,UAAI,eAAe,IAAI,EAAG;AAC1B,YAAM,UAAU,gBAAgB,SAAS,cAAc,oBAAI,MAAM;AACjE,WAAK,qBAAqB,GAAG,OAAO,IAAI,IAAI,EAAE;AAAA,IAChD;AAEA,aAAS,YAAY;AACnB,mBAAa,QAAQ,IAAI;AAAA,QACvB,aAAa,MAAM,YAAA;AAAA,QACnB,aAAa,MAAM,SAAA,IAAa;AAAA,QAChC;AAAA,MAAA;AAAA,IAEJ;AAEA,aAAS,YAAY;AACnB,mBAAa,QAAQ,IAAI;AAAA,QACvB,aAAa,MAAM,YAAA;AAAA,QACnB,aAAa,MAAM,SAAA,IAAa;AAAA,QAChC;AAAA,MAAA;AAAA,IAEJ;AAEA,aAAS,UAAU;AACjB,YAAM,0BAAU,KAAA;AAChB,mBAAa,QAAQ,IAAI,KAAK,IAAI,eAAe,IAAI,SAAA,GAAY,CAAC;AAClE,YAAM,UAAU,cAAc,GAAG;AACjC,YAAM,UAAU,WAAW,IAAI,YAAY,IAAI,YAAY;AAC3D,WAAK,qBAAqB,GAAG,OAAO,IAAI,OAAO,EAAE;AACjD,aAAO,QAAQ;AAAA,IACjB;AAEA,aAAS,YAAY;AACnB,YAAM,4BAAY,KAAA;AAClB,mBAAa,QAAQ,IAAI,KAAK,MAAM,eAAe,MAAM,SAAA,GAAY,CAAC;AACtE,YAAM,UAAU,cAAc,KAAK;AACnC,YAAM,UAAU,gBAAgB,SAAS;AACzC,WAAK,qBAAqB,GAAG,OAAO,IAAI,OAAO,EAAE;AAAA,IACnD;AAEA,aAAS,QAAQ;AACf,WAAK,qBAAqB,MAAS;AACnC,aAAO,QAAQ;AAAA,IACjB;AAEA,aAAS,iBAAiB;AACxB,UAAI,MAAM,SAAU;AACpB,aAAO,QAAQ,CAAC,OAAO;AAAA,IACzB;AAEA,aAAS,mBAAmB,OAAmB;AAC7C,UAAI,aAAa,SAAS,CAAC,aAAa,MAAM,SAAS,MAAM,MAAc,GAAG;AAC5E,eAAO,QAAQ;AAAA,MACjB;AAAA,IACF;AAEA,UAAM,QAAQ,CAAC,SAAS;AACtB,UAAI,QAAQ,aAAa,OAAO;AAC9B,qBAAa,QAAQ,IAAI;AAAA,UACvB,aAAa,MAAM,YAAA;AAAA,UACnB,aAAa,MAAM,SAAA;AAAA,UACnB;AAAA,QAAA;AAEF,iBAAS,MAAM;;AAEb,gBAAM,QAAO,kBAAa,UAAb,mBAAoB,cAAc;AAC/C,gBAAM,UAAS,kBAAa,UAAb,mBAAoB,cAAc;AACjD,cAAI,QAAQ,QAAQ;AAClB,mBAAO,eAAe,EAAE,OAAO,SAAA,CAAU;AAAA,UAC3C;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAED,cAAU,MAAM;AACd,eAAS,iBAAiB,SAAS,kBAAkB;AAAA,IACvD,CAAC;AAED,gBAAY,MAAM;AAChB,eAAS,oBAAoB,SAAS,kBAAkB;AAAA,IAC1D,CAAC;;0BAICA,mBA6HM,OAAA;AAAA,iBA7HG;AAAA,QAAJ,KAAI;AAAA,QAAe,OAAM;AAAA,MAAA;QAC5BC,mBA0BM,OA1BN,YA0BM;AAAA,oCAzBJA,mBAIM,OAAA,EAJD,OAAM,wCAAoC;AAAA,YAC7CA,mBAEM,OAAA;AAAA,cAFD,MAAK;AAAA,cAAO,QAAO;AAAA,cAAe,SAAQ;AAAA,YAAA;cAC7CA,mBAAmK,QAAA;AAAA,gBAA7J,kBAAe;AAAA,gBAAQ,mBAAgB;AAAA,gBAAQ,gBAAa;AAAA,gBAAI,GAAE;AAAA,cAAA;;;UAG5EA,mBAcE,SAAA;AAAA,YAbA,MAAK;AAAA,YACL,UAAA;AAAA,YACC,OAAO,aAAA;AAAA,YACP,aAAa,QAAA;AAAA,YACb,UAAU,QAAA;AAAA,YACV,OAAKC,eAAA;AAAA;6CAAqF,QAAA,IAAI;AAAA,cAAc,QAAA,QAAK,sCAAA;AAAA,cAAuD,QAAA,WAAQ,yCAAA;AAAA,YAAA;YAMjL,cAAW;AAAA,YACV,SAAO;AAAA,UAAA;oCAEVD,mBAIM,OAAA,EAJD,OAAM,qCAAiC;AAAA,YAC1CA,mBAEM,OAAA;AAAA,cAFD,MAAK;AAAA,cAAO,QAAO;AAAA,cAAe,SAAQ;AAAA,YAAA;cAC7CA,mBAAwH,QAAA;AAAA,gBAAlH,kBAAe;AAAA,gBAAQ,mBAAgB;AAAA,gBAAQ,gBAAa;AAAA,gBAAI,GAAE;AAAA,cAAA;;;;QAK9EE,YA+FaC,YAAA;AAAA,UA9FX,sBAAmB;AAAA,UACnB,oBAAiB;AAAA,UACjB,kBAAe;AAAA,UACf,sBAAmB;AAAA,UACnB,oBAAiB;AAAA,UACjB,kBAAe;AAAA,QAAA;2BAEf,MAsFM;AAAA,YArFE,OAAA,SADRC,UAAA,GAAAL,mBAsFM,OAtFN,YAsFM;AAAA,cA9EJC,mBAqCM,OArCN,YAqCM;AAAA,gBApCJA,mBAYM,OAZN,YAYM;AAAA,kBAXJA,mBAIS,UAAA;AAAA,oBAJD,MAAK;AAAA,oBAAS,OAAM;AAAA,oBAA2B,cAAW;AAAA,oBAAkB,SAAO;AAAA,kBAAA;oBACzFA,mBAEM,OAAA;AAAA,sBAFD,MAAK;AAAA,sBAAO,QAAO;AAAA,sBAAe,SAAQ;AAAA,sBAAY,eAAY;AAAA,oBAAA;sBACrEA,mBAA4F,QAAA;AAAA,wBAAtF,kBAAe;AAAA,wBAAQ,mBAAgB;AAAA,wBAAQ,gBAAa;AAAA,wBAAI,GAAE;AAAA,sBAAA;;;kBAG5EA,mBAAgE,QAAhE,YAAgEK,gBAAnB,UAAA,KAAS,GAAA,CAAA;AAAA,kBACtDL,mBAIS,UAAA;AAAA,oBAJD,MAAK;AAAA,oBAAS,OAAM;AAAA,oBAA2B,cAAW;AAAA,oBAAc,SAAO;AAAA,kBAAA;oBACrFA,mBAEM,OAAA;AAAA,sBAFD,MAAK;AAAA,sBAAO,QAAO;AAAA,sBAAe,SAAQ;AAAA,sBAAY,eAAY;AAAA,oBAAA;sBACrEA,mBAAyF,QAAA;AAAA,wBAAnF,kBAAe;AAAA,wBAAQ,mBAAgB;AAAA,wBAAQ,gBAAa;AAAA,wBAAI,GAAE;AAAA,sBAAA;;;;gBAK9EA,mBAEM,OAFN,YAEM;AAAA,gCADJD,mBAAwFO,UAAA,MAAAC,WAArE,UAAQ,CAAf,QAAG;2BAAfP,mBAAwF,OAAA;AAAA,sBAA1D,KAAK;AAAA,sBAAK,OAAM;AAAA,oBAAA,mBAA8B,GAAG,GAAA,CAAA;AAAA;;gBAGjFA,mBAiBM,OAjBN,YAiBM;AAAA,mBAhBJI,UAAA,IAAA,GAAAL,mBAeSO,UAAA,MAAAC,WAdgB,aAAA,OAAY,CAA3B,KAAK,UAAK;wCADpBR,mBAeS,UAAA;AAAA,sBAbN,KAAK;AAAA,sBACN,MAAK;AAAA,sBACJ,UAAU,IAAI;AAAA,sBACd,OAAKE,eAAA;AAAA;wBAA6D,CAAA,IAAI,iBAAc,sCAAA;AAAA,wBAA6D,IAAI,aAAU,mCAAA;AAAA,wBAA0D,UAAU,IAAI,MAAM,aAAA,KAAY,IAAA,mCAAA;AAAA,wBAA2D,QAAQ,IAAI,IAAI,KAAA,CAAM,UAAU,IAAI,MAAM,aAAA,KAAY,IAAA,gCAAA;AAAA,sBAAA;sBAO1W,SAAK,CAAA,WAAE,WAAW,GAAG;AAAA,oBAAA,mBAEnB,IAAI,KAAK,SAAO,GAAA,IAAA,UAAA;AAAA;;;wCAMzBD,mBAA4C,OAAA,EAAvC,OAAM,+BAAA,GAA8B,MAAA,EAAA;AAAA,cAGzCA,mBAkBM,OAlBN,aAkBM;AAAA,gBAjBJ,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAA,mBAAuD,OAAA,EAAlD,OAAM,kCAAA,GAAkC,QAAI,EAAA;AAAA,gBACjDA,mBAeM,OAfN,aAeM;AAAA,oCAdJD,mBAaSO,UAAA,MAAAC,WAZQ,UAAA,OAAS,CAAjB,SAAI;wCADbR,mBAaS,UAAA;AAAA,sBAXN,KAAK;AAAA,sBACN,MAAK;AAAA,sBACJ,UAAU,eAAe,IAAI;AAAA,sBAC7B,OAAKE,eAAA;AAAA;wBAAsE,gBAAA,UAAoB,OAAI,2CAAA;AAAA,wBAAkE,eAAe,IAAI,IAAA,6CAAA;AAAA,sBAAA;sBAKxL,SAAK,CAAA,WAAE,WAAW,IAAI;AAAA,oBAAA,GAEpBI,gBAAA,QAAA,eAAU,QAAaG,MAAA,UAAA,EAAWA,MAAA,SAAA,EAAU,IAAI,EAAE,MAAMA,iBAAU,IAAI,EAAE,iBAAiB,IAAI,GAAA,IAAA,WAAA;AAAA;;;cAMtGR,mBAaM,OAbN,aAaM;AAAA,gBAZJA,mBAGM,OAAA,MAAA;AAAA,kBAFJA,mBAA+F,UAAA;AAAA,oBAAvF,MAAK;AAAA,oBAAS,OAAM;AAAA,oBAAmC,SAAO;AAAA,kBAAA,GAAW,OAAK;AAAA,kBACtFA,mBAAwH,UAAA;AAAA,oBAAhH,MAAK;AAAA,oBAAS,OAAM;AAAA,oBAAkC,OAAA,EAAA,eAAA,UAAA;AAAA,oBAA8B,SAAO;AAAA,kBAAA,GAAS,KAAG;AAAA,gBAAA;gBAGzG,QAAA,aAAa,QAAA,2BADrBD,mBAOS,UAAA;AAAA;kBALP,MAAK;AAAA,kBACL,OAAM;AAAA,kBACL,SAAO;AAAA,gBAAA,GACT,SAED;;;;;;;;;;"}

package/dist/components/DateTimePicker.vue3.js

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

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

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

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

@@ -0,0 +1,11 @@
+interface Props {
+    vertical?: boolean;
+    label?: string;
+    spacing?: 'sm' | 'md' | 'lg';
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    vertical: boolean;
+    spacing: "sm" | "md" | "lg";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Divider.vue.js

@@ -0,0 +1,42 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, toDisplayString, createCommentVNode } from "vue";
+const _hoisted_1 = { class: "mld-divider__label" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Divider",
+  props: {
+    vertical: { type: Boolean, default: false },
+    label: { default: void 0 },
+    spacing: { default: "md" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return __props.vertical ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass([
+          "mld-divider",
+          "mld-divider--vertical",
+          `mld-divider--${__props.spacing}`
+        ]),
+        role: "separator",
+        "aria-orientation": "vertical"
+      }, null, 2)) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass([
+          "mld-divider",
+          `mld-divider--${__props.spacing}`
+        ]),
+        role: "separator",
+        "aria-orientation": "horizontal"
+      }, [
+        __props.label ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "mld-divider__line" }, null, -1)),
+          createElementVNode("span", _hoisted_1, toDisplayString(__props.label), 1),
+          _cache[1] || (_cache[1] = createElementVNode("span", { class: "mld-divider__line" }, null, -1))
+        ], 64)) : createCommentVNode("", true)
+      ], 2));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Divider.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.vue.js","sources":["../../src/components/Divider.vue"],"sourcesContent":["<script setup lang=\"ts\">\ninterface Props {\n  vertical?: boolean\n  label?: string\n  spacing?: 'sm' | 'md' | 'lg'\n}\n\nwithDefaults(defineProps<Props>(), {\n  vertical: false,\n  label: undefined,\n  spacing: 'md',\n})\n</script>\n\n<template>\n  <div\n    v-if=\"vertical\"\n    :class=\"[\n      'mld-divider',\n      'mld-divider--vertical',\n      `mld-divider--${spacing}`,\n    ]\"\n    role=\"separator\"\n    aria-orientation=\"vertical\"\n  />\n  <div\n    v-else\n    :class=\"[\n      'mld-divider',\n      `mld-divider--${spacing}`,\n    ]\"\n    role=\"separator\"\n    aria-orientation=\"horizontal\"\n  >\n    <template v-if=\"label\">\n      <span class=\"mld-divider__line\" />\n      <span class=\"mld-divider__label\">{{ label }}</span>\n      <span class=\"mld-divider__line\" />\n    </template>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/divider.css';\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_Fragment","_createElementVNode","_toDisplayString"],"mappings":";;;;;;;;;;;aAgBU,QAAA,yBADRA,mBASE,OAAA;AAAA;QAPC,OAAKC,eAAA;AAAA;;0BAA8E,QAAA,OAAO;AAAA,QAAA;QAK3F,MAAK;AAAA,QACL,oBAAiB;AAAA,MAAA,6BAEnBD,mBAcM,OAAA;AAAA;QAZH,OAAKC,eAAA;AAAA;0BAA+C,QAAA,OAAO;AAAA,QAAA;QAI5D,MAAK;AAAA,QACL,oBAAiB;AAAA,MAAA;QAED,QAAA,sBAAhBD,mBAIWE,UAAA,EAAA,KAAA,KAAA;AAAA,oCAHTC,mBAAkC,QAAA,EAA5B,OAAM,oBAAA,GAAmB,MAAA,EAAA;AAAA,UAC/BA,mBAAmD,QAAnD,YAAmDC,gBAAf,QAAA,KAAK,GAAA,CAAA;AAAA,oCACzCD,mBAAkC,QAAA,EAA5B,OAAM,uBAAmB,MAAA,EAAA;AAAA,QAAA;;;;;"}

package/dist/components/Divider.vue3.js

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

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

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

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

@@ -0,0 +1,19 @@
+import { DilutionResult, SerialDilutionResult, WellConcentration } from '../composables/useDoseCalculator';
+type CalculatorMode = 'dilution' | 'serial' | 'conversion';
+interface Props {
+    mode?: CalculatorMode | 'auto';
+    molecularWeight?: number;
+    targetWells?: string[];
+    disabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "apply-to-wells": (results: WellConcentration[]) => any;
+    calculate: (result: DilutionResult | SerialDilutionResult) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onApply-to-wells"?: ((results: WellConcentration[]) => any) | undefined;
+    onCalculate?: ((result: DilutionResult | SerialDilutionResult) => any) | undefined;
+}>, {
+    disabled: boolean;
+    mode: CalculatorMode | "auto";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;