@rotki/ui-library 2.12.2 → 2.13.0

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

@@ -1,17 +1,13 @@
-import type { Ref } from 'vue';
+import type { Dayjs } from 'dayjs';
+import type { Ref, ShallowRef } from 'vue';
 import type { TimeAccuracy } from '../../consts/time-accuracy.js';
-import { type Dayjs } from 'dayjs';
+import { type Segment } from '../../components/date-time-picker/segment-config.js';
 import { type DateTimeSegmentType } from '../../components/date-time-picker/types.js';
-interface Segment {
-    start: number;
-    end: number;
-    type: DateTimeSegmentType;
-}
 interface KeyboardHandlerOptions {
     dateFormat: Ref<string>;
     cursorPosition: Ref<number>;
     currentValue: Ref<number | undefined>;
-    textInput: Ref<HTMLInputElement | undefined>;
+    textInput: Readonly<ShallowRef<HTMLInputElement | null>> | Ref<HTMLInputElement | undefined>;
     setValue: (segment: DateTimeSegmentType, value?: number) => void;
     getCurrent: (segment: DateTimeSegmentType) => number | undefined;
     getDateTime: () => Dayjs;

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

@@ -1,28 +1,10 @@
-import dayjs from "dayjs";
+import { SEGMENT_CONFIG, SEGMENT_METHODS } from "./segment-config.js";
+import { parseAndSetDateValues, getClickPosition } from "./segment-utils.js";
 import { isDateTimeSegmentType } from "./types.js";
-import { includeSeconds, includeMilliseconds } from "./utils.js";
 import { assert } from "../../utils/assert.js";
 import { computed, nextTick } from "vue";
 import { get, set } from "@vueuse/shared";
 import { isDefined } from "@vueuse/core";
-const SEGMENT_METHODS = {
-  DD: "date",
-  HH: "hour",
-  MM: "month",
-  SSS: "millisecond",
-  YYYY: "year",
-  mm: "minute",
-  ss: "second"
-};
-const SEGMENT_CONFIG = {
-  DD: { maxValue: 31, minValue: 1 },
-  HH: { maxValue: 23, minValue: 0 },
-  MM: { maxValue: 12, minValue: 1 },
-  SSS: { maxValue: 999, minValue: 0 },
-  YYYY: { maxValue: 9999, minValue: 1 },
-  mm: { maxValue: 59, minValue: 0 },
-  ss: { maxValue: 59, minValue: 0 }
-};
 function useKeyboardHandler(options) {
   const {
     accuracy,
@@ -59,9 +41,7 @@ function useKeyboardHandler(options) {
   });
   function getCurrentSegment(position = get(cursorPosition)) {
     const segments = get(segmentPositions);
-    return segments.find(
-      (segment) => position >= segment.start && position <= segment.end
-    );
+    return segments.find((segment) => position >= segment.start && position <= segment.end);
   }
   function setCursorPosition(segment) {
     set(cursorPosition, segment.end);
@@ -104,7 +84,10 @@ function useKeyboardHandler(options) {
     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));
+      setValue(
+        segmentType,
+        segmentType === "MM" ? updatedDate.get(method) + 1 : updatedDate.get(method)
+      );
       setCursorPosition(currentSegment);
     }
   }
@@ -205,13 +188,6 @@ function useKeyboardHandler(options) {
     else if (/^\d$/.test(key))
       handleDigitPressed(event, key);
   }
-  function getClickPosition(event, input, useCaretPosition) {
-    const fallback = input.selectionStart ?? 0;
-    const caretPos = document.caretPositionFromPoint?.(event.clientX, event.clientY);
-    if (caretPos)
-      return caretPos.offset;
-    return document.caretRangeFromPoint?.(event.clientX, event.clientY)?.startOffset ?? fallback;
-  }
   let clickedSegment;
   function handleMouseDown(event) {
     if (disabled || readonly || !(event.target instanceof HTMLInputElement))
@@ -253,27 +229,6 @@ function useKeyboardHandler(options) {
     set(currentValue, void 0);
     clickedSegment = void 0;
   }
-  function parseAndSetDateValues(pastedText) {
-    try {
-      const parsedDate = dayjs(pastedText, get(dateFormat));
-      if (!parsedDate.isValid()) {
-        return;
-      }
-      const date = parsedDate.toDate();
-      setValue("YYYY", date.getFullYear());
-      setValue("MM", date.getMonth() + 1);
-      setValue("DD", date.getDate());
-      setValue("HH", date.getHours());
-      setValue("mm", date.getMinutes());
-      if (includeSeconds(accuracy)) {
-        setValue("ss", date.getSeconds());
-      }
-      if (includeMilliseconds(accuracy)) {
-        setValue("SSS", date.getMilliseconds());
-      }
-    } catch {
-    }
-  }
   function handlePaste(event) {
     if (disabled || readonly)
       return;
@@ -285,7 +240,7 @@ function useKeyboardHandler(options) {
     if (!pastedText) {
       return;
     }
-    parseAndSetDateValues(pastedText);
+    parseAndSetDateValues(pastedText, get(dateFormat), accuracy, setValue);
   }
   function handleInput(event) {
     if (disabled || readonly)
@@ -297,7 +252,7 @@ function useKeyboardHandler(options) {
     if (!inputText) {
       return;
     }
-    parseAndSetDateValues(inputText);
+    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","sources":["../../../src/components/date-time-picker/use-keyboard-handler.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport type { TimeAccuracy } from '@/consts/time-accuracy';\nimport dayjs, { type Dayjs } from 'dayjs';\nimport { type DateTimeSegmentType, isDateTimeSegmentType } from '@/components/date-time-picker/types';\nimport { includeMilliseconds, includeSeconds } from '@/components/date-time-picker/utils';\nimport { assert } from '@/utils/assert';\n\ninterface Segment { start: number; end: number; type: DateTimeSegmentType }\n\ntype SegmentMethod = 'date' | 'hour' | 'month' | 'minute' | 'second' | 'millisecond' | 'year';\nconst SEGMENT_METHODS: Record<DateTimeSegmentType, SegmentMethod> = {\n  DD: 'date',\n  HH: 'hour',\n  MM: 'month',\n  SSS: 'millisecond',\n  YYYY: 'year',\n  mm: 'minute',\n  ss: 'second',\n};\n\ninterface SegmentBounds { maxValue: number; minValue?: number }\nconst SEGMENT_CONFIG: Record<DateTimeSegmentType, SegmentBounds> = {\n  DD: { maxValue: 31, minValue: 1 },\n  HH: { maxValue: 23, minValue: 0 },\n  MM: { maxValue: 12, minValue: 1 },\n  SSS: { maxValue: 999, minValue: 0 },\n  YYYY: { maxValue: 9999, minValue: 1 },\n  mm: { maxValue: 59, minValue: 0 },\n  ss: { maxValue: 59, minValue: 0 },\n};\n\ninterface KeyboardHandlerOptions {\n  dateFormat: Ref<string>;\n  cursorPosition: Ref<number>;\n  currentValue: Ref<number | undefined>;\n  textInput: 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(\n      segment => position >= segment.start && position <= segment.end,\n    );\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(segmentType, segmentType === 'MM' ? updatedDate.get(method) + 1 : updatedDate.get(method));\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  function getClickPosition(event: MouseEvent, input: HTMLInputElement, useCaretPosition: boolean): number {\n    const fallback = input.selectionStart ?? 0;\n    if (!useCaretPosition)\n      return fallback;\n    const caretPos = document.caretPositionFromPoint?.(event.clientX, event.clientY);\n    if (caretPos)\n      return caretPos.offset;\n    return document.caretRangeFromPoint?.(event.clientX, event.clientY)?.startOffset ?? fallback;\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 parseAndSetDateValues(pastedText: string) {\n    try {\n      const parsedDate = dayjs(pastedText, get(dateFormat));\n\n      if (!parsedDate.isValid()) {\n        return;\n      }\n\n      const date = parsedDate.toDate();\n      setValue('YYYY', date.getFullYear());\n      setValue('MM', date.getMonth() + 1);\n      setValue('DD', date.getDate());\n      setValue('HH', date.getHours());\n      setValue('mm', date.getMinutes());\n      if (includeSeconds(accuracy)) {\n        setValue('ss', date.getSeconds());\n      }\n      if (includeMilliseconds(accuracy)) {\n        setValue('SSS', date.getMilliseconds());\n      }\n    }\n    catch {\n      // Invalid format, ignore paste\n    }\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);\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);\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","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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"}

package/dist/components/date-time-picker/utils.d.ts

@@ -1,4 +1,5 @@
 import { TimeAccuracy } from '../../consts/time-accuracy.js';
+import '../../components/date-time-picker/dayjs-setup.js';
 export declare function guessTimezone(): string | undefined;
 export declare function includeSeconds(accuracy: TimeAccuracy): boolean;
 export declare function includeMilliseconds(accuracy: TimeAccuracy): boolean;

package/dist/components/date-time-picker/utils.js

@@ -1,6 +1,7 @@
 import dayjs from "dayjs";
 import { timezones } from "./timezones.js";
 import { TimeAccuracy } from "../../consts/time-accuracy.js";
+import "./dayjs-setup.js";
 function guessTimezone() {
   const timezone = dayjs.tz.guess();
   return timezones.find((tz) => tz === timezone);

package/dist/components/date-time-picker/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/date-time-picker/utils.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { timezones } from '@/components/date-time-picker/timezones';\nimport { TimeAccuracy } from '@/consts/time-accuracy';\n\nexport function guessTimezone() {\n  const timezone = dayjs.tz.guess();\n  return timezones.find(tz => tz === timezone);\n}\n\nexport function includeSeconds(accuracy: TimeAccuracy): boolean {\n  return accuracy === TimeAccuracy.SECOND || accuracy === TimeAccuracy.MILLISECOND;\n}\n\nexport function includeMilliseconds(accuracy: TimeAccuracy): boolean {\n  return accuracy === TimeAccuracy.MILLISECOND;\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,gBAAgB;AAC9B,QAAM,WAAW,MAAM,GAAG,MAAA;AAC1B,SAAO,UAAU,KAAK,CAAA,OAAM,OAAO,QAAQ;AAC7C;AAEO,SAAS,eAAe,UAAiC;AAC9D,SAAO,aAAa,aAAa,UAAU,aAAa,aAAa;AACvE;AAEO,SAAS,oBAAoB,UAAiC;AACnE,SAAO,aAAa,aAAa;AACnC;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/date-time-picker/utils.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { timezones } from '@/components/date-time-picker/timezones';\nimport { TimeAccuracy } from '@/consts/time-accuracy';\nimport '@/components/date-time-picker/dayjs-setup';\n\nexport function guessTimezone() {\n  const timezone = dayjs.tz.guess();\n  return timezones.find(tz => tz === timezone);\n}\n\nexport function includeSeconds(accuracy: TimeAccuracy): boolean {\n  return accuracy === TimeAccuracy.SECOND || accuracy === TimeAccuracy.MILLISECOND;\n}\n\nexport function includeMilliseconds(accuracy: TimeAccuracy): boolean {\n  return accuracy === TimeAccuracy.MILLISECOND;\n}\n"],"names":[],"mappings":";;;;AAKO,SAAS,gBAAgB;AAC9B,QAAM,WAAW,MAAM,GAAG,MAAA;AAC1B,SAAO,UAAU,KAAK,CAAA,OAAM,OAAO,QAAQ;AAC7C;AAEO,SAAS,eAAe,UAAiC;AAC9D,SAAO,aAAa,aAAa,UAAU,aAAa,aAAa;AACvE;AAEO,SAAS,oBAAoB,UAAiC;AACnE,SAAO,aAAa,aAAa;AACnC;"}

package/dist/components/divider/RuiDivider.vue.d.ts

@@ -1,8 +1,6 @@
 export interface Props {
     vertical?: boolean;
 }
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    vertical: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/divider/RuiDivider.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiDivider.vue.js","sources":["../../../src/components/divider/RuiDivider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nexport interface Props {\n  vertical?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiDivider',\n  inheritAttrs: false,\n});\n\nwithDefaults(defineProps<Props>(), {\n  vertical: false,\n});\n</script>\n\n<template>\n  <div\n    :class=\"vertical ? 'border-l' : 'border-t'\"\n    class=\"border-default\"\n    role=\"separator\"\n    :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n    v-bind=\"$attrs\"\n  />\n</template>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","$attrs"],"mappings":";;;;;;;;;;;;;AAgBE,aAAAA,UAAA,GAAAC,mBAME,OANFC,WAME;AAAA,QALC,OAAK,CAAE,QAAA,WAAQ,aAAA,YACV,gBAAgB;AAAA,QACtB,MAAK;AAAA,QACJ,oBAAkB,QAAA,WAAQ,aAAA;AAAA,MAAA,GACnBC,KAAAA,MAAM,GAAA,MAAA,IAAA,UAAA;AAAA;;;"}
+{"version":3,"file":"RuiDivider.vue.js","sources":["../../../src/components/divider/RuiDivider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nexport interface Props {\n  vertical?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiDivider',\n  inheritAttrs: false,\n});\n\nconst { vertical = false } = defineProps<Props>();\n</script>\n\n<template>\n  <div\n    :class=\"vertical ? 'border-l' : 'border-t'\"\n    class=\"border-default\"\n    role=\"separator\"\n    :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n    v-bind=\"$attrs\"\n  />\n</template>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","$attrs"],"mappings":";;;;;;;;;;;;;AAcE,aAAAA,UAAA,GAAAC,mBAME,OANFC,WAME;AAAA,QALC,OAAK,CAAE,QAAA,WAAQ,aAAA,YACV,gBAAgB;AAAA,QACtB,MAAK;AAAA,QACJ,oBAAkB,QAAA,WAAQ,aAAA;AAAA,MAAA,GACnBC,KAAAA,MAAM,GAAA,MAAA,IAAA,UAAA;AAAA;;;"}