@rotki/ui-library 2.14.1 → 2.16.0

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

@@ -1,31 +1,34 @@
-import { includeSeconds, includeMilliseconds } from "./utils.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) {
-    if (get(data[segment]) !== value)
-      set(data[segment], value);
-    set(currentValue, value);
-  }
-  function onlySet(segment, value) {
-    if (get(data[segment]) === value)
-      return;
-    set(data[segment], value);
-  }
-  function update(date, accuracy) {
-    onlySet("YYYY", date.year());
-    onlySet("MM", date.month() + 1);
-    onlySet("DD", date.date());
-    onlySet("HH", date.hour());
-    onlySet("mm", date.minute());
-    onlySet("ss", includeSeconds(accuracy) ? date.second() : void 0);
-    onlySet("SSS", includeMilliseconds(accuracy) ? date.millisecond() : void 0);
-  }
-  function getCurrent(segment) {
-    return get(data[segment]);
-  }
-  return { getCurrent, setValue, update };
+	function setValue(segment, value) {
+		if (get(data[segment]) !== value) set(data[segment], value);
+		set(currentValue, value);
+	}
+	function onlySet(segment, value) {
+		if (get(data[segment]) === value) return;
+		set(data[segment], value);
+	}
+	function update(date, accuracy) {
+		onlySet("YYYY", date.year());
+		onlySet("MM", date.month() + 1);
+		onlySet("DD", date.date());
+		onlySet("HH", date.hour());
+		onlySet("mm", date.minute());
+		onlySet("ss", includeSeconds(accuracy) ? date.second() : void 0);
+		onlySet("SSS", includeMilliseconds(accuracy) ? date.millisecond() : void 0);
+	}
+	function getCurrent(segment) {
+		return get(data[segment]);
+	}
+	return {
+		getCurrent,
+		setValue,
+		update
+	};
 }
-export {
-  useInputHandler
-};
-//# sourceMappingURL=use-input-handler.js.map
+//#endregion
+export { useInputHandler };
+
+//# sourceMappingURL=use-input-handler.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-input-handler.js","sources":["../../../src/components/date-time-picker/use-input-handler.ts"],"sourcesContent":["import type { Dayjs } from 'dayjs';\nimport type { Ref } from 'vue';\nimport type { DateTimeSegmentType, SegmentData } from '@/components/date-time-picker/types';\nimport type { TimeAccuracy } from '@/consts/time-accuracy';\nimport { includeMilliseconds, includeSeconds } from '@/components/date-time-picker/utils';\n\nexport function useInputHandler(data: SegmentData, currentValue: Ref<number | undefined>) {\n  function setValue(segment: DateTimeSegmentType, value?: number) {\n    if (get(data[segment]) !== value)\n      set(data[segment], value);\n\n    set(currentValue, value);\n  }\n\n  function onlySet(segment: DateTimeSegmentType, value?: number): void {\n    if (get(data[segment]) === value)\n      return;\n\n    set(data[segment], value);\n  }\n\n  function update(date: Dayjs, accuracy: TimeAccuracy) {\n    onlySet('YYYY', date.year());\n    onlySet('MM', date.month() + 1);\n    onlySet('DD', date.date());\n    onlySet('HH', date.hour());\n    onlySet('mm', date.minute());\n    onlySet('ss', includeSeconds(accuracy) ? date.second() : undefined);\n    onlySet('SSS', includeMilliseconds(accuracy) ? date.millisecond() : undefined);\n  }\n\n  function getCurrent(segment: DateTimeSegmentType): number | undefined {\n    return get(data[segment]);\n  }\n\n  return { getCurrent, setValue, update };\n}\n"],"names":[],"mappings":";;AAMO,SAAS,gBAAgB,MAAmB,cAAuC;AACxF,WAAS,SAAS,SAA8B,OAAgB;AAC9D,QAAI,IAAI,KAAK,OAAO,CAAC,MAAM;AACzB,UAAI,KAAK,OAAO,GAAG,KAAK;AAE1B,QAAI,cAAc,KAAK;AAAA,EACzB;AAEA,WAAS,QAAQ,SAA8B,OAAsB;AACnE,QAAI,IAAI,KAAK,OAAO,CAAC,MAAM;AACzB;AAEF,QAAI,KAAK,OAAO,GAAG,KAAK;AAAA,EAC1B;AAEA,WAAS,OAAO,MAAa,UAAwB;AACnD,YAAQ,QAAQ,KAAK,MAAM;AAC3B,YAAQ,MAAM,KAAK,MAAA,IAAU,CAAC;AAC9B,YAAQ,MAAM,KAAK,MAAM;AACzB,YAAQ,MAAM,KAAK,MAAM;AACzB,YAAQ,MAAM,KAAK,QAAQ;AAC3B,YAAQ,MAAM,eAAe,QAAQ,IAAI,KAAK,OAAA,IAAW,MAAS;AAClE,YAAQ,OAAO,oBAAoB,QAAQ,IAAI,KAAK,YAAA,IAAgB,MAAS;AAAA,EAC/E;AAEA,WAAS,WAAW,SAAkD;AACpE,WAAO,IAAI,KAAK,OAAO,CAAC;AAAA,EAC1B;AAEA,SAAO,EAAE,YAAY,UAAU,OAAA;AACjC;"}
+{"version":3,"file":"use-input-handler.js","names":[],"sources":["../../../src/components/date-time-picker/use-input-handler.ts"],"sourcesContent":["import type { Dayjs } from 'dayjs';\nimport type { Ref } from 'vue';\nimport type { DateTimeSegmentType, SegmentData } from '@/components/date-time-picker/types';\nimport type { TimeAccuracy } from '@/consts/time-accuracy';\nimport { includeMilliseconds, includeSeconds } from '@/components/date-time-picker/utils';\n\nexport function useInputHandler(data: SegmentData, currentValue: Ref<number | undefined>) {\n  function setValue(segment: DateTimeSegmentType, value?: number) {\n    if (get(data[segment]) !== value)\n      set(data[segment], value);\n\n    set(currentValue, value);\n  }\n\n  function onlySet(segment: DateTimeSegmentType, value?: number): void {\n    if (get(data[segment]) === value)\n      return;\n\n    set(data[segment], value);\n  }\n\n  function update(date: Dayjs, accuracy: TimeAccuracy) {\n    onlySet('YYYY', date.year());\n    onlySet('MM', date.month() + 1);\n    onlySet('DD', date.date());\n    onlySet('HH', date.hour());\n    onlySet('mm', date.minute());\n    onlySet('ss', includeSeconds(accuracy) ? date.second() : undefined);\n    onlySet('SSS', includeMilliseconds(accuracy) ? date.millisecond() : undefined);\n  }\n\n  function getCurrent(segment: DateTimeSegmentType): number | undefined {\n    return get(data[segment]);\n  }\n\n  return { getCurrent, setValue, update };\n}\n"],"mappings":";;;AAMA,SAAgB,gBAAgB,MAAmB,cAAuC;CACxF,SAAS,SAAS,SAA8B,OAAgB;AAC9D,MAAI,IAAI,KAAK,SAAS,KAAK,MACzB,KAAI,KAAK,UAAU,MAAM;AAE3B,MAAI,cAAc,MAAM;;CAG1B,SAAS,QAAQ,SAA8B,OAAsB;AACnE,MAAI,IAAI,KAAK,SAAS,KAAK,MACzB;AAEF,MAAI,KAAK,UAAU,MAAM;;CAG3B,SAAS,OAAO,MAAa,UAAwB;AACnD,UAAQ,QAAQ,KAAK,MAAM,CAAC;AAC5B,UAAQ,MAAM,KAAK,OAAO,GAAG,EAAE;AAC/B,UAAQ,MAAM,KAAK,MAAM,CAAC;AAC1B,UAAQ,MAAM,KAAK,MAAM,CAAC;AAC1B,UAAQ,MAAM,KAAK,QAAQ,CAAC;AAC5B,UAAQ,MAAM,eAAe,SAAS,GAAG,KAAK,QAAQ,GAAG,KAAA,EAAU;AACnE,UAAQ,OAAO,oBAAoB,SAAS,GAAG,KAAK,aAAa,GAAG,KAAA,EAAU;;CAGhF,SAAS,WAAW,SAAkD;AACpE,SAAO,IAAI,KAAK,SAAS;;AAG3B,QAAO;EAAE;EAAY;EAAU;EAAQ"}

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

@@ -1,274 +1,207 @@
+import { assert } from "../../utils/assert.js";
 import { SEGMENT_CONFIG, SEGMENT_METHODS } from "./segment-config.js";
-import { parseAndSetDateValues, getClickPosition } from "./segment-utils.js";
+import { getClickPosition, parseAndSetDateValues } from "./segment-utils.js";
 import { isDateTimeSegmentType } from "./types.js";
-import { assert } from "../../utils/assert.js";
 import { computed, nextTick } from "vue";
-import { get, set } from "@vueuse/shared";
 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
-  } = options;
-  const formatSegments = computed(() => {
-    const format = get(dateFormat);
-    return format.split(/([\s./:])/g).filter(Boolean);
-  });
-  const segmentPositions = computed(() => {
-    const segments = get(formatSegments);
-    const positions = [];
-    let currentPosition = 0;
-    segments.forEach((segment) => {
-      if (!/[\s./:]/.test(segment)) {
-        assert(isDateTimeSegmentType(segment), `Invalid date format segment: ${segment}`);
-        positions.push({
-          end: currentPosition + segment.length,
-          start: currentPosition,
-          type: segment
-        });
-      }
-      currentPosition += segment.length;
-    });
-    return positions;
-  });
-  function getCurrentSegment(position = get(cursorPosition)) {
-    const segments = get(segmentPositions);
-    return segments.find((segment) => position >= segment.start && position <= segment.end);
-  }
-  function setCursorPosition(segment) {
-    set(cursorPosition, segment.end);
-    nextTick(() => {
-      if (isDefined(textInput)) {
-        const input = get(textInput);
-        input.setSelectionRange(segment.start, segment.end);
-        input.focus();
-      }
-    });
-  }
-  function setSegment(segmentType) {
-    const segments = get(segmentPositions).find((segment) => segment.type === segmentType);
-    if (segments) {
-      setCursorPosition(segments);
-    }
-  }
-  function clear(segmentType) {
-    const currentSegment = getCurrentSegment();
-    if (!segmentType && !currentSegment) {
-      return;
-    }
-    const typeToUse = segmentType ?? currentSegment?.type;
-    if (!typeToUse) {
-      return;
-    }
-    setValue(typeToUse, void 0);
-    if (currentSegment) {
-      setCursorPosition(currentSegment);
-    }
-  }
-  function changeSegmentValue(increment) {
-    if (!isDefined(textInput))
-      return;
-    const currentSegment = getCurrentSegment();
-    if (!currentSegment)
-      return;
-    const segmentType = currentSegment.type;
-    const method = SEGMENT_METHODS[segmentType];
-    const selectedDate = getDateTime();
-    const updatedDate = selectedDate.set(method, selectedDate.get(method) + (increment ? 1 : -1));
-    if (updatedDate.year() >= 1970) {
-      setValue(
-        segmentType,
-        segmentType === "MM" ? updatedDate.get(method) + 1 : updatedDate.get(method)
-      );
-      setCursorPosition(currentSegment);
-    }
-  }
-  function navigateSegments(key) {
-    const position = get(cursorPosition);
-    const positions = get(segmentPositions);
-    const currentSegmentIndex = positions.findIndex(
-      (segment) => position >= segment.start && position <= segment.end
-    );
-    if (currentSegmentIndex === -1) {
-      return;
-    }
-    set(currentValue, void 0);
-    let nextSegmentIndex;
-    if (key === "ArrowRight") {
-      nextSegmentIndex = currentSegmentIndex + 1;
-      if (nextSegmentIndex < positions.length) {
-        const nextSegment = positions[nextSegmentIndex];
-        assert(nextSegment);
-        setCursorPosition(nextSegment);
-      }
-    } else {
-      nextSegmentIndex = currentSegmentIndex - 1;
-      if (nextSegmentIndex >= 0) {
-        const nextSegment = positions[nextSegmentIndex];
-        assert(nextSegment);
-        setCursorPosition(nextSegment);
-      }
-    }
-  }
-  function handleDigitPressed(event, digit) {
-    if (!(event.target instanceof HTMLInputElement))
-      return;
-    const position = event.target.selectionStart ?? 0;
-    const currentSegment = getCurrentSegment(position);
-    if (!currentSegment || isNaN(parseInt(digit)))
-      return;
-    const segmentType = currentSegment.type;
-    if (!isDateTimeSegmentType(segmentType))
-      return;
-    const config = SEGMENT_CONFIG[segmentType];
-    const value = get(currentValue) ?? "";
-    const combinedStr = `${value}${digit}`;
-    const combinedValue = parseInt(combinedStr);
-    const maxLength = segmentType.length;
-    const minValue = config.minValue ?? 0;
-    if (combinedValue >= minValue && combinedValue <= config.maxValue) {
-      setValue(segmentType, combinedValue);
-      setCursorPosition(currentSegment);
-    } else if (combinedValue < minValue && combinedStr.length < maxLength) {
-      set(currentValue, combinedValue);
-    }
-    const willExceedMax = parseInt(`${combinedStr}0`) > config.maxValue;
-    if (willExceedMax || combinedStr.length >= maxLength)
-      navigateSegments("ArrowRight");
-  }
-  function handleKeyboardNavigation(event) {
-    if (event.key === "ArrowUp")
-      changeSegmentValue(true);
-    else if (event.key === "ArrowDown")
-      changeSegmentValue(false);
-  }
-  function handleBackspace(event) {
-    if (!(event.target instanceof HTMLInputElement))
-      return;
-    const currentSegment = getCurrentSegment(event.target.selectionStart ?? 0);
-    if (!currentSegment)
-      return;
-    const value = get(currentValue) ?? getCurrent(currentSegment.type) ?? "";
-    const updatedValue = value.toString().slice(0, -1);
-    setValue(currentSegment.type, updatedValue.length === 0 ? void 0 : parseInt(updatedValue));
-    setCursorPosition(currentSegment);
-  }
-  function onInputDeletePressed(event) {
-    if (!(event.target instanceof HTMLInputElement))
-      return;
-    const segment = getCurrentSegment(event.target.selectionStart ?? 0);
-    if (segment) {
-      clear(segment.type);
-      setCursorPosition(segment);
-    }
-  }
-  function handleKeyDown(event) {
-    if (disabled || readonly)
-      return;
-    const { key } = event;
-    if (key === "Tab")
-      return;
-    event.preventDefault();
-    if (key === "ArrowRight" || key === "ArrowLeft")
-      navigateSegments(key);
-    else if (key === "ArrowUp" || key === "ArrowDown")
-      handleKeyboardNavigation(event);
-    else if (key === "Backspace")
-      handleBackspace(event);
-    else if (key === "Delete")
-      onInputDeletePressed(event);
-    else if (/^\d$/.test(key))
-      handleDigitPressed(event, key);
-  }
-  let clickedSegment;
-  function handleMouseDown(event) {
-    if (disabled || readonly || !(event.target instanceof HTMLInputElement))
-      return;
-    const currentSegment = getCurrentSegment(getClickPosition(event, event.target));
-    if (currentSegment) {
-      clickedSegment = currentSegment;
-    }
-  }
-  function handleClick(event) {
-    if (disabled || readonly || !(event.target instanceof HTMLInputElement))
-      return;
-    const currentSegment = getCurrentSegment(getClickPosition(event, event.target));
-    if (currentSegment) {
-      clickedSegment = currentSegment;
-      set(cursorPosition, currentSegment.end);
-      event.target.setSelectionRange(currentSegment.start, currentSegment.end);
-    }
-  }
-  function handleInputSelection(event) {
-    const target = event.target;
-    set(cursorPosition, target.selectionStart ?? 0);
-  }
-  function handleFocus() {
-    if (clickedSegment) {
-      setCursorPosition(clickedSegment);
-      clickedSegment = void 0;
-      return;
-    }
-    const input = get(textInput);
-    if (input && input.selectionStart !== input.selectionEnd)
-      return;
-    const firstSegment = get(segmentPositions)[0];
-    if (firstSegment)
-      setCursorPosition(firstSegment);
-  }
-  function handleBlur() {
-    set(cursorPosition, 0);
-    set(currentValue, void 0);
-    clickedSegment = void 0;
-  }
-  function handlePaste(event) {
-    if (disabled || readonly)
-      return;
-    if (!(event.target instanceof HTMLInputElement)) {
-      return;
-    }
-    event.preventDefault();
-    const pastedText = event.clipboardData?.getData("text");
-    if (!pastedText) {
-      return;
-    }
-    parseAndSetDateValues(pastedText, get(dateFormat), accuracy, setValue);
-  }
-  function handleInput(event) {
-    if (disabled || readonly)
-      return;
-    if (!(event.target instanceof HTMLInputElement)) {
-      return;
-    }
-    const inputText = event.target.value;
-    if (!inputText) {
-      return;
-    }
-    parseAndSetDateValues(inputText, get(dateFormat), accuracy, setValue);
-  }
-  return {
-    clear,
-    getCurrentSegment,
-    handleBlur,
-    handleClick,
-    handleFocus,
-    handleInput,
-    handleInputSelection,
-    handleKeyDown,
-    handleMouseDown,
-    handlePaste,
-    setSegment
-  };
+	const { accuracy, currentValue, cursorPosition, dateFormat, disabled, getCurrent, getDateTime, readonly, setValue, textInput } = options;
+	const formatSegments = computed(() => {
+		return get$1(dateFormat).split(/([\s./:])/g).filter(Boolean);
+	});
+	const segmentPositions = computed(() => {
+		const segments = get$1(formatSegments);
+		const positions = [];
+		let currentPosition = 0;
+		segments.forEach((segment) => {
+			if (!/[\s./:]/.test(segment)) {
+				assert(isDateTimeSegmentType(segment), `Invalid date format segment: ${segment}`);
+				positions.push({
+					end: currentPosition + segment.length,
+					start: currentPosition,
+					type: segment
+				});
+			}
+			currentPosition += segment.length;
+		});
+		return positions;
+	});
+	function getCurrentSegment(position = get$1(cursorPosition)) {
+		return get$1(segmentPositions).find((segment) => position >= segment.start && position <= segment.end);
+	}
+	function setCursorPosition(segment) {
+		set$1(cursorPosition, segment.end);
+		nextTick(() => {
+			if (isDefined(textInput)) {
+				const input = get$1(textInput);
+				input.setSelectionRange(segment.start, segment.end);
+				input.focus();
+			}
+		});
+	}
+	function setSegment(segmentType) {
+		const segments = get$1(segmentPositions).find((segment) => segment.type === segmentType);
+		if (segments) setCursorPosition(segments);
+	}
+	function clear(segmentType) {
+		const currentSegment = getCurrentSegment();
+		if (!segmentType && !currentSegment) return;
+		const typeToUse = segmentType ?? currentSegment?.type;
+		if (!typeToUse) return;
+		setValue(typeToUse, void 0);
+		if (currentSegment) setCursorPosition(currentSegment);
+	}
+	function changeSegmentValue(increment) {
+		if (!isDefined(textInput)) return;
+		const currentSegment = getCurrentSegment();
+		if (!currentSegment) return;
+		const segmentType = currentSegment.type;
+		const method = SEGMENT_METHODS[segmentType];
+		const selectedDate = getDateTime();
+		const updatedDate = selectedDate.set(method, selectedDate.get(method) + (increment ? 1 : -1));
+		if (updatedDate.year() >= 1970) {
+			setValue(segmentType, segmentType === "MM" ? updatedDate.get(method) + 1 : updatedDate.get(method));
+			setCursorPosition(currentSegment);
+		}
+	}
+	function navigateSegments(key) {
+		const position = get$1(cursorPosition);
+		const positions = get$1(segmentPositions);
+		const currentSegmentIndex = positions.findIndex((segment) => position >= segment.start && position <= segment.end);
+		if (currentSegmentIndex === -1) return;
+		set$1(currentValue, void 0);
+		let nextSegmentIndex;
+		if (key === "ArrowRight") {
+			nextSegmentIndex = currentSegmentIndex + 1;
+			if (nextSegmentIndex < positions.length) {
+				const nextSegment = positions[nextSegmentIndex];
+				assert(nextSegment);
+				setCursorPosition(nextSegment);
+			}
+		} else {
+			nextSegmentIndex = currentSegmentIndex - 1;
+			if (nextSegmentIndex >= 0) {
+				const nextSegment = positions[nextSegmentIndex];
+				assert(nextSegment);
+				setCursorPosition(nextSegment);
+			}
+		}
+	}
+	function handleDigitPressed(event, digit) {
+		if (!(event.target instanceof HTMLInputElement)) return;
+		const currentSegment = getCurrentSegment(event.target.selectionStart ?? 0);
+		if (!currentSegment || isNaN(parseInt(digit))) return;
+		const segmentType = currentSegment.type;
+		if (!isDateTimeSegmentType(segmentType)) return;
+		const config = SEGMENT_CONFIG[segmentType];
+		const combinedStr = `${get$1(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(currentSegment);
+		} else if (combinedValue < minValue && combinedStr.length < maxLength) set$1(currentValue, combinedValue);
+		if (parseInt(`${combinedStr}0`) > config.maxValue || combinedStr.length >= maxLength) navigateSegments("ArrowRight");
+	}
+	function handleKeyboardNavigation(event) {
+		if (event.key === "ArrowUp") changeSegmentValue(true);
+		else if (event.key === "ArrowDown") changeSegmentValue(false);
+	}
+	function handleBackspace(event) {
+		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);
+		setValue(currentSegment.type, updatedValue.length === 0 ? void 0 : parseInt(updatedValue));
+		setCursorPosition(currentSegment);
+	}
+	function onInputDeletePressed(event) {
+		if (!(event.target instanceof HTMLInputElement)) return;
+		const segment = getCurrentSegment(event.target.selectionStart ?? 0);
+		if (segment) {
+			clear(segment.type);
+			setCursorPosition(segment);
+		}
+	}
+	function handleKeyDown(event) {
+		if (disabled || readonly) return;
+		const { key } = event;
+		if (key === "Tab") return;
+		event.preventDefault();
+		if (key === "ArrowRight" || key === "ArrowLeft") navigateSegments(key);
+		else if (key === "ArrowUp" || key === "ArrowDown") handleKeyboardNavigation(event);
+		else if (key === "Backspace") handleBackspace(event);
+		else if (key === "Delete") onInputDeletePressed(event);
+		else if (/^\d$/.test(key)) handleDigitPressed(event, key);
+	}
+	let clickedSegment;
+	function handleMouseDown(event) {
+		if (disabled || readonly || !(event.target instanceof HTMLInputElement)) return;
+		const currentSegment = getCurrentSegment(getClickPosition(event, event.target, true));
+		if (currentSegment) clickedSegment = currentSegment;
+	}
+	function handleClick(event) {
+		if (disabled || readonly || !(event.target instanceof HTMLInputElement)) return;
+		const currentSegment = getCurrentSegment(getClickPosition(event, event.target, true));
+		if (currentSegment) {
+			clickedSegment = currentSegment;
+			set$1(cursorPosition, currentSegment.end);
+			event.target.setSelectionRange(currentSegment.start, currentSegment.end);
+		}
+	}
+	function handleInputSelection(event) {
+		const target = event.target;
+		set$1(cursorPosition, target.selectionStart ?? 0);
+	}
+	function handleFocus() {
+		if (clickedSegment) {
+			setCursorPosition(clickedSegment);
+			clickedSegment = void 0;
+			return;
+		}
+		const input = get$1(textInput);
+		if (input && input.selectionStart !== input.selectionEnd) return;
+		const firstSegment = get$1(segmentPositions)[0];
+		if (firstSegment) setCursorPosition(firstSegment);
+	}
+	function handleBlur() {
+		set$1(cursorPosition, 0);
+		set$1(currentValue, void 0);
+		clickedSegment = void 0;
+	}
+	function handlePaste(event) {
+		if (disabled || readonly) return;
+		if (!(event.target instanceof HTMLInputElement)) return;
+		event.preventDefault();
+		const pastedText = event.clipboardData?.getData("text");
+		if (!pastedText) return;
+		parseAndSetDateValues(pastedText, get$1(dateFormat), accuracy, setValue);
+	}
+	function handleInput(event) {
+		if (disabled || readonly) return;
+		if (!(event.target instanceof HTMLInputElement)) return;
+		const inputText = event.target.value;
+		if (!inputText) return;
+		parseAndSetDateValues(inputText, get$1(dateFormat), accuracy, setValue);
+	}
+	return {
+		clear,
+		getCurrentSegment,
+		handleBlur,
+		handleClick,
+		handleFocus,
+		handleInput,
+		handleInputSelection,
+		handleKeyDown,
+		handleMouseDown,
+		handlePaste,
+		setSegment
+	};
 }
-export {
-  useKeyboardHandler
-};
-//# sourceMappingURL=use-keyboard-handler.js.map
+//#endregion
+export { useKeyboardHandler };
+
+//# sourceMappingURL=use-keyboard-handler.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-keyboard-handler.js","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}\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  } = options;\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      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  function handleDigitPressed(event: KeyboardEvent, digit: string): void {\n    if (!(event.target instanceof HTMLInputElement))\n      return;\n    const position = event.target.selectionStart ?? 0;\n    const currentSegment = getCurrentSegment(position);\n    if (!currentSegment || isNaN(parseInt(digit)))\n      return;\n    const segmentType = currentSegment.type;\n    if (!isDateTimeSegmentType(segmentType))\n      return;\n\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(currentSegment);\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 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  function handleKeyDown(event: KeyboardEvent): void {\n    if (disabled || readonly)\n      return;\n    const { key } = event;\n    if (key === 'Tab')\n      return;\n    event.preventDefault();\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  }\n\n  // Track the segment that was clicked, so handleFocus can restore it after DOM updates\n  let clickedSegment: Segment | undefined;\n\n  // Capture clicked segment on mousedown (fires before focus event)\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      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      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 handleFocus(): void {\n    // If we just clicked on a segment, restore that selection\n    // (the selection may have been lost due to menu opening/DOM updates)\n    if (clickedSegment) {\n      setCursorPosition(clickedSegment);\n      clickedSegment = undefined;\n      return;\n    }\n\n    // Only select first segment if no text is currently selected in the input\n    const input = get(textInput);\n    if (input && input.selectionStart !== input.selectionEnd)\n      return;\n    const firstSegment = get(segmentPositions)[0];\n    if (firstSegment)\n      setCursorPosition(firstSegment);\n  }\n\n  function handleBlur(): void {\n    // Reset cursor position and clicked segment when input loses focus\n    // This prevents \"blinking\" when re-focusing on a different segment\n    set(cursorPosition, 0);\n    set(currentValue, undefined);\n    clickedSegment = undefined;\n  }\n\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    parseAndSetDateValues(pastedText, get(dateFormat), accuracy, setValue);\n  }\n\n  function handleInput(event: Event): void {\n    if (disabled || readonly)\n      return;\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    setSegment,\n  };\n}\n"],"names":[],"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}\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  } = options;\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      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  function handleDigitPressed(event: KeyboardEvent, digit: string): void {\n    if (!(event.target instanceof HTMLInputElement))\n      return;\n    const position = event.target.selectionStart ?? 0;\n    const currentSegment = getCurrentSegment(position);\n    if (!currentSegment || isNaN(parseInt(digit)))\n      return;\n    const segmentType = currentSegment.type;\n    if (!isDateTimeSegmentType(segmentType))\n      return;\n\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(currentSegment);\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 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  function handleKeyDown(event: KeyboardEvent): void {\n    if (disabled || readonly)\n      return;\n    const { key } = event;\n    if (key === 'Tab')\n      return;\n    event.preventDefault();\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  }\n\n  // Track the segment that was clicked, so handleFocus can restore it after DOM updates\n  let clickedSegment: Segment | undefined;\n\n  // Capture clicked segment on mousedown (fires before focus event)\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      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      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 handleFocus(): void {\n    // If we just clicked on a segment, restore that selection\n    // (the selection may have been lost due to menu opening/DOM updates)\n    if (clickedSegment) {\n      setCursorPosition(clickedSegment);\n      clickedSegment = undefined;\n      return;\n    }\n\n    // Only select first segment if no text is currently selected in the input\n    const input = get(textInput);\n    if (input && input.selectionStart !== input.selectionEnd)\n      return;\n    const firstSegment = get(segmentPositions)[0];\n    if (firstSegment)\n      setCursorPosition(firstSegment);\n  }\n\n  function handleBlur(): void {\n    // Reset cursor position and clicked segment when input loses focus\n    // This prevents \"blinking\" when re-focusing on a different segment\n    set(cursorPosition, 0);\n    set(currentValue, undefined);\n    clickedSegment = undefined;\n  }\n\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    parseAndSetDateValues(pastedText, get(dateFormat), accuracy, setValue);\n  }\n\n  function handleInput(event: Event): void {\n    if (disabled || readonly)\n      return;\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    setSegment,\n  };\n}\n"],"mappings":"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"}