@rotki/ui-library 2.8.0 → 2.8.2

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

@@ -1,7 +1,7 @@
 import type { Dayjs } from 'dayjs';
 import type { Ref } from 'vue';
-import type { DateTimeSegmentType, SegmentData } from '../../components/date-time-picker/types';
-import type { TimeAccuracy } from '../../consts/time-accuracy';
+import type { DateTimeSegmentType, SegmentData } from '../../components/date-time-picker/types.js';
+import type { TimeAccuracy } from '../../consts/time-accuracy.js';
 export declare function useInputHandler(data: SegmentData, currentValue: Ref<number | undefined>): {
     getCurrent: (segment: DateTimeSegmentType) => number | undefined;
     setValue: (segment: DateTimeSegmentType, value?: number) => void;

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

@@ -0,0 +1,31 @@
+import { includeSeconds, includeMilliseconds } from "./utils.js";
+import { get, set } from "@vueuse/shared";
+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 };
+}
+export {
+  useInputHandler
+};
+//# sourceMappingURL=use-input-handler.js.map

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

@@ -0,0 +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;"}

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

@@ -1,7 +1,7 @@
 import type { Ref } from 'vue';
-import type { TimeAccuracy } from '../../consts/time-accuracy';
+import type { TimeAccuracy } from '../../consts/time-accuracy.js';
 import { type Dayjs } from 'dayjs';
-import { type DateTimeSegmentType } from '../../components/date-time-picker/types';
+import { type DateTimeSegmentType } from '../../components/date-time-picker/types.js';
 interface Segment {
     start: number;
     end: number;

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

@@ -0,0 +1,308 @@
+import dayjs from "dayjs";
+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";
+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 segmentMethods = {
+      DD: "date",
+      HH: "hour",
+      MM: "month",
+      mm: "minute",
+      ss: "second",
+      SSS: "millisecond",
+      YYYY: "year"
+    };
+    const segmentType = currentSegment.type;
+    const method = segmentMethods[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)
+      return;
+    const number = parseInt(digit);
+    if (isNaN(number))
+      return;
+    const segmentConfig = {
+      DD: { maxValue: 31, minValue: 1 },
+      HH: { maxValue: 23, minValue: 0 },
+      MM: { maxValue: 12, minValue: 1 },
+      mm: { maxValue: 59, minValue: 0 },
+      ss: { maxValue: 59, minValue: 0 },
+      SSS: { maxValue: 999, minValue: 0 },
+      YYYY: { maxValue: 9999, minValue: 1 }
+    };
+    const segmentType = currentSegment.type;
+    if (isDateTimeSegmentType(segmentType)) {
+      const config = segmentConfig[segmentType];
+      const value = get(currentValue) ?? "";
+      const combinedValue = parseInt(`${value}${digit}`);
+      const nextCombinedValue = parseInt(`${value}${digit}0`);
+      const maxLength = segmentType.length;
+      const minValue = config.minValue ?? 0;
+      if (combinedValue >= minValue && combinedValue <= config.maxValue) {
+        setValue(segmentType, combinedValue);
+        setCursorPosition(currentSegment);
+      }
+      const willExceedMax = nextCombinedValue > config.maxValue;
+      const reachedMaxLength = combinedValue.toString().length >= maxLength;
+      if (willExceedMax || reachedMaxLength) {
+        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 position = event.target.selectionStart ?? 0;
+    const currentSegment = getCurrentSegment(position);
+    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 selectionStart = event.target.selectionStart ?? 0;
+    const segment = getCurrentSegment(selectionStart);
+    if (segment) {
+      clear(segment.type);
+      setCursorPosition(segment);
+    }
+  }
+  function handleKeyDown(event) {
+    if (disabled || readonly)
+      return;
+    const { key } = event;
+    if (["Tab"].includes(key)) {
+      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);
+    }
+  }
+  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;
+  }
+  function handleClick(event) {
+    if (disabled || readonly || !(event.target instanceof HTMLInputElement))
+      return;
+    const currentSegment = getCurrentSegment(getClickPosition(event, event.target));
+    if (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() {
+    const input = get(textInput);
+    if (input && input.selectionStart !== input.selectionEnd)
+      return;
+    const firstSegment = get(segmentPositions)[0];
+    if (firstSegment)
+      setCursorPosition(firstSegment);
+  }
+  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;
+    if (!(event.target instanceof HTMLInputElement)) {
+      return;
+    }
+    event.preventDefault();
+    const pastedText = event.clipboardData?.getData("text");
+    if (!pastedText) {
+      return;
+    }
+    parseAndSetDateValues(pastedText);
+  }
+  function handleInput(event) {
+    if (disabled || readonly)
+      return;
+    if (!(event.target instanceof HTMLInputElement)) {
+      return;
+    }
+    const inputText = event.target.value;
+    if (!inputText) {
+      return;
+    }
+    parseAndSetDateValues(inputText);
+  }
+  return {
+    clear,
+    getCurrentSegment,
+    handleClick,
+    handleFocus,
+    handleInput,
+    handleInputSelection,
+    handleKeyDown,
+    handlePaste,
+    setSegment
+  };
+}
+export {
+  useKeyboardHandler
+};
+//# sourceMappingURL=use-keyboard-handler.js.map

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

@@ -0,0 +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 {\n  start: number;\n  end: number;\n  type: DateTimeSegmentType;\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\n    const currentSegment = getCurrentSegment();\n\n    if (!currentSegment)\n      return;\n\n    const segmentMethods = {\n      DD: 'date',\n      HH: 'hour',\n      MM: 'month',\n      mm: 'minute',\n      ss: 'second',\n      SSS: 'millisecond',\n      YYYY: 'year',\n    } as const;\n\n    const segmentType = currentSegment.type;\n    const method = segmentMethods[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    }\n    const position = event.target.selectionStart ?? 0;\n    const currentSegment = getCurrentSegment(position);\n    if (!currentSegment)\n      return;\n\n    const number = parseInt(digit);\n    if (isNaN(number))\n      return;\n\n    const segmentConfig: Record<DateTimeSegmentType, { maxValue: number; minValue?: number }> = {\n      DD: { maxValue: 31, minValue: 1 },\n      HH: { maxValue: 23, minValue: 0 },\n      MM: { maxValue: 12, minValue: 1 },\n      mm: { maxValue: 59, minValue: 0 },\n      ss: { maxValue: 59, minValue: 0 },\n      SSS: { maxValue: 999, minValue: 0 },\n      YYYY: { maxValue: 9999, minValue: 1 },\n    };\n\n    const segmentType = currentSegment.type;\n\n    if (isDateTimeSegmentType(segmentType)) {\n      const config = segmentConfig[segmentType];\n      const value = get(currentValue) ?? '';\n      const combinedValue = parseInt(`${value}${digit}`);\n      const nextCombinedValue = parseInt(`${value}${digit}0`);\n\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\n      const willExceedMax = nextCombinedValue > config.maxValue;\n      const reachedMaxLength = combinedValue.toString().length >= maxLength;\n\n      if (willExceedMax || reachedMaxLength) {\n        navigateSegments('ArrowRight');\n      }\n    }\n  }\n\n  function handleKeyboardNavigation(event: KeyboardEvent): void {\n    if (event.key === 'ArrowUp') {\n      changeSegmentValue(true);\n    }\n    else if (event.key === 'ArrowDown') {\n      changeSegmentValue(false);\n    }\n  }\n\n  function handleBackspace(event: KeyboardEvent) {\n    if (!(event.target instanceof HTMLInputElement)) {\n      return;\n    }\n    const position = event.target.selectionStart ?? 0;\n    const currentSegment = getCurrentSegment(position);\n    if (!currentSegment)\n      return;\n\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    }\n    const selectionStart = event.target.selectionStart ?? 0;\n    const segment = getCurrentSegment(selectionStart);\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\n    const { key } = event;\n\n    if (['Tab'].includes(key)) {\n      return;\n    }\n\n    event.preventDefault();\n\n    if (key === 'ArrowRight' || key === 'ArrowLeft') {\n      navigateSegments(key);\n    }\n    else if (key === 'ArrowUp' || key === 'ArrowDown') {\n      handleKeyboardNavigation(event);\n    }\n    else if (key === 'Backspace') {\n      handleBackspace(event);\n    }\n    else if (key === 'Delete') {\n      onInputDeletePressed(event);\n    }\n    else if (/^\\d$/.test(key)) {\n      handleDigitPressed(event, key);\n    }\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  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(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    // 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 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    handleClick,\n    handleFocus,\n    handleInput,\n    handleInputSelection,\n    handleKeyDown,\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,4 @@
-import { TimeAccuracy } from '../../consts/time-accuracy';
+import { TimeAccuracy } from '../../consts/time-accuracy.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

@@ -0,0 +1,19 @@
+import dayjs from "dayjs";
+import { timezones } from "./timezones.js";
+import { TimeAccuracy } from "../../consts/time-accuracy.js";
+function guessTimezone() {
+  const timezone = dayjs.tz.guess();
+  return timezones.find((tz) => tz === timezone);
+}
+function includeSeconds(accuracy) {
+  return accuracy === TimeAccuracy.SECOND || accuracy === TimeAccuracy.MILLISECOND;
+}
+function includeMilliseconds(accuracy) {
+  return accuracy === TimeAccuracy.MILLISECOND;
+}
+export {
+  guessTimezone,
+  includeMilliseconds,
+  includeSeconds
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,22 @@
+import { defineComponent, createElementBlock, openBlock, mergeProps } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiDivider",
+    inheritAttrs: false
+  },
+  __name: "RuiDivider",
+  props: {
+    vertical: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: [__props.vertical ? "border-l" : "border-t", "border-default"]
+      }, _ctx.$attrs), null, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiDivider.vue.js.map

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

@@ -0,0 +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    v-bind=\"$attrs\"\n  />\n</template>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","$attrs"],"mappings":";;;;;;;;;;;;AAgBE,aAAAA,UAAA,GAAAC,mBAIE,OAJFC,WAIE;AAAA,QAHC,OAAK,CAAE,QAAA,WAAQ,aAAA,YACV,gBAAgB;AAAA,MAAA,GACdC,KAAAA,MAAM,GAAA,MAAA,EAAA;AAAA;;;"}

package/dist/components/divider/RuiDivider.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./RuiDivider.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiDivider.vue2.js.map

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

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

package/dist/components/forms/auto-complete/RuiAutoComplete.vue.d.ts

@@ -1,5 +1,5 @@
-import { type MenuProps } from '../../../components/overlays/menu/RuiMenu.vue';
-import { type KeyOfType } from '../../../composables/dropdown-menu';
+import { type MenuProps } from '../../../components/overlays/menu/RuiMenu.vue.js';
+import { type KeyOfType } from '../../../composables/dropdown-menu.js';
 export type AutoCompleteModelValue<TValue> = TValue extends Array<infer U> ? U[] : TValue | undefined;
 export interface AutoCompleteProps<TValue, TItem> {
     options?: TItem[];

package/dist/components/forms/auto-complete/RuiAutoComplete.vue.js

@@ -0,0 +1,11 @@
+import _sfc_main from "./RuiAutoComplete.vue2.js";
+import style0 from "./RuiAutoComplete.vue3.js";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const cssModules = {
+  "$style": style0
+};
+const RuiAutoComplete = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  RuiAutoComplete as default
+};
+//# sourceMappingURL=RuiAutoComplete.vue.js.map

package/dist/components/forms/auto-complete/RuiAutoComplete.vue.js.map

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