@treeui/vue 0.17.0 → 0.18.0

package/dist/components/TDateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TDateTimePicker.js","names":[],"sources":["../../src/components/TDateTimePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  addDays,\n  addMonths,\n  createId,\n  isActivationKey,\n  isEscapeKey,\n  isSameDay,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n  toDateValue,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n  type ComponentPublicInstance,\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  toRef,\n  useAttrs,\n  watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\ninterface CalendarCell {\n  date: Date;\n  dayLabel: number;\n  disabled: boolean;\n  inMonth: boolean;\n  isFocused: boolean;\n  isSelected: boolean;\n  isToday: boolean;\n  key: string;\n}\n\ninterface TimeOption {\n  disabled: boolean;\n  label: string;\n  value: number;\n}\n\nconst CalendarIcon = getTreeIcon('calendar');\nconst ChevronLeftIcon = getTreeIcon('chevron-left');\nconst ChevronRightIcon = getTreeIcon('chevron-right');\n\nconst dateOnlyPattern = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\nconst dateTimePattern = /^(\\d{4})-(\\d{2})-(\\d{2})T(\\d{2}):(\\d{2})(?::(\\d{2}))?$/;\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    open?: boolean;\n    defaultOpen?: boolean;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    locale?: string;\n    min?: string;\n    max?: string;\n    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n    id?: string;\n    step?: number;\n  }>(),\n  {\n    modelValue: '',\n    open: undefined,\n    defaultOpen: false,\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: 'Select date and time',\n    locale: 'en-US',\n    min: '',\n    max: '',\n    weekStartsOn: 0,\n    id: undefined,\n    step: 60,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n  change: [value: string];\n  select: [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nconst cloneDate = (value: Date) => new Date(value.getTime());\n\nconst formatPart = (value: number) => `${value}`.padStart(2, '0');\n\nconst endOfDay = (date: Date) =>\n  new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);\n\nconst parseBoundaryValue = (\n  value: string | null | undefined,\n  boundary: 'exact' | 'start' | 'end' = 'exact',\n) => {\n  if (!value) {\n    return null;\n  }\n\n  const dateOnlyMatch = value.match(dateOnlyPattern);\n  if (dateOnlyMatch) {\n    const [, yearToken, monthToken, dayToken] = dateOnlyMatch;\n    const year = Number.parseInt(yearToken, 10);\n    const month = Number.parseInt(monthToken, 10);\n    const day = Number.parseInt(dayToken, 10);\n    const hour = boundary === 'end' ? 23 : 0;\n    const minute = boundary === 'end' ? 59 : 0;\n    const second = boundary === 'end' ? 59 : 0;\n    const millisecond = boundary === 'end' ? 999 : 0;\n    const date = new Date(year, month - 1, day, hour, minute, second, millisecond);\n\n    if (\n      Number.isNaN(date.getTime()) ||\n      date.getFullYear() !== year ||\n      date.getMonth() !== month - 1 ||\n      date.getDate() !== day\n    ) {\n      return null;\n    }\n\n    return date;\n  }\n\n  const dateTimeMatch = value.match(dateTimePattern);\n  if (!dateTimeMatch) {\n    return null;\n  }\n\n  const [, yearToken, monthToken, dayToken, hourToken, minuteToken, secondToken] =\n    dateTimeMatch;\n  const year = Number.parseInt(yearToken, 10);\n  const month = Number.parseInt(monthToken, 10);\n  const day = Number.parseInt(dayToken, 10);\n  const hour = Number.parseInt(hourToken, 10);\n  const minute = Number.parseInt(minuteToken, 10);\n  const second = secondToken ? Number.parseInt(secondToken, 10) : 0;\n  const date = new Date(year, month - 1, day, hour, minute, second, 0);\n\n  if (\n    Number.isNaN(date.getTime()) ||\n    date.getFullYear() !== year ||\n    date.getMonth() !== month - 1 ||\n    date.getDate() !== day ||\n    date.getHours() !== hour ||\n    date.getMinutes() !== minute ||\n    date.getSeconds() !== second\n  ) {\n    return null;\n  }\n\n  return date;\n};\n\nconst toDateTimeValue = (date: Date) =>\n  `${toDateValue(date)}T${formatPart(date.getHours())}:${formatPart(date.getMinutes())}`;\n\nconst setDatePart = (source: Date, targetDate: Date) =>\n  new Date(\n    targetDate.getFullYear(),\n    targetDate.getMonth(),\n    targetDate.getDate(),\n    source.getHours(),\n    source.getMinutes(),\n    0,\n    0,\n  );\n\nconst setTimePart = (source: Date, hour: number, minute: number) =>\n  new Date(\n    source.getFullYear(),\n    source.getMonth(),\n    source.getDate(),\n    hour,\n    minute,\n    0,\n    0,\n  );\n\nconst resolveMinuteStep = (step: number) => {\n  if (!Number.isFinite(step) || step <= 0 || step % 60 !== 0) {\n    return 1;\n  }\n\n  const minuteStep = step / 60;\n  return minuteStep >= 60 ? 1 : minuteStep;\n};\n\nconst today = startOfDay(new Date());\nconst selectedDateTime = computed(() => parseBoundaryValue(props.modelValue, 'exact'));\nconst minDateTime = computed(() => parseBoundaryValue(props.min, 'start'));\nconst maxDateTime = computed(() => parseBoundaryValue(props.max, 'end'));\nconst pickerId = props.id ?? createId('t-date-time-picker');\nconst captionId = `${pickerId}-caption`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst dayRefs = new Map<string, HTMLButtonElement>();\n\nconst clampToRange = (value: Date) => {\n  let nextValue = cloneDate(value);\n\n  if (minDateTime.value && nextValue < minDateTime.value) {\n    nextValue = cloneDate(minDateTime.value);\n  }\n\n  if (maxDateTime.value && nextValue > maxDateTime.value) {\n    nextValue = cloneDate(maxDateTime.value);\n  }\n\n  return nextValue;\n};\n\nconst createDefaultDraftDateTime = () => {\n  const reference = new Date();\n  const stepMilliseconds = Math.max(props.step, 60) * 1000;\n  const rounded = new Date(Math.ceil(reference.getTime() / stepMilliseconds) * stepMilliseconds);\n\n  rounded.setSeconds(0, 0);\n  return clampToRange(rounded);\n};\n\nconst initialDateTime = selectedDateTime.value ?? createDefaultDraftDateTime();\nconst draftDateTime = ref(initialDateTime);\nconst focusedDate = ref(startOfDay(initialDateTime));\nconst viewMonth = ref(startOfMonth(initialDateTime));\n\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, name: _name, ...rest } = attrs;\n  return rest;\n});\n\nconst hiddenInputName = computed(() =>\n  typeof attrs.name === 'string' ? attrs.name : undefined,\n);\n\nconst rootClasses = computed(() => [\n  't-date-picker',\n  't-date-time-picker',\n  `t-date-picker--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n    'is-open': isOpen.value,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n  toRef(props, 'open'),\n  props.defaultOpen,\n  (value) => {\n    emit('update:open', value);\n    emit('open-change', value);\n  },\n);\n\nconst triggerText = computed(() => {\n  if (!selectedDateTime.value) {\n    return props.placeholder;\n  }\n\n  return new Intl.DateTimeFormat(props.locale, {\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    month: 'long',\n    year: 'numeric',\n  }).format(selectedDateTime.value);\n});\n\nconst draftPreview = computed(() =>\n  new Intl.DateTimeFormat(props.locale, {\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    month: 'long',\n    year: 'numeric',\n  }).format(draftDateTime.value),\n);\n\nconst monthLabel = computed(() =>\n  new Intl.DateTimeFormat(props.locale, {\n    month: 'long',\n    year: 'numeric',\n  }).format(viewMonth.value),\n);\n\nconst weekdayLabels = computed(() => {\n  const formatter = new Intl.DateTimeFormat(props.locale, { weekday: 'short' });\n  const weekBase = startOfWeek(new Date(2024, 0, 7), props.weekStartsOn);\n\n  return Array.from({ length: 7 }, (_, index) =>\n    formatter.format(addDays(weekBase, index)),\n  );\n});\n\nconst minuteStep = computed(() => resolveMinuteStep(props.step));\n\nconst minuteValues = computed(() => {\n  const values = new Set<number>();\n\n  for (let minute = 0; minute < 60; minute += minuteStep.value) {\n    values.add(minute);\n  }\n\n  values.add(draftDateTime.value.getMinutes());\n\n  return [...values].sort((left, right) => left - right);\n});\n\nconst isDateDisabled = (date: Date) => {\n  if (props.disabled) {\n    return true;\n  }\n\n  const dayStart = startOfDay(date);\n  const dayEnd = endOfDay(date);\n\n  if (minDateTime.value && dayEnd < minDateTime.value) {\n    return true;\n  }\n\n  if (maxDateTime.value && dayStart > maxDateTime.value) {\n    return true;\n  }\n\n  return false;\n};\n\nconst isDateTimeDisabled = (value: Date) => {\n  if (props.disabled) {\n    return true;\n  }\n\n  if (minDateTime.value && value < minDateTime.value) {\n    return true;\n  }\n\n  if (maxDateTime.value && value > maxDateTime.value) {\n    return true;\n  }\n\n  return false;\n};\n\nconst syncCalendarView = (date: Date) => {\n  focusedDate.value = startOfDay(date);\n  viewMonth.value = startOfMonth(date);\n};\n\nconst syncDraftState = (dateTime: Date) => {\n  const nextValue = clampToRange(dateTime);\n  draftDateTime.value = nextValue;\n  syncCalendarView(nextValue);\n};\n\nwatch(\n  selectedDateTime,\n  (value) => {\n    if (isOpen.value) {\n      return;\n    }\n\n    syncDraftState(value ?? createDefaultDraftDateTime());\n  },\n  { immediate: true },\n);\n\nconst draftDate = computed(() => startOfDay(draftDateTime.value));\n\nconst cells = computed(() => {\n  const startDate = startOfWeek(startOfMonth(viewMonth.value), props.weekStartsOn);\n\n  return Array.from({ length: 6 }, (_, weekIndex) =>\n    Array.from({ length: 7 }, (_, dayIndex) => {\n      const date = addDays(startDate, weekIndex * 7 + dayIndex);\n      const key = toDateValue(date);\n\n      return {\n        date,\n        dayLabel: date.getDate(),\n        disabled: isDateDisabled(date),\n        inMonth: date.getMonth() === viewMonth.value.getMonth(),\n        isFocused: isSameDay(date, focusedDate.value),\n        isSelected: isSameDay(date, draftDate.value),\n        isToday: isSameDay(date, today),\n        key,\n      } satisfies CalendarCell;\n    }),\n  );\n});\n\nconst canMovePrev = computed(() => {\n  if (!minDateTime.value) {\n    return true;\n  }\n\n  return startOfMonth(viewMonth.value) > startOfMonth(minDateTime.value);\n});\n\nconst canMoveNext = computed(() => {\n  if (!maxDateTime.value) {\n    return true;\n  }\n\n  return startOfMonth(viewMonth.value) < startOfMonth(maxDateTime.value);\n});\n\nconst isTimeOptionEnabled = (hour: number, minute: number) => {\n  const candidate = setTimePart(draftDateTime.value, hour, minute);\n  return !isDateTimeDisabled(candidate);\n};\n\nconst hourOptions = computed<TimeOption[]>(() =>\n  Array.from({ length: 24 }, (_, hour) => ({\n    disabled: !minuteValues.value.some((minute) => isTimeOptionEnabled(hour, minute)),\n    label: formatPart(hour),\n    value: hour,\n  })),\n);\n\nconst minuteOptions = computed<TimeOption[]>(() =>\n  minuteValues.value.map((minute) => ({\n    disabled: !isTimeOptionEnabled(draftDateTime.value.getHours(), minute),\n    label: formatPart(minute),\n    value: minute,\n  })),\n);\n\nconst focusCurrentDay = () => {\n  const key = toDateValue(focusedDate.value);\n  nextTick(() => {\n    dayRefs.get(key)?.focus();\n  });\n};\n\nconst setDayRef = (\n  element: Element | ComponentPublicInstance | null,\n  key: string,\n) => {\n  if (element instanceof HTMLButtonElement) {\n    dayRefs.set(key, element);\n    return;\n  }\n\n  dayRefs.delete(key);\n};\n\nconst openCalendar = () => {\n  if (props.disabled) {\n    return;\n  }\n\n  syncDraftState(selectedDateTime.value ?? createDefaultDraftDateTime());\n  setValue(true);\n  focusCurrentDay();\n};\n\nconst closeCalendar = (restoreFocus = false) => {\n  setValue(false);\n\n  if (restoreFocus) {\n    nextTick(() => {\n      triggerRef.value?.focus();\n    });\n  }\n};\n\nconst toggleCalendar = () => {\n  if (isOpen.value) {\n    closeCalendar();\n    return;\n  }\n\n  openCalendar();\n};\n\nconst moveCalendar = (direction: 1 | -1) => {\n  const nextMonth = addMonths(viewMonth.value, direction);\n  syncCalendarView(nextMonth);\n  focusCurrentDay();\n};\n\nconst moveFocus = (nextDate: Date) => {\n  if (isDateDisabled(nextDate)) {\n    return;\n  }\n\n  syncCalendarView(nextDate);\n  focusCurrentDay();\n};\n\nconst selectDate = (date: Date) => {\n  if (isDateDisabled(date)) {\n    return;\n  }\n\n  const candidate = clampToRange(setDatePart(draftDateTime.value, date));\n  draftDateTime.value = candidate;\n  syncCalendarView(candidate);\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) {\n    return;\n  }\n\n  if (isEscapeKey(event) && isOpen.value) {\n    event.preventDefault();\n    closeCalendar();\n    return;\n  }\n\n  if (\n    isActivationKey(event) ||\n    event.key === 'ArrowDown' ||\n    event.key === 'ArrowUp'\n  ) {\n    event.preventDefault();\n    openCalendar();\n  }\n};\n\nconst onDayKeydown = (event: KeyboardEvent, date: Date) => {\n  if (isEscapeKey(event)) {\n    event.preventDefault();\n    closeCalendar(true);\n    return;\n  }\n\n  if (isActivationKey(event)) {\n    event.preventDefault();\n    selectDate(date);\n    return;\n  }\n\n  switch (event.key) {\n    case 'ArrowLeft':\n      event.preventDefault();\n      moveFocus(addDays(date, -1));\n      break;\n    case 'ArrowRight':\n      event.preventDefault();\n      moveFocus(addDays(date, 1));\n      break;\n    case 'ArrowUp':\n      event.preventDefault();\n      moveFocus(addDays(date, -7));\n      break;\n    case 'ArrowDown':\n      event.preventDefault();\n      moveFocus(addDays(date, 7));\n      break;\n    case 'Home':\n      event.preventDefault();\n      moveFocus(startOfWeek(date, props.weekStartsOn));\n      break;\n    case 'End':\n      event.preventDefault();\n      moveFocus(addDays(startOfWeek(date, props.weekStartsOn), 6));\n      break;\n    case 'PageUp':\n      event.preventDefault();\n      moveFocus(addMonths(date, event.shiftKey ? -12 : -1));\n      break;\n    case 'PageDown':\n      event.preventDefault();\n      moveFocus(addMonths(date, event.shiftKey ? 12 : 1));\n      break;\n    default:\n      break;\n  }\n};\n\nconst updateHour = (event: Event) => {\n  const nextHour = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n  const currentMinute = draftDateTime.value.getMinutes();\n\n  if (Number.isNaN(nextHour)) {\n    return;\n  }\n\n  const availableMinutes = minuteValues.value.filter((minute) =>\n    isTimeOptionEnabled(nextHour, minute),\n  );\n\n  if (!availableMinutes.length) {\n    return;\n  }\n\n  const nextMinute = availableMinutes.includes(currentMinute)\n    ? currentMinute\n    : availableMinutes[0];\n\n  draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst updateMinute = (event: Event) => {\n  const nextMinute = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n  const nextHour = draftDateTime.value.getHours();\n\n  if (Number.isNaN(nextMinute) || !isTimeOptionEnabled(nextHour, nextMinute)) {\n    return;\n  }\n\n  draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst commitDraft = () => {\n  const value = toDateTimeValue(draftDateTime.value);\n\n  emit('update:modelValue', value);\n  emit('change', value);\n  emit('select', value);\n  closeCalendar(true);\n};\n\nconst clearSelection = () => {\n  emit('update:modelValue', '');\n  emit('change', '');\n  emit('select', '');\n  closeCalendar(true);\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n  if (!isOpen.value) {\n    return;\n  }\n\n  const target = event.target;\n  if (!(target instanceof Node)) {\n    return;\n  }\n\n  if (rootRef.value?.contains(target)) {\n    return;\n  }\n\n  closeCalendar();\n};\n\nwatch(isOpen, (value) => {\n  if (value) {\n    document.addEventListener('pointerdown', onDocumentPointerDown);\n    return;\n  }\n\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    :data-state=\"isOpen ? 'open' : 'closed'\"\n  >\n    <input\n      v-if=\"hiddenInputName\"\n      type=\"hidden\"\n      :name=\"hiddenInputName\"\n      :value=\"modelValue\"\n    >\n\n    <button\n      ref=\"triggerRef\"\n      v-bind=\"triggerAttrs\"\n      type=\"button\"\n      class=\"t-date-picker__trigger t-date-time-picker__trigger\"\n      :disabled=\"disabled\"\n      :aria-controls=\"isOpen ? pickerId : undefined\"\n      aria-haspopup=\"dialog\"\n      :aria-expanded=\"isOpen\"\n      :aria-invalid=\"invalid || undefined\"\n      @click=\"toggleCalendar\"\n      @keydown=\"onTriggerKeydown\"\n    >\n      <span\n        v-if=\"$slots.prefix\"\n        class=\"t-date-picker__slot t-date-picker__slot--prefix\"\n      >\n        <slot name=\"prefix\" />\n      </span>\n\n      <span\n        class=\"t-date-picker__value\"\n        :data-placeholder=\"selectedDateTime ? undefined : true\"\n      >\n        {{ triggerText }}\n      </span>\n\n      <span class=\"t-date-picker__slot t-date-picker__slot--suffix\">\n        <slot name=\"suffix\">\n          <TSpinner\n            v-if=\"loading\"\n            size=\"sm\"\n            label=\"Loading\"\n          />\n          <CalendarIcon\n            v-else\n            v-bind=\"treeIconDefaults\"\n          />\n        </slot>\n      </span>\n    </button>\n\n    <transition name=\"t-fade\">\n      <div\n        v-if=\"isOpen && !disabled\"\n        :id=\"pickerId\"\n        class=\"t-date-picker__content t-date-time-picker__content\"\n        role=\"dialog\"\n        aria-modal=\"false\"\n        :aria-labelledby=\"captionId\"\n      >\n        <div class=\"t-date-time-picker__calendar\">\n          <div class=\"t-date-picker__header\">\n            <button\n              type=\"button\"\n              class=\"t-date-picker__nav\"\n              :disabled=\"!canMovePrev\"\n              aria-label=\"Previous month\"\n              @click=\"moveCalendar(-1)\"\n            >\n              <ChevronLeftIcon v-bind=\"treeIconDefaults\" />\n            </button>\n\n            <p\n              :id=\"captionId\"\n              class=\"t-date-picker__month\"\n            >\n              {{ monthLabel }}\n            </p>\n\n            <button\n              type=\"button\"\n              class=\"t-date-picker__nav\"\n              :disabled=\"!canMoveNext\"\n              aria-label=\"Next month\"\n              @click=\"moveCalendar(1)\"\n            >\n              <ChevronRightIcon v-bind=\"treeIconDefaults\" />\n            </button>\n          </div>\n\n          <div\n            class=\"t-date-picker__weekdays\"\n            aria-hidden=\"true\"\n          >\n            <span\n              v-for=\"label in weekdayLabels\"\n              :key=\"label\"\n              class=\"t-date-picker__weekday\"\n            >\n              {{ label }}\n            </span>\n          </div>\n\n          <div\n            class=\"t-date-picker__grid\"\n            role=\"grid\"\n            :aria-labelledby=\"captionId\"\n          >\n            <div\n              v-for=\"(week, weekIndex) in cells\"\n              :key=\"weekIndex\"\n              class=\"t-date-picker__row\"\n              role=\"row\"\n            >\n              <div\n                v-for=\"cell in week\"\n                :key=\"cell.key\"\n                class=\"t-date-picker__cell\"\n                role=\"gridcell\"\n                :aria-selected=\"cell.isSelected\"\n              >\n                <button\n                  :ref=\"(element) => setDayRef(element, cell.key)\"\n                  type=\"button\"\n                  class=\"t-date-picker__day\"\n                  :class=\"{\n                    'is-muted': !cell.inMonth,\n                    'is-selected': cell.isSelected,\n                    'is-today': cell.isToday,\n                  }\"\n                  :data-date=\"cell.key\"\n                  :tabindex=\"cell.isFocused ? 0 : -1\"\n                  :disabled=\"cell.disabled\"\n                  :aria-pressed=\"cell.isSelected\"\n                  @click=\"selectDate(cell.date)\"\n                  @keydown=\"onDayKeydown($event, cell.date)\"\n                >\n                  {{ cell.dayLabel }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"t-date-time-picker__summary\">\n          <p class=\"t-date-time-picker__eyebrow\">\n            Selected slot\n          </p>\n          <p class=\"t-date-time-picker__summary-value\">\n            {{ draftPreview }}\n          </p>\n        </div>\n\n        <div class=\"t-date-time-picker__time\">\n          <label class=\"t-date-time-picker__time-field\">\n            <span class=\"t-date-time-picker__time-label\">Hour</span>\n            <select\n              class=\"t-date-time-picker__select\"\n              :value=\"draftDateTime.getHours()\"\n              aria-label=\"Select hour\"\n              @change=\"updateHour\"\n            >\n              <option\n                v-for=\"option in hourOptions\"\n                :key=\"option.value\"\n                :value=\"option.value\"\n                :disabled=\"option.disabled\"\n              >\n                {{ option.label }}\n              </option>\n            </select>\n          </label>\n\n          <label class=\"t-date-time-picker__time-field\">\n            <span class=\"t-date-time-picker__time-label\">Minute</span>\n            <select\n              class=\"t-date-time-picker__select\"\n              :value=\"draftDateTime.getMinutes()\"\n              aria-label=\"Select minute\"\n              @change=\"updateMinute\"\n            >\n              <option\n                v-for=\"option in minuteOptions\"\n                :key=\"option.value\"\n                :value=\"option.value\"\n                :disabled=\"option.disabled\"\n              >\n                {{ option.label }}\n              </option>\n            </select>\n          </label>\n        </div>\n\n        <div class=\"t-date-time-picker__footer\">\n          <button\n            type=\"button\"\n            class=\"t-button t-button--ghost t-button--sm\"\n            @click=\"clearSelection\"\n          >\n            Clear\n          </button>\n          <button\n            type=\"button\"\n            class=\"t-button t-button--solid t-button--sm\"\n            @click=\"commitDraft\"\n          >\n            Apply\n          </button>\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TDateTimePicker.js","names":[],"sources":["../../src/components/TDateTimePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  addDays,\n  addMonths,\n  createId,\n  isActivationKey,\n  isEscapeKey,\n  isSameDay,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n  toDateValue,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n  type ComponentPublicInstance,\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  toRef,\n  useAttrs,\n  watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\ninterface CalendarCell {\n  date: Date;\n  dayLabel: number;\n  disabled: boolean;\n  inMonth: boolean;\n  isFocused: boolean;\n  isSelected: boolean;\n  isToday: boolean;\n  key: string;\n}\n\ninterface TimeOption {\n  disabled: boolean;\n  label: string;\n  value: number;\n}\n\nconst CalendarIcon = computed(() => getTreeIcon('calendar'));\nconst ChevronLeftIcon = computed(() => getTreeIcon('chevron-left'));\nconst ChevronRightIcon = computed(() => getTreeIcon('chevron-right'));\n\nconst dateOnlyPattern = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\nconst dateTimePattern = /^(\\d{4})-(\\d{2})-(\\d{2})T(\\d{2}):(\\d{2})(?::(\\d{2}))?$/;\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    open?: boolean;\n    defaultOpen?: boolean;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    locale?: string;\n    min?: string;\n    max?: string;\n    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n    id?: string;\n    step?: number;\n  }>(),\n  {\n    modelValue: '',\n    open: undefined,\n    defaultOpen: false,\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: 'Select date and time',\n    locale: 'en-US',\n    min: '',\n    max: '',\n    weekStartsOn: 0,\n    id: undefined,\n    step: 60,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n  change: [value: string];\n  select: [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nconst cloneDate = (value: Date) => new Date(value.getTime());\n\nconst formatPart = (value: number) => `${value}`.padStart(2, '0');\n\nconst endOfDay = (date: Date) =>\n  new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);\n\nconst parseBoundaryValue = (\n  value: string | null | undefined,\n  boundary: 'exact' | 'start' | 'end' = 'exact',\n) => {\n  if (!value) {\n    return null;\n  }\n\n  const dateOnlyMatch = value.match(dateOnlyPattern);\n  if (dateOnlyMatch) {\n    const [, yearToken, monthToken, dayToken] = dateOnlyMatch;\n    const year = Number.parseInt(yearToken, 10);\n    const month = Number.parseInt(monthToken, 10);\n    const day = Number.parseInt(dayToken, 10);\n    const hour = boundary === 'end' ? 23 : 0;\n    const minute = boundary === 'end' ? 59 : 0;\n    const second = boundary === 'end' ? 59 : 0;\n    const millisecond = boundary === 'end' ? 999 : 0;\n    const date = new Date(year, month - 1, day, hour, minute, second, millisecond);\n\n    if (\n      Number.isNaN(date.getTime()) ||\n      date.getFullYear() !== year ||\n      date.getMonth() !== month - 1 ||\n      date.getDate() !== day\n    ) {\n      return null;\n    }\n\n    return date;\n  }\n\n  const dateTimeMatch = value.match(dateTimePattern);\n  if (!dateTimeMatch) {\n    return null;\n  }\n\n  const [, yearToken, monthToken, dayToken, hourToken, minuteToken, secondToken] =\n    dateTimeMatch;\n  const year = Number.parseInt(yearToken, 10);\n  const month = Number.parseInt(monthToken, 10);\n  const day = Number.parseInt(dayToken, 10);\n  const hour = Number.parseInt(hourToken, 10);\n  const minute = Number.parseInt(minuteToken, 10);\n  const second = secondToken ? Number.parseInt(secondToken, 10) : 0;\n  const date = new Date(year, month - 1, day, hour, minute, second, 0);\n\n  if (\n    Number.isNaN(date.getTime()) ||\n    date.getFullYear() !== year ||\n    date.getMonth() !== month - 1 ||\n    date.getDate() !== day ||\n    date.getHours() !== hour ||\n    date.getMinutes() !== minute ||\n    date.getSeconds() !== second\n  ) {\n    return null;\n  }\n\n  return date;\n};\n\nconst toDateTimeValue = (date: Date) =>\n  `${toDateValue(date)}T${formatPart(date.getHours())}:${formatPart(date.getMinutes())}`;\n\nconst setDatePart = (source: Date, targetDate: Date) =>\n  new Date(\n    targetDate.getFullYear(),\n    targetDate.getMonth(),\n    targetDate.getDate(),\n    source.getHours(),\n    source.getMinutes(),\n    0,\n    0,\n  );\n\nconst setTimePart = (source: Date, hour: number, minute: number) =>\n  new Date(\n    source.getFullYear(),\n    source.getMonth(),\n    source.getDate(),\n    hour,\n    minute,\n    0,\n    0,\n  );\n\nconst resolveMinuteStep = (step: number) => {\n  if (!Number.isFinite(step) || step <= 0 || step % 60 !== 0) {\n    return 1;\n  }\n\n  const minuteStep = step / 60;\n  return minuteStep >= 60 ? 1 : minuteStep;\n};\n\nconst today = startOfDay(new Date());\nconst selectedDateTime = computed(() => parseBoundaryValue(props.modelValue, 'exact'));\nconst minDateTime = computed(() => parseBoundaryValue(props.min, 'start'));\nconst maxDateTime = computed(() => parseBoundaryValue(props.max, 'end'));\nconst pickerId = props.id ?? createId('t-date-time-picker');\nconst captionId = `${pickerId}-caption`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst dayRefs = new Map<string, HTMLButtonElement>();\n\nconst clampToRange = (value: Date) => {\n  let nextValue = cloneDate(value);\n\n  if (minDateTime.value && nextValue < minDateTime.value) {\n    nextValue = cloneDate(minDateTime.value);\n  }\n\n  if (maxDateTime.value && nextValue > maxDateTime.value) {\n    nextValue = cloneDate(maxDateTime.value);\n  }\n\n  return nextValue;\n};\n\nconst createDefaultDraftDateTime = () => {\n  const reference = new Date();\n  const stepMilliseconds = Math.max(props.step, 60) * 1000;\n  const rounded = new Date(Math.ceil(reference.getTime() / stepMilliseconds) * stepMilliseconds);\n\n  rounded.setSeconds(0, 0);\n  return clampToRange(rounded);\n};\n\nconst initialDateTime = selectedDateTime.value ?? createDefaultDraftDateTime();\nconst draftDateTime = ref(initialDateTime);\nconst focusedDate = ref(startOfDay(initialDateTime));\nconst viewMonth = ref(startOfMonth(initialDateTime));\n\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, name: _name, ...rest } = attrs;\n  return rest;\n});\n\nconst hiddenInputName = computed(() =>\n  typeof attrs.name === 'string' ? attrs.name : undefined,\n);\n\nconst rootClasses = computed(() => [\n  't-date-picker',\n  't-date-time-picker',\n  `t-date-picker--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n    'is-open': isOpen.value,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n  toRef(props, 'open'),\n  props.defaultOpen,\n  (value) => {\n    emit('update:open', value);\n    emit('open-change', value);\n  },\n);\n\nconst triggerText = computed(() => {\n  if (!selectedDateTime.value) {\n    return props.placeholder;\n  }\n\n  return new Intl.DateTimeFormat(props.locale, {\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    month: 'long',\n    year: 'numeric',\n  }).format(selectedDateTime.value);\n});\n\nconst draftPreview = computed(() =>\n  new Intl.DateTimeFormat(props.locale, {\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    month: 'long',\n    year: 'numeric',\n  }).format(draftDateTime.value),\n);\n\nconst monthLabel = computed(() =>\n  new Intl.DateTimeFormat(props.locale, {\n    month: 'long',\n    year: 'numeric',\n  }).format(viewMonth.value),\n);\n\nconst weekdayLabels = computed(() => {\n  const formatter = new Intl.DateTimeFormat(props.locale, { weekday: 'short' });\n  const weekBase = startOfWeek(new Date(2024, 0, 7), props.weekStartsOn);\n\n  return Array.from({ length: 7 }, (_, index) =>\n    formatter.format(addDays(weekBase, index)),\n  );\n});\n\nconst minuteStep = computed(() => resolveMinuteStep(props.step));\n\nconst minuteValues = computed(() => {\n  const values = new Set<number>();\n\n  for (let minute = 0; minute < 60; minute += minuteStep.value) {\n    values.add(minute);\n  }\n\n  values.add(draftDateTime.value.getMinutes());\n\n  return [...values].sort((left, right) => left - right);\n});\n\nconst isDateDisabled = (date: Date) => {\n  if (props.disabled) {\n    return true;\n  }\n\n  const dayStart = startOfDay(date);\n  const dayEnd = endOfDay(date);\n\n  if (minDateTime.value && dayEnd < minDateTime.value) {\n    return true;\n  }\n\n  if (maxDateTime.value && dayStart > maxDateTime.value) {\n    return true;\n  }\n\n  return false;\n};\n\nconst isDateTimeDisabled = (value: Date) => {\n  if (props.disabled) {\n    return true;\n  }\n\n  if (minDateTime.value && value < minDateTime.value) {\n    return true;\n  }\n\n  if (maxDateTime.value && value > maxDateTime.value) {\n    return true;\n  }\n\n  return false;\n};\n\nconst syncCalendarView = (date: Date) => {\n  focusedDate.value = startOfDay(date);\n  viewMonth.value = startOfMonth(date);\n};\n\nconst syncDraftState = (dateTime: Date) => {\n  const nextValue = clampToRange(dateTime);\n  draftDateTime.value = nextValue;\n  syncCalendarView(nextValue);\n};\n\nwatch(\n  selectedDateTime,\n  (value) => {\n    if (isOpen.value) {\n      return;\n    }\n\n    syncDraftState(value ?? createDefaultDraftDateTime());\n  },\n  { immediate: true },\n);\n\nconst draftDate = computed(() => startOfDay(draftDateTime.value));\n\nconst cells = computed(() => {\n  const startDate = startOfWeek(startOfMonth(viewMonth.value), props.weekStartsOn);\n\n  return Array.from({ length: 6 }, (_, weekIndex) =>\n    Array.from({ length: 7 }, (_, dayIndex) => {\n      const date = addDays(startDate, weekIndex * 7 + dayIndex);\n      const key = toDateValue(date);\n\n      return {\n        date,\n        dayLabel: date.getDate(),\n        disabled: isDateDisabled(date),\n        inMonth: date.getMonth() === viewMonth.value.getMonth(),\n        isFocused: isSameDay(date, focusedDate.value),\n        isSelected: isSameDay(date, draftDate.value),\n        isToday: isSameDay(date, today),\n        key,\n      } satisfies CalendarCell;\n    }),\n  );\n});\n\nconst canMovePrev = computed(() => {\n  if (!minDateTime.value) {\n    return true;\n  }\n\n  return startOfMonth(viewMonth.value) > startOfMonth(minDateTime.value);\n});\n\nconst canMoveNext = computed(() => {\n  if (!maxDateTime.value) {\n    return true;\n  }\n\n  return startOfMonth(viewMonth.value) < startOfMonth(maxDateTime.value);\n});\n\nconst isTimeOptionEnabled = (hour: number, minute: number) => {\n  const candidate = setTimePart(draftDateTime.value, hour, minute);\n  return !isDateTimeDisabled(candidate);\n};\n\nconst hourOptions = computed<TimeOption[]>(() =>\n  Array.from({ length: 24 }, (_, hour) => ({\n    disabled: !minuteValues.value.some((minute) => isTimeOptionEnabled(hour, minute)),\n    label: formatPart(hour),\n    value: hour,\n  })),\n);\n\nconst minuteOptions = computed<TimeOption[]>(() =>\n  minuteValues.value.map((minute) => ({\n    disabled: !isTimeOptionEnabled(draftDateTime.value.getHours(), minute),\n    label: formatPart(minute),\n    value: minute,\n  })),\n);\n\nconst focusCurrentDay = () => {\n  const key = toDateValue(focusedDate.value);\n  nextTick(() => {\n    dayRefs.get(key)?.focus();\n  });\n};\n\nconst setDayRef = (\n  element: Element | ComponentPublicInstance | null,\n  key: string,\n) => {\n  if (element instanceof HTMLButtonElement) {\n    dayRefs.set(key, element);\n    return;\n  }\n\n  dayRefs.delete(key);\n};\n\nconst openCalendar = () => {\n  if (props.disabled) {\n    return;\n  }\n\n  syncDraftState(selectedDateTime.value ?? createDefaultDraftDateTime());\n  setValue(true);\n  focusCurrentDay();\n};\n\nconst closeCalendar = (restoreFocus = false) => {\n  setValue(false);\n\n  if (restoreFocus) {\n    nextTick(() => {\n      triggerRef.value?.focus();\n    });\n  }\n};\n\nconst toggleCalendar = () => {\n  if (isOpen.value) {\n    closeCalendar();\n    return;\n  }\n\n  openCalendar();\n};\n\nconst moveCalendar = (direction: 1 | -1) => {\n  const nextMonth = addMonths(viewMonth.value, direction);\n  syncCalendarView(nextMonth);\n  focusCurrentDay();\n};\n\nconst moveFocus = (nextDate: Date) => {\n  if (isDateDisabled(nextDate)) {\n    return;\n  }\n\n  syncCalendarView(nextDate);\n  focusCurrentDay();\n};\n\nconst selectDate = (date: Date) => {\n  if (isDateDisabled(date)) {\n    return;\n  }\n\n  const candidate = clampToRange(setDatePart(draftDateTime.value, date));\n  draftDateTime.value = candidate;\n  syncCalendarView(candidate);\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) {\n    return;\n  }\n\n  if (isEscapeKey(event) && isOpen.value) {\n    event.preventDefault();\n    closeCalendar();\n    return;\n  }\n\n  if (\n    isActivationKey(event) ||\n    event.key === 'ArrowDown' ||\n    event.key === 'ArrowUp'\n  ) {\n    event.preventDefault();\n    openCalendar();\n  }\n};\n\nconst onDayKeydown = (event: KeyboardEvent, date: Date) => {\n  if (isEscapeKey(event)) {\n    event.preventDefault();\n    closeCalendar(true);\n    return;\n  }\n\n  if (isActivationKey(event)) {\n    event.preventDefault();\n    selectDate(date);\n    return;\n  }\n\n  switch (event.key) {\n    case 'ArrowLeft':\n      event.preventDefault();\n      moveFocus(addDays(date, -1));\n      break;\n    case 'ArrowRight':\n      event.preventDefault();\n      moveFocus(addDays(date, 1));\n      break;\n    case 'ArrowUp':\n      event.preventDefault();\n      moveFocus(addDays(date, -7));\n      break;\n    case 'ArrowDown':\n      event.preventDefault();\n      moveFocus(addDays(date, 7));\n      break;\n    case 'Home':\n      event.preventDefault();\n      moveFocus(startOfWeek(date, props.weekStartsOn));\n      break;\n    case 'End':\n      event.preventDefault();\n      moveFocus(addDays(startOfWeek(date, props.weekStartsOn), 6));\n      break;\n    case 'PageUp':\n      event.preventDefault();\n      moveFocus(addMonths(date, event.shiftKey ? -12 : -1));\n      break;\n    case 'PageDown':\n      event.preventDefault();\n      moveFocus(addMonths(date, event.shiftKey ? 12 : 1));\n      break;\n    default:\n      break;\n  }\n};\n\nconst updateHour = (event: Event) => {\n  const nextHour = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n  const currentMinute = draftDateTime.value.getMinutes();\n\n  if (Number.isNaN(nextHour)) {\n    return;\n  }\n\n  const availableMinutes = minuteValues.value.filter((minute) =>\n    isTimeOptionEnabled(nextHour, minute),\n  );\n\n  if (!availableMinutes.length) {\n    return;\n  }\n\n  const nextMinute = availableMinutes.includes(currentMinute)\n    ? currentMinute\n    : availableMinutes[0];\n\n  draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst updateMinute = (event: Event) => {\n  const nextMinute = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n  const nextHour = draftDateTime.value.getHours();\n\n  if (Number.isNaN(nextMinute) || !isTimeOptionEnabled(nextHour, nextMinute)) {\n    return;\n  }\n\n  draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst commitDraft = () => {\n  const value = toDateTimeValue(draftDateTime.value);\n\n  emit('update:modelValue', value);\n  emit('change', value);\n  emit('select', value);\n  closeCalendar(true);\n};\n\nconst clearSelection = () => {\n  emit('update:modelValue', '');\n  emit('change', '');\n  emit('select', '');\n  closeCalendar(true);\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n  if (!isOpen.value) {\n    return;\n  }\n\n  const target = event.target;\n  if (!(target instanceof Node)) {\n    return;\n  }\n\n  if (rootRef.value?.contains(target)) {\n    return;\n  }\n\n  closeCalendar();\n};\n\nwatch(isOpen, (value) => {\n  if (value) {\n    document.addEventListener('pointerdown', onDocumentPointerDown);\n    return;\n  }\n\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    :data-state=\"isOpen ? 'open' : 'closed'\"\n  >\n    <input\n      v-if=\"hiddenInputName\"\n      type=\"hidden\"\n      :name=\"hiddenInputName\"\n      :value=\"modelValue\"\n    >\n\n    <button\n      ref=\"triggerRef\"\n      v-bind=\"triggerAttrs\"\n      type=\"button\"\n      class=\"t-date-picker__trigger t-date-time-picker__trigger\"\n      :disabled=\"disabled\"\n      :aria-controls=\"isOpen ? pickerId : undefined\"\n      aria-haspopup=\"dialog\"\n      :aria-expanded=\"isOpen\"\n      :aria-invalid=\"invalid || undefined\"\n      @click=\"toggleCalendar\"\n      @keydown=\"onTriggerKeydown\"\n    >\n      <span\n        v-if=\"$slots.prefix\"\n        class=\"t-date-picker__slot t-date-picker__slot--prefix\"\n      >\n        <slot name=\"prefix\" />\n      </span>\n\n      <span\n        class=\"t-date-picker__value\"\n        :data-placeholder=\"selectedDateTime ? undefined : true\"\n      >\n        {{ triggerText }}\n      </span>\n\n      <span class=\"t-date-picker__slot t-date-picker__slot--suffix\">\n        <slot name=\"suffix\">\n          <TSpinner\n            v-if=\"loading\"\n            size=\"sm\"\n            label=\"Loading\"\n          />\n          <CalendarIcon\n            v-else\n            v-bind=\"treeIconDefaults\"\n          />\n        </slot>\n      </span>\n    </button>\n\n    <transition name=\"t-fade\">\n      <div\n        v-if=\"isOpen && !disabled\"\n        :id=\"pickerId\"\n        class=\"t-date-picker__content t-date-time-picker__content\"\n        role=\"dialog\"\n        aria-modal=\"false\"\n        :aria-labelledby=\"captionId\"\n      >\n        <div class=\"t-date-time-picker__calendar\">\n          <div class=\"t-date-picker__header\">\n            <button\n              type=\"button\"\n              class=\"t-date-picker__nav\"\n              :disabled=\"!canMovePrev\"\n              aria-label=\"Previous month\"\n              @click=\"moveCalendar(-1)\"\n            >\n              <ChevronLeftIcon v-bind=\"treeIconDefaults\" />\n            </button>\n\n            <p\n              :id=\"captionId\"\n              class=\"t-date-picker__month\"\n            >\n              {{ monthLabel }}\n            </p>\n\n            <button\n              type=\"button\"\n              class=\"t-date-picker__nav\"\n              :disabled=\"!canMoveNext\"\n              aria-label=\"Next month\"\n              @click=\"moveCalendar(1)\"\n            >\n              <ChevronRightIcon v-bind=\"treeIconDefaults\" />\n            </button>\n          </div>\n\n          <div\n            class=\"t-date-picker__weekdays\"\n            aria-hidden=\"true\"\n          >\n            <span\n              v-for=\"label in weekdayLabels\"\n              :key=\"label\"\n              class=\"t-date-picker__weekday\"\n            >\n              {{ label }}\n            </span>\n          </div>\n\n          <div\n            class=\"t-date-picker__grid\"\n            role=\"grid\"\n            :aria-labelledby=\"captionId\"\n          >\n            <div\n              v-for=\"(week, weekIndex) in cells\"\n              :key=\"weekIndex\"\n              class=\"t-date-picker__row\"\n              role=\"row\"\n            >\n              <div\n                v-for=\"cell in week\"\n                :key=\"cell.key\"\n                class=\"t-date-picker__cell\"\n                role=\"gridcell\"\n                :aria-selected=\"cell.isSelected\"\n              >\n                <button\n                  :ref=\"(element) => setDayRef(element, cell.key)\"\n                  type=\"button\"\n                  class=\"t-date-picker__day\"\n                  :class=\"{\n                    'is-muted': !cell.inMonth,\n                    'is-selected': cell.isSelected,\n                    'is-today': cell.isToday,\n                  }\"\n                  :data-date=\"cell.key\"\n                  :tabindex=\"cell.isFocused ? 0 : -1\"\n                  :disabled=\"cell.disabled\"\n                  :aria-pressed=\"cell.isSelected\"\n                  @click=\"selectDate(cell.date)\"\n                  @keydown=\"onDayKeydown($event, cell.date)\"\n                >\n                  {{ cell.dayLabel }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"t-date-time-picker__summary\">\n          <p class=\"t-date-time-picker__eyebrow\">\n            Selected slot\n          </p>\n          <p class=\"t-date-time-picker__summary-value\">\n            {{ draftPreview }}\n          </p>\n        </div>\n\n        <div class=\"t-date-time-picker__time\">\n          <label class=\"t-date-time-picker__time-field\">\n            <span class=\"t-date-time-picker__time-label\">Hour</span>\n            <select\n              class=\"t-date-time-picker__select\"\n              :value=\"draftDateTime.getHours()\"\n              aria-label=\"Select hour\"\n              @change=\"updateHour\"\n            >\n              <option\n                v-for=\"option in hourOptions\"\n                :key=\"option.value\"\n                :value=\"option.value\"\n                :disabled=\"option.disabled\"\n              >\n                {{ option.label }}\n              </option>\n            </select>\n          </label>\n\n          <label class=\"t-date-time-picker__time-field\">\n            <span class=\"t-date-time-picker__time-label\">Minute</span>\n            <select\n              class=\"t-date-time-picker__select\"\n              :value=\"draftDateTime.getMinutes()\"\n              aria-label=\"Select minute\"\n              @change=\"updateMinute\"\n            >\n              <option\n                v-for=\"option in minuteOptions\"\n                :key=\"option.value\"\n                :value=\"option.value\"\n                :disabled=\"option.disabled\"\n              >\n                {{ option.label }}\n              </option>\n            </select>\n          </label>\n        </div>\n\n        <div class=\"t-date-time-picker__footer\">\n          <button\n            type=\"button\"\n            class=\"t-button t-button--ghost t-button--sm\"\n            @click=\"clearSelection\"\n          >\n            Clear\n          </button>\n          <button\n            type=\"button\"\n            class=\"t-button t-button--solid t-button--sm\"\n            @click=\"commitDraft\"\n          >\n            Apply\n          </button>\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TDateTimePicker.vue_vue_type_script_setup_true_lang.cjs

@@ -1,2 +1,2 @@
-const e=require("./TSpinner.cjs"),t=require("../composables/useControllableOpen.cjs");let n=require("vue"),r=require("@treeui/utils"),i=require("@treeui/icons");var a=[`data-state`],o=[`name`,`value`],s=[`disabled`,`aria-controls`,`aria-expanded`,`aria-invalid`],c={key:0,class:`t-date-picker__slot t-date-picker__slot--prefix`},l=[`data-placeholder`],u={class:`t-date-picker__slot t-date-picker__slot--suffix`},d=[`id`],f={class:`t-date-time-picker__calendar`},p={class:`t-date-picker__header`},m=[`disabled`],h=[`disabled`],g={class:`t-date-picker__weekdays`,"aria-hidden":`true`},ee=[`aria-selected`],te=[`data-date`,`tabindex`,`disabled`,`aria-pressed`,`onClick`,`onKeydown`],ne={class:`t-date-time-picker__summary`},re={class:`t-date-time-picker__summary-value`},ie={class:`t-date-time-picker__time`},ae={class:`t-date-time-picker__time-field`},oe=[`value`],se=[`value`,`disabled`],ce={class:`t-date-time-picker__time-field`},le=[`value`],ue=[`value`,`disabled`],_=(0,n.defineComponent)({inheritAttrs:!1,__name:`TDateTimePicker`,props:{modelValue:{default:``},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},size:{default:`md`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},placeholder:{default:`Select date and time`},locale:{default:`en-US`},min:{default:``},max:{default:``},weekStartsOn:{default:0},id:{default:void 0},step:{default:60}},emits:[`update:modelValue`,`update:open`,`open-change`,`change`,`select`],setup(_,{emit:de}){let fe=(0,i.getTreeIcon)(`calendar`),pe=(0,i.getTreeIcon)(`chevron-left`),me=(0,i.getTreeIcon)(`chevron-right`),he=/^(\d{4})-(\d{2})-(\d{2})$/,ge=/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?$/,v=_,y=de,b=(0,n.useAttrs)(),x=e=>new Date(e.getTime()),S=e=>`${e}`.padStart(2,`0`),_e=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate(),23,59,59,999),C=(e,t=`exact`)=>{if(!e)return null;let n=e.match(he);if(n){let[,e,r,i]=n,a=Number.parseInt(e,10),o=Number.parseInt(r,10),s=Number.parseInt(i,10),c=t===`end`?23:0,l=t===`end`?59:0,u=t===`end`?59:0,d=t===`end`?999:0,f=new Date(a,o-1,s,c,l,u,d);return Number.isNaN(f.getTime())||f.getFullYear()!==a||f.getMonth()!==o-1||f.getDate()!==s?null:f}let r=e.match(ge);if(!r)return null;let[,i,a,o,s,c,l]=r,u=Number.parseInt(i,10),d=Number.parseInt(a,10),f=Number.parseInt(o,10),p=Number.parseInt(s,10),m=Number.parseInt(c,10),h=l?Number.parseInt(l,10):0,g=new Date(u,d-1,f,p,m,h,0);return Number.isNaN(g.getTime())||g.getFullYear()!==u||g.getMonth()!==d-1||g.getDate()!==f||g.getHours()!==p||g.getMinutes()!==m||g.getSeconds()!==h?null:g},ve=e=>`${(0,r.toDateValue)(e)}T${S(e.getHours())}:${S(e.getMinutes())}`,ye=(e,t)=>new Date(t.getFullYear(),t.getMonth(),t.getDate(),e.getHours(),e.getMinutes(),0,0),w=(e,t,n)=>new Date(e.getFullYear(),e.getMonth(),e.getDate(),t,n,0,0),be=e=>{if(!Number.isFinite(e)||e<=0||e%60!=0)return 1;let t=e/60;return t>=60?1:t},xe=(0,r.startOfDay)(new Date),T=(0,n.computed)(()=>C(v.modelValue,`exact`)),E=(0,n.computed)(()=>C(v.min,`start`)),D=(0,n.computed)(()=>C(v.max,`end`)),O=v.id??(0,r.createId)(`t-date-time-picker`),k=`${O}-caption`,A=(0,n.ref)(null),j=(0,n.ref)(null),M=new Map,N=e=>{let t=x(e);return E.value&&t<E.value&&(t=x(E.value)),D.value&&t>D.value&&(t=x(D.value)),t},P=()=>{let e=new Date,t=Math.max(v.step,60)*1e3,n=new Date(Math.ceil(e.getTime()/t)*t);return n.setSeconds(0,0),N(n)},F=T.value??P(),I=(0,n.ref)(F),L=(0,n.ref)((0,r.startOfDay)(F)),R=(0,n.ref)((0,r.startOfMonth)(F)),Se=(0,n.computed)(()=>{let{class:e,style:t,name:n,...r}=b;return r}),z=(0,n.computed)(()=>typeof b.name==`string`?b.name:void 0),Ce=(0,n.computed)(()=>[`t-date-picker`,`t-date-time-picker`,`t-date-picker--${v.size}`,{"is-disabled":v.disabled,"is-invalid":v.invalid,"is-loading":v.loading,"is-open":B.value},b.class]),we=(0,n.computed)(()=>b.style),{value:B,setValue:V}=t.useControllableOpen((0,n.toRef)(v,`open`),v.defaultOpen,e=>{y(`update:open`,e),y(`open-change`,e)}),Te=(0,n.computed)(()=>T.value?new Intl.DateTimeFormat(v.locale,{day:`numeric`,hour:`2-digit`,minute:`2-digit`,month:`long`,year:`numeric`}).format(T.value):v.placeholder),Ee=(0,n.computed)(()=>new Intl.DateTimeFormat(v.locale,{day:`numeric`,hour:`2-digit`,minute:`2-digit`,month:`long`,year:`numeric`}).format(I.value)),De=(0,n.computed)(()=>new Intl.DateTimeFormat(v.locale,{month:`long`,year:`numeric`}).format(R.value)),Oe=(0,n.computed)(()=>{let e=new Intl.DateTimeFormat(v.locale,{weekday:`short`}),t=(0,r.startOfWeek)(new Date(2024,0,7),v.weekStartsOn);return Array.from({length:7},(n,i)=>e.format((0,r.addDays)(t,i)))}),ke=(0,n.computed)(()=>be(v.step)),H=(0,n.computed)(()=>{let e=new Set;for(let t=0;t<60;t+=ke.value)e.add(t);return e.add(I.value.getMinutes()),[...e].sort((e,t)=>e-t)}),U=e=>{if(v.disabled)return!0;let t=(0,r.startOfDay)(e),n=_e(e);return!!(E.value&&n<E.value||D.value&&t>D.value)},Ae=e=>!!(v.disabled||E.value&&e<E.value||D.value&&e>D.value),W=e=>{L.value=(0,r.startOfDay)(e),R.value=(0,r.startOfMonth)(e)},G=e=>{let t=N(e);I.value=t,W(t)};(0,n.watch)(T,e=>{B.value||G(e??P())},{immediate:!0});let je=(0,n.computed)(()=>(0,r.startOfDay)(I.value)),Me=(0,n.computed)(()=>{let e=(0,r.startOfWeek)((0,r.startOfMonth)(R.value),v.weekStartsOn);return Array.from({length:6},(t,n)=>Array.from({length:7},(t,i)=>{let a=(0,r.addDays)(e,n*7+i),o=(0,r.toDateValue)(a);return{date:a,dayLabel:a.getDate(),disabled:U(a),inMonth:a.getMonth()===R.value.getMonth(),isFocused:(0,r.isSameDay)(a,L.value),isSelected:(0,r.isSameDay)(a,je.value),isToday:(0,r.isSameDay)(a,xe),key:o}}))}),Ne=(0,n.computed)(()=>!E.value||(0,r.startOfMonth)(R.value)>(0,r.startOfMonth)(E.value)),Pe=(0,n.computed)(()=>!D.value||(0,r.startOfMonth)(R.value)<(0,r.startOfMonth)(D.value)),K=(e,t)=>{let n=w(I.value,e,t);return!Ae(n)},Fe=(0,n.computed)(()=>Array.from({length:24},(e,t)=>({disabled:!H.value.some(e=>K(t,e)),label:S(t),value:t}))),Ie=(0,n.computed)(()=>H.value.map(e=>({disabled:!K(I.value.getHours(),e),label:S(e),value:e}))),q=()=>{let e=(0,r.toDateValue)(L.value);(0,n.nextTick)(()=>{M.get(e)?.focus()})},Le=(e,t)=>{if(e instanceof HTMLButtonElement){M.set(t,e);return}M.delete(t)},J=()=>{v.disabled||(G(T.value??P()),V(!0),q())},Y=(e=!1)=>{V(!1),e&&(0,n.nextTick)(()=>{j.value?.focus()})},Re=()=>{if(B.value){Y();return}J()},X=e=>{let t=(0,r.addMonths)(R.value,e);W(t),q()},Z=e=>{U(e)||(W(e),q())},Q=e=>{if(U(e))return;let t=N(ye(I.value,e));I.value=t,W(t)},ze=e=>{if(!v.disabled){if((0,r.isEscapeKey)(e)&&B.value){e.preventDefault(),Y();return}((0,r.isActivationKey)(e)||e.key===`ArrowDown`||e.key===`ArrowUp`)&&(e.preventDefault(),J())}},Be=(e,t)=>{if((0,r.isEscapeKey)(e)){e.preventDefault(),Y(!0);return}if((0,r.isActivationKey)(e)){e.preventDefault(),Q(t);return}switch(e.key){case`ArrowLeft`:e.preventDefault(),Z((0,r.addDays)(t,-1));break;case`ArrowRight`:e.preventDefault(),Z((0,r.addDays)(t,1));break;case`ArrowUp`:e.preventDefault(),Z((0,r.addDays)(t,-7));break;case`ArrowDown`:e.preventDefault(),Z((0,r.addDays)(t,7));break;case`Home`:e.preventDefault(),Z((0,r.startOfWeek)(t,v.weekStartsOn));break;case`End`:e.preventDefault(),Z((0,r.addDays)((0,r.startOfWeek)(t,v.weekStartsOn),6));break;case`PageUp`:e.preventDefault(),Z((0,r.addMonths)(t,e.shiftKey?-12:-1));break;case`PageDown`:e.preventDefault(),Z((0,r.addMonths)(t,e.shiftKey?12:1));break;default:break}},Ve=e=>{let t=Number.parseInt(e.target.value,10),n=I.value.getMinutes();if(Number.isNaN(t))return;let r=H.value.filter(e=>K(t,e));if(!r.length)return;let i=r.includes(n)?n:r[0];I.value=w(I.value,t,i)},He=e=>{let t=Number.parseInt(e.target.value,10),n=I.value.getHours();Number.isNaN(t)||!K(n,t)||(I.value=w(I.value,n,t))},Ue=()=>{let e=ve(I.value);y(`update:modelValue`,e),y(`change`,e),y(`select`,e),Y(!0)},We=()=>{y(`update:modelValue`,``),y(`change`,``),y(`select`,``),Y(!0)},$=e=>{if(!B.value)return;let t=e.target;t instanceof Node&&(A.value?.contains(t)||Y())};return(0,n.watch)(B,e=>{if(e){document.addEventListener(`pointerdown`,$);return}document.removeEventListener(`pointerdown`,$)}),(0,n.onBeforeUnmount)(()=>{document.removeEventListener(`pointerdown`,$)}),(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`rootRef`,ref:A,class:(0,n.normalizeClass)(Ce.value),style:(0,n.normalizeStyle)(we.value),"data-state":(0,n.unref)(B)?`open`:`closed`},[z.value?((0,n.openBlock)(),(0,n.createElementBlock)(`input`,{key:0,type:`hidden`,name:z.value,value:_.modelValue},null,8,o)):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`button`,(0,n.mergeProps)({ref_key:`triggerRef`,ref:j},Se.value,{type:`button`,class:`t-date-picker__trigger t-date-time-picker__trigger`,disabled:_.disabled,"aria-controls":(0,n.unref)(B)?(0,n.unref)(O):void 0,"aria-haspopup":`dialog`,"aria-expanded":(0,n.unref)(B),"aria-invalid":_.invalid||void 0,onClick:Re,onKeydown:ze}),[t.$slots.prefix?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,c,[(0,n.renderSlot)(t.$slots,`prefix`)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,{class:`t-date-picker__value`,"data-placeholder":!T.value||void 0},(0,n.toDisplayString)(Te.value),9,l),(0,n.createElementVNode)(`span`,u,[(0,n.renderSlot)(t.$slots,`suffix`,{},()=>[_.loading?((0,n.openBlock)(),(0,n.createBlock)(e.default,{key:0,size:`sm`,label:`Loading`})):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(fe),(0,n.normalizeProps)((0,n.mergeProps)({key:1},(0,n.unref)(i.treeIconDefaults))),null,16))])])],16,s),(0,n.createVNode)(n.Transition,{name:`t-fade`},{default:(0,n.withCtx)(()=>[(0,n.unref)(B)&&!_.disabled?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,id:(0,n.unref)(O),class:`t-date-picker__content t-date-time-picker__content`,role:`dialog`,"aria-modal":`false`,"aria-labelledby":k},[(0,n.createElementVNode)(`div`,f,[(0,n.createElementVNode)(`div`,p,[(0,n.createElementVNode)(`button`,{type:`button`,class:`t-date-picker__nav`,disabled:!Ne.value,"aria-label":`Previous month`,onClick:r[0]||=e=>X(-1)},[(0,n.createVNode)((0,n.unref)(pe),(0,n.normalizeProps)((0,n.guardReactiveProps)((0,n.unref)(i.treeIconDefaults))),null,16)],8,m),(0,n.createElementVNode)(`p`,{id:k,class:`t-date-picker__month`},(0,n.toDisplayString)(De.value),1),(0,n.createElementVNode)(`button`,{type:`button`,class:`t-date-picker__nav`,disabled:!Pe.value,"aria-label":`Next month`,onClick:r[1]||=e=>X(1)},[(0,n.createVNode)((0,n.unref)(me),(0,n.normalizeProps)((0,n.guardReactiveProps)((0,n.unref)(i.treeIconDefaults))),null,16)],8,h)]),(0,n.createElementVNode)(`div`,g,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(Oe.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:e,class:`t-date-picker__weekday`},(0,n.toDisplayString)(e),1))),128))]),(0,n.createElementVNode)(`div`,{class:`t-date-picker__grid`,role:`grid`,"aria-labelledby":k},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(Me.value,(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:t,class:`t-date-picker__row`,role:`row`},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(e,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:e.key,class:`t-date-picker__cell`,role:`gridcell`,"aria-selected":e.isSelected},[(0,n.createElementVNode)(`button`,{ref_for:!0,ref:t=>Le(t,e.key),type:`button`,class:(0,n.normalizeClass)([`t-date-picker__day`,{"is-muted":!e.inMonth,"is-selected":e.isSelected,"is-today":e.isToday}]),"data-date":e.key,tabindex:e.isFocused?0:-1,disabled:e.disabled,"aria-pressed":e.isSelected,onClick:t=>Q(e.date),onKeydown:t=>Be(t,e.date)},(0,n.toDisplayString)(e.dayLabel),43,te)],8,ee))),128))]))),128))])]),(0,n.createElementVNode)(`div`,ne,[r[2]||=(0,n.createElementVNode)(`p`,{class:`t-date-time-picker__eyebrow`},` Selected slot `,-1),(0,n.createElementVNode)(`p`,re,(0,n.toDisplayString)(Ee.value),1)]),(0,n.createElementVNode)(`div`,ie,[(0,n.createElementVNode)(`label`,ae,[r[3]||=(0,n.createElementVNode)(`span`,{class:`t-date-time-picker__time-label`},`Hour`,-1),(0,n.createElementVNode)(`select`,{class:`t-date-time-picker__select`,value:I.value.getHours(),"aria-label":`Select hour`,onChange:Ve},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(Fe.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`option`,{key:e.value,value:e.value,disabled:e.disabled},(0,n.toDisplayString)(e.label),9,se))),128))],40,oe)]),(0,n.createElementVNode)(`label`,ce,[r[4]||=(0,n.createElementVNode)(`span`,{class:`t-date-time-picker__time-label`},`Minute`,-1),(0,n.createElementVNode)(`select`,{class:`t-date-time-picker__select`,value:I.value.getMinutes(),"aria-label":`Select minute`,onChange:He},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(Ie.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`option`,{key:e.value,value:e.value,disabled:e.disabled},(0,n.toDisplayString)(e.label),9,ue))),128))],40,le)])]),(0,n.createElementVNode)(`div`,{class:`t-date-time-picker__footer`},[(0,n.createElementVNode)(`button`,{type:`button`,class:`t-button t-button--ghost t-button--sm`,onClick:We},` Clear `),(0,n.createElementVNode)(`button`,{type:`button`,class:`t-button t-button--solid t-button--sm`,onClick:Ue},` Apply `)])],8,d)):(0,n.createCommentVNode)(``,!0)]),_:1})],14,a))}});exports.default=_;
+const e=require("./TSpinner.cjs"),t=require("../composables/useControllableOpen.cjs");let n=require("vue"),r=require("@treeui/utils"),i=require("@treeui/icons");var a=[`data-state`],o=[`name`,`value`],s=[`disabled`,`aria-controls`,`aria-expanded`,`aria-invalid`],c={key:0,class:`t-date-picker__slot t-date-picker__slot--prefix`},l=[`data-placeholder`],u={class:`t-date-picker__slot t-date-picker__slot--suffix`},d=[`id`],f={class:`t-date-time-picker__calendar`},p={class:`t-date-picker__header`},m=[`disabled`],h=[`disabled`],g={class:`t-date-picker__weekdays`,"aria-hidden":`true`},ee=[`aria-selected`],te=[`data-date`,`tabindex`,`disabled`,`aria-pressed`,`onClick`,`onKeydown`],ne={class:`t-date-time-picker__summary`},re={class:`t-date-time-picker__summary-value`},ie={class:`t-date-time-picker__time`},ae={class:`t-date-time-picker__time-field`},oe=[`value`],se=[`value`,`disabled`],ce={class:`t-date-time-picker__time-field`},le=[`value`],ue=[`value`,`disabled`],_=(0,n.defineComponent)({inheritAttrs:!1,__name:`TDateTimePicker`,props:{modelValue:{default:``},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},size:{default:`md`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},placeholder:{default:`Select date and time`},locale:{default:`en-US`},min:{default:``},max:{default:``},weekStartsOn:{default:0},id:{default:void 0},step:{default:60}},emits:[`update:modelValue`,`update:open`,`open-change`,`change`,`select`],setup(_,{emit:de}){let fe=(0,n.computed)(()=>(0,i.getTreeIcon)(`calendar`)),pe=(0,n.computed)(()=>(0,i.getTreeIcon)(`chevron-left`)),me=(0,n.computed)(()=>(0,i.getTreeIcon)(`chevron-right`)),he=/^(\d{4})-(\d{2})-(\d{2})$/,ge=/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?$/,v=_,y=de,b=(0,n.useAttrs)(),x=e=>new Date(e.getTime()),S=e=>`${e}`.padStart(2,`0`),_e=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate(),23,59,59,999),C=(e,t=`exact`)=>{if(!e)return null;let n=e.match(he);if(n){let[,e,r,i]=n,a=Number.parseInt(e,10),o=Number.parseInt(r,10),s=Number.parseInt(i,10),c=t===`end`?23:0,l=t===`end`?59:0,u=t===`end`?59:0,d=t===`end`?999:0,f=new Date(a,o-1,s,c,l,u,d);return Number.isNaN(f.getTime())||f.getFullYear()!==a||f.getMonth()!==o-1||f.getDate()!==s?null:f}let r=e.match(ge);if(!r)return null;let[,i,a,o,s,c,l]=r,u=Number.parseInt(i,10),d=Number.parseInt(a,10),f=Number.parseInt(o,10),p=Number.parseInt(s,10),m=Number.parseInt(c,10),h=l?Number.parseInt(l,10):0,g=new Date(u,d-1,f,p,m,h,0);return Number.isNaN(g.getTime())||g.getFullYear()!==u||g.getMonth()!==d-1||g.getDate()!==f||g.getHours()!==p||g.getMinutes()!==m||g.getSeconds()!==h?null:g},ve=e=>`${(0,r.toDateValue)(e)}T${S(e.getHours())}:${S(e.getMinutes())}`,ye=(e,t)=>new Date(t.getFullYear(),t.getMonth(),t.getDate(),e.getHours(),e.getMinutes(),0,0),w=(e,t,n)=>new Date(e.getFullYear(),e.getMonth(),e.getDate(),t,n,0,0),be=e=>{if(!Number.isFinite(e)||e<=0||e%60!=0)return 1;let t=e/60;return t>=60?1:t},xe=(0,r.startOfDay)(new Date),T=(0,n.computed)(()=>C(v.modelValue,`exact`)),E=(0,n.computed)(()=>C(v.min,`start`)),D=(0,n.computed)(()=>C(v.max,`end`)),O=v.id??(0,r.createId)(`t-date-time-picker`),k=`${O}-caption`,A=(0,n.ref)(null),j=(0,n.ref)(null),M=new Map,N=e=>{let t=x(e);return E.value&&t<E.value&&(t=x(E.value)),D.value&&t>D.value&&(t=x(D.value)),t},P=()=>{let e=new Date,t=Math.max(v.step,60)*1e3,n=new Date(Math.ceil(e.getTime()/t)*t);return n.setSeconds(0,0),N(n)},F=T.value??P(),I=(0,n.ref)(F),L=(0,n.ref)((0,r.startOfDay)(F)),R=(0,n.ref)((0,r.startOfMonth)(F)),Se=(0,n.computed)(()=>{let{class:e,style:t,name:n,...r}=b;return r}),z=(0,n.computed)(()=>typeof b.name==`string`?b.name:void 0),Ce=(0,n.computed)(()=>[`t-date-picker`,`t-date-time-picker`,`t-date-picker--${v.size}`,{"is-disabled":v.disabled,"is-invalid":v.invalid,"is-loading":v.loading,"is-open":B.value},b.class]),we=(0,n.computed)(()=>b.style),{value:B,setValue:V}=t.useControllableOpen((0,n.toRef)(v,`open`),v.defaultOpen,e=>{y(`update:open`,e),y(`open-change`,e)}),Te=(0,n.computed)(()=>T.value?new Intl.DateTimeFormat(v.locale,{day:`numeric`,hour:`2-digit`,minute:`2-digit`,month:`long`,year:`numeric`}).format(T.value):v.placeholder),Ee=(0,n.computed)(()=>new Intl.DateTimeFormat(v.locale,{day:`numeric`,hour:`2-digit`,minute:`2-digit`,month:`long`,year:`numeric`}).format(I.value)),De=(0,n.computed)(()=>new Intl.DateTimeFormat(v.locale,{month:`long`,year:`numeric`}).format(R.value)),Oe=(0,n.computed)(()=>{let e=new Intl.DateTimeFormat(v.locale,{weekday:`short`}),t=(0,r.startOfWeek)(new Date(2024,0,7),v.weekStartsOn);return Array.from({length:7},(n,i)=>e.format((0,r.addDays)(t,i)))}),ke=(0,n.computed)(()=>be(v.step)),H=(0,n.computed)(()=>{let e=new Set;for(let t=0;t<60;t+=ke.value)e.add(t);return e.add(I.value.getMinutes()),[...e].sort((e,t)=>e-t)}),U=e=>{if(v.disabled)return!0;let t=(0,r.startOfDay)(e),n=_e(e);return!!(E.value&&n<E.value||D.value&&t>D.value)},Ae=e=>!!(v.disabled||E.value&&e<E.value||D.value&&e>D.value),W=e=>{L.value=(0,r.startOfDay)(e),R.value=(0,r.startOfMonth)(e)},G=e=>{let t=N(e);I.value=t,W(t)};(0,n.watch)(T,e=>{B.value||G(e??P())},{immediate:!0});let je=(0,n.computed)(()=>(0,r.startOfDay)(I.value)),Me=(0,n.computed)(()=>{let e=(0,r.startOfWeek)((0,r.startOfMonth)(R.value),v.weekStartsOn);return Array.from({length:6},(t,n)=>Array.from({length:7},(t,i)=>{let a=(0,r.addDays)(e,n*7+i),o=(0,r.toDateValue)(a);return{date:a,dayLabel:a.getDate(),disabled:U(a),inMonth:a.getMonth()===R.value.getMonth(),isFocused:(0,r.isSameDay)(a,L.value),isSelected:(0,r.isSameDay)(a,je.value),isToday:(0,r.isSameDay)(a,xe),key:o}}))}),Ne=(0,n.computed)(()=>!E.value||(0,r.startOfMonth)(R.value)>(0,r.startOfMonth)(E.value)),Pe=(0,n.computed)(()=>!D.value||(0,r.startOfMonth)(R.value)<(0,r.startOfMonth)(D.value)),K=(e,t)=>{let n=w(I.value,e,t);return!Ae(n)},Fe=(0,n.computed)(()=>Array.from({length:24},(e,t)=>({disabled:!H.value.some(e=>K(t,e)),label:S(t),value:t}))),Ie=(0,n.computed)(()=>H.value.map(e=>({disabled:!K(I.value.getHours(),e),label:S(e),value:e}))),q=()=>{let e=(0,r.toDateValue)(L.value);(0,n.nextTick)(()=>{M.get(e)?.focus()})},Le=(e,t)=>{if(e instanceof HTMLButtonElement){M.set(t,e);return}M.delete(t)},J=()=>{v.disabled||(G(T.value??P()),V(!0),q())},Y=(e=!1)=>{V(!1),e&&(0,n.nextTick)(()=>{j.value?.focus()})},Re=()=>{if(B.value){Y();return}J()},X=e=>{let t=(0,r.addMonths)(R.value,e);W(t),q()},Z=e=>{U(e)||(W(e),q())},Q=e=>{if(U(e))return;let t=N(ye(I.value,e));I.value=t,W(t)},ze=e=>{if(!v.disabled){if((0,r.isEscapeKey)(e)&&B.value){e.preventDefault(),Y();return}((0,r.isActivationKey)(e)||e.key===`ArrowDown`||e.key===`ArrowUp`)&&(e.preventDefault(),J())}},Be=(e,t)=>{if((0,r.isEscapeKey)(e)){e.preventDefault(),Y(!0);return}if((0,r.isActivationKey)(e)){e.preventDefault(),Q(t);return}switch(e.key){case`ArrowLeft`:e.preventDefault(),Z((0,r.addDays)(t,-1));break;case`ArrowRight`:e.preventDefault(),Z((0,r.addDays)(t,1));break;case`ArrowUp`:e.preventDefault(),Z((0,r.addDays)(t,-7));break;case`ArrowDown`:e.preventDefault(),Z((0,r.addDays)(t,7));break;case`Home`:e.preventDefault(),Z((0,r.startOfWeek)(t,v.weekStartsOn));break;case`End`:e.preventDefault(),Z((0,r.addDays)((0,r.startOfWeek)(t,v.weekStartsOn),6));break;case`PageUp`:e.preventDefault(),Z((0,r.addMonths)(t,e.shiftKey?-12:-1));break;case`PageDown`:e.preventDefault(),Z((0,r.addMonths)(t,e.shiftKey?12:1));break;default:break}},Ve=e=>{let t=Number.parseInt(e.target.value,10),n=I.value.getMinutes();if(Number.isNaN(t))return;let r=H.value.filter(e=>K(t,e));if(!r.length)return;let i=r.includes(n)?n:r[0];I.value=w(I.value,t,i)},He=e=>{let t=Number.parseInt(e.target.value,10),n=I.value.getHours();Number.isNaN(t)||!K(n,t)||(I.value=w(I.value,n,t))},Ue=()=>{let e=ve(I.value);y(`update:modelValue`,e),y(`change`,e),y(`select`,e),Y(!0)},We=()=>{y(`update:modelValue`,``),y(`change`,``),y(`select`,``),Y(!0)},$=e=>{if(!B.value)return;let t=e.target;t instanceof Node&&(A.value?.contains(t)||Y())};return(0,n.watch)(B,e=>{if(e){document.addEventListener(`pointerdown`,$);return}document.removeEventListener(`pointerdown`,$)}),(0,n.onBeforeUnmount)(()=>{document.removeEventListener(`pointerdown`,$)}),(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`rootRef`,ref:A,class:(0,n.normalizeClass)(Ce.value),style:(0,n.normalizeStyle)(we.value),"data-state":(0,n.unref)(B)?`open`:`closed`},[z.value?((0,n.openBlock)(),(0,n.createElementBlock)(`input`,{key:0,type:`hidden`,name:z.value,value:_.modelValue},null,8,o)):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`button`,(0,n.mergeProps)({ref_key:`triggerRef`,ref:j},Se.value,{type:`button`,class:`t-date-picker__trigger t-date-time-picker__trigger`,disabled:_.disabled,"aria-controls":(0,n.unref)(B)?(0,n.unref)(O):void 0,"aria-haspopup":`dialog`,"aria-expanded":(0,n.unref)(B),"aria-invalid":_.invalid||void 0,onClick:Re,onKeydown:ze}),[t.$slots.prefix?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,c,[(0,n.renderSlot)(t.$slots,`prefix`)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,{class:`t-date-picker__value`,"data-placeholder":!T.value||void 0},(0,n.toDisplayString)(Te.value),9,l),(0,n.createElementVNode)(`span`,u,[(0,n.renderSlot)(t.$slots,`suffix`,{},()=>[_.loading?((0,n.openBlock)(),(0,n.createBlock)(e.default,{key:0,size:`sm`,label:`Loading`})):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(fe),(0,n.normalizeProps)((0,n.mergeProps)({key:1},(0,n.unref)(i.treeIconDefaults))),null,16))])])],16,s),(0,n.createVNode)(n.Transition,{name:`t-fade`},{default:(0,n.withCtx)(()=>[(0,n.unref)(B)&&!_.disabled?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,id:(0,n.unref)(O),class:`t-date-picker__content t-date-time-picker__content`,role:`dialog`,"aria-modal":`false`,"aria-labelledby":k},[(0,n.createElementVNode)(`div`,f,[(0,n.createElementVNode)(`div`,p,[(0,n.createElementVNode)(`button`,{type:`button`,class:`t-date-picker__nav`,disabled:!Ne.value,"aria-label":`Previous month`,onClick:r[0]||=e=>X(-1)},[(0,n.createVNode)((0,n.unref)(pe),(0,n.normalizeProps)((0,n.guardReactiveProps)((0,n.unref)(i.treeIconDefaults))),null,16)],8,m),(0,n.createElementVNode)(`p`,{id:k,class:`t-date-picker__month`},(0,n.toDisplayString)(De.value),1),(0,n.createElementVNode)(`button`,{type:`button`,class:`t-date-picker__nav`,disabled:!Pe.value,"aria-label":`Next month`,onClick:r[1]||=e=>X(1)},[(0,n.createVNode)((0,n.unref)(me),(0,n.normalizeProps)((0,n.guardReactiveProps)((0,n.unref)(i.treeIconDefaults))),null,16)],8,h)]),(0,n.createElementVNode)(`div`,g,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(Oe.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:e,class:`t-date-picker__weekday`},(0,n.toDisplayString)(e),1))),128))]),(0,n.createElementVNode)(`div`,{class:`t-date-picker__grid`,role:`grid`,"aria-labelledby":k},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(Me.value,(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:t,class:`t-date-picker__row`,role:`row`},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(e,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:e.key,class:`t-date-picker__cell`,role:`gridcell`,"aria-selected":e.isSelected},[(0,n.createElementVNode)(`button`,{ref_for:!0,ref:t=>Le(t,e.key),type:`button`,class:(0,n.normalizeClass)([`t-date-picker__day`,{"is-muted":!e.inMonth,"is-selected":e.isSelected,"is-today":e.isToday}]),"data-date":e.key,tabindex:e.isFocused?0:-1,disabled:e.disabled,"aria-pressed":e.isSelected,onClick:t=>Q(e.date),onKeydown:t=>Be(t,e.date)},(0,n.toDisplayString)(e.dayLabel),43,te)],8,ee))),128))]))),128))])]),(0,n.createElementVNode)(`div`,ne,[r[2]||=(0,n.createElementVNode)(`p`,{class:`t-date-time-picker__eyebrow`},` Selected slot `,-1),(0,n.createElementVNode)(`p`,re,(0,n.toDisplayString)(Ee.value),1)]),(0,n.createElementVNode)(`div`,ie,[(0,n.createElementVNode)(`label`,ae,[r[3]||=(0,n.createElementVNode)(`span`,{class:`t-date-time-picker__time-label`},`Hour`,-1),(0,n.createElementVNode)(`select`,{class:`t-date-time-picker__select`,value:I.value.getHours(),"aria-label":`Select hour`,onChange:Ve},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(Fe.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`option`,{key:e.value,value:e.value,disabled:e.disabled},(0,n.toDisplayString)(e.label),9,se))),128))],40,oe)]),(0,n.createElementVNode)(`label`,ce,[r[4]||=(0,n.createElementVNode)(`span`,{class:`t-date-time-picker__time-label`},`Minute`,-1),(0,n.createElementVNode)(`select`,{class:`t-date-time-picker__select`,value:I.value.getMinutes(),"aria-label":`Select minute`,onChange:He},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(Ie.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`option`,{key:e.value,value:e.value,disabled:e.disabled},(0,n.toDisplayString)(e.label),9,ue))),128))],40,le)])]),(0,n.createElementVNode)(`div`,{class:`t-date-time-picker__footer`},[(0,n.createElementVNode)(`button`,{type:`button`,class:`t-button t-button--ghost t-button--sm`,onClick:We},` Clear `),(0,n.createElementVNode)(`button`,{type:`button`,class:`t-button t-button--solid t-button--sm`,onClick:Ue},` Apply `)])],8,d)):(0,n.createCommentVNode)(``,!0)]),_:1})],14,a))}});exports.default=_;
 //# sourceMappingURL=TDateTimePicker.vue_vue_type_script_setup_true_lang.cjs.map

package/dist/components/TDateTimePicker.vue_vue_type_script_setup_true_lang.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TDateTimePicker.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TDateTimePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  addDays,\n  addMonths,\n  createId,\n  isActivationKey,\n  isEscapeKey,\n  isSameDay,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n  toDateValue,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n  type ComponentPublicInstance,\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  toRef,\n  useAttrs,\n  watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\ninterface CalendarCell {\n  date: Date;\n  dayLabel: number;\n  disabled: boolean;\n  inMonth: boolean;\n  isFocused: boolean;\n  isSelected: boolean;\n  isToday: boolean;\n  key: string;\n}\n\ninterface TimeOption {\n  disabled: boolean;\n  label: string;\n  value: number;\n}\n\nconst CalendarIcon = getTreeIcon('calendar');\nconst ChevronLeftIcon = getTreeIcon('chevron-left');\nconst ChevronRightIcon = getTreeIcon('chevron-right');\n\nconst dateOnlyPattern = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\nconst dateTimePattern = /^(\\d{4})-(\\d{2})-(\\d{2})T(\\d{2}):(\\d{2})(?::(\\d{2}))?$/;\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    open?: boolean;\n    defaultOpen?: boolean;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    locale?: string;\n    min?: string;\n    max?: string;\n    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n    id?: string;\n    step?: number;\n  }>(),\n  {\n    modelValue: '',\n    open: undefined,\n    defaultOpen: false,\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: 'Select date and time',\n    locale: 'en-US',\n    min: '',\n    max: '',\n    weekStartsOn: 0,\n    id: undefined,\n    step: 60,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n  change: [value: string];\n  select: [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nconst cloneDate = (value: Date) => new Date(value.getTime());\n\nconst formatPart = (value: number) => `${value}`.padStart(2, '0');\n\nconst endOfDay = (date: Date) =>\n  new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);\n\nconst parseBoundaryValue = (\n  value: string | null | undefined,\n  boundary: 'exact' | 'start' | 'end' = 'exact',\n) => {\n  if (!value) {\n    return null;\n  }\n\n  const dateOnlyMatch = value.match(dateOnlyPattern);\n  if (dateOnlyMatch) {\n    const [, yearToken, monthToken, dayToken] = dateOnlyMatch;\n    const year = Number.parseInt(yearToken, 10);\n    const month = Number.parseInt(monthToken, 10);\n    const day = Number.parseInt(dayToken, 10);\n    const hour = boundary === 'end' ? 23 : 0;\n    const minute = boundary === 'end' ? 59 : 0;\n    const second = boundary === 'end' ? 59 : 0;\n    const millisecond = boundary === 'end' ? 999 : 0;\n    const date = new Date(year, month - 1, day, hour, minute, second, millisecond);\n\n    if (\n      Number.isNaN(date.getTime()) ||\n      date.getFullYear() !== year ||\n      date.getMonth() !== month - 1 ||\n      date.getDate() !== day\n    ) {\n      return null;\n    }\n\n    return date;\n  }\n\n  const dateTimeMatch = value.match(dateTimePattern);\n  if (!dateTimeMatch) {\n    return null;\n  }\n\n  const [, yearToken, monthToken, dayToken, hourToken, minuteToken, secondToken] =\n    dateTimeMatch;\n  const year = Number.parseInt(yearToken, 10);\n  const month = Number.parseInt(monthToken, 10);\n  const day = Number.parseInt(dayToken, 10);\n  const hour = Number.parseInt(hourToken, 10);\n  const minute = Number.parseInt(minuteToken, 10);\n  const second = secondToken ? Number.parseInt(secondToken, 10) : 0;\n  const date = new Date(year, month - 1, day, hour, minute, second, 0);\n\n  if (\n    Number.isNaN(date.getTime()) ||\n    date.getFullYear() !== year ||\n    date.getMonth() !== month - 1 ||\n    date.getDate() !== day ||\n    date.getHours() !== hour ||\n    date.getMinutes() !== minute ||\n    date.getSeconds() !== second\n  ) {\n    return null;\n  }\n\n  return date;\n};\n\nconst toDateTimeValue = (date: Date) =>\n  `${toDateValue(date)}T${formatPart(date.getHours())}:${formatPart(date.getMinutes())}`;\n\nconst setDatePart = (source: Date, targetDate: Date) =>\n  new Date(\n    targetDate.getFullYear(),\n    targetDate.getMonth(),\n    targetDate.getDate(),\n    source.getHours(),\n    source.getMinutes(),\n    0,\n    0,\n  );\n\nconst setTimePart = (source: Date, hour: number, minute: number) =>\n  new Date(\n    source.getFullYear(),\n    source.getMonth(),\n    source.getDate(),\n    hour,\n    minute,\n    0,\n    0,\n  );\n\nconst resolveMinuteStep = (step: number) => {\n  if (!Number.isFinite(step) || step <= 0 || step % 60 !== 0) {\n    return 1;\n  }\n\n  const minuteStep = step / 60;\n  return minuteStep >= 60 ? 1 : minuteStep;\n};\n\nconst today = startOfDay(new Date());\nconst selectedDateTime = computed(() => parseBoundaryValue(props.modelValue, 'exact'));\nconst minDateTime = computed(() => parseBoundaryValue(props.min, 'start'));\nconst maxDateTime = computed(() => parseBoundaryValue(props.max, 'end'));\nconst pickerId = props.id ?? createId('t-date-time-picker');\nconst captionId = `${pickerId}-caption`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst dayRefs = new Map<string, HTMLButtonElement>();\n\nconst clampToRange = (value: Date) => {\n  let nextValue = cloneDate(value);\n\n  if (minDateTime.value && nextValue < minDateTime.value) {\n    nextValue = cloneDate(minDateTime.value);\n  }\n\n  if (maxDateTime.value && nextValue > maxDateTime.value) {\n    nextValue = cloneDate(maxDateTime.value);\n  }\n\n  return nextValue;\n};\n\nconst createDefaultDraftDateTime = () => {\n  const reference = new Date();\n  const stepMilliseconds = Math.max(props.step, 60) * 1000;\n  const rounded = new Date(Math.ceil(reference.getTime() / stepMilliseconds) * stepMilliseconds);\n\n  rounded.setSeconds(0, 0);\n  return clampToRange(rounded);\n};\n\nconst initialDateTime = selectedDateTime.value ?? createDefaultDraftDateTime();\nconst draftDateTime = ref(initialDateTime);\nconst focusedDate = ref(startOfDay(initialDateTime));\nconst viewMonth = ref(startOfMonth(initialDateTime));\n\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, name: _name, ...rest } = attrs;\n  return rest;\n});\n\nconst hiddenInputName = computed(() =>\n  typeof attrs.name === 'string' ? attrs.name : undefined,\n);\n\nconst rootClasses = computed(() => [\n  't-date-picker',\n  't-date-time-picker',\n  `t-date-picker--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n    'is-open': isOpen.value,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n  toRef(props, 'open'),\n  props.defaultOpen,\n  (value) => {\n    emit('update:open', value);\n    emit('open-change', value);\n  },\n);\n\nconst triggerText = computed(() => {\n  if (!selectedDateTime.value) {\n    return props.placeholder;\n  }\n\n  return new Intl.DateTimeFormat(props.locale, {\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    month: 'long',\n    year: 'numeric',\n  }).format(selectedDateTime.value);\n});\n\nconst draftPreview = computed(() =>\n  new Intl.DateTimeFormat(props.locale, {\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    month: 'long',\n    year: 'numeric',\n  }).format(draftDateTime.value),\n);\n\nconst monthLabel = computed(() =>\n  new Intl.DateTimeFormat(props.locale, {\n    month: 'long',\n    year: 'numeric',\n  }).format(viewMonth.value),\n);\n\nconst weekdayLabels = computed(() => {\n  const formatter = new Intl.DateTimeFormat(props.locale, { weekday: 'short' });\n  const weekBase = startOfWeek(new Date(2024, 0, 7), props.weekStartsOn);\n\n  return Array.from({ length: 7 }, (_, index) =>\n    formatter.format(addDays(weekBase, index)),\n  );\n});\n\nconst minuteStep = computed(() => resolveMinuteStep(props.step));\n\nconst minuteValues = computed(() => {\n  const values = new Set<number>();\n\n  for (let minute = 0; minute < 60; minute += minuteStep.value) {\n    values.add(minute);\n  }\n\n  values.add(draftDateTime.value.getMinutes());\n\n  return [...values].sort((left, right) => left - right);\n});\n\nconst isDateDisabled = (date: Date) => {\n  if (props.disabled) {\n    return true;\n  }\n\n  const dayStart = startOfDay(date);\n  const dayEnd = endOfDay(date);\n\n  if (minDateTime.value && dayEnd < minDateTime.value) {\n    return true;\n  }\n\n  if (maxDateTime.value && dayStart > maxDateTime.value) {\n    return true;\n  }\n\n  return false;\n};\n\nconst isDateTimeDisabled = (value: Date) => {\n  if (props.disabled) {\n    return true;\n  }\n\n  if (minDateTime.value && value < minDateTime.value) {\n    return true;\n  }\n\n  if (maxDateTime.value && value > maxDateTime.value) {\n    return true;\n  }\n\n  return false;\n};\n\nconst syncCalendarView = (date: Date) => {\n  focusedDate.value = startOfDay(date);\n  viewMonth.value = startOfMonth(date);\n};\n\nconst syncDraftState = (dateTime: Date) => {\n  const nextValue = clampToRange(dateTime);\n  draftDateTime.value = nextValue;\n  syncCalendarView(nextValue);\n};\n\nwatch(\n  selectedDateTime,\n  (value) => {\n    if (isOpen.value) {\n      return;\n    }\n\n    syncDraftState(value ?? createDefaultDraftDateTime());\n  },\n  { immediate: true },\n);\n\nconst draftDate = computed(() => startOfDay(draftDateTime.value));\n\nconst cells = computed(() => {\n  const startDate = startOfWeek(startOfMonth(viewMonth.value), props.weekStartsOn);\n\n  return Array.from({ length: 6 }, (_, weekIndex) =>\n    Array.from({ length: 7 }, (_, dayIndex) => {\n      const date = addDays(startDate, weekIndex * 7 + dayIndex);\n      const key = toDateValue(date);\n\n      return {\n        date,\n        dayLabel: date.getDate(),\n        disabled: isDateDisabled(date),\n        inMonth: date.getMonth() === viewMonth.value.getMonth(),\n        isFocused: isSameDay(date, focusedDate.value),\n        isSelected: isSameDay(date, draftDate.value),\n        isToday: isSameDay(date, today),\n        key,\n      } satisfies CalendarCell;\n    }),\n  );\n});\n\nconst canMovePrev = computed(() => {\n  if (!minDateTime.value) {\n    return true;\n  }\n\n  return startOfMonth(viewMonth.value) > startOfMonth(minDateTime.value);\n});\n\nconst canMoveNext = computed(() => {\n  if (!maxDateTime.value) {\n    return true;\n  }\n\n  return startOfMonth(viewMonth.value) < startOfMonth(maxDateTime.value);\n});\n\nconst isTimeOptionEnabled = (hour: number, minute: number) => {\n  const candidate = setTimePart(draftDateTime.value, hour, minute);\n  return !isDateTimeDisabled(candidate);\n};\n\nconst hourOptions = computed<TimeOption[]>(() =>\n  Array.from({ length: 24 }, (_, hour) => ({\n    disabled: !minuteValues.value.some((minute) => isTimeOptionEnabled(hour, minute)),\n    label: formatPart(hour),\n    value: hour,\n  })),\n);\n\nconst minuteOptions = computed<TimeOption[]>(() =>\n  minuteValues.value.map((minute) => ({\n    disabled: !isTimeOptionEnabled(draftDateTime.value.getHours(), minute),\n    label: formatPart(minute),\n    value: minute,\n  })),\n);\n\nconst focusCurrentDay = () => {\n  const key = toDateValue(focusedDate.value);\n  nextTick(() => {\n    dayRefs.get(key)?.focus();\n  });\n};\n\nconst setDayRef = (\n  element: Element | ComponentPublicInstance | null,\n  key: string,\n) => {\n  if (element instanceof HTMLButtonElement) {\n    dayRefs.set(key, element);\n    return;\n  }\n\n  dayRefs.delete(key);\n};\n\nconst openCalendar = () => {\n  if (props.disabled) {\n    return;\n  }\n\n  syncDraftState(selectedDateTime.value ?? createDefaultDraftDateTime());\n  setValue(true);\n  focusCurrentDay();\n};\n\nconst closeCalendar = (restoreFocus = false) => {\n  setValue(false);\n\n  if (restoreFocus) {\n    nextTick(() => {\n      triggerRef.value?.focus();\n    });\n  }\n};\n\nconst toggleCalendar = () => {\n  if (isOpen.value) {\n    closeCalendar();\n    return;\n  }\n\n  openCalendar();\n};\n\nconst moveCalendar = (direction: 1 | -1) => {\n  const nextMonth = addMonths(viewMonth.value, direction);\n  syncCalendarView(nextMonth);\n  focusCurrentDay();\n};\n\nconst moveFocus = (nextDate: Date) => {\n  if (isDateDisabled(nextDate)) {\n    return;\n  }\n\n  syncCalendarView(nextDate);\n  focusCurrentDay();\n};\n\nconst selectDate = (date: Date) => {\n  if (isDateDisabled(date)) {\n    return;\n  }\n\n  const candidate = clampToRange(setDatePart(draftDateTime.value, date));\n  draftDateTime.value = candidate;\n  syncCalendarView(candidate);\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) {\n    return;\n  }\n\n  if (isEscapeKey(event) && isOpen.value) {\n    event.preventDefault();\n    closeCalendar();\n    return;\n  }\n\n  if (\n    isActivationKey(event) ||\n    event.key === 'ArrowDown' ||\n    event.key === 'ArrowUp'\n  ) {\n    event.preventDefault();\n    openCalendar();\n  }\n};\n\nconst onDayKeydown = (event: KeyboardEvent, date: Date) => {\n  if (isEscapeKey(event)) {\n    event.preventDefault();\n    closeCalendar(true);\n    return;\n  }\n\n  if (isActivationKey(event)) {\n    event.preventDefault();\n    selectDate(date);\n    return;\n  }\n\n  switch (event.key) {\n    case 'ArrowLeft':\n      event.preventDefault();\n      moveFocus(addDays(date, -1));\n      break;\n    case 'ArrowRight':\n      event.preventDefault();\n      moveFocus(addDays(date, 1));\n      break;\n    case 'ArrowUp':\n      event.preventDefault();\n      moveFocus(addDays(date, -7));\n      break;\n    case 'ArrowDown':\n      event.preventDefault();\n      moveFocus(addDays(date, 7));\n      break;\n    case 'Home':\n      event.preventDefault();\n      moveFocus(startOfWeek(date, props.weekStartsOn));\n      break;\n    case 'End':\n      event.preventDefault();\n      moveFocus(addDays(startOfWeek(date, props.weekStartsOn), 6));\n      break;\n    case 'PageUp':\n      event.preventDefault();\n      moveFocus(addMonths(date, event.shiftKey ? -12 : -1));\n      break;\n    case 'PageDown':\n      event.preventDefault();\n      moveFocus(addMonths(date, event.shiftKey ? 12 : 1));\n      break;\n    default:\n      break;\n  }\n};\n\nconst updateHour = (event: Event) => {\n  const nextHour = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n  const currentMinute = draftDateTime.value.getMinutes();\n\n  if (Number.isNaN(nextHour)) {\n    return;\n  }\n\n  const availableMinutes = minuteValues.value.filter((minute) =>\n    isTimeOptionEnabled(nextHour, minute),\n  );\n\n  if (!availableMinutes.length) {\n    return;\n  }\n\n  const nextMinute = availableMinutes.includes(currentMinute)\n    ? currentMinute\n    : availableMinutes[0];\n\n  draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst updateMinute = (event: Event) => {\n  const nextMinute = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n  const nextHour = draftDateTime.value.getHours();\n\n  if (Number.isNaN(nextMinute) || !isTimeOptionEnabled(nextHour, nextMinute)) {\n    return;\n  }\n\n  draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst commitDraft = () => {\n  const value = toDateTimeValue(draftDateTime.value);\n\n  emit('update:modelValue', value);\n  emit('change', value);\n  emit('select', value);\n  closeCalendar(true);\n};\n\nconst clearSelection = () => {\n  emit('update:modelValue', '');\n  emit('change', '');\n  emit('select', '');\n  closeCalendar(true);\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n  if (!isOpen.value) {\n    return;\n  }\n\n  const target = event.target;\n  if (!(target instanceof Node)) {\n    return;\n  }\n\n  if (rootRef.value?.contains(target)) {\n    return;\n  }\n\n  closeCalendar();\n};\n\nwatch(isOpen, (value) => {\n  if (value) {\n    document.addEventListener('pointerdown', onDocumentPointerDown);\n    return;\n  }\n\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    :data-state=\"isOpen ? 'open' : 'closed'\"\n  >\n    <input\n      v-if=\"hiddenInputName\"\n      type=\"hidden\"\n      :name=\"hiddenInputName\"\n      :value=\"modelValue\"\n    >\n\n    <button\n      ref=\"triggerRef\"\n      v-bind=\"triggerAttrs\"\n      type=\"button\"\n      class=\"t-date-picker__trigger t-date-time-picker__trigger\"\n      :disabled=\"disabled\"\n      :aria-controls=\"isOpen ? pickerId : undefined\"\n      aria-haspopup=\"dialog\"\n      :aria-expanded=\"isOpen\"\n      :aria-invalid=\"invalid || undefined\"\n      @click=\"toggleCalendar\"\n      @keydown=\"onTriggerKeydown\"\n    >\n      <span\n        v-if=\"$slots.prefix\"\n        class=\"t-date-picker__slot t-date-picker__slot--prefix\"\n      >\n        <slot name=\"prefix\" />\n      </span>\n\n      <span\n        class=\"t-date-picker__value\"\n        :data-placeholder=\"selectedDateTime ? undefined : true\"\n      >\n        {{ triggerText }}\n      </span>\n\n      <span class=\"t-date-picker__slot t-date-picker__slot--suffix\">\n        <slot name=\"suffix\">\n          <TSpinner\n            v-if=\"loading\"\n            size=\"sm\"\n            label=\"Loading\"\n          />\n          <CalendarIcon\n            v-else\n            v-bind=\"treeIconDefaults\"\n          />\n        </slot>\n      </span>\n    </button>\n\n    <transition name=\"t-fade\">\n      <div\n        v-if=\"isOpen && !disabled\"\n        :id=\"pickerId\"\n        class=\"t-date-picker__content t-date-time-picker__content\"\n        role=\"dialog\"\n        aria-modal=\"false\"\n        :aria-labelledby=\"captionId\"\n      >\n        <div class=\"t-date-time-picker__calendar\">\n          <div class=\"t-date-picker__header\">\n            <button\n              type=\"button\"\n              class=\"t-date-picker__nav\"\n              :disabled=\"!canMovePrev\"\n              aria-label=\"Previous month\"\n              @click=\"moveCalendar(-1)\"\n            >\n              <ChevronLeftIcon v-bind=\"treeIconDefaults\" />\n            </button>\n\n            <p\n              :id=\"captionId\"\n              class=\"t-date-picker__month\"\n            >\n              {{ monthLabel }}\n            </p>\n\n            <button\n              type=\"button\"\n              class=\"t-date-picker__nav\"\n              :disabled=\"!canMoveNext\"\n              aria-label=\"Next month\"\n              @click=\"moveCalendar(1)\"\n            >\n              <ChevronRightIcon v-bind=\"treeIconDefaults\" />\n            </button>\n          </div>\n\n          <div\n            class=\"t-date-picker__weekdays\"\n            aria-hidden=\"true\"\n          >\n            <span\n              v-for=\"label in weekdayLabels\"\n              :key=\"label\"\n              class=\"t-date-picker__weekday\"\n            >\n              {{ label }}\n            </span>\n          </div>\n\n          <div\n            class=\"t-date-picker__grid\"\n            role=\"grid\"\n            :aria-labelledby=\"captionId\"\n          >\n            <div\n              v-for=\"(week, weekIndex) in cells\"\n              :key=\"weekIndex\"\n              class=\"t-date-picker__row\"\n              role=\"row\"\n            >\n              <div\n                v-for=\"cell in week\"\n                :key=\"cell.key\"\n                class=\"t-date-picker__cell\"\n                role=\"gridcell\"\n                :aria-selected=\"cell.isSelected\"\n              >\n                <button\n                  :ref=\"(element) => setDayRef(element, cell.key)\"\n                  type=\"button\"\n                  class=\"t-date-picker__day\"\n                  :class=\"{\n                    'is-muted': !cell.inMonth,\n                    'is-selected': cell.isSelected,\n                    'is-today': cell.isToday,\n                  }\"\n                  :data-date=\"cell.key\"\n                  :tabindex=\"cell.isFocused ? 0 : -1\"\n                  :disabled=\"cell.disabled\"\n                  :aria-pressed=\"cell.isSelected\"\n                  @click=\"selectDate(cell.date)\"\n                  @keydown=\"onDayKeydown($event, cell.date)\"\n                >\n                  {{ cell.dayLabel }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"t-date-time-picker__summary\">\n          <p class=\"t-date-time-picker__eyebrow\">\n            Selected slot\n          </p>\n          <p class=\"t-date-time-picker__summary-value\">\n            {{ draftPreview }}\n          </p>\n        </div>\n\n        <div class=\"t-date-time-picker__time\">\n          <label class=\"t-date-time-picker__time-field\">\n            <span class=\"t-date-time-picker__time-label\">Hour</span>\n            <select\n              class=\"t-date-time-picker__select\"\n              :value=\"draftDateTime.getHours()\"\n              aria-label=\"Select hour\"\n              @change=\"updateHour\"\n            >\n              <option\n                v-for=\"option in hourOptions\"\n                :key=\"option.value\"\n                :value=\"option.value\"\n                :disabled=\"option.disabled\"\n              >\n                {{ option.label }}\n              </option>\n            </select>\n          </label>\n\n          <label class=\"t-date-time-picker__time-field\">\n            <span class=\"t-date-time-picker__time-label\">Minute</span>\n            <select\n              class=\"t-date-time-picker__select\"\n              :value=\"draftDateTime.getMinutes()\"\n              aria-label=\"Select minute\"\n              @change=\"updateMinute\"\n            >\n              <option\n                v-for=\"option in minuteOptions\"\n                :key=\"option.value\"\n                :value=\"option.value\"\n                :disabled=\"option.disabled\"\n              >\n                {{ option.label }}\n              </option>\n            </select>\n          </label>\n        </div>\n\n        <div class=\"t-date-time-picker__footer\">\n          <button\n            type=\"button\"\n            class=\"t-button t-button--ghost t-button--sm\"\n            @click=\"clearSelection\"\n          >\n            Clear\n          </button>\n          <button\n            type=\"button\"\n            class=\"t-button t-button--solid t-button--sm\"\n            @click=\"commitDraft\"\n          >\n            Apply\n          </button>\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"TDateTimePicker.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TDateTimePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  addDays,\n  addMonths,\n  createId,\n  isActivationKey,\n  isEscapeKey,\n  isSameDay,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n  toDateValue,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n  type ComponentPublicInstance,\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  toRef,\n  useAttrs,\n  watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\ninterface CalendarCell {\n  date: Date;\n  dayLabel: number;\n  disabled: boolean;\n  inMonth: boolean;\n  isFocused: boolean;\n  isSelected: boolean;\n  isToday: boolean;\n  key: string;\n}\n\ninterface TimeOption {\n  disabled: boolean;\n  label: string;\n  value: number;\n}\n\nconst CalendarIcon = computed(() => getTreeIcon('calendar'));\nconst ChevronLeftIcon = computed(() => getTreeIcon('chevron-left'));\nconst ChevronRightIcon = computed(() => getTreeIcon('chevron-right'));\n\nconst dateOnlyPattern = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\nconst dateTimePattern = /^(\\d{4})-(\\d{2})-(\\d{2})T(\\d{2}):(\\d{2})(?::(\\d{2}))?$/;\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    open?: boolean;\n    defaultOpen?: boolean;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    locale?: string;\n    min?: string;\n    max?: string;\n    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n    id?: string;\n    step?: number;\n  }>(),\n  {\n    modelValue: '',\n    open: undefined,\n    defaultOpen: false,\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: 'Select date and time',\n    locale: 'en-US',\n    min: '',\n    max: '',\n    weekStartsOn: 0,\n    id: undefined,\n    step: 60,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n  change: [value: string];\n  select: [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nconst cloneDate = (value: Date) => new Date(value.getTime());\n\nconst formatPart = (value: number) => `${value}`.padStart(2, '0');\n\nconst endOfDay = (date: Date) =>\n  new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);\n\nconst parseBoundaryValue = (\n  value: string | null | undefined,\n  boundary: 'exact' | 'start' | 'end' = 'exact',\n) => {\n  if (!value) {\n    return null;\n  }\n\n  const dateOnlyMatch = value.match(dateOnlyPattern);\n  if (dateOnlyMatch) {\n    const [, yearToken, monthToken, dayToken] = dateOnlyMatch;\n    const year = Number.parseInt(yearToken, 10);\n    const month = Number.parseInt(monthToken, 10);\n    const day = Number.parseInt(dayToken, 10);\n    const hour = boundary === 'end' ? 23 : 0;\n    const minute = boundary === 'end' ? 59 : 0;\n    const second = boundary === 'end' ? 59 : 0;\n    const millisecond = boundary === 'end' ? 999 : 0;\n    const date = new Date(year, month - 1, day, hour, minute, second, millisecond);\n\n    if (\n      Number.isNaN(date.getTime()) ||\n      date.getFullYear() !== year ||\n      date.getMonth() !== month - 1 ||\n      date.getDate() !== day\n    ) {\n      return null;\n    }\n\n    return date;\n  }\n\n  const dateTimeMatch = value.match(dateTimePattern);\n  if (!dateTimeMatch) {\n    return null;\n  }\n\n  const [, yearToken, monthToken, dayToken, hourToken, minuteToken, secondToken] =\n    dateTimeMatch;\n  const year = Number.parseInt(yearToken, 10);\n  const month = Number.parseInt(monthToken, 10);\n  const day = Number.parseInt(dayToken, 10);\n  const hour = Number.parseInt(hourToken, 10);\n  const minute = Number.parseInt(minuteToken, 10);\n  const second = secondToken ? Number.parseInt(secondToken, 10) : 0;\n  const date = new Date(year, month - 1, day, hour, minute, second, 0);\n\n  if (\n    Number.isNaN(date.getTime()) ||\n    date.getFullYear() !== year ||\n    date.getMonth() !== month - 1 ||\n    date.getDate() !== day ||\n    date.getHours() !== hour ||\n    date.getMinutes() !== minute ||\n    date.getSeconds() !== second\n  ) {\n    return null;\n  }\n\n  return date;\n};\n\nconst toDateTimeValue = (date: Date) =>\n  `${toDateValue(date)}T${formatPart(date.getHours())}:${formatPart(date.getMinutes())}`;\n\nconst setDatePart = (source: Date, targetDate: Date) =>\n  new Date(\n    targetDate.getFullYear(),\n    targetDate.getMonth(),\n    targetDate.getDate(),\n    source.getHours(),\n    source.getMinutes(),\n    0,\n    0,\n  );\n\nconst setTimePart = (source: Date, hour: number, minute: number) =>\n  new Date(\n    source.getFullYear(),\n    source.getMonth(),\n    source.getDate(),\n    hour,\n    minute,\n    0,\n    0,\n  );\n\nconst resolveMinuteStep = (step: number) => {\n  if (!Number.isFinite(step) || step <= 0 || step % 60 !== 0) {\n    return 1;\n  }\n\n  const minuteStep = step / 60;\n  return minuteStep >= 60 ? 1 : minuteStep;\n};\n\nconst today = startOfDay(new Date());\nconst selectedDateTime = computed(() => parseBoundaryValue(props.modelValue, 'exact'));\nconst minDateTime = computed(() => parseBoundaryValue(props.min, 'start'));\nconst maxDateTime = computed(() => parseBoundaryValue(props.max, 'end'));\nconst pickerId = props.id ?? createId('t-date-time-picker');\nconst captionId = `${pickerId}-caption`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst dayRefs = new Map<string, HTMLButtonElement>();\n\nconst clampToRange = (value: Date) => {\n  let nextValue = cloneDate(value);\n\n  if (minDateTime.value && nextValue < minDateTime.value) {\n    nextValue = cloneDate(minDateTime.value);\n  }\n\n  if (maxDateTime.value && nextValue > maxDateTime.value) {\n    nextValue = cloneDate(maxDateTime.value);\n  }\n\n  return nextValue;\n};\n\nconst createDefaultDraftDateTime = () => {\n  const reference = new Date();\n  const stepMilliseconds = Math.max(props.step, 60) * 1000;\n  const rounded = new Date(Math.ceil(reference.getTime() / stepMilliseconds) * stepMilliseconds);\n\n  rounded.setSeconds(0, 0);\n  return clampToRange(rounded);\n};\n\nconst initialDateTime = selectedDateTime.value ?? createDefaultDraftDateTime();\nconst draftDateTime = ref(initialDateTime);\nconst focusedDate = ref(startOfDay(initialDateTime));\nconst viewMonth = ref(startOfMonth(initialDateTime));\n\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, name: _name, ...rest } = attrs;\n  return rest;\n});\n\nconst hiddenInputName = computed(() =>\n  typeof attrs.name === 'string' ? attrs.name : undefined,\n);\n\nconst rootClasses = computed(() => [\n  't-date-picker',\n  't-date-time-picker',\n  `t-date-picker--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n    'is-open': isOpen.value,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n  toRef(props, 'open'),\n  props.defaultOpen,\n  (value) => {\n    emit('update:open', value);\n    emit('open-change', value);\n  },\n);\n\nconst triggerText = computed(() => {\n  if (!selectedDateTime.value) {\n    return props.placeholder;\n  }\n\n  return new Intl.DateTimeFormat(props.locale, {\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    month: 'long',\n    year: 'numeric',\n  }).format(selectedDateTime.value);\n});\n\nconst draftPreview = computed(() =>\n  new Intl.DateTimeFormat(props.locale, {\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    month: 'long',\n    year: 'numeric',\n  }).format(draftDateTime.value),\n);\n\nconst monthLabel = computed(() =>\n  new Intl.DateTimeFormat(props.locale, {\n    month: 'long',\n    year: 'numeric',\n  }).format(viewMonth.value),\n);\n\nconst weekdayLabels = computed(() => {\n  const formatter = new Intl.DateTimeFormat(props.locale, { weekday: 'short' });\n  const weekBase = startOfWeek(new Date(2024, 0, 7), props.weekStartsOn);\n\n  return Array.from({ length: 7 }, (_, index) =>\n    formatter.format(addDays(weekBase, index)),\n  );\n});\n\nconst minuteStep = computed(() => resolveMinuteStep(props.step));\n\nconst minuteValues = computed(() => {\n  const values = new Set<number>();\n\n  for (let minute = 0; minute < 60; minute += minuteStep.value) {\n    values.add(minute);\n  }\n\n  values.add(draftDateTime.value.getMinutes());\n\n  return [...values].sort((left, right) => left - right);\n});\n\nconst isDateDisabled = (date: Date) => {\n  if (props.disabled) {\n    return true;\n  }\n\n  const dayStart = startOfDay(date);\n  const dayEnd = endOfDay(date);\n\n  if (minDateTime.value && dayEnd < minDateTime.value) {\n    return true;\n  }\n\n  if (maxDateTime.value && dayStart > maxDateTime.value) {\n    return true;\n  }\n\n  return false;\n};\n\nconst isDateTimeDisabled = (value: Date) => {\n  if (props.disabled) {\n    return true;\n  }\n\n  if (minDateTime.value && value < minDateTime.value) {\n    return true;\n  }\n\n  if (maxDateTime.value && value > maxDateTime.value) {\n    return true;\n  }\n\n  return false;\n};\n\nconst syncCalendarView = (date: Date) => {\n  focusedDate.value = startOfDay(date);\n  viewMonth.value = startOfMonth(date);\n};\n\nconst syncDraftState = (dateTime: Date) => {\n  const nextValue = clampToRange(dateTime);\n  draftDateTime.value = nextValue;\n  syncCalendarView(nextValue);\n};\n\nwatch(\n  selectedDateTime,\n  (value) => {\n    if (isOpen.value) {\n      return;\n    }\n\n    syncDraftState(value ?? createDefaultDraftDateTime());\n  },\n  { immediate: true },\n);\n\nconst draftDate = computed(() => startOfDay(draftDateTime.value));\n\nconst cells = computed(() => {\n  const startDate = startOfWeek(startOfMonth(viewMonth.value), props.weekStartsOn);\n\n  return Array.from({ length: 6 }, (_, weekIndex) =>\n    Array.from({ length: 7 }, (_, dayIndex) => {\n      const date = addDays(startDate, weekIndex * 7 + dayIndex);\n      const key = toDateValue(date);\n\n      return {\n        date,\n        dayLabel: date.getDate(),\n        disabled: isDateDisabled(date),\n        inMonth: date.getMonth() === viewMonth.value.getMonth(),\n        isFocused: isSameDay(date, focusedDate.value),\n        isSelected: isSameDay(date, draftDate.value),\n        isToday: isSameDay(date, today),\n        key,\n      } satisfies CalendarCell;\n    }),\n  );\n});\n\nconst canMovePrev = computed(() => {\n  if (!minDateTime.value) {\n    return true;\n  }\n\n  return startOfMonth(viewMonth.value) > startOfMonth(minDateTime.value);\n});\n\nconst canMoveNext = computed(() => {\n  if (!maxDateTime.value) {\n    return true;\n  }\n\n  return startOfMonth(viewMonth.value) < startOfMonth(maxDateTime.value);\n});\n\nconst isTimeOptionEnabled = (hour: number, minute: number) => {\n  const candidate = setTimePart(draftDateTime.value, hour, minute);\n  return !isDateTimeDisabled(candidate);\n};\n\nconst hourOptions = computed<TimeOption[]>(() =>\n  Array.from({ length: 24 }, (_, hour) => ({\n    disabled: !minuteValues.value.some((minute) => isTimeOptionEnabled(hour, minute)),\n    label: formatPart(hour),\n    value: hour,\n  })),\n);\n\nconst minuteOptions = computed<TimeOption[]>(() =>\n  minuteValues.value.map((minute) => ({\n    disabled: !isTimeOptionEnabled(draftDateTime.value.getHours(), minute),\n    label: formatPart(minute),\n    value: minute,\n  })),\n);\n\nconst focusCurrentDay = () => {\n  const key = toDateValue(focusedDate.value);\n  nextTick(() => {\n    dayRefs.get(key)?.focus();\n  });\n};\n\nconst setDayRef = (\n  element: Element | ComponentPublicInstance | null,\n  key: string,\n) => {\n  if (element instanceof HTMLButtonElement) {\n    dayRefs.set(key, element);\n    return;\n  }\n\n  dayRefs.delete(key);\n};\n\nconst openCalendar = () => {\n  if (props.disabled) {\n    return;\n  }\n\n  syncDraftState(selectedDateTime.value ?? createDefaultDraftDateTime());\n  setValue(true);\n  focusCurrentDay();\n};\n\nconst closeCalendar = (restoreFocus = false) => {\n  setValue(false);\n\n  if (restoreFocus) {\n    nextTick(() => {\n      triggerRef.value?.focus();\n    });\n  }\n};\n\nconst toggleCalendar = () => {\n  if (isOpen.value) {\n    closeCalendar();\n    return;\n  }\n\n  openCalendar();\n};\n\nconst moveCalendar = (direction: 1 | -1) => {\n  const nextMonth = addMonths(viewMonth.value, direction);\n  syncCalendarView(nextMonth);\n  focusCurrentDay();\n};\n\nconst moveFocus = (nextDate: Date) => {\n  if (isDateDisabled(nextDate)) {\n    return;\n  }\n\n  syncCalendarView(nextDate);\n  focusCurrentDay();\n};\n\nconst selectDate = (date: Date) => {\n  if (isDateDisabled(date)) {\n    return;\n  }\n\n  const candidate = clampToRange(setDatePart(draftDateTime.value, date));\n  draftDateTime.value = candidate;\n  syncCalendarView(candidate);\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) {\n    return;\n  }\n\n  if (isEscapeKey(event) && isOpen.value) {\n    event.preventDefault();\n    closeCalendar();\n    return;\n  }\n\n  if (\n    isActivationKey(event) ||\n    event.key === 'ArrowDown' ||\n    event.key === 'ArrowUp'\n  ) {\n    event.preventDefault();\n    openCalendar();\n  }\n};\n\nconst onDayKeydown = (event: KeyboardEvent, date: Date) => {\n  if (isEscapeKey(event)) {\n    event.preventDefault();\n    closeCalendar(true);\n    return;\n  }\n\n  if (isActivationKey(event)) {\n    event.preventDefault();\n    selectDate(date);\n    return;\n  }\n\n  switch (event.key) {\n    case 'ArrowLeft':\n      event.preventDefault();\n      moveFocus(addDays(date, -1));\n      break;\n    case 'ArrowRight':\n      event.preventDefault();\n      moveFocus(addDays(date, 1));\n      break;\n    case 'ArrowUp':\n      event.preventDefault();\n      moveFocus(addDays(date, -7));\n      break;\n    case 'ArrowDown':\n      event.preventDefault();\n      moveFocus(addDays(date, 7));\n      break;\n    case 'Home':\n      event.preventDefault();\n      moveFocus(startOfWeek(date, props.weekStartsOn));\n      break;\n    case 'End':\n      event.preventDefault();\n      moveFocus(addDays(startOfWeek(date, props.weekStartsOn), 6));\n      break;\n    case 'PageUp':\n      event.preventDefault();\n      moveFocus(addMonths(date, event.shiftKey ? -12 : -1));\n      break;\n    case 'PageDown':\n      event.preventDefault();\n      moveFocus(addMonths(date, event.shiftKey ? 12 : 1));\n      break;\n    default:\n      break;\n  }\n};\n\nconst updateHour = (event: Event) => {\n  const nextHour = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n  const currentMinute = draftDateTime.value.getMinutes();\n\n  if (Number.isNaN(nextHour)) {\n    return;\n  }\n\n  const availableMinutes = minuteValues.value.filter((minute) =>\n    isTimeOptionEnabled(nextHour, minute),\n  );\n\n  if (!availableMinutes.length) {\n    return;\n  }\n\n  const nextMinute = availableMinutes.includes(currentMinute)\n    ? currentMinute\n    : availableMinutes[0];\n\n  draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst updateMinute = (event: Event) => {\n  const nextMinute = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n  const nextHour = draftDateTime.value.getHours();\n\n  if (Number.isNaN(nextMinute) || !isTimeOptionEnabled(nextHour, nextMinute)) {\n    return;\n  }\n\n  draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst commitDraft = () => {\n  const value = toDateTimeValue(draftDateTime.value);\n\n  emit('update:modelValue', value);\n  emit('change', value);\n  emit('select', value);\n  closeCalendar(true);\n};\n\nconst clearSelection = () => {\n  emit('update:modelValue', '');\n  emit('change', '');\n  emit('select', '');\n  closeCalendar(true);\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n  if (!isOpen.value) {\n    return;\n  }\n\n  const target = event.target;\n  if (!(target instanceof Node)) {\n    return;\n  }\n\n  if (rootRef.value?.contains(target)) {\n    return;\n  }\n\n  closeCalendar();\n};\n\nwatch(isOpen, (value) => {\n  if (value) {\n    document.addEventListener('pointerdown', onDocumentPointerDown);\n    return;\n  }\n\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    :data-state=\"isOpen ? 'open' : 'closed'\"\n  >\n    <input\n      v-if=\"hiddenInputName\"\n      type=\"hidden\"\n      :name=\"hiddenInputName\"\n      :value=\"modelValue\"\n    >\n\n    <button\n      ref=\"triggerRef\"\n      v-bind=\"triggerAttrs\"\n      type=\"button\"\n      class=\"t-date-picker__trigger t-date-time-picker__trigger\"\n      :disabled=\"disabled\"\n      :aria-controls=\"isOpen ? pickerId : undefined\"\n      aria-haspopup=\"dialog\"\n      :aria-expanded=\"isOpen\"\n      :aria-invalid=\"invalid || undefined\"\n      @click=\"toggleCalendar\"\n      @keydown=\"onTriggerKeydown\"\n    >\n      <span\n        v-if=\"$slots.prefix\"\n        class=\"t-date-picker__slot t-date-picker__slot--prefix\"\n      >\n        <slot name=\"prefix\" />\n      </span>\n\n      <span\n        class=\"t-date-picker__value\"\n        :data-placeholder=\"selectedDateTime ? undefined : true\"\n      >\n        {{ triggerText }}\n      </span>\n\n      <span class=\"t-date-picker__slot t-date-picker__slot--suffix\">\n        <slot name=\"suffix\">\n          <TSpinner\n            v-if=\"loading\"\n            size=\"sm\"\n            label=\"Loading\"\n          />\n          <CalendarIcon\n            v-else\n            v-bind=\"treeIconDefaults\"\n          />\n        </slot>\n      </span>\n    </button>\n\n    <transition name=\"t-fade\">\n      <div\n        v-if=\"isOpen && !disabled\"\n        :id=\"pickerId\"\n        class=\"t-date-picker__content t-date-time-picker__content\"\n        role=\"dialog\"\n        aria-modal=\"false\"\n        :aria-labelledby=\"captionId\"\n      >\n        <div class=\"t-date-time-picker__calendar\">\n          <div class=\"t-date-picker__header\">\n            <button\n              type=\"button\"\n              class=\"t-date-picker__nav\"\n              :disabled=\"!canMovePrev\"\n              aria-label=\"Previous month\"\n              @click=\"moveCalendar(-1)\"\n            >\n              <ChevronLeftIcon v-bind=\"treeIconDefaults\" />\n            </button>\n\n            <p\n              :id=\"captionId\"\n              class=\"t-date-picker__month\"\n            >\n              {{ monthLabel }}\n            </p>\n\n            <button\n              type=\"button\"\n              class=\"t-date-picker__nav\"\n              :disabled=\"!canMoveNext\"\n              aria-label=\"Next month\"\n              @click=\"moveCalendar(1)\"\n            >\n              <ChevronRightIcon v-bind=\"treeIconDefaults\" />\n            </button>\n          </div>\n\n          <div\n            class=\"t-date-picker__weekdays\"\n            aria-hidden=\"true\"\n          >\n            <span\n              v-for=\"label in weekdayLabels\"\n              :key=\"label\"\n              class=\"t-date-picker__weekday\"\n            >\n              {{ label }}\n            </span>\n          </div>\n\n          <div\n            class=\"t-date-picker__grid\"\n            role=\"grid\"\n            :aria-labelledby=\"captionId\"\n          >\n            <div\n              v-for=\"(week, weekIndex) in cells\"\n              :key=\"weekIndex\"\n              class=\"t-date-picker__row\"\n              role=\"row\"\n            >\n              <div\n                v-for=\"cell in week\"\n                :key=\"cell.key\"\n                class=\"t-date-picker__cell\"\n                role=\"gridcell\"\n                :aria-selected=\"cell.isSelected\"\n              >\n                <button\n                  :ref=\"(element) => setDayRef(element, cell.key)\"\n                  type=\"button\"\n                  class=\"t-date-picker__day\"\n                  :class=\"{\n                    'is-muted': !cell.inMonth,\n                    'is-selected': cell.isSelected,\n                    'is-today': cell.isToday,\n                  }\"\n                  :data-date=\"cell.key\"\n                  :tabindex=\"cell.isFocused ? 0 : -1\"\n                  :disabled=\"cell.disabled\"\n                  :aria-pressed=\"cell.isSelected\"\n                  @click=\"selectDate(cell.date)\"\n                  @keydown=\"onDayKeydown($event, cell.date)\"\n                >\n                  {{ cell.dayLabel }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"t-date-time-picker__summary\">\n          <p class=\"t-date-time-picker__eyebrow\">\n            Selected slot\n          </p>\n          <p class=\"t-date-time-picker__summary-value\">\n            {{ draftPreview }}\n          </p>\n        </div>\n\n        <div class=\"t-date-time-picker__time\">\n          <label class=\"t-date-time-picker__time-field\">\n            <span class=\"t-date-time-picker__time-label\">Hour</span>\n            <select\n              class=\"t-date-time-picker__select\"\n              :value=\"draftDateTime.getHours()\"\n              aria-label=\"Select hour\"\n              @change=\"updateHour\"\n            >\n              <option\n                v-for=\"option in hourOptions\"\n                :key=\"option.value\"\n                :value=\"option.value\"\n                :disabled=\"option.disabled\"\n              >\n                {{ option.label }}\n              </option>\n            </select>\n          </label>\n\n          <label class=\"t-date-time-picker__time-field\">\n            <span class=\"t-date-time-picker__time-label\">Minute</span>\n            <select\n              class=\"t-date-time-picker__select\"\n              :value=\"draftDateTime.getMinutes()\"\n              aria-label=\"Select minute\"\n              @change=\"updateMinute\"\n            >\n              <option\n                v-for=\"option in minuteOptions\"\n                :key=\"option.value\"\n                :value=\"option.value\"\n                :disabled=\"option.disabled\"\n              >\n                {{ option.label }}\n              </option>\n            </select>\n          </label>\n        </div>\n\n        <div class=\"t-date-time-picker__footer\">\n          <button\n            type=\"button\"\n            class=\"t-button t-button--ghost t-button--sm\"\n            @click=\"clearSelection\"\n          >\n            Clear\n          </button>\n          <button\n            type=\"button\"\n            class=\"t-button t-button--solid t-button--sm\"\n            @click=\"commitDraft\"\n          >\n            Apply\n          </button>\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/TDateTimePicker.vue_vue_type_script_setup_true_lang.js

@@ -64,7 +64,7 @@ var fe = ["data-state"], pe = ["name", "value"], me = [
 		"select"
 	],
 	setup(u, { emit: Fe }) {
-		let Ie = ue("calendar"), Le = ue("chevron-left"), Re = ue("chevron-right"), ze = /^(\d{4})-(\d{2})-(\d{2})$/, Be = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?$/, O = u, k = Fe, A = re(), j = (e) => new Date(e.getTime()), M = (e) => `${e}`.padStart(2, "0"), Ve = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate(), 23, 59, 59, 999), N = (e, t = "exact") => {
+		let Ie = i(() => ue("calendar")), Le = i(() => ue("chevron-left")), Re = i(() => ue("chevron-right")), ze = /^(\d{4})-(\d{2})-(\d{2})$/, Be = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?$/, O = u, k = Fe, A = re(), j = (e) => new Date(e.getTime()), M = (e) => `${e}`.padStart(2, "0"), Ve = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate(), 23, 59, 59, 999), N = (e, t = "exact") => {
 			if (!e) return null;
 			let n = e.match(ze);
 			if (n) {

package/dist/components/TDateTimePicker.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TDateTimePicker.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TDateTimePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  addDays,\n  addMonths,\n  createId,\n  isActivationKey,\n  isEscapeKey,\n  isSameDay,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n  toDateValue,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n  type ComponentPublicInstance,\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  toRef,\n  useAttrs,\n  watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\ninterface CalendarCell {\n  date: Date;\n  dayLabel: number;\n  disabled: boolean;\n  inMonth: boolean;\n  isFocused: boolean;\n  isSelected: boolean;\n  isToday: boolean;\n  key: string;\n}\n\ninterface TimeOption {\n  disabled: boolean;\n  label: string;\n  value: number;\n}\n\nconst CalendarIcon = getTreeIcon('calendar');\nconst ChevronLeftIcon = getTreeIcon('chevron-left');\nconst ChevronRightIcon = getTreeIcon('chevron-right');\n\nconst dateOnlyPattern = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\nconst dateTimePattern = /^(\\d{4})-(\\d{2})-(\\d{2})T(\\d{2}):(\\d{2})(?::(\\d{2}))?$/;\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    open?: boolean;\n    defaultOpen?: boolean;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    locale?: string;\n    min?: string;\n    max?: string;\n    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n    id?: string;\n    step?: number;\n  }>(),\n  {\n    modelValue: '',\n    open: undefined,\n    defaultOpen: false,\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: 'Select date and time',\n    locale: 'en-US',\n    min: '',\n    max: '',\n    weekStartsOn: 0,\n    id: undefined,\n    step: 60,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n  change: [value: string];\n  select: [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nconst cloneDate = (value: Date) => new Date(value.getTime());\n\nconst formatPart = (value: number) => `${value}`.padStart(2, '0');\n\nconst endOfDay = (date: Date) =>\n  new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);\n\nconst parseBoundaryValue = (\n  value: string | null | undefined,\n  boundary: 'exact' | 'start' | 'end' = 'exact',\n) => {\n  if (!value) {\n    return null;\n  }\n\n  const dateOnlyMatch = value.match(dateOnlyPattern);\n  if (dateOnlyMatch) {\n    const [, yearToken, monthToken, dayToken] = dateOnlyMatch;\n    const year = Number.parseInt(yearToken, 10);\n    const month = Number.parseInt(monthToken, 10);\n    const day = Number.parseInt(dayToken, 10);\n    const hour = boundary === 'end' ? 23 : 0;\n    const minute = boundary === 'end' ? 59 : 0;\n    const second = boundary === 'end' ? 59 : 0;\n    const millisecond = boundary === 'end' ? 999 : 0;\n    const date = new Date(year, month - 1, day, hour, minute, second, millisecond);\n\n    if (\n      Number.isNaN(date.getTime()) ||\n      date.getFullYear() !== year ||\n      date.getMonth() !== month - 1 ||\n      date.getDate() !== day\n    ) {\n      return null;\n    }\n\n    return date;\n  }\n\n  const dateTimeMatch = value.match(dateTimePattern);\n  if (!dateTimeMatch) {\n    return null;\n  }\n\n  const [, yearToken, monthToken, dayToken, hourToken, minuteToken, secondToken] =\n    dateTimeMatch;\n  const year = Number.parseInt(yearToken, 10);\n  const month = Number.parseInt(monthToken, 10);\n  const day = Number.parseInt(dayToken, 10);\n  const hour = Number.parseInt(hourToken, 10);\n  const minute = Number.parseInt(minuteToken, 10);\n  const second = secondToken ? Number.parseInt(secondToken, 10) : 0;\n  const date = new Date(year, month - 1, day, hour, minute, second, 0);\n\n  if (\n    Number.isNaN(date.getTime()) ||\n    date.getFullYear() !== year ||\n    date.getMonth() !== month - 1 ||\n    date.getDate() !== day ||\n    date.getHours() !== hour ||\n    date.getMinutes() !== minute ||\n    date.getSeconds() !== second\n  ) {\n    return null;\n  }\n\n  return date;\n};\n\nconst toDateTimeValue = (date: Date) =>\n  `${toDateValue(date)}T${formatPart(date.getHours())}:${formatPart(date.getMinutes())}`;\n\nconst setDatePart = (source: Date, targetDate: Date) =>\n  new Date(\n    targetDate.getFullYear(),\n    targetDate.getMonth(),\n    targetDate.getDate(),\n    source.getHours(),\n    source.getMinutes(),\n    0,\n    0,\n  );\n\nconst setTimePart = (source: Date, hour: number, minute: number) =>\n  new Date(\n    source.getFullYear(),\n    source.getMonth(),\n    source.getDate(),\n    hour,\n    minute,\n    0,\n    0,\n  );\n\nconst resolveMinuteStep = (step: number) => {\n  if (!Number.isFinite(step) || step <= 0 || step % 60 !== 0) {\n    return 1;\n  }\n\n  const minuteStep = step / 60;\n  return minuteStep >= 60 ? 1 : minuteStep;\n};\n\nconst today = startOfDay(new Date());\nconst selectedDateTime = computed(() => parseBoundaryValue(props.modelValue, 'exact'));\nconst minDateTime = computed(() => parseBoundaryValue(props.min, 'start'));\nconst maxDateTime = computed(() => parseBoundaryValue(props.max, 'end'));\nconst pickerId = props.id ?? createId('t-date-time-picker');\nconst captionId = `${pickerId}-caption`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst dayRefs = new Map<string, HTMLButtonElement>();\n\nconst clampToRange = (value: Date) => {\n  let nextValue = cloneDate(value);\n\n  if (minDateTime.value && nextValue < minDateTime.value) {\n    nextValue = cloneDate(minDateTime.value);\n  }\n\n  if (maxDateTime.value && nextValue > maxDateTime.value) {\n    nextValue = cloneDate(maxDateTime.value);\n  }\n\n  return nextValue;\n};\n\nconst createDefaultDraftDateTime = () => {\n  const reference = new Date();\n  const stepMilliseconds = Math.max(props.step, 60) * 1000;\n  const rounded = new Date(Math.ceil(reference.getTime() / stepMilliseconds) * stepMilliseconds);\n\n  rounded.setSeconds(0, 0);\n  return clampToRange(rounded);\n};\n\nconst initialDateTime = selectedDateTime.value ?? createDefaultDraftDateTime();\nconst draftDateTime = ref(initialDateTime);\nconst focusedDate = ref(startOfDay(initialDateTime));\nconst viewMonth = ref(startOfMonth(initialDateTime));\n\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, name: _name, ...rest } = attrs;\n  return rest;\n});\n\nconst hiddenInputName = computed(() =>\n  typeof attrs.name === 'string' ? attrs.name : undefined,\n);\n\nconst rootClasses = computed(() => [\n  't-date-picker',\n  't-date-time-picker',\n  `t-date-picker--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n    'is-open': isOpen.value,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n  toRef(props, 'open'),\n  props.defaultOpen,\n  (value) => {\n    emit('update:open', value);\n    emit('open-change', value);\n  },\n);\n\nconst triggerText = computed(() => {\n  if (!selectedDateTime.value) {\n    return props.placeholder;\n  }\n\n  return new Intl.DateTimeFormat(props.locale, {\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    month: 'long',\n    year: 'numeric',\n  }).format(selectedDateTime.value);\n});\n\nconst draftPreview = computed(() =>\n  new Intl.DateTimeFormat(props.locale, {\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    month: 'long',\n    year: 'numeric',\n  }).format(draftDateTime.value),\n);\n\nconst monthLabel = computed(() =>\n  new Intl.DateTimeFormat(props.locale, {\n    month: 'long',\n    year: 'numeric',\n  }).format(viewMonth.value),\n);\n\nconst weekdayLabels = computed(() => {\n  const formatter = new Intl.DateTimeFormat(props.locale, { weekday: 'short' });\n  const weekBase = startOfWeek(new Date(2024, 0, 7), props.weekStartsOn);\n\n  return Array.from({ length: 7 }, (_, index) =>\n    formatter.format(addDays(weekBase, index)),\n  );\n});\n\nconst minuteStep = computed(() => resolveMinuteStep(props.step));\n\nconst minuteValues = computed(() => {\n  const values = new Set<number>();\n\n  for (let minute = 0; minute < 60; minute += minuteStep.value) {\n    values.add(minute);\n  }\n\n  values.add(draftDateTime.value.getMinutes());\n\n  return [...values].sort((left, right) => left - right);\n});\n\nconst isDateDisabled = (date: Date) => {\n  if (props.disabled) {\n    return true;\n  }\n\n  const dayStart = startOfDay(date);\n  const dayEnd = endOfDay(date);\n\n  if (minDateTime.value && dayEnd < minDateTime.value) {\n    return true;\n  }\n\n  if (maxDateTime.value && dayStart > maxDateTime.value) {\n    return true;\n  }\n\n  return false;\n};\n\nconst isDateTimeDisabled = (value: Date) => {\n  if (props.disabled) {\n    return true;\n  }\n\n  if (minDateTime.value && value < minDateTime.value) {\n    return true;\n  }\n\n  if (maxDateTime.value && value > maxDateTime.value) {\n    return true;\n  }\n\n  return false;\n};\n\nconst syncCalendarView = (date: Date) => {\n  focusedDate.value = startOfDay(date);\n  viewMonth.value = startOfMonth(date);\n};\n\nconst syncDraftState = (dateTime: Date) => {\n  const nextValue = clampToRange(dateTime);\n  draftDateTime.value = nextValue;\n  syncCalendarView(nextValue);\n};\n\nwatch(\n  selectedDateTime,\n  (value) => {\n    if (isOpen.value) {\n      return;\n    }\n\n    syncDraftState(value ?? createDefaultDraftDateTime());\n  },\n  { immediate: true },\n);\n\nconst draftDate = computed(() => startOfDay(draftDateTime.value));\n\nconst cells = computed(() => {\n  const startDate = startOfWeek(startOfMonth(viewMonth.value), props.weekStartsOn);\n\n  return Array.from({ length: 6 }, (_, weekIndex) =>\n    Array.from({ length: 7 }, (_, dayIndex) => {\n      const date = addDays(startDate, weekIndex * 7 + dayIndex);\n      const key = toDateValue(date);\n\n      return {\n        date,\n        dayLabel: date.getDate(),\n        disabled: isDateDisabled(date),\n        inMonth: date.getMonth() === viewMonth.value.getMonth(),\n        isFocused: isSameDay(date, focusedDate.value),\n        isSelected: isSameDay(date, draftDate.value),\n        isToday: isSameDay(date, today),\n        key,\n      } satisfies CalendarCell;\n    }),\n  );\n});\n\nconst canMovePrev = computed(() => {\n  if (!minDateTime.value) {\n    return true;\n  }\n\n  return startOfMonth(viewMonth.value) > startOfMonth(minDateTime.value);\n});\n\nconst canMoveNext = computed(() => {\n  if (!maxDateTime.value) {\n    return true;\n  }\n\n  return startOfMonth(viewMonth.value) < startOfMonth(maxDateTime.value);\n});\n\nconst isTimeOptionEnabled = (hour: number, minute: number) => {\n  const candidate = setTimePart(draftDateTime.value, hour, minute);\n  return !isDateTimeDisabled(candidate);\n};\n\nconst hourOptions = computed<TimeOption[]>(() =>\n  Array.from({ length: 24 }, (_, hour) => ({\n    disabled: !minuteValues.value.some((minute) => isTimeOptionEnabled(hour, minute)),\n    label: formatPart(hour),\n    value: hour,\n  })),\n);\n\nconst minuteOptions = computed<TimeOption[]>(() =>\n  minuteValues.value.map((minute) => ({\n    disabled: !isTimeOptionEnabled(draftDateTime.value.getHours(), minute),\n    label: formatPart(minute),\n    value: minute,\n  })),\n);\n\nconst focusCurrentDay = () => {\n  const key = toDateValue(focusedDate.value);\n  nextTick(() => {\n    dayRefs.get(key)?.focus();\n  });\n};\n\nconst setDayRef = (\n  element: Element | ComponentPublicInstance | null,\n  key: string,\n) => {\n  if (element instanceof HTMLButtonElement) {\n    dayRefs.set(key, element);\n    return;\n  }\n\n  dayRefs.delete(key);\n};\n\nconst openCalendar = () => {\n  if (props.disabled) {\n    return;\n  }\n\n  syncDraftState(selectedDateTime.value ?? createDefaultDraftDateTime());\n  setValue(true);\n  focusCurrentDay();\n};\n\nconst closeCalendar = (restoreFocus = false) => {\n  setValue(false);\n\n  if (restoreFocus) {\n    nextTick(() => {\n      triggerRef.value?.focus();\n    });\n  }\n};\n\nconst toggleCalendar = () => {\n  if (isOpen.value) {\n    closeCalendar();\n    return;\n  }\n\n  openCalendar();\n};\n\nconst moveCalendar = (direction: 1 | -1) => {\n  const nextMonth = addMonths(viewMonth.value, direction);\n  syncCalendarView(nextMonth);\n  focusCurrentDay();\n};\n\nconst moveFocus = (nextDate: Date) => {\n  if (isDateDisabled(nextDate)) {\n    return;\n  }\n\n  syncCalendarView(nextDate);\n  focusCurrentDay();\n};\n\nconst selectDate = (date: Date) => {\n  if (isDateDisabled(date)) {\n    return;\n  }\n\n  const candidate = clampToRange(setDatePart(draftDateTime.value, date));\n  draftDateTime.value = candidate;\n  syncCalendarView(candidate);\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) {\n    return;\n  }\n\n  if (isEscapeKey(event) && isOpen.value) {\n    event.preventDefault();\n    closeCalendar();\n    return;\n  }\n\n  if (\n    isActivationKey(event) ||\n    event.key === 'ArrowDown' ||\n    event.key === 'ArrowUp'\n  ) {\n    event.preventDefault();\n    openCalendar();\n  }\n};\n\nconst onDayKeydown = (event: KeyboardEvent, date: Date) => {\n  if (isEscapeKey(event)) {\n    event.preventDefault();\n    closeCalendar(true);\n    return;\n  }\n\n  if (isActivationKey(event)) {\n    event.preventDefault();\n    selectDate(date);\n    return;\n  }\n\n  switch (event.key) {\n    case 'ArrowLeft':\n      event.preventDefault();\n      moveFocus(addDays(date, -1));\n      break;\n    case 'ArrowRight':\n      event.preventDefault();\n      moveFocus(addDays(date, 1));\n      break;\n    case 'ArrowUp':\n      event.preventDefault();\n      moveFocus(addDays(date, -7));\n      break;\n    case 'ArrowDown':\n      event.preventDefault();\n      moveFocus(addDays(date, 7));\n      break;\n    case 'Home':\n      event.preventDefault();\n      moveFocus(startOfWeek(date, props.weekStartsOn));\n      break;\n    case 'End':\n      event.preventDefault();\n      moveFocus(addDays(startOfWeek(date, props.weekStartsOn), 6));\n      break;\n    case 'PageUp':\n      event.preventDefault();\n      moveFocus(addMonths(date, event.shiftKey ? -12 : -1));\n      break;\n    case 'PageDown':\n      event.preventDefault();\n      moveFocus(addMonths(date, event.shiftKey ? 12 : 1));\n      break;\n    default:\n      break;\n  }\n};\n\nconst updateHour = (event: Event) => {\n  const nextHour = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n  const currentMinute = draftDateTime.value.getMinutes();\n\n  if (Number.isNaN(nextHour)) {\n    return;\n  }\n\n  const availableMinutes = minuteValues.value.filter((minute) =>\n    isTimeOptionEnabled(nextHour, minute),\n  );\n\n  if (!availableMinutes.length) {\n    return;\n  }\n\n  const nextMinute = availableMinutes.includes(currentMinute)\n    ? currentMinute\n    : availableMinutes[0];\n\n  draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst updateMinute = (event: Event) => {\n  const nextMinute = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n  const nextHour = draftDateTime.value.getHours();\n\n  if (Number.isNaN(nextMinute) || !isTimeOptionEnabled(nextHour, nextMinute)) {\n    return;\n  }\n\n  draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst commitDraft = () => {\n  const value = toDateTimeValue(draftDateTime.value);\n\n  emit('update:modelValue', value);\n  emit('change', value);\n  emit('select', value);\n  closeCalendar(true);\n};\n\nconst clearSelection = () => {\n  emit('update:modelValue', '');\n  emit('change', '');\n  emit('select', '');\n  closeCalendar(true);\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n  if (!isOpen.value) {\n    return;\n  }\n\n  const target = event.target;\n  if (!(target instanceof Node)) {\n    return;\n  }\n\n  if (rootRef.value?.contains(target)) {\n    return;\n  }\n\n  closeCalendar();\n};\n\nwatch(isOpen, (value) => {\n  if (value) {\n    document.addEventListener('pointerdown', onDocumentPointerDown);\n    return;\n  }\n\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    :data-state=\"isOpen ? 'open' : 'closed'\"\n  >\n    <input\n      v-if=\"hiddenInputName\"\n      type=\"hidden\"\n      :name=\"hiddenInputName\"\n      :value=\"modelValue\"\n    >\n\n    <button\n      ref=\"triggerRef\"\n      v-bind=\"triggerAttrs\"\n      type=\"button\"\n      class=\"t-date-picker__trigger t-date-time-picker__trigger\"\n      :disabled=\"disabled\"\n      :aria-controls=\"isOpen ? pickerId : undefined\"\n      aria-haspopup=\"dialog\"\n      :aria-expanded=\"isOpen\"\n      :aria-invalid=\"invalid || undefined\"\n      @click=\"toggleCalendar\"\n      @keydown=\"onTriggerKeydown\"\n    >\n      <span\n        v-if=\"$slots.prefix\"\n        class=\"t-date-picker__slot t-date-picker__slot--prefix\"\n      >\n        <slot name=\"prefix\" />\n      </span>\n\n      <span\n        class=\"t-date-picker__value\"\n        :data-placeholder=\"selectedDateTime ? undefined : true\"\n      >\n        {{ triggerText }}\n      </span>\n\n      <span class=\"t-date-picker__slot t-date-picker__slot--suffix\">\n        <slot name=\"suffix\">\n          <TSpinner\n            v-if=\"loading\"\n            size=\"sm\"\n            label=\"Loading\"\n          />\n          <CalendarIcon\n            v-else\n            v-bind=\"treeIconDefaults\"\n          />\n        </slot>\n      </span>\n    </button>\n\n    <transition name=\"t-fade\">\n      <div\n        v-if=\"isOpen && !disabled\"\n        :id=\"pickerId\"\n        class=\"t-date-picker__content t-date-time-picker__content\"\n        role=\"dialog\"\n        aria-modal=\"false\"\n        :aria-labelledby=\"captionId\"\n      >\n        <div class=\"t-date-time-picker__calendar\">\n          <div class=\"t-date-picker__header\">\n            <button\n              type=\"button\"\n              class=\"t-date-picker__nav\"\n              :disabled=\"!canMovePrev\"\n              aria-label=\"Previous month\"\n              @click=\"moveCalendar(-1)\"\n            >\n              <ChevronLeftIcon v-bind=\"treeIconDefaults\" />\n            </button>\n\n            <p\n              :id=\"captionId\"\n              class=\"t-date-picker__month\"\n            >\n              {{ monthLabel }}\n            </p>\n\n            <button\n              type=\"button\"\n              class=\"t-date-picker__nav\"\n              :disabled=\"!canMoveNext\"\n              aria-label=\"Next month\"\n              @click=\"moveCalendar(1)\"\n            >\n              <ChevronRightIcon v-bind=\"treeIconDefaults\" />\n            </button>\n          </div>\n\n          <div\n            class=\"t-date-picker__weekdays\"\n            aria-hidden=\"true\"\n          >\n            <span\n              v-for=\"label in weekdayLabels\"\n              :key=\"label\"\n              class=\"t-date-picker__weekday\"\n            >\n              {{ label }}\n            </span>\n          </div>\n\n          <div\n            class=\"t-date-picker__grid\"\n            role=\"grid\"\n            :aria-labelledby=\"captionId\"\n          >\n            <div\n              v-for=\"(week, weekIndex) in cells\"\n              :key=\"weekIndex\"\n              class=\"t-date-picker__row\"\n              role=\"row\"\n            >\n              <div\n                v-for=\"cell in week\"\n                :key=\"cell.key\"\n                class=\"t-date-picker__cell\"\n                role=\"gridcell\"\n                :aria-selected=\"cell.isSelected\"\n              >\n                <button\n                  :ref=\"(element) => setDayRef(element, cell.key)\"\n                  type=\"button\"\n                  class=\"t-date-picker__day\"\n                  :class=\"{\n                    'is-muted': !cell.inMonth,\n                    'is-selected': cell.isSelected,\n                    'is-today': cell.isToday,\n                  }\"\n                  :data-date=\"cell.key\"\n                  :tabindex=\"cell.isFocused ? 0 : -1\"\n                  :disabled=\"cell.disabled\"\n                  :aria-pressed=\"cell.isSelected\"\n                  @click=\"selectDate(cell.date)\"\n                  @keydown=\"onDayKeydown($event, cell.date)\"\n                >\n                  {{ cell.dayLabel }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"t-date-time-picker__summary\">\n          <p class=\"t-date-time-picker__eyebrow\">\n            Selected slot\n          </p>\n          <p class=\"t-date-time-picker__summary-value\">\n            {{ draftPreview }}\n          </p>\n        </div>\n\n        <div class=\"t-date-time-picker__time\">\n          <label class=\"t-date-time-picker__time-field\">\n            <span class=\"t-date-time-picker__time-label\">Hour</span>\n            <select\n              class=\"t-date-time-picker__select\"\n              :value=\"draftDateTime.getHours()\"\n              aria-label=\"Select hour\"\n              @change=\"updateHour\"\n            >\n              <option\n                v-for=\"option in hourOptions\"\n                :key=\"option.value\"\n                :value=\"option.value\"\n                :disabled=\"option.disabled\"\n              >\n                {{ option.label }}\n              </option>\n            </select>\n          </label>\n\n          <label class=\"t-date-time-picker__time-field\">\n            <span class=\"t-date-time-picker__time-label\">Minute</span>\n            <select\n              class=\"t-date-time-picker__select\"\n              :value=\"draftDateTime.getMinutes()\"\n              aria-label=\"Select minute\"\n              @change=\"updateMinute\"\n            >\n              <option\n                v-for=\"option in minuteOptions\"\n                :key=\"option.value\"\n                :value=\"option.value\"\n                :disabled=\"option.disabled\"\n              >\n                {{ option.label }}\n              </option>\n            </select>\n          </label>\n        </div>\n\n        <div class=\"t-date-time-picker__footer\">\n          <button\n            type=\"button\"\n            class=\"t-button t-button--ghost t-button--sm\"\n            @click=\"clearSelection\"\n          >\n            Clear\n          </button>\n          <button\n            type=\"button\"\n            class=\"t-button t-button--solid t-button--sm\"\n            @click=\"commitDraft\"\n          >\n            Apply\n          </button>\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"TDateTimePicker.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TDateTimePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  addDays,\n  addMonths,\n  createId,\n  isActivationKey,\n  isEscapeKey,\n  isSameDay,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n  toDateValue,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n  type ComponentPublicInstance,\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  toRef,\n  useAttrs,\n  watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\ninterface CalendarCell {\n  date: Date;\n  dayLabel: number;\n  disabled: boolean;\n  inMonth: boolean;\n  isFocused: boolean;\n  isSelected: boolean;\n  isToday: boolean;\n  key: string;\n}\n\ninterface TimeOption {\n  disabled: boolean;\n  label: string;\n  value: number;\n}\n\nconst CalendarIcon = computed(() => getTreeIcon('calendar'));\nconst ChevronLeftIcon = computed(() => getTreeIcon('chevron-left'));\nconst ChevronRightIcon = computed(() => getTreeIcon('chevron-right'));\n\nconst dateOnlyPattern = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\nconst dateTimePattern = /^(\\d{4})-(\\d{2})-(\\d{2})T(\\d{2}):(\\d{2})(?::(\\d{2}))?$/;\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    open?: boolean;\n    defaultOpen?: boolean;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    locale?: string;\n    min?: string;\n    max?: string;\n    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n    id?: string;\n    step?: number;\n  }>(),\n  {\n    modelValue: '',\n    open: undefined,\n    defaultOpen: false,\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: 'Select date and time',\n    locale: 'en-US',\n    min: '',\n    max: '',\n    weekStartsOn: 0,\n    id: undefined,\n    step: 60,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n  change: [value: string];\n  select: [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nconst cloneDate = (value: Date) => new Date(value.getTime());\n\nconst formatPart = (value: number) => `${value}`.padStart(2, '0');\n\nconst endOfDay = (date: Date) =>\n  new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);\n\nconst parseBoundaryValue = (\n  value: string | null | undefined,\n  boundary: 'exact' | 'start' | 'end' = 'exact',\n) => {\n  if (!value) {\n    return null;\n  }\n\n  const dateOnlyMatch = value.match(dateOnlyPattern);\n  if (dateOnlyMatch) {\n    const [, yearToken, monthToken, dayToken] = dateOnlyMatch;\n    const year = Number.parseInt(yearToken, 10);\n    const month = Number.parseInt(monthToken, 10);\n    const day = Number.parseInt(dayToken, 10);\n    const hour = boundary === 'end' ? 23 : 0;\n    const minute = boundary === 'end' ? 59 : 0;\n    const second = boundary === 'end' ? 59 : 0;\n    const millisecond = boundary === 'end' ? 999 : 0;\n    const date = new Date(year, month - 1, day, hour, minute, second, millisecond);\n\n    if (\n      Number.isNaN(date.getTime()) ||\n      date.getFullYear() !== year ||\n      date.getMonth() !== month - 1 ||\n      date.getDate() !== day\n    ) {\n      return null;\n    }\n\n    return date;\n  }\n\n  const dateTimeMatch = value.match(dateTimePattern);\n  if (!dateTimeMatch) {\n    return null;\n  }\n\n  const [, yearToken, monthToken, dayToken, hourToken, minuteToken, secondToken] =\n    dateTimeMatch;\n  const year = Number.parseInt(yearToken, 10);\n  const month = Number.parseInt(monthToken, 10);\n  const day = Number.parseInt(dayToken, 10);\n  const hour = Number.parseInt(hourToken, 10);\n  const minute = Number.parseInt(minuteToken, 10);\n  const second = secondToken ? Number.parseInt(secondToken, 10) : 0;\n  const date = new Date(year, month - 1, day, hour, minute, second, 0);\n\n  if (\n    Number.isNaN(date.getTime()) ||\n    date.getFullYear() !== year ||\n    date.getMonth() !== month - 1 ||\n    date.getDate() !== day ||\n    date.getHours() !== hour ||\n    date.getMinutes() !== minute ||\n    date.getSeconds() !== second\n  ) {\n    return null;\n  }\n\n  return date;\n};\n\nconst toDateTimeValue = (date: Date) =>\n  `${toDateValue(date)}T${formatPart(date.getHours())}:${formatPart(date.getMinutes())}`;\n\nconst setDatePart = (source: Date, targetDate: Date) =>\n  new Date(\n    targetDate.getFullYear(),\n    targetDate.getMonth(),\n    targetDate.getDate(),\n    source.getHours(),\n    source.getMinutes(),\n    0,\n    0,\n  );\n\nconst setTimePart = (source: Date, hour: number, minute: number) =>\n  new Date(\n    source.getFullYear(),\n    source.getMonth(),\n    source.getDate(),\n    hour,\n    minute,\n    0,\n    0,\n  );\n\nconst resolveMinuteStep = (step: number) => {\n  if (!Number.isFinite(step) || step <= 0 || step % 60 !== 0) {\n    return 1;\n  }\n\n  const minuteStep = step / 60;\n  return minuteStep >= 60 ? 1 : minuteStep;\n};\n\nconst today = startOfDay(new Date());\nconst selectedDateTime = computed(() => parseBoundaryValue(props.modelValue, 'exact'));\nconst minDateTime = computed(() => parseBoundaryValue(props.min, 'start'));\nconst maxDateTime = computed(() => parseBoundaryValue(props.max, 'end'));\nconst pickerId = props.id ?? createId('t-date-time-picker');\nconst captionId = `${pickerId}-caption`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst dayRefs = new Map<string, HTMLButtonElement>();\n\nconst clampToRange = (value: Date) => {\n  let nextValue = cloneDate(value);\n\n  if (minDateTime.value && nextValue < minDateTime.value) {\n    nextValue = cloneDate(minDateTime.value);\n  }\n\n  if (maxDateTime.value && nextValue > maxDateTime.value) {\n    nextValue = cloneDate(maxDateTime.value);\n  }\n\n  return nextValue;\n};\n\nconst createDefaultDraftDateTime = () => {\n  const reference = new Date();\n  const stepMilliseconds = Math.max(props.step, 60) * 1000;\n  const rounded = new Date(Math.ceil(reference.getTime() / stepMilliseconds) * stepMilliseconds);\n\n  rounded.setSeconds(0, 0);\n  return clampToRange(rounded);\n};\n\nconst initialDateTime = selectedDateTime.value ?? createDefaultDraftDateTime();\nconst draftDateTime = ref(initialDateTime);\nconst focusedDate = ref(startOfDay(initialDateTime));\nconst viewMonth = ref(startOfMonth(initialDateTime));\n\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, name: _name, ...rest } = attrs;\n  return rest;\n});\n\nconst hiddenInputName = computed(() =>\n  typeof attrs.name === 'string' ? attrs.name : undefined,\n);\n\nconst rootClasses = computed(() => [\n  't-date-picker',\n  't-date-time-picker',\n  `t-date-picker--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n    'is-open': isOpen.value,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst { value: isOpen, setValue } = useControllableOpen(\n  toRef(props, 'open'),\n  props.defaultOpen,\n  (value) => {\n    emit('update:open', value);\n    emit('open-change', value);\n  },\n);\n\nconst triggerText = computed(() => {\n  if (!selectedDateTime.value) {\n    return props.placeholder;\n  }\n\n  return new Intl.DateTimeFormat(props.locale, {\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    month: 'long',\n    year: 'numeric',\n  }).format(selectedDateTime.value);\n});\n\nconst draftPreview = computed(() =>\n  new Intl.DateTimeFormat(props.locale, {\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    month: 'long',\n    year: 'numeric',\n  }).format(draftDateTime.value),\n);\n\nconst monthLabel = computed(() =>\n  new Intl.DateTimeFormat(props.locale, {\n    month: 'long',\n    year: 'numeric',\n  }).format(viewMonth.value),\n);\n\nconst weekdayLabels = computed(() => {\n  const formatter = new Intl.DateTimeFormat(props.locale, { weekday: 'short' });\n  const weekBase = startOfWeek(new Date(2024, 0, 7), props.weekStartsOn);\n\n  return Array.from({ length: 7 }, (_, index) =>\n    formatter.format(addDays(weekBase, index)),\n  );\n});\n\nconst minuteStep = computed(() => resolveMinuteStep(props.step));\n\nconst minuteValues = computed(() => {\n  const values = new Set<number>();\n\n  for (let minute = 0; minute < 60; minute += minuteStep.value) {\n    values.add(minute);\n  }\n\n  values.add(draftDateTime.value.getMinutes());\n\n  return [...values].sort((left, right) => left - right);\n});\n\nconst isDateDisabled = (date: Date) => {\n  if (props.disabled) {\n    return true;\n  }\n\n  const dayStart = startOfDay(date);\n  const dayEnd = endOfDay(date);\n\n  if (minDateTime.value && dayEnd < minDateTime.value) {\n    return true;\n  }\n\n  if (maxDateTime.value && dayStart > maxDateTime.value) {\n    return true;\n  }\n\n  return false;\n};\n\nconst isDateTimeDisabled = (value: Date) => {\n  if (props.disabled) {\n    return true;\n  }\n\n  if (minDateTime.value && value < minDateTime.value) {\n    return true;\n  }\n\n  if (maxDateTime.value && value > maxDateTime.value) {\n    return true;\n  }\n\n  return false;\n};\n\nconst syncCalendarView = (date: Date) => {\n  focusedDate.value = startOfDay(date);\n  viewMonth.value = startOfMonth(date);\n};\n\nconst syncDraftState = (dateTime: Date) => {\n  const nextValue = clampToRange(dateTime);\n  draftDateTime.value = nextValue;\n  syncCalendarView(nextValue);\n};\n\nwatch(\n  selectedDateTime,\n  (value) => {\n    if (isOpen.value) {\n      return;\n    }\n\n    syncDraftState(value ?? createDefaultDraftDateTime());\n  },\n  { immediate: true },\n);\n\nconst draftDate = computed(() => startOfDay(draftDateTime.value));\n\nconst cells = computed(() => {\n  const startDate = startOfWeek(startOfMonth(viewMonth.value), props.weekStartsOn);\n\n  return Array.from({ length: 6 }, (_, weekIndex) =>\n    Array.from({ length: 7 }, (_, dayIndex) => {\n      const date = addDays(startDate, weekIndex * 7 + dayIndex);\n      const key = toDateValue(date);\n\n      return {\n        date,\n        dayLabel: date.getDate(),\n        disabled: isDateDisabled(date),\n        inMonth: date.getMonth() === viewMonth.value.getMonth(),\n        isFocused: isSameDay(date, focusedDate.value),\n        isSelected: isSameDay(date, draftDate.value),\n        isToday: isSameDay(date, today),\n        key,\n      } satisfies CalendarCell;\n    }),\n  );\n});\n\nconst canMovePrev = computed(() => {\n  if (!minDateTime.value) {\n    return true;\n  }\n\n  return startOfMonth(viewMonth.value) > startOfMonth(minDateTime.value);\n});\n\nconst canMoveNext = computed(() => {\n  if (!maxDateTime.value) {\n    return true;\n  }\n\n  return startOfMonth(viewMonth.value) < startOfMonth(maxDateTime.value);\n});\n\nconst isTimeOptionEnabled = (hour: number, minute: number) => {\n  const candidate = setTimePart(draftDateTime.value, hour, minute);\n  return !isDateTimeDisabled(candidate);\n};\n\nconst hourOptions = computed<TimeOption[]>(() =>\n  Array.from({ length: 24 }, (_, hour) => ({\n    disabled: !minuteValues.value.some((minute) => isTimeOptionEnabled(hour, minute)),\n    label: formatPart(hour),\n    value: hour,\n  })),\n);\n\nconst minuteOptions = computed<TimeOption[]>(() =>\n  minuteValues.value.map((minute) => ({\n    disabled: !isTimeOptionEnabled(draftDateTime.value.getHours(), minute),\n    label: formatPart(minute),\n    value: minute,\n  })),\n);\n\nconst focusCurrentDay = () => {\n  const key = toDateValue(focusedDate.value);\n  nextTick(() => {\n    dayRefs.get(key)?.focus();\n  });\n};\n\nconst setDayRef = (\n  element: Element | ComponentPublicInstance | null,\n  key: string,\n) => {\n  if (element instanceof HTMLButtonElement) {\n    dayRefs.set(key, element);\n    return;\n  }\n\n  dayRefs.delete(key);\n};\n\nconst openCalendar = () => {\n  if (props.disabled) {\n    return;\n  }\n\n  syncDraftState(selectedDateTime.value ?? createDefaultDraftDateTime());\n  setValue(true);\n  focusCurrentDay();\n};\n\nconst closeCalendar = (restoreFocus = false) => {\n  setValue(false);\n\n  if (restoreFocus) {\n    nextTick(() => {\n      triggerRef.value?.focus();\n    });\n  }\n};\n\nconst toggleCalendar = () => {\n  if (isOpen.value) {\n    closeCalendar();\n    return;\n  }\n\n  openCalendar();\n};\n\nconst moveCalendar = (direction: 1 | -1) => {\n  const nextMonth = addMonths(viewMonth.value, direction);\n  syncCalendarView(nextMonth);\n  focusCurrentDay();\n};\n\nconst moveFocus = (nextDate: Date) => {\n  if (isDateDisabled(nextDate)) {\n    return;\n  }\n\n  syncCalendarView(nextDate);\n  focusCurrentDay();\n};\n\nconst selectDate = (date: Date) => {\n  if (isDateDisabled(date)) {\n    return;\n  }\n\n  const candidate = clampToRange(setDatePart(draftDateTime.value, date));\n  draftDateTime.value = candidate;\n  syncCalendarView(candidate);\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) {\n    return;\n  }\n\n  if (isEscapeKey(event) && isOpen.value) {\n    event.preventDefault();\n    closeCalendar();\n    return;\n  }\n\n  if (\n    isActivationKey(event) ||\n    event.key === 'ArrowDown' ||\n    event.key === 'ArrowUp'\n  ) {\n    event.preventDefault();\n    openCalendar();\n  }\n};\n\nconst onDayKeydown = (event: KeyboardEvent, date: Date) => {\n  if (isEscapeKey(event)) {\n    event.preventDefault();\n    closeCalendar(true);\n    return;\n  }\n\n  if (isActivationKey(event)) {\n    event.preventDefault();\n    selectDate(date);\n    return;\n  }\n\n  switch (event.key) {\n    case 'ArrowLeft':\n      event.preventDefault();\n      moveFocus(addDays(date, -1));\n      break;\n    case 'ArrowRight':\n      event.preventDefault();\n      moveFocus(addDays(date, 1));\n      break;\n    case 'ArrowUp':\n      event.preventDefault();\n      moveFocus(addDays(date, -7));\n      break;\n    case 'ArrowDown':\n      event.preventDefault();\n      moveFocus(addDays(date, 7));\n      break;\n    case 'Home':\n      event.preventDefault();\n      moveFocus(startOfWeek(date, props.weekStartsOn));\n      break;\n    case 'End':\n      event.preventDefault();\n      moveFocus(addDays(startOfWeek(date, props.weekStartsOn), 6));\n      break;\n    case 'PageUp':\n      event.preventDefault();\n      moveFocus(addMonths(date, event.shiftKey ? -12 : -1));\n      break;\n    case 'PageDown':\n      event.preventDefault();\n      moveFocus(addMonths(date, event.shiftKey ? 12 : 1));\n      break;\n    default:\n      break;\n  }\n};\n\nconst updateHour = (event: Event) => {\n  const nextHour = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n  const currentMinute = draftDateTime.value.getMinutes();\n\n  if (Number.isNaN(nextHour)) {\n    return;\n  }\n\n  const availableMinutes = minuteValues.value.filter((minute) =>\n    isTimeOptionEnabled(nextHour, minute),\n  );\n\n  if (!availableMinutes.length) {\n    return;\n  }\n\n  const nextMinute = availableMinutes.includes(currentMinute)\n    ? currentMinute\n    : availableMinutes[0];\n\n  draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst updateMinute = (event: Event) => {\n  const nextMinute = Number.parseInt((event.target as HTMLSelectElement).value, 10);\n  const nextHour = draftDateTime.value.getHours();\n\n  if (Number.isNaN(nextMinute) || !isTimeOptionEnabled(nextHour, nextMinute)) {\n    return;\n  }\n\n  draftDateTime.value = setTimePart(draftDateTime.value, nextHour, nextMinute);\n};\n\nconst commitDraft = () => {\n  const value = toDateTimeValue(draftDateTime.value);\n\n  emit('update:modelValue', value);\n  emit('change', value);\n  emit('select', value);\n  closeCalendar(true);\n};\n\nconst clearSelection = () => {\n  emit('update:modelValue', '');\n  emit('change', '');\n  emit('select', '');\n  closeCalendar(true);\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n  if (!isOpen.value) {\n    return;\n  }\n\n  const target = event.target;\n  if (!(target instanceof Node)) {\n    return;\n  }\n\n  if (rootRef.value?.contains(target)) {\n    return;\n  }\n\n  closeCalendar();\n};\n\nwatch(isOpen, (value) => {\n  if (value) {\n    document.addEventListener('pointerdown', onDocumentPointerDown);\n    return;\n  }\n\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    :data-state=\"isOpen ? 'open' : 'closed'\"\n  >\n    <input\n      v-if=\"hiddenInputName\"\n      type=\"hidden\"\n      :name=\"hiddenInputName\"\n      :value=\"modelValue\"\n    >\n\n    <button\n      ref=\"triggerRef\"\n      v-bind=\"triggerAttrs\"\n      type=\"button\"\n      class=\"t-date-picker__trigger t-date-time-picker__trigger\"\n      :disabled=\"disabled\"\n      :aria-controls=\"isOpen ? pickerId : undefined\"\n      aria-haspopup=\"dialog\"\n      :aria-expanded=\"isOpen\"\n      :aria-invalid=\"invalid || undefined\"\n      @click=\"toggleCalendar\"\n      @keydown=\"onTriggerKeydown\"\n    >\n      <span\n        v-if=\"$slots.prefix\"\n        class=\"t-date-picker__slot t-date-picker__slot--prefix\"\n      >\n        <slot name=\"prefix\" />\n      </span>\n\n      <span\n        class=\"t-date-picker__value\"\n        :data-placeholder=\"selectedDateTime ? undefined : true\"\n      >\n        {{ triggerText }}\n      </span>\n\n      <span class=\"t-date-picker__slot t-date-picker__slot--suffix\">\n        <slot name=\"suffix\">\n          <TSpinner\n            v-if=\"loading\"\n            size=\"sm\"\n            label=\"Loading\"\n          />\n          <CalendarIcon\n            v-else\n            v-bind=\"treeIconDefaults\"\n          />\n        </slot>\n      </span>\n    </button>\n\n    <transition name=\"t-fade\">\n      <div\n        v-if=\"isOpen && !disabled\"\n        :id=\"pickerId\"\n        class=\"t-date-picker__content t-date-time-picker__content\"\n        role=\"dialog\"\n        aria-modal=\"false\"\n        :aria-labelledby=\"captionId\"\n      >\n        <div class=\"t-date-time-picker__calendar\">\n          <div class=\"t-date-picker__header\">\n            <button\n              type=\"button\"\n              class=\"t-date-picker__nav\"\n              :disabled=\"!canMovePrev\"\n              aria-label=\"Previous month\"\n              @click=\"moveCalendar(-1)\"\n            >\n              <ChevronLeftIcon v-bind=\"treeIconDefaults\" />\n            </button>\n\n            <p\n              :id=\"captionId\"\n              class=\"t-date-picker__month\"\n            >\n              {{ monthLabel }}\n            </p>\n\n            <button\n              type=\"button\"\n              class=\"t-date-picker__nav\"\n              :disabled=\"!canMoveNext\"\n              aria-label=\"Next month\"\n              @click=\"moveCalendar(1)\"\n            >\n              <ChevronRightIcon v-bind=\"treeIconDefaults\" />\n            </button>\n          </div>\n\n          <div\n            class=\"t-date-picker__weekdays\"\n            aria-hidden=\"true\"\n          >\n            <span\n              v-for=\"label in weekdayLabels\"\n              :key=\"label\"\n              class=\"t-date-picker__weekday\"\n            >\n              {{ label }}\n            </span>\n          </div>\n\n          <div\n            class=\"t-date-picker__grid\"\n            role=\"grid\"\n            :aria-labelledby=\"captionId\"\n          >\n            <div\n              v-for=\"(week, weekIndex) in cells\"\n              :key=\"weekIndex\"\n              class=\"t-date-picker__row\"\n              role=\"row\"\n            >\n              <div\n                v-for=\"cell in week\"\n                :key=\"cell.key\"\n                class=\"t-date-picker__cell\"\n                role=\"gridcell\"\n                :aria-selected=\"cell.isSelected\"\n              >\n                <button\n                  :ref=\"(element) => setDayRef(element, cell.key)\"\n                  type=\"button\"\n                  class=\"t-date-picker__day\"\n                  :class=\"{\n                    'is-muted': !cell.inMonth,\n                    'is-selected': cell.isSelected,\n                    'is-today': cell.isToday,\n                  }\"\n                  :data-date=\"cell.key\"\n                  :tabindex=\"cell.isFocused ? 0 : -1\"\n                  :disabled=\"cell.disabled\"\n                  :aria-pressed=\"cell.isSelected\"\n                  @click=\"selectDate(cell.date)\"\n                  @keydown=\"onDayKeydown($event, cell.date)\"\n                >\n                  {{ cell.dayLabel }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"t-date-time-picker__summary\">\n          <p class=\"t-date-time-picker__eyebrow\">\n            Selected slot\n          </p>\n          <p class=\"t-date-time-picker__summary-value\">\n            {{ draftPreview }}\n          </p>\n        </div>\n\n        <div class=\"t-date-time-picker__time\">\n          <label class=\"t-date-time-picker__time-field\">\n            <span class=\"t-date-time-picker__time-label\">Hour</span>\n            <select\n              class=\"t-date-time-picker__select\"\n              :value=\"draftDateTime.getHours()\"\n              aria-label=\"Select hour\"\n              @change=\"updateHour\"\n            >\n              <option\n                v-for=\"option in hourOptions\"\n                :key=\"option.value\"\n                :value=\"option.value\"\n                :disabled=\"option.disabled\"\n              >\n                {{ option.label }}\n              </option>\n            </select>\n          </label>\n\n          <label class=\"t-date-time-picker__time-field\">\n            <span class=\"t-date-time-picker__time-label\">Minute</span>\n            <select\n              class=\"t-date-time-picker__select\"\n              :value=\"draftDateTime.getMinutes()\"\n              aria-label=\"Select minute\"\n              @change=\"updateMinute\"\n            >\n              <option\n                v-for=\"option in minuteOptions\"\n                :key=\"option.value\"\n                :value=\"option.value\"\n                :disabled=\"option.disabled\"\n              >\n                {{ option.label }}\n              </option>\n            </select>\n          </label>\n        </div>\n\n        <div class=\"t-date-time-picker__footer\">\n          <button\n            type=\"button\"\n            class=\"t-button t-button--ghost t-button--sm\"\n            @click=\"clearSelection\"\n          >\n            Clear\n          </button>\n          <button\n            type=\"button\"\n            class=\"t-button t-button--solid t-button--sm\"\n            @click=\"commitDraft\"\n          >\n            Apply\n          </button>\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDA,IAAM,KAAe,QAAe,GAAY,UAAU,CAAC,GACrD,KAAkB,QAAe,GAAY,cAAc,CAAC,GAC5D,KAAmB,QAAe,GAAY,eAAe,CAAC,GAE9D,KAAkB,6BAClB,KAAkB,0DAElB,IAAQ,GAmCR,IAAO,IAQP,IAAQ,GAAS,GAEjB,KAAa,MAAgB,IAAI,KAAK,EAAM,QAAQ,CAAC,GAErD,KAAc,MAAkB,GAAG,IAAQ,SAAS,GAAG,GAAG,GAE1D,MAAY,MAChB,IAAI,KAAK,EAAK,YAAY,GAAG,EAAK,SAAS,GAAG,EAAK,QAAQ,GAAG,IAAI,IAAI,IAAI,GAAG,GAEzE,KACJ,GACA,IAAsC,YACnC;GACH,IAAI,CAAC,GACH,OAAO;GAGT,IAAM,IAAgB,EAAM,MAAM,EAAe;GACjD,IAAI,GAAe;IACjB,IAAM,GAAG,GAAW,GAAY,KAAY,GACtC,IAAO,OAAO,SAAS,GAAW,EAAE,GACpC,IAAQ,OAAO,SAAS,GAAY,EAAE,GACtC,IAAM,OAAO,SAAS,GAAU,EAAE,GAClC,IAAO,MAAa,QAAQ,KAAK,GACjC,IAAS,MAAa,QAAQ,KAAK,GACnC,IAAS,MAAa,QAAQ,KAAK,GACnC,IAAc,MAAa,QAAQ,MAAM,GACzC,IAAO,IAAI,KAAK,GAAM,IAAQ,GAAG,GAAK,GAAM,GAAQ,GAAQ,CAAW;IAW7E,OARE,OAAO,MAAM,EAAK,QAAQ,CAAC,KAC3B,EAAK,YAAY,MAAM,KACvB,EAAK,SAAS,MAAM,IAAQ,KAC5B,EAAK,QAAQ,MAAM,IAEZ,OAGF;GACT;GAEA,IAAM,IAAgB,EAAM,MAAM,EAAe;GACjD,IAAI,CAAC,GACH,OAAO;GAGT,IAAM,GAAG,GAAW,GAAY,GAAU,GAAW,GAAa,KAChE,GACI,IAAO,OAAO,SAAS,GAAW,EAAE,GACpC,IAAQ,OAAO,SAAS,GAAY,EAAE,GACtC,IAAM,OAAO,SAAS,GAAU,EAAE,GAClC,IAAO,OAAO,SAAS,GAAW,EAAE,GACpC,IAAS,OAAO,SAAS,GAAa,EAAE,GACxC,IAAS,IAAc,OAAO,SAAS,GAAa,EAAE,IAAI,GAC1D,IAAO,IAAI,KAAK,GAAM,IAAQ,GAAG,GAAK,GAAM,GAAQ,GAAQ,CAAC;GAcnE,OAXE,OAAO,MAAM,EAAK,QAAQ,CAAC,KAC3B,EAAK,YAAY,MAAM,KACvB,EAAK,SAAS,MAAM,IAAQ,KAC5B,EAAK,QAAQ,MAAM,KACnB,EAAK,SAAS,MAAM,KACpB,EAAK,WAAW,MAAM,KACtB,EAAK,WAAW,MAAM,IAEf,OAGF;EACT,GAEM,MAAmB,MACvB,GAAG,GAAY,CAAI,EAAE,GAAG,EAAW,EAAK,SAAS,CAAC,EAAE,GAAG,EAAW,EAAK,WAAW,CAAC,KAE/E,MAAe,GAAc,MACjC,IAAI,KACF,EAAW,YAAY,GACvB,EAAW,SAAS,GACpB,EAAW,QAAQ,GACnB,EAAO,SAAS,GAChB,EAAO,WAAW,GAClB,GACA,CACF,GAEI,KAAe,GAAc,GAAc,MAC/C,IAAI,KACF,EAAO,YAAY,GACnB,EAAO,SAAS,GAChB,EAAO,QAAQ,GACf,GACA,GACA,GACA,CACF,GAEI,MAAqB,MAAiB;GAC1C,IAAI,CAAC,OAAO,SAAS,CAAI,KAAK,KAAQ,KAAK,IAAO,MAAO,GACvD,OAAO;GAGT,IAAM,IAAa,IAAO;GAC1B,OAAO,KAAc,KAAK,IAAI;EAChC,GAEM,KAAQ,kBAAW,IAAI,KAAK,CAAC,GAC7B,IAAmB,QAAe,EAAmB,EAAM,YAAY,OAAO,CAAC,GAC/E,IAAc,QAAe,EAAmB,EAAM,KAAK,OAAO,CAAC,GACnE,IAAc,QAAe,EAAmB,EAAM,KAAK,KAAK,CAAC,GACjE,IAAW,EAAM,MAAM,GAAS,oBAAoB,GACpD,IAAY,GAAG,EAAS,WACxB,KAAU,EAAwB,IAAI,GACtC,KAAa,EAA8B,IAAI,GAC/C,oBAAU,IAAI,IAA+B,GAE7C,KAAgB,MAAgB;GACpC,IAAI,IAAY,EAAU,CAAK;GAU/B,OARI,EAAY,SAAS,IAAY,EAAY,UAC/C,IAAY,EAAU,EAAY,KAAK,IAGrC,EAAY,SAAS,IAAY,EAAY,UAC/C,IAAY,EAAU,EAAY,KAAK,IAGlC;EACT,GAEM,UAAmC;GACvC,IAAM,oBAAY,IAAI,KAAK,GACrB,IAAmB,KAAK,IAAI,EAAM,MAAM,EAAE,IAAI,KAC9C,IAAU,IAAI,KAAK,KAAK,KAAK,EAAU,QAAQ,IAAI,CAAgB,IAAI,CAAgB;GAG7F,OADA,EAAQ,WAAW,GAAG,CAAC,GAChB,EAAa,CAAO;EAC7B,GAEM,IAAkB,EAAiB,SAAS,EAA2B,GACvE,IAAgB,EAAI,CAAe,GACnC,IAAc,EAAI,EAAW,CAAe,CAAC,GAC7C,IAAY,EAAI,EAAa,CAAe,CAAC,GAE7C,KAAe,QAAe;GAClC,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,MAAM,GAAO,GAAG,MAAS;GAC/D,OAAO;EACT,CAAC,GAEK,KAAkB,QACtB,OAAO,EAAM,QAAS,WAAW,EAAM,OAAO,KAAA,CAChD,GAEM,KAAc,QAAe;GACjC;GACA;GACA,kBAAkB,EAAM;GACxB;IACE,eAAe,EAAM;IACrB,cAAc,EAAM;IACpB,cAAc,EAAM;IACpB,WAAW,EAAO;GACpB;GACA,EAAM;EACR,CAAC,GAEK,KAAY,QAAe,EAAM,KAAK,GAEtC,EAAE,OAAO,GAAQ,iBAAa,EAClC,GAAM,GAAO,MAAM,GACnB,EAAM,cACL,MAAU;GAET,AADA,EAAK,eAAe,CAAK,GACzB,EAAK,eAAe,CAAK;EAC3B,CACF,GAEM,KAAc,QACb,EAAiB,QAIf,IAAI,KAAK,eAAe,EAAM,QAAQ;GAC3C,KAAK;GACL,MAAM;GACN,QAAQ;GACR,OAAO;GACP,MAAM;EACR,CAAC,CAAC,CAAC,OAAO,EAAiB,KAAK,IATvB,EAAM,WAUhB,GAEK,KAAe,QACnB,IAAI,KAAK,eAAe,EAAM,QAAQ;GACpC,KAAK;GACL,MAAM;GACN,QAAQ;GACR,OAAO;GACP,MAAM;EACR,CAAC,CAAC,CAAC,OAAO,EAAc,KAAK,CAC/B,GAEM,KAAa,QACjB,IAAI,KAAK,eAAe,EAAM,QAAQ;GACpC,OAAO;GACP,MAAM;EACR,CAAC,CAAC,CAAC,OAAO,EAAU,KAAK,CAC3B,GAEM,KAAgB,QAAe;GACnC,IAAM,IAAY,IAAI,KAAK,eAAe,EAAM,QAAQ,EAAE,SAAS,QAAQ,CAAC,GACtE,IAAW,EAAY,IAAI,KAAK,MAAM,GAAG,CAAC,GAAG,EAAM,YAAY;GAErE,OAAO,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,MACnC,EAAU,OAAO,EAAQ,GAAU,CAAK,CAAC,CAC3C;EACF,CAAC,GAEK,KAAa,QAAe,GAAkB,EAAM,IAAI,CAAC,GAEzD,IAAe,QAAe;GAClC,IAAM,oBAAS,IAAI,IAAY;GAE/B,KAAK,IAAI,IAAS,GAAG,IAAS,IAAI,KAAU,GAAW,OACrD,EAAO,IAAI,CAAM;GAKnB,OAFA,EAAO,IAAI,EAAc,MAAM,WAAW,CAAC,GAEpC,CAAC,GAAG,CAAM,CAAC,CAAC,MAAM,GAAM,MAAU,IAAO,CAAK;EACvD,CAAC,GAEK,MAAkB,MAAe;GACrC,IAAI,EAAM,UACR,OAAO;GAGT,IAAM,IAAW,EAAW,CAAI,GAC1B,IAAS,GAAS,CAAI;GAU5B,OAJA,GAJI,EAAY,SAAS,IAAS,EAAY,SAI1C,EAAY,SAAS,IAAW,EAAY;EAKlD,GAEM,MAAsB,MAS1B,GARI,EAAM,YAIN,EAAY,SAAS,IAAQ,EAAY,SAIzC,EAAY,SAAS,IAAQ,EAAY,QAOzC,KAAoB,MAAe;GAEvC,AADA,EAAY,QAAQ,EAAW,CAAI,GACnC,EAAU,QAAQ,EAAa,CAAI;EACrC,GAEM,MAAkB,MAAmB;GACzC,IAAM,IAAY,EAAa,CAAQ;GAEvC,AADA,EAAc,QAAQ,GACtB,EAAiB,CAAS;EAC5B;EAEA,GACE,IACC,MAAU;GACL,EAAO,SAIX,GAAe,KAAS,EAA2B,CAAC;EACtD,GACA,EAAE,WAAW,GAAK,CACpB;EAEA,IAAM,KAAY,QAAe,EAAW,EAAc,KAAK,CAAC,GAE1D,KAAQ,QAAe;GAC3B,IAAM,IAAY,EAAY,EAAa,EAAU,KAAK,GAAG,EAAM,YAAY;GAE/E,OAAO,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,MACnC,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAa;IACzC,IAAM,IAAO,EAAQ,GAAW,IAAY,IAAI,CAAQ,GAClD,IAAM,GAAY,CAAI;IAE5B,OAAO;KACL;KACA,UAAU,EAAK,QAAQ;KACvB,UAAU,GAAe,CAAI;KAC7B,SAAS,EAAK,SAAS,MAAM,EAAU,MAAM,SAAS;KACtD,WAAW,EAAU,GAAM,EAAY,KAAK;KAC5C,YAAY,EAAU,GAAM,GAAU,KAAK;KAC3C,SAAS,EAAU,GAAM,EAAK;KAC9B;IACF;GACF,CAAC,CACH;EACF,CAAC,GAEK,KAAc,QAClB,CAAK,EAAY,SAIV,EAAa,EAAU,KAAK,IAAI,EAAa,EAAY,KAAK,CACtE,GAEK,KAAc,QAClB,CAAK,EAAY,SAIV,EAAa,EAAU,KAAK,IAAI,EAAa,EAAY,KAAK,CACtE,GAEK,KAAuB,GAAc,MAAmB;GAC5D,IAAM,IAAY,EAAY,EAAc,OAAO,GAAM,CAAM;GAC/D,OAAO,CAAC,GAAmB,CAAS;EACtC,GAEM,KAAc,QAClB,MAAM,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,OAAU;GACvC,UAAU,CAAC,EAAa,MAAM,MAAM,MAAW,EAAoB,GAAM,CAAM,CAAC;GAChF,OAAO,EAAW,CAAI;GACtB,OAAO;EACT,EAAE,CACJ,GAEM,KAAgB,QACpB,EAAa,MAAM,KAAK,OAAY;GAClC,UAAU,CAAC,EAAoB,EAAc,MAAM,SAAS,GAAG,CAAM;GACrE,OAAO,EAAW,CAAM;GACxB,OAAO;EACT,EAAE,CACJ,GAEM,WAAwB;GAC5B,IAAM,IAAM,GAAY,EAAY,KAAK;GACzC,QAAe;IACb,EAAQ,IAAI,CAAG,CAAC,EAAE,MAAM;GAC1B,CAAC;EACH,GAEM,MACJ,GACA,MACG;GACH,IAAI,aAAmB,mBAAmB;IACxC,EAAQ,IAAI,GAAK,CAAO;IACxB;GACF;GAEA,EAAQ,OAAO,CAAG;EACpB,GAEM,WAAqB;GACrB,EAAM,aAIV,GAAe,EAAiB,SAAS,EAA2B,CAAC,GACrE,GAAS,EAAI,GACb,GAAgB;EAClB,GAEM,KAAiB,IAAe,OAAU;GAG9C,AAFA,GAAS,EAAK,GAEV,KACF,QAAe;IACb,GAAW,OAAO,MAAM;GAC1B,CAAC;EAEL,GAEM,WAAuB;GAC3B,IAAI,EAAO,OAAO;IAChB,EAAc;IACd;GACF;GAEA,GAAa;EACf,GAEM,MAAgB,MAAsB;GAC1C,IAAM,IAAY,EAAU,EAAU,OAAO,CAAS;GAEtD,AADA,EAAiB,CAAS,GAC1B,GAAgB;EAClB,GAEM,KAAa,MAAmB;GAChC,GAAe,CAAQ,MAI3B,EAAiB,CAAQ,GACzB,GAAgB;EAClB,GAEM,MAAc,MAAe;GACjC,IAAI,GAAe,CAAI,GACrB;GAGF,IAAM,IAAY,EAAa,GAAY,EAAc,OAAO,CAAI,CAAC;GAErE,AADA,EAAc,QAAQ,GACtB,EAAiB,CAAS;EAC5B,GAEM,MAAoB,MAAyB;GAC7C,OAAM,UAIV;QAAI,GAAY,CAAK,KAAK,EAAO,OAAO;KAEtC,AADA,EAAM,eAAe,GACrB,EAAc;KACd;IACF;IAEA,CACE,GAAgB,CAAK,KACrB,EAAM,QAAQ,eACd,EAAM,QAAQ,eAEd,EAAM,eAAe,GACrB,GAAa;GARf;EAUF,GAEM,MAAgB,GAAsB,MAAe;GACzD,IAAI,GAAY,CAAK,GAAG;IAEtB,AADA,EAAM,eAAe,GACrB,EAAc,EAAI;IAClB;GACF;GAEA,IAAI,GAAgB,CAAK,GAAG;IAE1B,AADA,EAAM,eAAe,GACrB,GAAW,CAAI;IACf;GACF;GAEA,QAAQ,EAAM,KAAd;IACE,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAU,EAAQ,GAAM,EAAE,CAAC;KAC3B;IACF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAU,EAAQ,GAAM,CAAC,CAAC;KAC1B;IACF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAU,EAAQ,GAAM,EAAE,CAAC;KAC3B;IACF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAU,EAAQ,GAAM,CAAC,CAAC;KAC1B;IACF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAU,EAAY,GAAM,EAAM,YAAY,CAAC;KAC/C;IACF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAU,EAAQ,EAAY,GAAM,EAAM,YAAY,GAAG,CAAC,CAAC;KAC3D;IACF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAU,EAAU,GAAM,EAAM,WAAW,MAAM,EAAE,CAAC;KACpD;IACF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAU,EAAU,GAAM,EAAM,WAAW,KAAK,CAAC,CAAC;KAClD;IACF,SACE;GACJ;EACF,GAEM,MAAc,MAAiB;GACnC,IAAM,IAAW,OAAO,SAAU,EAAM,OAA6B,OAAO,EAAE,GACxE,IAAgB,EAAc,MAAM,WAAW;GAErD,IAAI,OAAO,MAAM,CAAQ,GACvB;GAGF,IAAM,IAAmB,EAAa,MAAM,QAAQ,MAClD,EAAoB,GAAU,CAAM,CACtC;GAEA,IAAI,CAAC,EAAiB,QACpB;GAGF,IAAM,IAAa,EAAiB,SAAS,CAAa,IACtD,IACA,EAAiB;GAErB,EAAc,QAAQ,EAAY,EAAc,OAAO,GAAU,CAAU;EAC7E,GAEM,MAAgB,MAAiB;GACrC,IAAM,IAAa,OAAO,SAAU,EAAM,OAA6B,OAAO,EAAE,GAC1E,IAAW,EAAc,MAAM,SAAS;GAE1C,OAAO,MAAM,CAAU,KAAK,CAAC,EAAoB,GAAU,CAAU,MAIzE,EAAc,QAAQ,EAAY,EAAc,OAAO,GAAU,CAAU;EAC7E,GAEM,WAAoB;GACxB,IAAM,IAAQ,GAAgB,EAAc,KAAK;GAKjD,AAHA,EAAK,qBAAqB,CAAK,GAC/B,EAAK,UAAU,CAAK,GACpB,EAAK,UAAU,CAAK,GACpB,EAAc,EAAI;EACpB,GAEM,WAAuB;GAI3B,AAHA,EAAK,qBAAqB,EAAE,GAC5B,EAAK,UAAU,EAAE,GACjB,EAAK,UAAU,EAAE,GACjB,EAAc,EAAI;EACpB,GAEM,KAAyB,MAAwB;GACrD,IAAI,CAAC,EAAO,OACV;GAGF,IAAM,IAAS,EAAM;GACf,aAAkB,SAIpB,GAAQ,OAAO,SAAS,CAAM,KAIlC,EAAc;EAChB;SAEA,GAAM,IAAS,MAAU;GACvB,IAAI,GAAO;IACT,SAAS,iBAAiB,eAAe,CAAqB;IAC9D;GACF;GAEA,SAAS,oBAAoB,eAAe,CAAqB;EACnE,CAAC,GAED,SAAsB;GACpB,SAAS,oBAAoB,eAAe,CAAqB;EACnE,CAAC,mBAIC,EAuNM,OAAA;YAtNA;GAAJ,KAAI;GACH,OAAK,EAAE,GAAA,KAAW;GAClB,OAAK,EAAE,GAAA,KAAS;GAChB,cAAY,EAAA,CAAA,IAAM,SAAA;;GAGX,GAAA,SAAA,EAAA,GADR,EAKC,SAAA;;IAHC,MAAK;IACJ,MAAM,GAAA;IACN,OAAO,EAAA;;GAGV,EAwCS,UAxCT,EAwCS;aAvCH;IAAJ,KAAI;MACI,GAAA,OAAY;IACpB,MAAK;IACL,OAAM;IACL,UAAU,EAAA;IACV,iBAAe,EAAA,CAAA,IAAS,EAAA,CAAA,IAAW,KAAA;IACpC,iBAAc;IACb,iBAAe,EAAA,CAAA;IACf,gBAAc,EAAA,WAAW,KAAA;IACzB,SAAO;IACP,WAAS;;IAGFA,EAAAA,OAAO,UAAA,EAAA,GADf,EAKO,QALP,IAKO,CADL,GAAsB,EAAA,QAAA,QAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;IAGxB,EAKO,QAAA;KAJL,OAAM;KACL,oBAAkB,GAAA,SAAmB,KAAA;SAEnC,GAAA,KAAW,GAAA,GAAA,EAAA;IAGhB,EAYO,QAZP,IAYO,CAXL,GAUO,EAAA,QAAA,UAAA,CAAA,SAAA,CARG,EAAA,WAAA,EAAA,GADR,EAIE,GAAA;;KAFA,MAAK;KACL,OAAM;gBAER,EAGE,EAAA,EAAA,GAAA,EAAA,EAAA,EAAA,KAAA,EAAA,GADQ,EAAA,EAAA,CAAgB,CAAA,GAAA,MAAA,EAAA,EAAA,CAAA,CAAA,CAAA;;GAMhC,EA+Ja,GAAA,EA/JD,MAAK,SAAQ,GAAA;sBA8JjB,CA5JE,EAAA,CAAA,KAAM,CAAK,EAAA,YAAA,EAAA,GADnB,EA6JM,OAAA;;KA3JH,IAAI,EAAA,CAAA;KACL,OAAM;KACN,MAAK;KACL,cAAW;KACV,mBAAiB;;KAElB,EAkFM,OAlFN,IAkFM;MAjFJ,EA2BM,OA3BN,IA2BM;OA1BJ,EAQS,UAAA;QAPP,MAAK;QACL,OAAM;QACL,UAAQ,CAAG,GAAA;QACZ,cAAW;QACV,SAAK,AAAA,EAAA,QAAA,MAAE,GAAY,EAAA;WAEpB,EAA6C,EAAA,EAAA,GAAA,EAAA,EAApB,EAAA,EAAA,CAAgB,CAAA,GAAA,MAAA,EAAA,CAAA,GAAA,GAAA,EAAA;OAG3C,EAKI,KAAA;QAJD,IAAI;QACL,OAAM;YAEH,GAAA,KAAU,GAAA,CAAA;OAGf,EAQS,UAAA;QAPP,MAAK;QACL,OAAM;QACL,UAAQ,CAAG,GAAA;QACZ,cAAW;QACV,SAAK,AAAA,EAAA,QAAA,MAAE,GAAY,CAAA;WAEpB,EAA8C,EAAA,EAAA,GAAA,EAAA,EAApB,EAAA,EAAA,CAAgB,CAAA,GAAA,MAAA,EAAA,CAAA,GAAA,GAAA,EAAA;;MAI9C,EAWM,OAXN,IAWM,EAAA,EAAA,EAAA,GAPJ,EAMO,GAAA,MAAA,EALW,GAAA,QAAT,YADT,EAMO,QAAA;OAJJ,KAAK;OACN,OAAM;WAEH,CAAK,GAAA,CAAA;MAIZ,EAsCM,OAAA;OArCJ,OAAM;OACN,MAAK;OACJ,mBAAiB;kBAElB,EAgCM,GAAA,MAAA,EA/BwB,GAAA,QAApB,GAAM,YADhB,EAgCM,OAAA;OA9BH,KAAK;OACN,OAAM;OACN,MAAK;kBAEL,EAyBM,GAAA,MAAA,EAxBW,IAAR,YADT,EAyBM,OAAA;OAvBH,KAAK,EAAK;OACX,OAAM;OACN,MAAK;OACJ,iBAAe,EAAK;UAErB,EAiBS,UAAA;;OAhBN,MAAM,MAAY,GAAU,GAAS,EAAK,GAAG;OAC9C,MAAK;OACL,OAAK,EAAA,CAAC,sBAAoB;qBACiB,EAAK;uBAA4C,EAAK;oBAA4C,EAAK;;OAKjJ,aAAW,EAAK;OAChB,UAAU,EAAK,YAAS,IAAA;OACxB,UAAU,EAAK;OACf,gBAAc,EAAK;OACnB,UAAK,MAAE,GAAW,EAAK,IAAI;OAC3B,YAAO,MAAE,GAAa,GAAQ,EAAK,IAAI;WAErC,EAAK,QAAQ,GAAA,IAAA,EAAA,CAAA,GAAA,GAAA,EAAA;;KAO1B,EAOM,OAPN,IAOM,CAAA,AAAA,EAAA,OANJ,EAEI,KAAA,EAFD,OAAM,8BAA6B,GAAC,mBAEvC,EAAA,GACA,EAEI,KAFJ,IAEI,EADC,GAAA,KAAY,GAAA,CAAA,CAAA,CAAA;KAInB,EAsCM,OAtCN,IAsCM,CArCJ,EAiBQ,SAjBR,IAiBQ,CAAA,AAAA,EAAA,OAhBN,EAAwD,QAAA,EAAlD,OAAM,iCAAgC,GAAC,QAAI,EAAA,GACjD,EAcS,UAAA;MAbP,OAAM;MACL,OAAO,EAAA,MAAc,SAAQ;MAC9B,cAAW;MACV,UAAQ;iBAET,EAOS,GAAA,MAAA,EANU,GAAA,QAAV,YADT,EAOS,UAAA;MALN,KAAK,EAAO;MACZ,OAAO,EAAO;MACd,UAAU,EAAO;UAEf,EAAO,KAAK,GAAA,GAAA,EAAA,wBAKrB,EAiBQ,SAjBR,IAiBQ,CAAA,AAAA,EAAA,OAhBN,EAA0D,QAAA,EAApD,OAAM,iCAAgC,GAAC,UAAM,EAAA,GACnD,EAcS,UAAA;MAbP,OAAM;MACL,OAAO,EAAA,MAAc,WAAU;MAChC,cAAW;MACV,UAAQ;iBAET,EAOS,GAAA,MAAA,EANU,GAAA,QAAV,YADT,EAOS,UAAA;MALN,KAAK,EAAO;MACZ,OAAO,EAAO;MACd,UAAU,EAAO;UAEf,EAAO,KAAK,GAAA,GAAA,EAAA;KAMvB,EAeM,OAAA,EAfD,OAAM,6BAA4B,GAAA,CACrC,EAMS,UAAA;MALP,MAAK;MACL,OAAM;MACL,SAAO;QACT,SAED,GACA,EAMS,UAAA;MALP,MAAK;MACL,OAAM;MACL,SAAO;QACT,SAED,CAAA,CAAA"}