npm - @rotki/ui-library - Versions diffs - 2.9.1 → 2.11.0 - Mend

@rotki/ui-library 2.9.1 → 2.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

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

	@@ -1 +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 {\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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"}
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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"}

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

@@ -36,14 +36,16 @@ export interface AutoCompleteProps<TValue, TItem> {
     hideCustomValue?: boolean;
     required?: boolean;
 }
-declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<(AutoCompleteProps<TValue, TItem> & {
+declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(AutoCompleteProps<TValue, TItem> & {
         modelValue: AutoCompleteModelValue<TValue>;
         searchInput?: string;
     }) & {
         "onUpdate:modelValue"?: ((value: AutoCompleteModelValue<TValue>) => any) | undefined;
         "onUpdate:searchInput"?: ((value: string) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
         focus: () => Promise<void>;
         setSelectionRange: (start: number, end: number) => void;
@@ -51,7 +53,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
     attrs: any;
     slots: {
         activator?: (props: {
-            disabled: import("@vue/reactivity").DistributeRef<[(Readonly<{
+            disabled: boolean & import("@vue/reactivity").DistributeRef<[(Readonly<{
                 labelClass: string;
                 menuClass: string;
                 itemClass: string;
@@ -86,7 +88,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -151,7 +153,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -216,7 +218,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -281,7 +283,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -353,7 +355,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
         }) => any;
     } & {
         'item.prepend'?: (props: {
-            disabled: import("@vue/reactivity").DistributeRef<[(Readonly<{
+            disabled: boolean & import("@vue/reactivity").DistributeRef<[(Readonly<{
                 labelClass: string;
                 menuClass: string;
                 itemClass: string;
@@ -388,7 +390,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -453,7 +455,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -518,7 +520,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -583,7 +585,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -619,7 +621,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
         }) => any;
     } & {
         item?: (props: {
-            disabled: import("@vue/reactivity").DistributeRef<[(Readonly<{
+            disabled: boolean & import("@vue/reactivity").DistributeRef<[(Readonly<{
                 labelClass: string;
                 menuClass: string;
                 itemClass: string;
@@ -654,7 +656,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -719,7 +721,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -784,7 +786,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -849,7 +851,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -885,7 +887,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
         }) => any;
     } & {
         'item.append'?: (props: {
-            disabled: import("@vue/reactivity").DistributeRef<[(Readonly<{
+            disabled: boolean & import("@vue/reactivity").DistributeRef<[(Readonly<{
                 labelClass: string;
                 menuClass: string;
                 itemClass: string;
@@ -920,7 +922,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -985,7 +987,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -1050,7 +1052,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -1115,7 +1117,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -1158,6 +1160,8 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/components/forms/auto-complete/RuiAutoComplete.vue2.js CHANGED Viewed

@@ -14,7 +14,7 @@ import { useAutoCompleteSearch } from "../../../composables/forms/auto-complete/
 import { useAutoCompleteValue } from "../../../composables/forms/auto-complete/value.js";
 import { isEqual } from "../../../utils/is-equal.js";
 import { get, set } from "@vueuse/shared";
-const _hoisted_1 = ["tabindex"];
+const _hoisted_1 = ["data-error", "tabindex"];
 const _hoisted_2 = {
   key: 0,
   class: "text-rui-error"
@@ -24,7 +24,7 @@ const _hoisted_4 = {
   key: 1,
   class: "flex"
 };
-const _hoisted_5 = ["disabled", "value", "placeholder"];
+const _hoisted_5 = ["disabled", "value", "placeholder", "aria-invalid"];
 const _hoisted_6 = {
   key: 0,
   class: "p-4"
@@ -78,7 +78,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "update:searchInput"],
   setup(__props, { expose: __expose }) {
     useCssVars((_ctx) => ({
-      "v77580221": unref(labelWithQuote)
+      "v865c54e4": unref(labelWithQuote)
     }));
     const modelValue = useModel(__props, "modelValue");
     const searchInputModel = useModel(__props, "searchInput");
@@ -392,6 +392,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               },
               {
                 "data-id": "activator",
+                "data-error": hasError ? "" : void 0,
                 tabindex: unref(disabled) || __props.readOnly ? -1 : 0,
                 onClick: _cache[5] || (_cache[5] = ($event) => unref(focusSetInputFocus)()),
                 onFocus: _cache[6] || (_cache[6] = ($event) => unref(focusOnActivatorFocused)()),
@@ -463,6 +464,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(["bg-transparent outline-none", unref(focusInputClass)]),
                   type: "text",
                   placeholder: __props.placeholder,
+                  "aria-invalid": hasError,
                   onKeydown: _cache[0] || (_cache[0] = withKeys(($event) => unref(onInputDeletePressed)(), ["delete"])),
                   onInput: _cache[1] || (_cache[1] = withModifiers(($event) => updateSearchInput($event), ["stop"])),
                   onFocus: _cache[2] || (_cache[2] = ($event) => unref(focusOnInputFocused)())