@rotki/ui-library 2.27.0 → 3.0.0-beta.2

package/dist/components/date-time-picker/use-date-time-selection.js

@@ -1,11 +1,10 @@
+import { get, isDefined, set, watchIgnorable } from "../../vendor/@vueuse/shared/dist/index.js";
 import { dayjs } from "./dayjs-setup.js";
 import { formatWallClock, guessTimezone, includeMilliseconds, includeSeconds } from "./utils.js";
 import { buildDateTime, clampToBounds } from "./segment-utils.js";
 import { completePartialEntry } from "./partial-time.js";
 import { useDateBounds } from "./use-date-bounds.js";
 import { computed, nextTick, onMounted, ref, shallowReadonly, watch } from "vue";
-import { isDefined, watchIgnorable } from "@vueuse/core";
-import { get as get$1, set as set$1 } from "@vueuse/shared";
 //#region src/components/date-time-picker/use-date-time-selection.ts
 var MILLISECONDS = 1e3;
 function useDateTimeSelection(options) {
@@ -39,46 +38,46 @@ function useDateTimeSelection(options) {
 		get() {
 			if (!(isDefined(modelYear) && isDefined(modelMonth) && isDefined(modelDay))) return;
 			const date = /* @__PURE__ */ new Date();
-			date.setFullYear(get$1(modelYear));
+			date.setFullYear(get(modelYear));
 			date.setDate(1);
-			date.setMonth(get$1(modelMonth) - 1);
-			date.setDate(get$1(modelDay));
+			date.setMonth(get(modelMonth) - 1);
+			date.setDate(get(modelDay));
 			return date;
 		},
 		set(value) {
-			set$1(modelYear, value?.getFullYear());
-			set$1(modelMonth, value ? value.getMonth() + 1 : void 0);
-			set$1(modelDay, value?.getDate());
+			set(modelYear, value?.getFullYear());
+			set(modelMonth, value ? value.getMonth() + 1 : void 0);
+			set(modelDay, value?.getDate());
 		}
 	});
 	const selectedTime = computed({
 		get() {
 			if (!(isDefined(modelHour) && isDefined(modelMinute))) return;
 			const date = /* @__PURE__ */ new Date();
-			date.setHours(get$1(modelHour), get$1(modelMinute), get$1(modelSecond) ?? 0, get$1(modelMillisecond) ?? 0);
+			date.setHours(get(modelHour), get(modelMinute), get(modelSecond) ?? 0, get(modelMillisecond) ?? 0);
 			return date;
 		},
 		set(value) {
-			set$1(modelHour, value?.getHours());
-			set$1(modelMinute, value?.getMinutes());
-			set$1(modelSecond, value?.getSeconds());
-			set$1(modelMillisecond, value?.getMilliseconds());
+			set(modelHour, value?.getHours());
+			set(modelMinute, value?.getMinutes());
+			set(modelSecond, value?.getSeconds());
+			set(modelMillisecond, value?.getMilliseconds());
 		}
 	});
 	const valueSet = computed(() => isDefined(selectedDate) && isDefined(selectedTime));
 	function getDateTime() {
 		return buildDateTime({
-			day: get$1(modelDay),
-			hour: get$1(modelHour),
-			millisecond: get$1(modelMillisecond),
-			minute: get$1(modelMinute),
-			month: get$1(modelMonth),
-			second: get$1(modelSecond),
-			year: get$1(modelYear)
+			day: get(modelDay),
+			hour: get(modelHour),
+			millisecond: get(modelMillisecond),
+			minute: get(modelMinute),
+			month: get(modelMonth),
+			second: get(modelSecond),
+			year: get(modelYear)
 		}, accuracy);
 	}
 	function emitUpdate(updatedModel) {
-		set$1(modelValue, {
+		set(modelValue, {
 			"date": () => updatedModel.toDate(),
 			"epoch": () => Math.floor(updatedModel.valueOf() / MILLISECONDS),
 			"epoch-ms": () => updatedModel.valueOf()
@@ -94,37 +93,37 @@ function useDateTimeSelection(options) {
 	*/
 	function updateModelValue() {
 		if (!isDefined(selectedDate) || !isDefined(selectedTime)) return;
-		const updatedModel = dayjs.tz(formatWallClock(get$1(selectedDate), get$1(selectedTime), accuracy), get$1(modelTimezone));
+		const updatedModel = dayjs.tz(formatWallClock(get(selectedDate), get(selectedTime), accuracy), get(modelTimezone));
 		if (!isDateValid(updatedModel)) return;
 		emitUpdate(updatedModel);
 	}
 	function clear() {
 		clearErrors();
-		set$1(modelYear, void 0);
-		set$1(modelMonth, void 0);
-		set$1(modelDay, void 0);
-		set$1(modelHour, void 0);
-		set$1(modelMinute, void 0);
-		set$1(modelSecond, void 0);
-		set$1(modelMillisecond, void 0);
-		set$1(modelValue, void 0);
+		set(modelYear, void 0);
+		set(modelMonth, void 0);
+		set(modelDay, void 0);
+		set(modelHour, void 0);
+		set(modelMinute, void 0);
+		set(modelSecond, void 0);
+		set(modelMillisecond, void 0);
+		set(modelValue, void 0);
 	}
 	function clampToAllowed(date) {
-		return clampToBounds(date, get$1(minAllowedDate), get$1(maxAllowedDate));
+		return clampToBounds(date, get(minAllowedDate), get(maxAllowedDate));
 	}
 	function applySegments(date) {
-		set$1(modelYear, date.year());
-		set$1(modelMonth, date.month() + 1);
-		set$1(modelDay, date.date());
-		set$1(modelHour, date.hour());
-		set$1(modelMinute, date.minute());
-		set$1(modelSecond, includeSeconds(accuracy) ? date.second() : 0);
-		set$1(modelMillisecond, includeMilliseconds(accuracy) ? date.millisecond() : 0);
+		set(modelYear, date.year());
+		set(modelMonth, date.month() + 1);
+		set(modelDay, date.date());
+		set(modelHour, date.hour());
+		set(modelMinute, date.minute());
+		set(modelSecond, includeSeconds(accuracy) ? date.second() : 0);
+		set(modelMillisecond, includeMilliseconds(accuracy) ? date.millisecond() : 0);
 	}
 	function setNow() {
 		clearErrors();
 		const date = dayjs();
-		set$1(now, date);
+		set(now, date);
 		applySegments(clampToAllowed(date));
 		nextTick(() => {
 			updateModelValue();
@@ -137,14 +136,14 @@ function useDateTimeSelection(options) {
 	function setToday() {
 		clearErrors();
 		const date = dayjs();
-		set$1(now, date);
+		set(now, date);
 		applySegments(clampToAllowed(buildDateTime({
 			day: date.date(),
-			hour: get$1(modelHour) ?? 0,
-			millisecond: get$1(modelMillisecond) ?? 0,
-			minute: get$1(modelMinute) ?? 0,
+			hour: get(modelHour) ?? 0,
+			millisecond: get(modelMillisecond) ?? 0,
+			minute: get(modelMinute) ?? 0,
 			month: date.month() + 1,
-			second: get$1(modelSecond) ?? 0,
+			second: get(modelSecond) ?? 0,
 			year: date.year()
 		}, accuracy, date)));
 		nextTick(() => {
@@ -159,22 +158,22 @@ function useDateTimeSelection(options) {
 		const minute = date.minute();
 		const second = includeSeconds(accuracy) ? date.second() : void 0;
 		const millisecond = includeMilliseconds(accuracy) ? date.millisecond() : void 0;
-		if (get$1(modelYear) !== year) set$1(modelYear, year);
-		if (get$1(modelMonth) !== month) set$1(modelMonth, month);
-		if (get$1(modelDay) !== day) set$1(modelDay, day);
-		if (get$1(modelHour) !== hour) set$1(modelHour, hour);
-		if (get$1(modelMinute) !== minute) set$1(modelMinute, minute);
-		if (get$1(modelSecond) !== second) set$1(modelSecond, second);
-		if (get$1(modelMillisecond) !== millisecond) set$1(modelMillisecond, millisecond);
+		if (get(modelYear) !== year) set(modelYear, year);
+		if (get(modelMonth) !== month) set(modelMonth, month);
+		if (get(modelDay) !== day) set(modelDay, day);
+		if (get(modelHour) !== hour) set(modelHour, hour);
+		if (get(modelMinute) !== minute) set(modelMinute, minute);
+		if (get(modelSecond) !== second) set(modelSecond, second);
+		if (get(modelMillisecond) !== millisecond) set(modelMillisecond, millisecond);
 	}
 	const { ignoreUpdates } = watchIgnorable([selectedDate, selectedTime], ([newSelectedDate, newSelectedTime], [prevSelectedDate, prevSelectedTime]) => {
-		const currentTimezone = get$1(modelTimezone);
+		const currentTimezone = get(modelTimezone);
 		const newDate = dayjs.tz(newSelectedDate, currentTimezone);
 		const oldDate = dayjs.tz(prevSelectedDate, currentTimezone);
 		const newTime = dayjs.tz(newSelectedTime, currentTimezone);
 		const oldTime = dayjs.tz(prevSelectedTime, currentTimezone);
 		if (newDate.isSame(oldDate) && newTime.isSame(oldTime)) return;
-		set$1(now, dayjs());
+		set(now, dayjs());
 		updateModelValue();
 	});
 	/**
@@ -189,17 +188,17 @@ function useDateTimeSelection(options) {
 	function commitPartialTime() {
 		if (partialTime === void 0) return;
 		const target = completePartialEntry({
-			day: get$1(modelDay),
-			hour: get$1(modelHour),
-			millisecond: get$1(modelMillisecond),
-			minute: get$1(modelMinute),
-			month: get$1(modelMonth),
-			second: get$1(modelSecond),
-			year: get$1(modelYear)
+			day: get(modelDay),
+			hour: get(modelHour),
+			millisecond: get(modelMillisecond),
+			minute: get(modelMinute),
+			month: get(modelMonth),
+			second: get(modelSecond),
+			year: get(modelYear)
 		}, {
 			accuracy,
-			maxDate: get$1(maxAllowedDate),
-			minDate: get$1(minAllowedDate),
+			maxDate: get(maxAllowedDate),
+			minDate: get(minAllowedDate),
 			mode: partialTime
 		});
 		if (!target) return;
@@ -209,24 +208,24 @@ function useDateTimeSelection(options) {
 	function updateInternalModel(value) {
 		ignoreUpdates(() => {
 			const updatedValue = type === "epoch" && typeof value === "number" ? value * MILLISECONDS : value;
-			const date = dayjs.tz(updatedValue, get$1(modelTimezone));
+			const date = dayjs.tz(updatedValue, get(modelTimezone));
 			isDateValid(date);
 			updateSegments(date);
 		});
 	}
 	watch(modelTimezone, (newTimezone) => {
 		if (newTimezone && isDefined(selectedDate) && isDefined(selectedTime)) {
-			set$1(now, dayjs());
+			set(now, dayjs());
 			updateModelValue();
 		}
 	});
 	watch(modelValue, (value) => {
-		set$1(now, dayjs());
+		set(now, dayjs());
 		if (value === void 0) clear();
 		else updateInternalModel(value);
 	});
 	onMounted(() => {
-		if (isDefined(modelValue)) updateInternalModel(get$1(modelValue));
+		if (isDefined(modelValue)) updateInternalModel(get(modelValue));
 		else if (!allowEmpty) setNow();
 	});
 	return {

package/dist/components/date-time-picker/use-date-time-selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-date-time-selection.js","names":[],"sources":["../../../src/components/date-time-picker/use-date-time-selection.ts"],"sourcesContent":["import type { Dayjs } from 'dayjs';\nimport type { ComputedRef, Ref, WritableComputedRef } from 'vue';\nimport type { SegmentData } from '@/components/date-time-picker/types';\nimport type { TimeAccuracy } from '@/consts/time-accuracy';\nimport { dayjs } from '@/components/date-time-picker/dayjs-setup';\nimport { completePartialEntry, type PartialTimeMode } from '@/components/date-time-picker/partial-time';\nimport { buildDateTime, clampToBounds } from '@/components/date-time-picker/segment-utils';\nimport { useDateBounds } from '@/components/date-time-picker/use-date-bounds';\nimport { formatWallClock, guessTimezone, includeMilliseconds, includeSeconds } from '@/components/date-time-picker/utils';\n\ntype DateTimeModelType = 'date' | 'epoch-ms' | 'epoch';\n\ntype ModelValueType<T extends DateTimeModelType> =\n  T extends 'date' ? Date | undefined :\n    T extends 'epoch-ms' ? number | undefined :\n      T extends 'epoch' ? number | undefined :\n        Date | number | undefined;\n\ninterface DateTimeSelectionOptions<T extends DateTimeModelType> {\n  modelValue: Ref<ModelValueType<T>>;\n  type: T;\n  accuracy: TimeAccuracy;\n  minDate: Date | number | undefined;\n  maxDate: Date | number | 'now' | undefined;\n  allowEmpty: boolean;\n  /**\n   * The field's own format, so a bound named in an error message is written the\n   * same way round as the value the user is looking at.\n   */\n  dateFormat: Ref<string>;\n  /** See {@link completePartialEntry}; unset, an incomplete entry is not a value. */\n  partialTime?: PartialTimeMode;\n}\n\ninterface DateTimeSelectionReturn {\n  modelYear: Ref<number | undefined>;\n  modelMonth: Ref<number | undefined>;\n  modelDay: Ref<number | undefined>;\n  modelHour: Ref<number | undefined>;\n  modelMinute: Ref<number | undefined>;\n  modelSecond: Ref<number | undefined>;\n  modelMillisecond: Ref<number | undefined>;\n  modelTimezone: Ref<string | undefined>;\n  selectedDate: WritableComputedRef<Date | undefined>;\n  selectedTime: WritableComputedRef<Date | undefined>;\n  valueSet: ComputedRef<boolean>;\n  internalErrorMessages: Readonly<Ref<string[]>>;\n  now: Readonly<Ref<Dayjs>>;\n  segmentData: SegmentData;\n  minAllowedDate: ComputedRef<Date>;\n  maxAllowedDate: ComputedRef<Date | undefined>;\n  getDateTime: () => Dayjs;\n  setNow: () => void;\n  setToday: () => void;\n  commitPartialTime: () => void;\n  clear: () => void;\n  isDateValid: (date: Dayjs) => boolean;\n}\n\nconst MILLISECONDS = 1000;\n\nexport function useDateTimeSelection<T extends DateTimeModelType>(\n  options: DateTimeSelectionOptions<T>,\n): DateTimeSelectionReturn {\n  const {\n    accuracy,\n    allowEmpty,\n    dateFormat,\n    maxDate,\n    minDate,\n    modelValue,\n    partialTime,\n    type,\n  } = options;\n\n  const modelYear = ref<number | undefined>();\n  const modelMonth = ref<number | undefined>();\n  const modelDay = ref<number | undefined>();\n\n  const modelHour = ref<number | undefined>();\n  const modelMinute = ref<number | undefined>();\n  const modelSecond = ref<number | undefined>();\n  const modelMillisecond = ref<number | undefined>();\n  const modelTimezone = ref<string | undefined>(guessTimezone());\n\n  const now = ref<Dayjs>(dayjs.tz(undefined, guessTimezone()));\n\n  const { clearErrors, internalErrorMessages, isDateValid, maxAllowedDate, minAllowedDate } = useDateBounds({\n    dateFormat,\n    epochSeconds: type === 'epoch',\n    maxDate,\n    minDate,\n    now,\n  });\n\n  const segmentData: SegmentData = {\n    DD: modelDay,\n    HH: modelHour,\n    MM: modelMonth,\n    SSS: modelMillisecond,\n    YYYY: modelYear,\n    mm: modelMinute,\n    ss: modelSecond,\n  };\n\n  const selectedDate = computed<Date | undefined>({\n    get() {\n      if (!(isDefined(modelYear) && isDefined(modelMonth) && isDefined(modelDay))) {\n        return undefined;\n      }\n      const date = new Date();\n      date.setFullYear(get(modelYear));\n      // Day 1 first, so a later month with fewer days cannot overflow into the next one\n      date.setDate(1);\n      date.setMonth(get(modelMonth) - 1);\n      date.setDate(get(modelDay));\n      return date;\n    },\n    set(value?: Date) {\n      set(modelYear, value?.getFullYear());\n      set(modelMonth, value ? value.getMonth() + 1 : undefined);\n      set(modelDay, value?.getDate());\n    },\n  });\n\n  const selectedTime = computed<Date | undefined>({\n    get() {\n      if (!(isDefined(modelHour) && isDefined(modelMinute))) {\n        return undefined;\n      }\n      const date = new Date();\n      date.setHours(\n        get(modelHour),\n        get(modelMinute),\n        get(modelSecond) ?? 0,\n        get(modelMillisecond) ?? 0,\n      );\n      return date;\n    },\n    set(value?: Date) {\n      set(modelHour, value?.getHours());\n      set(modelMinute, value?.getMinutes());\n      set(modelSecond, value?.getSeconds());\n      set(modelMillisecond, value?.getMilliseconds());\n    },\n  });\n\n  const valueSet = computed<boolean>(() => isDefined(selectedDate) && isDefined(selectedTime));\n\n  function getDateTime(): Dayjs {\n    return buildDateTime({\n      day: get(modelDay),\n      hour: get(modelHour),\n      millisecond: get(modelMillisecond),\n      minute: get(modelMinute),\n      month: get(modelMonth),\n      second: get(modelSecond),\n      year: get(modelYear),\n    }, accuracy);\n  }\n\n  function emitUpdate(updatedModel: Dayjs): void {\n    const typeMap = {\n      'date': () => updatedModel.toDate(),\n      // an epoch is whole seconds; `millisecond` accuracy would otherwise emit a fraction\n      'epoch': () => Math.floor(updatedModel.valueOf() / MILLISECONDS),\n      'epoch-ms': () => updatedModel.valueOf(),\n    } as const;\n\n    set(modelValue, typeMap[type]() as ModelValueType<T>);\n  }\n\n  /**\n   * Writes the segments back to the model.\n   *\n   * The segments are a wall-clock reading, so they are formatted and parsed in\n   * the selected timezone. Mutating a `dayjs.tz()` built from the old value\n   * instead would keep that value's UTC offset, and moving the date across a\n   * DST boundary then shifted the time by an hour.\n   */\n  function updateModelValue(): void {\n    if (!isDefined(selectedDate) || !isDefined(selectedTime)) {\n      return;\n    }\n\n    const updatedModel = dayjs.tz(\n      formatWallClock(get(selectedDate), get(selectedTime), accuracy),\n      get(modelTimezone),\n    );\n\n    if (!isDateValid(updatedModel)) {\n      return;\n    }\n\n    emitUpdate(updatedModel);\n  }\n\n  function clear(): void {\n    clearErrors();\n    set(modelYear, undefined);\n    set(modelMonth, undefined);\n    set(modelDay, undefined);\n    set(modelHour, undefined);\n    set(modelMinute, undefined);\n    set(modelSecond, undefined);\n    set(modelMillisecond, undefined);\n    set(modelValue, undefined as ModelValueType<T>);\n  }\n\n  function clampToAllowed(date: Dayjs): Dayjs {\n    return clampToBounds(date, get(minAllowedDate), get(maxAllowedDate));\n  }\n\n  function applySegments(date: Dayjs): void {\n    set(modelYear, date.year());\n    set(modelMonth, date.month() + 1);\n    set(modelDay, date.date());\n    set(modelHour, date.hour());\n    set(modelMinute, date.minute());\n    set(modelSecond, includeSeconds(accuracy) ? date.second() : 0);\n    set(modelMillisecond, includeMilliseconds(accuracy) ? date.millisecond() : 0);\n  }\n\n  function setNow(): void {\n    clearErrors();\n\n    const date = dayjs();\n    set(now, date);\n    applySegments(clampToAllowed(date));\n\n    nextTick(() => {\n      updateModelValue();\n    });\n  }\n\n  /**\n   * Moves the date part to today and leaves the time part alone, so a picked\n   * time survives. Falls back to midnight when no time has been entered yet.\n   */\n  function setToday(): void {\n    clearErrors();\n\n    const date = dayjs();\n    set(now, date);\n\n    const target = buildDateTime({\n      day: date.date(),\n      hour: get(modelHour) ?? 0,\n      millisecond: get(modelMillisecond) ?? 0,\n      minute: get(modelMinute) ?? 0,\n      month: date.month() + 1,\n      second: get(modelSecond) ?? 0,\n      year: date.year(),\n    }, accuracy, date);\n\n    applySegments(clampToAllowed(target));\n\n    nextTick(() => {\n      updateModelValue();\n    });\n  }\n\n  function updateSegments(date: Dayjs): void {\n    const year = date.year();\n    const month = date.month() + 1;\n    const day = date.date();\n    const hour = date.hour();\n    const minute = date.minute();\n    const second = includeSeconds(accuracy) ? date.second() : undefined;\n    const millisecond = includeMilliseconds(accuracy) ? date.millisecond() : undefined;\n\n    if (get(modelYear) !== year)\n      set(modelYear, year);\n    if (get(modelMonth) !== month)\n      set(modelMonth, month);\n    if (get(modelDay) !== day)\n      set(modelDay, day);\n    if (get(modelHour) !== hour)\n      set(modelHour, hour);\n    if (get(modelMinute) !== minute)\n      set(modelMinute, minute);\n    if (get(modelSecond) !== second)\n      set(modelSecond, second);\n    if (get(modelMillisecond) !== millisecond)\n      set(modelMillisecond, millisecond);\n  }\n\n  const { ignoreUpdates } = watchIgnorable([selectedDate, selectedTime], ([newSelectedDate, newSelectedTime], [prevSelectedDate, prevSelectedTime]) => {\n    const currentTimezone = get(modelTimezone);\n    const newDate = dayjs.tz(newSelectedDate, currentTimezone);\n    const oldDate = dayjs.tz(prevSelectedDate, currentTimezone);\n    const newTime = dayjs.tz(newSelectedTime, currentTimezone);\n    const oldTime = dayjs.tz(prevSelectedTime, currentTimezone);\n\n    if (newDate.isSame(oldDate) && newTime.isSame(oldTime)) {\n      return;\n    }\n\n    set(now, dayjs());\n    updateModelValue();\n  });\n\n  /**\n   * Fills in the segments an incomplete entry never reached and commits it, so\n   * a bare date can become a value. Called when the user is done with the field\n   * rather than on every keystroke, since a segment still being typed is not\n   * yet one they left out. The fill is written back into the field, so the\n   * value it decided on is the one on screen, and into the model directly:\n   * running on blur and on enter, it would otherwise lose the value to a\n   * consumer that closes the field on that key before the watcher emits.\n   */\n  function commitPartialTime(): void {\n    if (partialTime === undefined)\n      return;\n\n    const target = completePartialEntry({\n      day: get(modelDay),\n      hour: get(modelHour),\n      millisecond: get(modelMillisecond),\n      minute: get(modelMinute),\n      month: get(modelMonth),\n      second: get(modelSecond),\n      year: get(modelYear),\n    }, {\n      accuracy,\n      maxDate: get(maxAllowedDate),\n      minDate: get(minAllowedDate),\n      mode: partialTime,\n    });\n\n    if (!target)\n      return;\n\n    ignoreUpdates(() => applySegments(target));\n    updateModelValue();\n  }\n\n  function updateInternalModel(value: ModelValueType<T>): void {\n    ignoreUpdates(() => {\n      const updatedValue = type === 'epoch' && typeof value === 'number'\n        ? value * MILLISECONDS\n        : value;\n      const date = dayjs.tz(updatedValue, get(modelTimezone));\n      isDateValid(date);\n      updateSegments(date);\n    });\n  }\n\n  watch(modelTimezone, (newTimezone: string | undefined) => {\n    if (newTimezone && isDefined(selectedDate) && isDefined(selectedTime)) {\n      set(now, dayjs());\n      updateModelValue();\n    }\n  });\n\n  watch(modelValue, (value) => {\n    set(now, dayjs());\n    if (value === undefined) {\n      clear();\n    }\n    else {\n      updateInternalModel(value);\n    }\n  });\n\n  onMounted(() => {\n    if (isDefined(modelValue)) {\n      updateInternalModel(get(modelValue));\n    }\n    else if (!allowEmpty) {\n      setNow();\n    }\n  });\n\n  return {\n    clear,\n    commitPartialTime,\n    getDateTime,\n    internalErrorMessages,\n    isDateValid,\n    maxAllowedDate,\n    minAllowedDate,\n    modelDay,\n    modelHour,\n    modelMillisecond,\n    modelMinute,\n    modelMonth,\n    modelSecond,\n    modelTimezone,\n    modelYear,\n    now: shallowReadonly(now),\n    segmentData,\n    selectedDate,\n    selectedTime,\n    setNow,\n    setToday,\n    valueSet,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-date-time-selection.js","names":[],"sources":["../../../src/components/date-time-picker/use-date-time-selection.ts"],"sourcesContent":["import type { Dayjs } from 'dayjs';\nimport type { ComputedRef, Ref, WritableComputedRef } from 'vue';\nimport type { SegmentData } from '@/components/date-time-picker/types';\nimport type { TimeAccuracy } from '@/consts/time-accuracy';\nimport { dayjs } from '@/components/date-time-picker/dayjs-setup';\nimport { completePartialEntry, type PartialTimeMode } from '@/components/date-time-picker/partial-time';\nimport { buildDateTime, clampToBounds } from '@/components/date-time-picker/segment-utils';\nimport { useDateBounds } from '@/components/date-time-picker/use-date-bounds';\nimport { formatWallClock, guessTimezone, includeMilliseconds, includeSeconds } from '@/components/date-time-picker/utils';\n\ntype DateTimeModelType = 'date' | 'epoch-ms' | 'epoch';\n\ntype ModelValueType<T extends DateTimeModelType> =\n  T extends 'date' ? Date | undefined :\n    T extends 'epoch-ms' ? number | undefined :\n      T extends 'epoch' ? number | undefined :\n        Date | number | undefined;\n\ninterface DateTimeSelectionOptions<T extends DateTimeModelType> {\n  modelValue: Ref<ModelValueType<T>>;\n  type: T;\n  accuracy: TimeAccuracy;\n  minDate: Date | number | undefined;\n  maxDate: Date | number | 'now' | undefined;\n  allowEmpty: boolean;\n  /**\n   * The field's own format, so a bound named in an error message is written the\n   * same way round as the value the user is looking at.\n   */\n  dateFormat: Ref<string>;\n  /** See {@link completePartialEntry}; unset, an incomplete entry is not a value. */\n  partialTime?: PartialTimeMode;\n}\n\ninterface DateTimeSelectionReturn {\n  modelYear: Ref<number | undefined>;\n  modelMonth: Ref<number | undefined>;\n  modelDay: Ref<number | undefined>;\n  modelHour: Ref<number | undefined>;\n  modelMinute: Ref<number | undefined>;\n  modelSecond: Ref<number | undefined>;\n  modelMillisecond: Ref<number | undefined>;\n  modelTimezone: Ref<string | undefined>;\n  selectedDate: WritableComputedRef<Date | undefined>;\n  selectedTime: WritableComputedRef<Date | undefined>;\n  valueSet: ComputedRef<boolean>;\n  internalErrorMessages: Readonly<Ref<string[]>>;\n  now: Readonly<Ref<Dayjs>>;\n  segmentData: SegmentData;\n  minAllowedDate: ComputedRef<Date>;\n  maxAllowedDate: ComputedRef<Date | undefined>;\n  getDateTime: () => Dayjs;\n  setNow: () => void;\n  setToday: () => void;\n  commitPartialTime: () => void;\n  clear: () => void;\n  isDateValid: (date: Dayjs) => boolean;\n}\n\nconst MILLISECONDS = 1000;\n\nexport function useDateTimeSelection<T extends DateTimeModelType>(\n  options: DateTimeSelectionOptions<T>,\n): DateTimeSelectionReturn {\n  const {\n    accuracy,\n    allowEmpty,\n    dateFormat,\n    maxDate,\n    minDate,\n    modelValue,\n    partialTime,\n    type,\n  } = options;\n\n  const modelYear = ref<number | undefined>();\n  const modelMonth = ref<number | undefined>();\n  const modelDay = ref<number | undefined>();\n\n  const modelHour = ref<number | undefined>();\n  const modelMinute = ref<number | undefined>();\n  const modelSecond = ref<number | undefined>();\n  const modelMillisecond = ref<number | undefined>();\n  const modelTimezone = ref<string | undefined>(guessTimezone());\n\n  const now = ref<Dayjs>(dayjs.tz(undefined, guessTimezone()));\n\n  const { clearErrors, internalErrorMessages, isDateValid, maxAllowedDate, minAllowedDate } = useDateBounds({\n    dateFormat,\n    epochSeconds: type === 'epoch',\n    maxDate,\n    minDate,\n    now,\n  });\n\n  const segmentData: SegmentData = {\n    DD: modelDay,\n    HH: modelHour,\n    MM: modelMonth,\n    SSS: modelMillisecond,\n    YYYY: modelYear,\n    mm: modelMinute,\n    ss: modelSecond,\n  };\n\n  const selectedDate = computed<Date | undefined>({\n    get() {\n      if (!(isDefined(modelYear) && isDefined(modelMonth) && isDefined(modelDay))) {\n        return undefined;\n      }\n      const date = new Date();\n      date.setFullYear(get(modelYear));\n      // Day 1 first, so a later month with fewer days cannot overflow into the next one\n      date.setDate(1);\n      date.setMonth(get(modelMonth) - 1);\n      date.setDate(get(modelDay));\n      return date;\n    },\n    set(value?: Date) {\n      set(modelYear, value?.getFullYear());\n      set(modelMonth, value ? value.getMonth() + 1 : undefined);\n      set(modelDay, value?.getDate());\n    },\n  });\n\n  const selectedTime = computed<Date | undefined>({\n    get() {\n      if (!(isDefined(modelHour) && isDefined(modelMinute))) {\n        return undefined;\n      }\n      const date = new Date();\n      date.setHours(\n        get(modelHour),\n        get(modelMinute),\n        get(modelSecond) ?? 0,\n        get(modelMillisecond) ?? 0,\n      );\n      return date;\n    },\n    set(value?: Date) {\n      set(modelHour, value?.getHours());\n      set(modelMinute, value?.getMinutes());\n      set(modelSecond, value?.getSeconds());\n      set(modelMillisecond, value?.getMilliseconds());\n    },\n  });\n\n  const valueSet = computed<boolean>(() => isDefined(selectedDate) && isDefined(selectedTime));\n\n  function getDateTime(): Dayjs {\n    return buildDateTime({\n      day: get(modelDay),\n      hour: get(modelHour),\n      millisecond: get(modelMillisecond),\n      minute: get(modelMinute),\n      month: get(modelMonth),\n      second: get(modelSecond),\n      year: get(modelYear),\n    }, accuracy);\n  }\n\n  function emitUpdate(updatedModel: Dayjs): void {\n    const typeMap = {\n      'date': () => updatedModel.toDate(),\n      // an epoch is whole seconds; `millisecond` accuracy would otherwise emit a fraction\n      'epoch': () => Math.floor(updatedModel.valueOf() / MILLISECONDS),\n      'epoch-ms': () => updatedModel.valueOf(),\n    } as const;\n\n    set(modelValue, typeMap[type]() as ModelValueType<T>);\n  }\n\n  /**\n   * Writes the segments back to the model.\n   *\n   * The segments are a wall-clock reading, so they are formatted and parsed in\n   * the selected timezone. Mutating a `dayjs.tz()` built from the old value\n   * instead would keep that value's UTC offset, and moving the date across a\n   * DST boundary then shifted the time by an hour.\n   */\n  function updateModelValue(): void {\n    if (!isDefined(selectedDate) || !isDefined(selectedTime)) {\n      return;\n    }\n\n    const updatedModel = dayjs.tz(\n      formatWallClock(get(selectedDate), get(selectedTime), accuracy),\n      get(modelTimezone),\n    );\n\n    if (!isDateValid(updatedModel)) {\n      return;\n    }\n\n    emitUpdate(updatedModel);\n  }\n\n  function clear(): void {\n    clearErrors();\n    set(modelYear, undefined);\n    set(modelMonth, undefined);\n    set(modelDay, undefined);\n    set(modelHour, undefined);\n    set(modelMinute, undefined);\n    set(modelSecond, undefined);\n    set(modelMillisecond, undefined);\n    set(modelValue, undefined as ModelValueType<T>);\n  }\n\n  function clampToAllowed(date: Dayjs): Dayjs {\n    return clampToBounds(date, get(minAllowedDate), get(maxAllowedDate));\n  }\n\n  function applySegments(date: Dayjs): void {\n    set(modelYear, date.year());\n    set(modelMonth, date.month() + 1);\n    set(modelDay, date.date());\n    set(modelHour, date.hour());\n    set(modelMinute, date.minute());\n    set(modelSecond, includeSeconds(accuracy) ? date.second() : 0);\n    set(modelMillisecond, includeMilliseconds(accuracy) ? date.millisecond() : 0);\n  }\n\n  function setNow(): void {\n    clearErrors();\n\n    const date = dayjs();\n    set(now, date);\n    applySegments(clampToAllowed(date));\n\n    nextTick(() => {\n      updateModelValue();\n    });\n  }\n\n  /**\n   * Moves the date part to today and leaves the time part alone, so a picked\n   * time survives. Falls back to midnight when no time has been entered yet.\n   */\n  function setToday(): void {\n    clearErrors();\n\n    const date = dayjs();\n    set(now, date);\n\n    const target = buildDateTime({\n      day: date.date(),\n      hour: get(modelHour) ?? 0,\n      millisecond: get(modelMillisecond) ?? 0,\n      minute: get(modelMinute) ?? 0,\n      month: date.month() + 1,\n      second: get(modelSecond) ?? 0,\n      year: date.year(),\n    }, accuracy, date);\n\n    applySegments(clampToAllowed(target));\n\n    nextTick(() => {\n      updateModelValue();\n    });\n  }\n\n  function updateSegments(date: Dayjs): void {\n    const year = date.year();\n    const month = date.month() + 1;\n    const day = date.date();\n    const hour = date.hour();\n    const minute = date.minute();\n    const second = includeSeconds(accuracy) ? date.second() : undefined;\n    const millisecond = includeMilliseconds(accuracy) ? date.millisecond() : undefined;\n\n    if (get(modelYear) !== year)\n      set(modelYear, year);\n    if (get(modelMonth) !== month)\n      set(modelMonth, month);\n    if (get(modelDay) !== day)\n      set(modelDay, day);\n    if (get(modelHour) !== hour)\n      set(modelHour, hour);\n    if (get(modelMinute) !== minute)\n      set(modelMinute, minute);\n    if (get(modelSecond) !== second)\n      set(modelSecond, second);\n    if (get(modelMillisecond) !== millisecond)\n      set(modelMillisecond, millisecond);\n  }\n\n  const { ignoreUpdates } = watchIgnorable([selectedDate, selectedTime], ([newSelectedDate, newSelectedTime], [prevSelectedDate, prevSelectedTime]) => {\n    const currentTimezone = get(modelTimezone);\n    const newDate = dayjs.tz(newSelectedDate, currentTimezone);\n    const oldDate = dayjs.tz(prevSelectedDate, currentTimezone);\n    const newTime = dayjs.tz(newSelectedTime, currentTimezone);\n    const oldTime = dayjs.tz(prevSelectedTime, currentTimezone);\n\n    if (newDate.isSame(oldDate) && newTime.isSame(oldTime)) {\n      return;\n    }\n\n    set(now, dayjs());\n    updateModelValue();\n  });\n\n  /**\n   * Fills in the segments an incomplete entry never reached and commits it, so\n   * a bare date can become a value. Called when the user is done with the field\n   * rather than on every keystroke, since a segment still being typed is not\n   * yet one they left out. The fill is written back into the field, so the\n   * value it decided on is the one on screen, and into the model directly:\n   * running on blur and on enter, it would otherwise lose the value to a\n   * consumer that closes the field on that key before the watcher emits.\n   */\n  function commitPartialTime(): void {\n    if (partialTime === undefined)\n      return;\n\n    const target = completePartialEntry({\n      day: get(modelDay),\n      hour: get(modelHour),\n      millisecond: get(modelMillisecond),\n      minute: get(modelMinute),\n      month: get(modelMonth),\n      second: get(modelSecond),\n      year: get(modelYear),\n    }, {\n      accuracy,\n      maxDate: get(maxAllowedDate),\n      minDate: get(minAllowedDate),\n      mode: partialTime,\n    });\n\n    if (!target)\n      return;\n\n    ignoreUpdates(() => applySegments(target));\n    updateModelValue();\n  }\n\n  function updateInternalModel(value: ModelValueType<T>): void {\n    ignoreUpdates(() => {\n      const updatedValue = type === 'epoch' && typeof value === 'number'\n        ? value * MILLISECONDS\n        : value;\n      const date = dayjs.tz(updatedValue, get(modelTimezone));\n      isDateValid(date);\n      updateSegments(date);\n    });\n  }\n\n  watch(modelTimezone, (newTimezone: string | undefined) => {\n    if (newTimezone && isDefined(selectedDate) && isDefined(selectedTime)) {\n      set(now, dayjs());\n      updateModelValue();\n    }\n  });\n\n  watch(modelValue, (value) => {\n    set(now, dayjs());\n    if (value === undefined) {\n      clear();\n    }\n    else {\n      updateInternalModel(value);\n    }\n  });\n\n  onMounted(() => {\n    if (isDefined(modelValue)) {\n      updateInternalModel(get(modelValue));\n    }\n    else if (!allowEmpty) {\n      setNow();\n    }\n  });\n\n  return {\n    clear,\n    commitPartialTime,\n    getDateTime,\n    internalErrorMessages,\n    isDateValid,\n    maxAllowedDate,\n    minAllowedDate,\n    modelDay,\n    modelHour,\n    modelMillisecond,\n    modelMinute,\n    modelMonth,\n    modelSecond,\n    modelTimezone,\n    modelYear,\n    now: shallowReadonly(now),\n    segmentData,\n    selectedDate,\n    selectedTime,\n    setNow,\n    setToday,\n    valueSet,\n  };\n}\n"],"mappings":"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"}

package/dist/components/date-time-picker/use-input-handler.js

@@ -1,5 +1,5 @@
+import { get, set } from "../../vendor/@vueuse/shared/dist/index.js";
 import { includeMilliseconds, includeSeconds } from "./utils.js";
-import { get, set } from "@vueuse/shared";
 //#region src/components/date-time-picker/use-input-handler.ts
 function useInputHandler(data, currentValue) {
 	function setValue(segment, value) {

package/dist/components/date-time-picker/use-keyboard-handler.js

@@ -1,19 +1,18 @@
 import { assert } from "../../utils/assert.js";
+import { get, isDefined, set } from "../../vendor/@vueuse/shared/dist/index.js";
 import { getClickPosition, parseAndSetDateValues } from "./segment-utils.js";
 import { SEGMENT_CONFIG, SEGMENT_METHODS } from "./segment-config.js";
 import { isDateTimeSegmentType } from "./types.js";
 import { computed, nextTick, shallowReadonly, shallowRef } from "vue";
-import { isDefined } from "@vueuse/core";
-import { get as get$1, set as set$1 } from "@vueuse/shared";
 //#region src/components/date-time-picker/use-keyboard-handler.ts
 function useKeyboardHandler(options) {
 	const { accuracy, currentValue, cursorPosition, dateFormat, disabled, getCurrent, getDateTime, readonly, setValue, textInput, timezone } = options;
 	const pasteRejected = shallowRef(false);
 	const formatSegments = computed(() => {
-		return get$1(dateFormat).split(/([\s./:])/g).filter(Boolean);
+		return get(dateFormat).split(/([\s./:])/g).filter(Boolean);
 	});
 	const segmentPositions = computed(() => {
-		const segments = get$1(formatSegments);
+		const segments = get(formatSegments);
 		const positions = [];
 		let currentPosition = 0;
 		segments.forEach((segment) => {
@@ -29,23 +28,23 @@ function useKeyboardHandler(options) {
 		});
 		return positions;
 	});
-	function getCurrentSegment(position = get$1(cursorPosition)) {
-		return get$1(segmentPositions).find((segment) => position >= segment.start && position <= segment.end);
+	function getCurrentSegment(position = get(cursorPosition)) {
+		return get(segmentPositions).find((segment) => position >= segment.start && position <= segment.end);
 	}
 	function setCursorPosition(segment) {
-		set$1(cursorPosition, segment.end);
+		set(cursorPosition, segment.end);
 		nextTick(() => {
 			if (isDefined(textInput)) {
-				const input = get$1(textInput);
+				const input = get(textInput);
 				input.setSelectionRange(segment.start, segment.end);
 				input.focus();
 			}
 		});
 	}
 	function setSegment(segmentType) {
-		const segments = get$1(segmentPositions).find((segment) => segment.type === segmentType);
+		const segments = get(segmentPositions).find((segment) => segment.type === segmentType);
 		if (segments) {
-			set$1(currentValue, void 0);
+			set(currentValue, void 0);
 			setCursorPosition(segments);
 		}
 	}
@@ -71,11 +70,11 @@ function useKeyboardHandler(options) {
 		}
 	}
 	function navigateSegments(key) {
-		const position = get$1(cursorPosition);
-		const positions = get$1(segmentPositions);
+		const position = get(cursorPosition);
+		const positions = get(segmentPositions);
 		const currentSegmentIndex = positions.findIndex((segment) => position >= segment.start && position <= segment.end);
 		if (currentSegmentIndex === -1) return;
-		set$1(currentValue, void 0);
+		set(currentValue, void 0);
 		let nextSegmentIndex;
 		if (key === "ArrowRight") {
 			nextSegmentIndex = currentSegmentIndex + 1;
@@ -103,14 +102,14 @@ function useKeyboardHandler(options) {
 	*/
 	function applyDigit(segment, segmentType, digit) {
 		const config = SEGMENT_CONFIG[segmentType];
-		const combinedStr = `${get$1(currentValue) ?? ""}${digit}`;
+		const combinedStr = `${get(currentValue) ?? ""}${digit}`;
 		const combinedValue = parseInt(combinedStr);
 		const maxLength = segmentType.length;
 		const minValue = config.minValue ?? 0;
 		if (combinedValue >= minValue && combinedValue <= config.maxValue) {
 			setValue(segmentType, combinedValue);
 			setCursorPosition(segment);
-		} else if (combinedValue < minValue && combinedStr.length < maxLength) set$1(currentValue, combinedValue);
+		} else if (combinedValue < minValue && combinedStr.length < maxLength) set(currentValue, combinedValue);
 		if (parseInt(`${combinedStr}0`) > config.maxValue || combinedStr.length >= maxLength) navigateSegments("ArrowRight");
 	}
 	function handleDigitPressed(event, digit) {
@@ -129,7 +128,7 @@ function useKeyboardHandler(options) {
 		if (!(event.target instanceof HTMLInputElement)) return;
 		const currentSegment = getCurrentSegment(event.target.selectionStart ?? 0);
 		if (!currentSegment) return;
-		const updatedValue = (get$1(currentValue) ?? getCurrent(currentSegment.type) ?? "").toString().slice(0, -1);
+		const updatedValue = (get(currentValue) ?? getCurrent(currentSegment.type) ?? "").toString().slice(0, -1);
 		setValue(currentSegment.type, updatedValue.length === 0 ? void 0 : parseInt(updatedValue));
 		setCursorPosition(currentSegment);
 	}
@@ -161,7 +160,7 @@ function useKeyboardHandler(options) {
 	}
 	function handleKeyDown(event) {
 		if (disabled || readonly) return;
-		set$1(pasteRejected, false);
+		set(pasteRejected, false);
 		if (event.ctrlKey || event.metaKey || event.altKey) return;
 		if (dispatchKey(event, event.key)) event.preventDefault();
 	}
@@ -178,7 +177,7 @@ function useKeyboardHandler(options) {
 		if (disabled || readonly || !(event.target instanceof HTMLInputElement)) return;
 		const currentSegment = getCurrentSegment(getClickPosition(event, event.target, true));
 		if (currentSegment) {
-			set$1(currentValue, void 0);
+			set(currentValue, void 0);
 			clickedSegment = currentSegment;
 		}
 	}
@@ -186,18 +185,18 @@ function useKeyboardHandler(options) {
 		if (disabled || readonly || !(event.target instanceof HTMLInputElement)) return;
 		const currentSegment = getCurrentSegment(getClickPosition(event, event.target, true));
 		if (currentSegment) {
-			set$1(currentValue, void 0);
+			set(currentValue, void 0);
 			clickedSegment = currentSegment;
-			set$1(cursorPosition, currentSegment.end);
+			set(cursorPosition, currentSegment.end);
 			event.target.setSelectionRange(currentSegment.start, currentSegment.end);
 		}
 	}
 	function handleInputSelection(event) {
 		const target = event.target;
-		set$1(cursorPosition, target.selectionStart ?? 0);
+		set(cursorPosition, target.selectionStart ?? 0);
 	}
 	function selectFirstSegment() {
-		const firstSegment = get$1(segmentPositions)[0];
+		const firstSegment = get(segmentPositions)[0];
 		if (firstSegment) setCursorPosition(firstSegment);
 	}
 	/**
@@ -211,7 +210,7 @@ function useKeyboardHandler(options) {
 			clickedSegment = void 0;
 			return;
 		}
-		const input = get$1(textInput);
+		const input = get(textInput);
 		if (input && input.selectionStart !== input.selectionEnd) return;
 		selectFirstSegment();
 	}
@@ -220,9 +219,9 @@ function useKeyboardHandler(options) {
 	* another segment does not blink through the one left behind.
 	*/
 	function handleBlur() {
-		set$1(cursorPosition, 0);
-		set$1(currentValue, void 0);
-		set$1(pasteRejected, false);
+		set(cursorPosition, 0);
+		set(currentValue, void 0);
+		set(pasteRejected, false);
 		clickedSegment = void 0;
 	}
 	/** Text that is no date raises `pasteRejected` until the next key, paste, input or blur. */
@@ -232,16 +231,16 @@ function useKeyboardHandler(options) {
 		event.preventDefault();
 		const pastedText = event.clipboardData?.getData("text");
 		if (!pastedText) return;
-		const parsed = parseAndSetDateValues(pastedText, get$1(dateFormat), accuracy, setValue, get$1(timezone));
-		set$1(pasteRejected, !parsed);
+		const parsed = parseAndSetDateValues(pastedText, get(dateFormat), accuracy, setValue, get(timezone));
+		set(pasteRejected, !parsed);
 	}
 	function handleInput(event) {
 		if (disabled || readonly) return;
-		set$1(pasteRejected, false);
+		set(pasteRejected, false);
 		if (!(event.target instanceof HTMLInputElement)) return;
 		const inputText = event.target.value;
 		if (!inputText) return;
-		parseAndSetDateValues(inputText, get$1(dateFormat), accuracy, setValue);
+		parseAndSetDateValues(inputText, get(dateFormat), accuracy, setValue);
 	}
 	return {
 		clear,

package/dist/components/date-time-picker/use-keyboard-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-keyboard-handler.js","names":[],"sources":["../../../src/components/date-time-picker/use-keyboard-handler.ts"],"sourcesContent":["import type { Dayjs } from 'dayjs';\nimport type { Ref, ShallowRef } from 'vue';\nimport type { TimeAccuracy } from '@/consts/time-accuracy';\nimport { type Segment, SEGMENT_CONFIG, SEGMENT_METHODS } from '@/components/date-time-picker/segment-config';\nimport { getClickPosition, parseAndSetDateValues } from '@/components/date-time-picker/segment-utils';\nimport {\n  type DateTimeSegmentType,\n  isDateTimeSegmentType,\n} from '@/components/date-time-picker/types';\nimport { assert } from '@/utils/assert';\n\ninterface KeyboardHandlerOptions {\n  dateFormat: Ref<string>;\n  cursorPosition: Ref<number>;\n  currentValue: Ref<number | undefined>;\n  textInput: Readonly<ShallowRef<HTMLInputElement | null>> | Ref<HTMLInputElement | undefined>;\n  setValue: (segment: DateTimeSegmentType, value?: number) => void;\n  getCurrent: (segment: DateTimeSegmentType) => number | undefined;\n  getDateTime: () => Dayjs;\n  disabled: boolean;\n  readonly: boolean;\n  accuracy: TimeAccuracy;\n  timezone: Readonly<Ref<string | undefined>>;\n}\n\nexport function useKeyboardHandler(options: KeyboardHandlerOptions) {\n  const {\n    accuracy,\n    currentValue,\n    cursorPosition,\n    dateFormat,\n    disabled,\n    getCurrent,\n    getDateTime,\n    readonly,\n    setValue,\n    textInput,\n    timezone,\n  } = options;\n\n  const pasteRejected = shallowRef<boolean>(false);\n\n  const formatSegments = computed<string[]>(() => {\n    const format = get(dateFormat);\n    return format.split(/([\\s./:])/g).filter(Boolean);\n  });\n\n  const segmentPositions = computed<Segment[]>(() => {\n    const segments = get(formatSegments);\n    const positions: Segment[] = [];\n    let currentPosition = 0;\n\n    segments.forEach((segment) => {\n      if (!/[\\s./:]/.test(segment)) {\n        assert(isDateTimeSegmentType(segment), `Invalid date format segment: ${segment}`);\n        positions.push({\n          end: currentPosition + segment.length,\n          start: currentPosition,\n          type: segment,\n        });\n      }\n      currentPosition += segment.length;\n    });\n\n    return positions;\n  });\n\n  function getCurrentSegment(position: number = get(cursorPosition)) {\n    const segments = get(segmentPositions);\n    return segments.find(segment => position >= segment.start && position <= segment.end);\n  }\n\n  function setCursorPosition(segment: Segment): void {\n    set(cursorPosition, segment.end);\n\n    nextTick(() => {\n      if (isDefined(textInput)) {\n        const input = get(textInput);\n        input.setSelectionRange(segment.start, segment.end);\n        input.focus();\n      }\n    });\n  }\n\n  function setSegment(segmentType: DateTimeSegmentType): void {\n    const segments = get(segmentPositions).find(segment => segment.type === segmentType);\n    if (segments) {\n      set(currentValue, undefined);\n      setCursorPosition(segments);\n    }\n  }\n\n  function clear(segmentType?: string): void {\n    const currentSegment = getCurrentSegment();\n    if (!segmentType && !currentSegment) {\n      return;\n    }\n\n    const typeToUse = segmentType ?? currentSegment?.type;\n    if (!typeToUse) {\n      return;\n    }\n\n    setValue(typeToUse as DateTimeSegmentType, undefined);\n\n    if (currentSegment) {\n      setCursorPosition(currentSegment);\n    }\n  }\n\n  function changeSegmentValue(increment: boolean): void {\n    if (!isDefined(textInput))\n      return;\n    const currentSegment = getCurrentSegment();\n    if (!currentSegment)\n      return;\n    const segmentType = currentSegment.type;\n    const method = SEGMENT_METHODS[segmentType];\n    const selectedDate = getDateTime();\n    const updatedDate = selectedDate.set(method, selectedDate.get(method) + (increment ? 1 : -1));\n    if (updatedDate.year() >= 1970) {\n      setValue(\n        segmentType,\n        segmentType === 'MM' ? updatedDate.get(method) + 1 : updatedDate.get(method),\n      );\n      setCursorPosition(currentSegment);\n    }\n  }\n\n  function navigateSegments(key: string) {\n    const position = get(cursorPosition);\n    const positions = get(segmentPositions);\n    const currentSegmentIndex = positions.findIndex(\n      segment => position >= segment.start && position <= segment.end,\n    );\n\n    if (currentSegmentIndex === -1) {\n      return;\n    }\n\n    set(currentValue, undefined);\n\n    let nextSegmentIndex: number;\n    if (key === 'ArrowRight') {\n      nextSegmentIndex = currentSegmentIndex + 1;\n      if (nextSegmentIndex < positions.length) {\n        const nextSegment = positions[nextSegmentIndex];\n        assert(nextSegment);\n        setCursorPosition(nextSegment);\n      }\n    }\n    else {\n      nextSegmentIndex = currentSegmentIndex - 1;\n      if (nextSegmentIndex >= 0) {\n        const nextSegment = positions[nextSegmentIndex];\n        assert(nextSegment);\n        setCursorPosition(nextSegment);\n      }\n    }\n  }\n\n  /**\n   * Adds a typed digit to the segment under the caret, moving on to the next\n   * segment once this one can hold no more.\n   *\n   * @param segment - the segment the caret sits in\n   * @param segmentType - that segment's type, which states its value range\n   * @param digit - the digit that was typed\n   */\n  function applyDigit(segment: Segment, segmentType: DateTimeSegmentType, digit: string): void {\n    const config = SEGMENT_CONFIG[segmentType];\n    const value = get(currentValue) ?? '';\n    const combinedStr = `${value}${digit}`;\n    const combinedValue = parseInt(combinedStr);\n    const maxLength = segmentType.length;\n    const minValue = config.minValue ?? 0;\n\n    if (combinedValue >= minValue && combinedValue <= config.maxValue) {\n      setValue(segmentType, combinedValue);\n      setCursorPosition(segment);\n    }\n    else if (combinedValue < minValue && combinedStr.length < maxLength) {\n      // Track digit even if below minValue, so next digit can combine (e.g., \"0\" allows \"01\")\n      set(currentValue, combinedValue);\n    }\n\n    const willExceedMax = parseInt(`${combinedStr}0`) > config.maxValue;\n    // Use string length of typed digits, not parsed number length (e.g., \"01\" has length 2)\n    if (willExceedMax || combinedStr.length >= maxLength)\n      navigateSegments('ArrowRight');\n  }\n\n  function handleDigitPressed(event: KeyboardEvent, digit: string): void {\n    if (!(event.target instanceof HTMLInputElement))\n      return;\n\n    const currentSegment = getCurrentSegment(event.target.selectionStart ?? 0);\n    if (!currentSegment || isNaN(parseInt(digit)))\n      return;\n\n    const segmentType = currentSegment.type;\n    if (!isDateTimeSegmentType(segmentType))\n      return;\n\n    applyDigit(currentSegment, segmentType, digit);\n  }\n\n  function handleKeyboardNavigation(event: KeyboardEvent): void {\n    if (event.key === 'ArrowUp')\n      changeSegmentValue(true);\n    else if (event.key === 'ArrowDown')\n      changeSegmentValue(false);\n  }\n\n  function handleBackspace(event: KeyboardEvent): void {\n    if (!(event.target instanceof HTMLInputElement))\n      return;\n    const currentSegment = getCurrentSegment(event.target.selectionStart ?? 0);\n    if (!currentSegment)\n      return;\n    const value = get(currentValue) ?? getCurrent(currentSegment.type) ?? '';\n    const updatedValue = value.toString().slice(0, -1);\n    setValue(currentSegment.type, updatedValue.length === 0 ? undefined : parseInt(updatedValue));\n    setCursorPosition(currentSegment);\n  }\n\n  function onInputDeletePressed(event: KeyboardEvent): void {\n    if (!(event.target instanceof HTMLInputElement))\n      return;\n    const segment = getCurrentSegment(event.target.selectionStart ?? 0);\n    if (segment) {\n      clear(segment.type);\n      setCursorPosition(segment);\n    }\n  }\n\n  /**\n   * Runs the picker's own handling for a key.\n   *\n   * @param event - the keydown being handled\n   * @param key - the key that was pressed\n   * @returns whether the picker handled it, which decides if the browser's own\n   * handling is kept: Tab moves out of the field, Escape closes the menu and\n   * Enter submits the surrounding form.\n   */\n  function dispatchKey(event: KeyboardEvent, key: string): boolean {\n    if (key === 'ArrowRight' || key === 'ArrowLeft')\n      navigateSegments(key);\n    else if (key === 'ArrowUp' || key === 'ArrowDown')\n      handleKeyboardNavigation(event);\n    else if (key === 'Backspace')\n      handleBackspace(event);\n    else if (key === 'Delete')\n      onInputDeletePressed(event);\n    else if (/^\\d$/.test(key))\n      handleDigitPressed(event, key);\n    else\n      return false;\n\n    return true;\n  }\n\n  function handleKeyDown(event: KeyboardEvent): void {\n    if (disabled || readonly)\n      return;\n\n    set(pasteRejected, false);\n    // Modifier combos belong to the browser: swallowing them made copy and paste impossible\n    if (event.ctrlKey || event.metaKey || event.altKey)\n      return;\n\n    if (dispatchKey(event, event.key))\n      event.preventDefault();\n  }\n\n  // Track the segment that was clicked, so handleFocus can restore it after DOM updates\n  let clickedSegment: Segment | undefined;\n\n  /**\n   * Captures the clicked segment on mousedown, which fires before focus.\n   *\n   * The in-progress digit buffer is reset because switching segments must not\n   * carry typed digits over, otherwise a leftover digit from another segment\n   * combines with the next keystroke (type \"1\" in HH, click mm, type \"3\" and\n   * mm would become 13 instead of 3).\n   */\n  function handleMouseDown(event: MouseEvent): void {\n    if (disabled || readonly || !(event.target instanceof HTMLInputElement))\n      return;\n    const currentSegment = getCurrentSegment(getClickPosition(event, event.target, true));\n    if (currentSegment) {\n      set(currentValue, undefined);\n      clickedSegment = currentSegment;\n    }\n  }\n\n  function handleClick(event: MouseEvent): void {\n    if (disabled || readonly || !(event.target instanceof HTMLInputElement))\n      return;\n    const currentSegment = getCurrentSegment(getClickPosition(event, event.target, true));\n    if (currentSegment) {\n      set(currentValue, undefined);\n      clickedSegment = currentSegment;\n      set(cursorPosition, currentSegment.end);\n      event.target.setSelectionRange(currentSegment.start, currentSegment.end);\n    }\n  }\n\n  function handleInputSelection(event: Event): void {\n    const target = event.target as HTMLInputElement;\n    set(cursorPosition, target.selectionStart ?? 0);\n  }\n\n  function selectFirstSegment(): void {\n    const firstSegment = get(segmentPositions)[0];\n    if (firstSegment)\n      setCursorPosition(firstSegment);\n  }\n\n  /**\n   * Restores the selection a click asked for, which opening the menu and the\n   * DOM updates that follow can lose. With no click to restore, focus selects\n   * the first segment, unless the user is already selecting text themselves.\n   */\n  function handleFocus(): void {\n    if (clickedSegment) {\n      setCursorPosition(clickedSegment);\n      clickedSegment = undefined;\n      return;\n    }\n\n    const input = get(textInput);\n    if (input && input.selectionStart !== input.selectionEnd)\n      return;\n    selectFirstSegment();\n  }\n\n  /**\n   * Forgets the cursor position and the clicked segment, so re-focusing on\n   * another segment does not blink through the one left behind.\n   */\n  function handleBlur(): void {\n    set(cursorPosition, 0);\n    set(currentValue, undefined);\n    set(pasteRejected, false);\n    clickedSegment = undefined;\n  }\n\n  /** Text that is no date raises `pasteRejected` until the next key, paste, input or blur. */\n  function handlePaste(event: ClipboardEvent): void {\n    if (disabled || readonly)\n      return;\n\n    if (!(event.target instanceof HTMLInputElement)) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const pastedText = event.clipboardData?.getData('text');\n    if (!pastedText) {\n      return;\n    }\n    const parsed = parseAndSetDateValues(pastedText, get(dateFormat), accuracy, setValue, get(timezone));\n    set(pasteRejected, !parsed);\n  }\n\n  function handleInput(event: Event): void {\n    if (disabled || readonly)\n      return;\n    set(pasteRejected, false);\n\n    if (!(event.target instanceof HTMLInputElement)) {\n      return;\n    }\n\n    const inputText = event.target.value;\n    if (!inputText) {\n      return;\n    }\n\n    parseAndSetDateValues(inputText, get(dateFormat), accuracy, setValue);\n  }\n\n  return {\n    clear,\n    getCurrentSegment,\n    handleBlur,\n    handleClick,\n    handleFocus,\n    handleInput,\n    handleInputSelection,\n    handleKeyDown,\n    handleMouseDown,\n    handlePaste,\n    pasteRejected: shallowReadonly(pasteRejected),\n    selectFirstSegment,\n    setSegment,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-keyboard-handler.js","names":[],"sources":["../../../src/components/date-time-picker/use-keyboard-handler.ts"],"sourcesContent":["import type { Dayjs } from 'dayjs';\nimport type { Ref, ShallowRef } from 'vue';\nimport type { TimeAccuracy } from '@/consts/time-accuracy';\nimport { type Segment, SEGMENT_CONFIG, SEGMENT_METHODS } from '@/components/date-time-picker/segment-config';\nimport { getClickPosition, parseAndSetDateValues } from '@/components/date-time-picker/segment-utils';\nimport {\n  type DateTimeSegmentType,\n  isDateTimeSegmentType,\n} from '@/components/date-time-picker/types';\nimport { assert } from '@/utils/assert';\n\ninterface KeyboardHandlerOptions {\n  dateFormat: Ref<string>;\n  cursorPosition: Ref<number>;\n  currentValue: Ref<number | undefined>;\n  textInput: Readonly<ShallowRef<HTMLInputElement | null>> | Ref<HTMLInputElement | undefined>;\n  setValue: (segment: DateTimeSegmentType, value?: number) => void;\n  getCurrent: (segment: DateTimeSegmentType) => number | undefined;\n  getDateTime: () => Dayjs;\n  disabled: boolean;\n  readonly: boolean;\n  accuracy: TimeAccuracy;\n  timezone: Readonly<Ref<string | undefined>>;\n}\n\nexport function useKeyboardHandler(options: KeyboardHandlerOptions) {\n  const {\n    accuracy,\n    currentValue,\n    cursorPosition,\n    dateFormat,\n    disabled,\n    getCurrent,\n    getDateTime,\n    readonly,\n    setValue,\n    textInput,\n    timezone,\n  } = options;\n\n  const pasteRejected = shallowRef<boolean>(false);\n\n  const formatSegments = computed<string[]>(() => {\n    const format = get(dateFormat);\n    return format.split(/([\\s./:])/g).filter(Boolean);\n  });\n\n  const segmentPositions = computed<Segment[]>(() => {\n    const segments = get(formatSegments);\n    const positions: Segment[] = [];\n    let currentPosition = 0;\n\n    segments.forEach((segment) => {\n      if (!/[\\s./:]/.test(segment)) {\n        assert(isDateTimeSegmentType(segment), `Invalid date format segment: ${segment}`);\n        positions.push({\n          end: currentPosition + segment.length,\n          start: currentPosition,\n          type: segment,\n        });\n      }\n      currentPosition += segment.length;\n    });\n\n    return positions;\n  });\n\n  function getCurrentSegment(position: number = get(cursorPosition)) {\n    const segments = get(segmentPositions);\n    return segments.find(segment => position >= segment.start && position <= segment.end);\n  }\n\n  function setCursorPosition(segment: Segment): void {\n    set(cursorPosition, segment.end);\n\n    nextTick(() => {\n      if (isDefined(textInput)) {\n        const input = get(textInput);\n        input.setSelectionRange(segment.start, segment.end);\n        input.focus();\n      }\n    });\n  }\n\n  function setSegment(segmentType: DateTimeSegmentType): void {\n    const segments = get(segmentPositions).find(segment => segment.type === segmentType);\n    if (segments) {\n      set(currentValue, undefined);\n      setCursorPosition(segments);\n    }\n  }\n\n  function clear(segmentType?: string): void {\n    const currentSegment = getCurrentSegment();\n    if (!segmentType && !currentSegment) {\n      return;\n    }\n\n    const typeToUse = segmentType ?? currentSegment?.type;\n    if (!typeToUse) {\n      return;\n    }\n\n    setValue(typeToUse as DateTimeSegmentType, undefined);\n\n    if (currentSegment) {\n      setCursorPosition(currentSegment);\n    }\n  }\n\n  function changeSegmentValue(increment: boolean): void {\n    if (!isDefined(textInput))\n      return;\n    const currentSegment = getCurrentSegment();\n    if (!currentSegment)\n      return;\n    const segmentType = currentSegment.type;\n    const method = SEGMENT_METHODS[segmentType];\n    const selectedDate = getDateTime();\n    const updatedDate = selectedDate.set(method, selectedDate.get(method) + (increment ? 1 : -1));\n    if (updatedDate.year() >= 1970) {\n      setValue(\n        segmentType,\n        segmentType === 'MM' ? updatedDate.get(method) + 1 : updatedDate.get(method),\n      );\n      setCursorPosition(currentSegment);\n    }\n  }\n\n  function navigateSegments(key: string) {\n    const position = get(cursorPosition);\n    const positions = get(segmentPositions);\n    const currentSegmentIndex = positions.findIndex(\n      segment => position >= segment.start && position <= segment.end,\n    );\n\n    if (currentSegmentIndex === -1) {\n      return;\n    }\n\n    set(currentValue, undefined);\n\n    let nextSegmentIndex: number;\n    if (key === 'ArrowRight') {\n      nextSegmentIndex = currentSegmentIndex + 1;\n      if (nextSegmentIndex < positions.length) {\n        const nextSegment = positions[nextSegmentIndex];\n        assert(nextSegment);\n        setCursorPosition(nextSegment);\n      }\n    }\n    else {\n      nextSegmentIndex = currentSegmentIndex - 1;\n      if (nextSegmentIndex >= 0) {\n        const nextSegment = positions[nextSegmentIndex];\n        assert(nextSegment);\n        setCursorPosition(nextSegment);\n      }\n    }\n  }\n\n  /**\n   * Adds a typed digit to the segment under the caret, moving on to the next\n   * segment once this one can hold no more.\n   *\n   * @param segment - the segment the caret sits in\n   * @param segmentType - that segment's type, which states its value range\n   * @param digit - the digit that was typed\n   */\n  function applyDigit(segment: Segment, segmentType: DateTimeSegmentType, digit: string): void {\n    const config = SEGMENT_CONFIG[segmentType];\n    const value = get(currentValue) ?? '';\n    const combinedStr = `${value}${digit}`;\n    const combinedValue = parseInt(combinedStr);\n    const maxLength = segmentType.length;\n    const minValue = config.minValue ?? 0;\n\n    if (combinedValue >= minValue && combinedValue <= config.maxValue) {\n      setValue(segmentType, combinedValue);\n      setCursorPosition(segment);\n    }\n    else if (combinedValue < minValue && combinedStr.length < maxLength) {\n      // Track digit even if below minValue, so next digit can combine (e.g., \"0\" allows \"01\")\n      set(currentValue, combinedValue);\n    }\n\n    const willExceedMax = parseInt(`${combinedStr}0`) > config.maxValue;\n    // Use string length of typed digits, not parsed number length (e.g., \"01\" has length 2)\n    if (willExceedMax || combinedStr.length >= maxLength)\n      navigateSegments('ArrowRight');\n  }\n\n  function handleDigitPressed(event: KeyboardEvent, digit: string): void {\n    if (!(event.target instanceof HTMLInputElement))\n      return;\n\n    const currentSegment = getCurrentSegment(event.target.selectionStart ?? 0);\n    if (!currentSegment || isNaN(parseInt(digit)))\n      return;\n\n    const segmentType = currentSegment.type;\n    if (!isDateTimeSegmentType(segmentType))\n      return;\n\n    applyDigit(currentSegment, segmentType, digit);\n  }\n\n  function handleKeyboardNavigation(event: KeyboardEvent): void {\n    if (event.key === 'ArrowUp')\n      changeSegmentValue(true);\n    else if (event.key === 'ArrowDown')\n      changeSegmentValue(false);\n  }\n\n  function handleBackspace(event: KeyboardEvent): void {\n    if (!(event.target instanceof HTMLInputElement))\n      return;\n    const currentSegment = getCurrentSegment(event.target.selectionStart ?? 0);\n    if (!currentSegment)\n      return;\n    const value = get(currentValue) ?? getCurrent(currentSegment.type) ?? '';\n    const updatedValue = value.toString().slice(0, -1);\n    setValue(currentSegment.type, updatedValue.length === 0 ? undefined : parseInt(updatedValue));\n    setCursorPosition(currentSegment);\n  }\n\n  function onInputDeletePressed(event: KeyboardEvent): void {\n    if (!(event.target instanceof HTMLInputElement))\n      return;\n    const segment = getCurrentSegment(event.target.selectionStart ?? 0);\n    if (segment) {\n      clear(segment.type);\n      setCursorPosition(segment);\n    }\n  }\n\n  /**\n   * Runs the picker's own handling for a key.\n   *\n   * @param event - the keydown being handled\n   * @param key - the key that was pressed\n   * @returns whether the picker handled it, which decides if the browser's own\n   * handling is kept: Tab moves out of the field, Escape closes the menu and\n   * Enter submits the surrounding form.\n   */\n  function dispatchKey(event: KeyboardEvent, key: string): boolean {\n    if (key === 'ArrowRight' || key === 'ArrowLeft')\n      navigateSegments(key);\n    else if (key === 'ArrowUp' || key === 'ArrowDown')\n      handleKeyboardNavigation(event);\n    else if (key === 'Backspace')\n      handleBackspace(event);\n    else if (key === 'Delete')\n      onInputDeletePressed(event);\n    else if (/^\\d$/.test(key))\n      handleDigitPressed(event, key);\n    else\n      return false;\n\n    return true;\n  }\n\n  function handleKeyDown(event: KeyboardEvent): void {\n    if (disabled || readonly)\n      return;\n\n    set(pasteRejected, false);\n    // Modifier combos belong to the browser: swallowing them made copy and paste impossible\n    if (event.ctrlKey || event.metaKey || event.altKey)\n      return;\n\n    if (dispatchKey(event, event.key))\n      event.preventDefault();\n  }\n\n  // Track the segment that was clicked, so handleFocus can restore it after DOM updates\n  let clickedSegment: Segment | undefined;\n\n  /**\n   * Captures the clicked segment on mousedown, which fires before focus.\n   *\n   * The in-progress digit buffer is reset because switching segments must not\n   * carry typed digits over, otherwise a leftover digit from another segment\n   * combines with the next keystroke (type \"1\" in HH, click mm, type \"3\" and\n   * mm would become 13 instead of 3).\n   */\n  function handleMouseDown(event: MouseEvent): void {\n    if (disabled || readonly || !(event.target instanceof HTMLInputElement))\n      return;\n    const currentSegment = getCurrentSegment(getClickPosition(event, event.target, true));\n    if (currentSegment) {\n      set(currentValue, undefined);\n      clickedSegment = currentSegment;\n    }\n  }\n\n  function handleClick(event: MouseEvent): void {\n    if (disabled || readonly || !(event.target instanceof HTMLInputElement))\n      return;\n    const currentSegment = getCurrentSegment(getClickPosition(event, event.target, true));\n    if (currentSegment) {\n      set(currentValue, undefined);\n      clickedSegment = currentSegment;\n      set(cursorPosition, currentSegment.end);\n      event.target.setSelectionRange(currentSegment.start, currentSegment.end);\n    }\n  }\n\n  function handleInputSelection(event: Event): void {\n    const target = event.target as HTMLInputElement;\n    set(cursorPosition, target.selectionStart ?? 0);\n  }\n\n  function selectFirstSegment(): void {\n    const firstSegment = get(segmentPositions)[0];\n    if (firstSegment)\n      setCursorPosition(firstSegment);\n  }\n\n  /**\n   * Restores the selection a click asked for, which opening the menu and the\n   * DOM updates that follow can lose. With no click to restore, focus selects\n   * the first segment, unless the user is already selecting text themselves.\n   */\n  function handleFocus(): void {\n    if (clickedSegment) {\n      setCursorPosition(clickedSegment);\n      clickedSegment = undefined;\n      return;\n    }\n\n    const input = get(textInput);\n    if (input && input.selectionStart !== input.selectionEnd)\n      return;\n    selectFirstSegment();\n  }\n\n  /**\n   * Forgets the cursor position and the clicked segment, so re-focusing on\n   * another segment does not blink through the one left behind.\n   */\n  function handleBlur(): void {\n    set(cursorPosition, 0);\n    set(currentValue, undefined);\n    set(pasteRejected, false);\n    clickedSegment = undefined;\n  }\n\n  /** Text that is no date raises `pasteRejected` until the next key, paste, input or blur. */\n  function handlePaste(event: ClipboardEvent): void {\n    if (disabled || readonly)\n      return;\n\n    if (!(event.target instanceof HTMLInputElement)) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const pastedText = event.clipboardData?.getData('text');\n    if (!pastedText) {\n      return;\n    }\n    const parsed = parseAndSetDateValues(pastedText, get(dateFormat), accuracy, setValue, get(timezone));\n    set(pasteRejected, !parsed);\n  }\n\n  function handleInput(event: Event): void {\n    if (disabled || readonly)\n      return;\n    set(pasteRejected, false);\n\n    if (!(event.target instanceof HTMLInputElement)) {\n      return;\n    }\n\n    const inputText = event.target.value;\n    if (!inputText) {\n      return;\n    }\n\n    parseAndSetDateValues(inputText, get(dateFormat), accuracy, setValue);\n  }\n\n  return {\n    clear,\n    getCurrentSegment,\n    handleBlur,\n    handleClick,\n    handleFocus,\n    handleInput,\n    handleInputSelection,\n    handleKeyDown,\n    handleMouseDown,\n    handlePaste,\n    pasteRejected: shallowReadonly(pasteRejected),\n    selectFirstSegment,\n    setSegment,\n  };\n}\n"],"mappings":"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"}