@sit-onyx/headless 0.4.0-dev-20251110091137 → 0.4.0-dev-20251111095201

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 (7) hide show
  1. package/dist/composables/comboBox/SelectOnlyCombobox.d.vue.ts +306 -305
  2. package/dist/composables/comboBox/TestCombobox.d.vue.ts +306 -305
  3. package/dist/composables/comboBox/createComboBox.d.ts +316 -315
  4. package/dist/composables/helpers/useOutsideClick.d.ts +1 -1
  5. package/dist/composables/listbox/createListbox.d.ts +1 -0
  6. package/dist/index.js +41 -5
  7. package/package.json +1 -1
package/dist/composables/comboBox/createComboBox.d.ts CHANGED
@@ -64,318 +64,319 @@ export type CreateComboboxOptions<TValue extends ListboxValue, TAutoComplete ext
64
64
  } : {
65
65
  onTypeAhead?: undefined;
66
66
  }) & Pick<CreateListboxOptions<TValue, TMultiple>, "onActivateFirst" | "onActivateLast" | "onActivateNext" | "onActivatePrevious" | "onSelect" | "multiple">;
67
- export declare const createComboBox: <TValue extends ListboxValue, TAutoComplete extends ComboboxAutoComplete, TMultiple extends boolean = false>(args_0: CreateComboboxOptions<TValue, TAutoComplete, TMultiple>) => {
68
- elements: {
69
- option: import('vue').ComputedRef<(data: {
70
- label: string;
71
- value: TValue;
72
- disabled?: boolean;
73
- selected?: boolean;
74
- }) => {
75
- readonly id: string;
76
- readonly role: "option";
77
- readonly "aria-label": string;
78
- readonly "aria-disabled": boolean | undefined;
79
- readonly "aria-checked": boolean | undefined;
80
- readonly "aria-selected": boolean | undefined;
81
- readonly onClick: () => false | void | undefined;
82
- }>;
83
- group: import('vue').ComputedRef<(options: {
84
- label: string;
85
- }) => {
86
- role: string;
87
- "aria-label": string;
88
- }>;
89
- /**
90
- * The listbox associated with the combobox.
91
- */
92
- listbox: import('vue').ComputedRef<{
93
- id: string;
94
- onMousedown: (e: MouseEvent) => void;
95
- innerHTML?: string | undefined;
96
- class?: any;
97
- style?: import('vue').StyleValue | undefined;
98
- accesskey?: string | undefined;
99
- contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
100
- contextmenu?: string | undefined;
101
- dir?: string | undefined;
102
- draggable?: (boolean | "true" | "false") | undefined;
103
- hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
104
- inert?: (boolean | "true" | "false") | undefined;
105
- lang?: string | undefined;
106
- placeholder?: string | undefined;
107
- spellcheck?: (boolean | "true" | "false") | undefined;
108
- tabindex?: (string | number) | undefined;
109
- title?: string | undefined;
110
- translate?: "yes" | "no" | undefined;
111
- radiogroup?: string | undefined;
112
- role?: string | undefined;
113
- about?: string | undefined;
114
- datatype?: string | undefined;
115
- inlist?: any;
116
- prefix?: string | undefined;
117
- property?: string | undefined;
118
- resource?: string | undefined;
119
- typeof?: string | undefined;
120
- vocab?: string | undefined;
121
- autocapitalize?: string | undefined;
122
- autocorrect?: string | undefined;
123
- autosave?: string | undefined;
124
- color?: string | undefined;
125
- itemprop?: string | undefined;
126
- itemscope?: (boolean | "true" | "false") | undefined;
127
- itemtype?: string | undefined;
128
- itemid?: string | undefined;
129
- itemref?: string | undefined;
130
- results?: (string | number) | undefined;
131
- security?: string | undefined;
132
- unselectable?: "on" | "off" | undefined;
133
- inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
134
- is?: string | undefined;
135
- 'aria-activedescendant'?: string | undefined;
136
- 'aria-atomic'?: (boolean | "true" | "false") | undefined;
137
- 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
138
- 'aria-busy'?: (boolean | "true" | "false") | undefined;
139
- 'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
140
- 'aria-colcount'?: (string | number) | undefined;
141
- 'aria-colindex'?: (string | number) | undefined;
142
- 'aria-colspan'?: (string | number) | undefined;
143
- 'aria-controls'?: string | undefined;
144
- 'aria-current'?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
145
- 'aria-describedby'?: string | undefined;
146
- 'aria-details'?: string | undefined;
147
- 'aria-disabled'?: (boolean | "true" | "false") | undefined;
148
- 'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
149
- 'aria-errormessage'?: string | undefined;
150
- 'aria-expanded'?: (boolean | "true" | "false") | undefined;
151
- 'aria-flowto'?: string | undefined;
152
- 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
153
- 'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
154
- 'aria-hidden'?: (boolean | "true" | "false") | undefined;
155
- 'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
156
- 'aria-keyshortcuts'?: string | undefined;
157
- 'aria-label'?: string | undefined;
158
- 'aria-labelledby'?: string | undefined;
159
- 'aria-level'?: (string | number) | undefined;
160
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
161
- 'aria-modal'?: (boolean | "true" | "false") | undefined;
162
- 'aria-multiline'?: (boolean | "true" | "false") | undefined;
163
- 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
164
- 'aria-orientation'?: "horizontal" | "vertical" | undefined;
165
- 'aria-owns'?: string | undefined;
166
- 'aria-placeholder'?: string | undefined;
167
- 'aria-posinset'?: (string | number) | undefined;
168
- 'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
169
- 'aria-readonly'?: (boolean | "true" | "false") | undefined;
170
- 'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
171
- 'aria-required'?: (boolean | "true" | "false") | undefined;
172
- 'aria-roledescription'?: string | undefined;
173
- 'aria-rowcount'?: (string | number) | undefined;
174
- 'aria-rowindex'?: (string | number) | undefined;
175
- 'aria-rowspan'?: (string | number) | undefined;
176
- 'aria-selected'?: (boolean | "true" | "false") | undefined;
177
- 'aria-setsize'?: (string | number) | undefined;
178
- 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
179
- 'aria-valuemax'?: (string | number) | undefined;
180
- 'aria-valuemin'?: (string | number) | undefined;
181
- 'aria-valuenow'?: (string | number) | undefined;
182
- 'aria-valuetext'?: string | undefined;
183
- onCopy?: ((payload: ClipboardEvent) => void) | undefined;
184
- onCut?: ((payload: ClipboardEvent) => void) | undefined;
185
- onPaste?: ((payload: ClipboardEvent) => void) | undefined;
186
- onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
187
- onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
188
- onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
189
- onDrag?: ((payload: DragEvent) => void) | undefined;
190
- onDragend?: ((payload: DragEvent) => void) | undefined;
191
- onDragenter?: ((payload: DragEvent) => void) | undefined;
192
- onDragexit?: ((payload: DragEvent) => void) | undefined;
193
- onDragleave?: ((payload: DragEvent) => void) | undefined;
194
- onDragover?: ((payload: DragEvent) => void) | undefined;
195
- onDragstart?: ((payload: DragEvent) => void) | undefined;
196
- onDrop?: ((payload: DragEvent) => void) | undefined;
197
- onFocus?: ((payload: FocusEvent) => void) | undefined;
198
- onFocusin?: ((payload: FocusEvent) => void) | undefined;
199
- onFocusout?: ((payload: FocusEvent) => void) | undefined;
200
- onBlur?: ((payload: FocusEvent) => void) | undefined;
201
- onChange?: ((payload: Event) => void) | undefined;
202
- onBeforeinput?: ((payload: InputEvent) => void) | undefined;
203
- onFormdata?: ((payload: FormDataEvent) => void) | undefined;
204
- onInput?: ((payload: InputEvent) => void) | undefined;
205
- onReset?: ((payload: Event) => void) | undefined;
206
- onSubmit?: ((payload: SubmitEvent) => void) | undefined;
207
- onInvalid?: ((payload: Event) => void) | undefined;
208
- onFullscreenchange?: ((payload: Event) => void) | undefined;
209
- onFullscreenerror?: ((payload: Event) => void) | undefined;
210
- onLoad?: ((payload: Event) => void) | undefined;
211
- onError?: ((payload: Event) => void) | undefined;
212
- onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
213
- onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
214
- onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
215
- onDblclick?: ((payload: MouseEvent) => void) | undefined;
216
- onMouseenter?: ((payload: MouseEvent) => void) | undefined;
217
- onMouseleave?: ((payload: MouseEvent) => void) | undefined;
218
- onMousemove?: ((payload: MouseEvent) => void) | undefined;
219
- onMouseout?: ((payload: MouseEvent) => void) | undefined;
220
- onMouseover?: ((payload: MouseEvent) => void) | undefined;
221
- onMouseup?: ((payload: MouseEvent) => void) | undefined;
222
- onAbort?: ((payload: UIEvent) => void) | undefined;
223
- onCanplay?: ((payload: Event) => void) | undefined;
224
- onCanplaythrough?: ((payload: Event) => void) | undefined;
225
- onDurationchange?: ((payload: Event) => void) | undefined;
226
- onEmptied?: ((payload: Event) => void) | undefined;
227
- onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
228
- onEnded?: ((payload: Event) => void) | undefined;
229
- onLoadeddata?: ((payload: Event) => void) | undefined;
230
- onLoadedmetadata?: ((payload: Event) => void) | undefined;
231
- onLoadstart?: ((payload: Event) => void) | undefined;
232
- onPause?: ((payload: Event) => void) | undefined;
233
- onPlay?: ((payload: Event) => void) | undefined;
234
- onPlaying?: ((payload: Event) => void) | undefined;
235
- onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
236
- onRatechange?: ((payload: Event) => void) | undefined;
237
- onSeeked?: ((payload: Event) => void) | undefined;
238
- onSeeking?: ((payload: Event) => void) | undefined;
239
- onStalled?: ((payload: Event) => void) | undefined;
240
- onSuspend?: ((payload: Event) => void) | undefined;
241
- onTimeupdate?: ((payload: Event) => void) | undefined;
242
- onVolumechange?: ((payload: Event) => void) | undefined;
243
- onWaiting?: ((payload: Event) => void) | undefined;
244
- onSelect?: ((payload: Event) => void) | undefined;
245
- onScroll?: ((payload: Event) => void) | undefined;
246
- onScrollend?: ((payload: Event) => void) | undefined;
247
- onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
248
- onTouchend?: ((payload: TouchEvent) => void) | undefined;
249
- onTouchmove?: ((payload: TouchEvent) => void) | undefined;
250
- onTouchstart?: ((payload: TouchEvent) => void) | undefined;
251
- onAuxclick?: ((payload: PointerEvent) => void) | undefined;
252
- onClick?: ((payload: PointerEvent) => void) | undefined;
253
- onContextmenu?: ((payload: PointerEvent) => void) | undefined;
254
- onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
255
- onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
256
- onPointerdown?: ((payload: PointerEvent) => void) | undefined;
257
- onPointermove?: ((payload: PointerEvent) => void) | undefined;
258
- onPointerup?: ((payload: PointerEvent) => void) | undefined;
259
- onPointercancel?: ((payload: PointerEvent) => void) | undefined;
260
- onPointerenter?: ((payload: PointerEvent) => void) | undefined;
261
- onPointerleave?: ((payload: PointerEvent) => void) | undefined;
262
- onPointerover?: ((payload: PointerEvent) => void) | undefined;
263
- onPointerout?: ((payload: PointerEvent) => void) | undefined;
264
- onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
265
- onToggle?: ((payload: ToggleEvent) => void) | undefined;
266
- onWheel?: ((payload: WheelEvent) => void) | undefined;
267
- onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
268
- onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
269
- onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
270
- onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
271
- onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
272
- onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
273
- onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
274
- onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
275
- onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
276
- ref?: Ref<Element | ({
277
- $: import('vue').ComponentInternalInstance;
278
- $data: {};
279
- $props: {};
280
- $attrs: {
281
- [x: string]: unknown;
282
- };
283
- $refs: {
284
- [x: string]: unknown;
285
- };
286
- $slots: Readonly<{
287
- [name: string]: import('vue').Slot<any> | undefined;
288
- }>;
289
- $root: import('vue').ComponentPublicInstance | null;
290
- $parent: import('vue').ComponentPublicInstance | null;
291
- $host: Element | null;
292
- $emit: (event: string, ...args: any[]) => void;
293
- $el: any;
294
- $options: import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions> & {
295
- beforeCreate?: (() => void) | (() => void)[];
296
- created?: (() => void) | (() => void)[];
297
- beforeMount?: (() => void) | (() => void)[];
298
- mounted?: (() => void) | (() => void)[];
299
- beforeUpdate?: (() => void) | (() => void)[];
300
- updated?: (() => void) | (() => void)[];
301
- activated?: (() => void) | (() => void)[];
302
- deactivated?: (() => void) | (() => void)[];
303
- beforeDestroy?: (() => void) | (() => void)[];
304
- beforeUnmount?: (() => void) | (() => void)[];
305
- destroyed?: (() => void) | (() => void)[];
306
- unmounted?: (() => void) | (() => void)[];
307
- renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
308
- renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
309
- errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
310
- };
311
- $forceUpdate: () => void;
312
- $nextTick: typeof import('vue').nextTick;
313
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
314
- } & Readonly<{}> & Omit<{}, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
315
- $el: Element;
316
- }) | null, Element | ({
317
- $: import('vue').ComponentInternalInstance;
318
- $data: {};
319
- $props: {};
320
- $attrs: {
321
- [x: string]: unknown;
322
- };
323
- $refs: {
324
- [x: string]: unknown;
325
- };
326
- $slots: Readonly<{
327
- [name: string]: import('vue').Slot<any> | undefined;
328
- }>;
329
- $root: import('vue').ComponentPublicInstance | null;
330
- $parent: import('vue').ComponentPublicInstance | null;
331
- $host: Element | null;
332
- $emit: (event: string, ...args: any[]) => void;
333
- $el: any;
334
- $options: import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions> & {
335
- beforeCreate?: (() => void) | (() => void)[];
336
- created?: (() => void) | (() => void)[];
337
- beforeMount?: (() => void) | (() => void)[];
338
- mounted?: (() => void) | (() => void)[];
339
- beforeUpdate?: (() => void) | (() => void)[];
340
- updated?: (() => void) | (() => void)[];
341
- activated?: (() => void) | (() => void)[];
342
- deactivated?: (() => void) | (() => void)[];
343
- beforeDestroy?: (() => void) | (() => void)[];
344
- beforeUnmount?: (() => void) | (() => void)[];
345
- destroyed?: (() => void) | (() => void)[];
346
- unmounted?: (() => void) | (() => void)[];
347
- renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
348
- renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
349
- errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
350
- };
351
- $forceUpdate: () => void;
352
- $nextTick: typeof import('vue').nextTick;
353
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
354
- } & Readonly<{}> & Omit<{}, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
355
- $el: Element;
356
- }) | null> | undefined;
357
- }>;
358
- /**
359
- * An input that controls another element, that can dynamically pop-up to help the user set the value of the input.
360
- * The input MAY be either a single-line text field that supports editing and typing or an element that only displays the current value of the combobox.
361
- */
362
- input: import('vue').ComputedRef<{
363
- "aria-autocomplete"?: TAutoComplete | undefined;
364
- type?: string | undefined;
365
- role: string;
366
- "aria-expanded": boolean;
367
- "aria-controls": string;
368
- "aria-label": string;
369
- "aria-activedescendant": string | undefined;
370
- onInput: (event: Event) => void;
371
- onKeydown: (event: KeyboardEvent) => void;
372
- }>;
373
- /**
374
- * An optional button to control the visibility of the popup.
375
- */
376
- button: import('vue').ComputedRef<{
377
- tabindex: string;
378
- onClick: () => void | undefined;
379
- }>;
380
- };
381
- };
67
+ export declare const createComboBox: <TValue extends ListboxValue, TAutoComplete extends ComboboxAutoComplete, TMultiple extends boolean = false>(args_0: CreateComboboxOptions<TValue, TAutoComplete, TMultiple>) => import('../../utils/builder.js').HeadlessComposable<{
68
+ option: import('vue').ComputedRef<(data: {
69
+ label: string;
70
+ value: TValue;
71
+ disabled?: boolean;
72
+ selected?: boolean;
73
+ }) => {
74
+ readonly id: string;
75
+ readonly role: "option";
76
+ readonly "aria-label": string;
77
+ readonly "aria-disabled": boolean | undefined;
78
+ readonly "aria-checked": boolean | undefined;
79
+ readonly "aria-selected": boolean | undefined;
80
+ readonly onClick: () => false | void | undefined;
81
+ }>;
82
+ group: import('vue').ComputedRef<(options: {
83
+ label: string;
84
+ }) => {
85
+ role: string;
86
+ "aria-label": string;
87
+ }>;
88
+ /**
89
+ * The listbox associated with the combobox.
90
+ */
91
+ listbox: import('vue').ComputedRef<{
92
+ id: string;
93
+ onMousedown: (e: MouseEvent) => void;
94
+ innerHTML?: string | undefined;
95
+ class?: any;
96
+ style?: import('vue').StyleValue | undefined;
97
+ accesskey?: string | undefined;
98
+ contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
99
+ contextmenu?: string | undefined;
100
+ dir?: string | undefined;
101
+ draggable?: (boolean | "true" | "false") | undefined;
102
+ hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
103
+ inert?: (boolean | "true" | "false") | undefined;
104
+ lang?: string | undefined;
105
+ placeholder?: string | undefined;
106
+ spellcheck?: (boolean | "true" | "false") | undefined;
107
+ tabindex?: (string | number) | undefined;
108
+ title?: string | undefined;
109
+ translate?: "yes" | "no" | undefined;
110
+ radiogroup?: string | undefined;
111
+ role?: string | undefined;
112
+ about?: string | undefined;
113
+ datatype?: string | undefined;
114
+ inlist?: any;
115
+ prefix?: string | undefined;
116
+ property?: string | undefined;
117
+ resource?: string | undefined;
118
+ typeof?: string | undefined;
119
+ vocab?: string | undefined;
120
+ autocapitalize?: string | undefined;
121
+ autocorrect?: string | undefined;
122
+ autosave?: string | undefined;
123
+ color?: string | undefined;
124
+ itemprop?: string | undefined;
125
+ itemscope?: (boolean | "true" | "false") | undefined;
126
+ itemtype?: string | undefined;
127
+ itemid?: string | undefined;
128
+ itemref?: string | undefined;
129
+ results?: (string | number) | undefined;
130
+ security?: string | undefined;
131
+ unselectable?: "on" | "off" | undefined;
132
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
133
+ is?: string | undefined;
134
+ 'aria-activedescendant'?: string | undefined;
135
+ 'aria-atomic'?: (boolean | "true" | "false") | undefined;
136
+ 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
137
+ 'aria-busy'?: (boolean | "true" | "false") | undefined;
138
+ 'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
139
+ 'aria-colcount'?: (string | number) | undefined;
140
+ 'aria-colindex'?: (string | number) | undefined;
141
+ 'aria-colspan'?: (string | number) | undefined;
142
+ 'aria-controls'?: string | undefined;
143
+ 'aria-current'?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
144
+ 'aria-describedby'?: string | undefined;
145
+ 'aria-details'?: string | undefined;
146
+ 'aria-disabled'?: (boolean | "true" | "false") | undefined;
147
+ 'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
148
+ 'aria-errormessage'?: string | undefined;
149
+ 'aria-expanded'?: (boolean | "true" | "false") | undefined;
150
+ 'aria-flowto'?: string | undefined;
151
+ 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
152
+ 'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
153
+ 'aria-hidden'?: (boolean | "true" | "false") | undefined;
154
+ 'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
155
+ 'aria-keyshortcuts'?: string | undefined;
156
+ 'aria-label'?: string | undefined;
157
+ 'aria-labelledby'?: string | undefined;
158
+ 'aria-level'?: (string | number) | undefined;
159
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
160
+ 'aria-modal'?: (boolean | "true" | "false") | undefined;
161
+ 'aria-multiline'?: (boolean | "true" | "false") | undefined;
162
+ 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
163
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
164
+ 'aria-owns'?: string | undefined;
165
+ 'aria-placeholder'?: string | undefined;
166
+ 'aria-posinset'?: (string | number) | undefined;
167
+ 'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
168
+ 'aria-readonly'?: (boolean | "true" | "false") | undefined;
169
+ 'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
170
+ 'aria-required'?: (boolean | "true" | "false") | undefined;
171
+ 'aria-roledescription'?: string | undefined;
172
+ 'aria-rowcount'?: (string | number) | undefined;
173
+ 'aria-rowindex'?: (string | number) | undefined;
174
+ 'aria-rowspan'?: (string | number) | undefined;
175
+ 'aria-selected'?: (boolean | "true" | "false") | undefined;
176
+ 'aria-setsize'?: (string | number) | undefined;
177
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
178
+ 'aria-valuemax'?: (string | number) | undefined;
179
+ 'aria-valuemin'?: (string | number) | undefined;
180
+ 'aria-valuenow'?: (string | number) | undefined;
181
+ 'aria-valuetext'?: string | undefined;
182
+ onCopy?: ((payload: ClipboardEvent) => void) | undefined;
183
+ onCut?: ((payload: ClipboardEvent) => void) | undefined;
184
+ onPaste?: ((payload: ClipboardEvent) => void) | undefined;
185
+ onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
186
+ onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
187
+ onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
188
+ onDrag?: ((payload: DragEvent) => void) | undefined;
189
+ onDragend?: ((payload: DragEvent) => void) | undefined;
190
+ onDragenter?: ((payload: DragEvent) => void) | undefined;
191
+ onDragexit?: ((payload: DragEvent) => void) | undefined;
192
+ onDragleave?: ((payload: DragEvent) => void) | undefined;
193
+ onDragover?: ((payload: DragEvent) => void) | undefined;
194
+ onDragstart?: ((payload: DragEvent) => void) | undefined;
195
+ onDrop?: ((payload: DragEvent) => void) | undefined;
196
+ onFocus?: ((payload: FocusEvent) => void) | undefined;
197
+ onFocusin?: ((payload: FocusEvent) => void) | undefined;
198
+ onFocusout?: ((payload: FocusEvent) => void) | undefined;
199
+ onBlur?: ((payload: FocusEvent) => void) | undefined;
200
+ onChange?: ((payload: Event) => void) | undefined;
201
+ onBeforeinput?: ((payload: InputEvent) => void) | undefined;
202
+ onFormdata?: ((payload: FormDataEvent) => void) | undefined;
203
+ onInput?: ((payload: InputEvent) => void) | undefined;
204
+ onReset?: ((payload: Event) => void) | undefined;
205
+ onSubmit?: ((payload: SubmitEvent) => void) | undefined;
206
+ onInvalid?: ((payload: Event) => void) | undefined;
207
+ onFullscreenchange?: ((payload: Event) => void) | undefined;
208
+ onFullscreenerror?: ((payload: Event) => void) | undefined;
209
+ onLoad?: ((payload: Event) => void) | undefined;
210
+ onError?: ((payload: Event) => void) | undefined;
211
+ onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
212
+ onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
213
+ onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
214
+ onDblclick?: ((payload: MouseEvent) => void) | undefined;
215
+ onMouseenter?: ((payload: MouseEvent) => void) | undefined;
216
+ onMouseleave?: ((payload: MouseEvent) => void) | undefined;
217
+ onMousemove?: ((payload: MouseEvent) => void) | undefined;
218
+ onMouseout?: ((payload: MouseEvent) => void) | undefined;
219
+ onMouseover?: ((payload: MouseEvent) => void) | undefined;
220
+ onMouseup?: ((payload: MouseEvent) => void) | undefined;
221
+ onAbort?: ((payload: UIEvent) => void) | undefined;
222
+ onCanplay?: ((payload: Event) => void) | undefined;
223
+ onCanplaythrough?: ((payload: Event) => void) | undefined;
224
+ onDurationchange?: ((payload: Event) => void) | undefined;
225
+ onEmptied?: ((payload: Event) => void) | undefined;
226
+ onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
227
+ onEnded?: ((payload: Event) => void) | undefined;
228
+ onLoadeddata?: ((payload: Event) => void) | undefined;
229
+ onLoadedmetadata?: ((payload: Event) => void) | undefined;
230
+ onLoadstart?: ((payload: Event) => void) | undefined;
231
+ onPause?: ((payload: Event) => void) | undefined;
232
+ onPlay?: ((payload: Event) => void) | undefined;
233
+ onPlaying?: ((payload: Event) => void) | undefined;
234
+ onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
235
+ onRatechange?: ((payload: Event) => void) | undefined;
236
+ onSeeked?: ((payload: Event) => void) | undefined;
237
+ onSeeking?: ((payload: Event) => void) | undefined;
238
+ onStalled?: ((payload: Event) => void) | undefined;
239
+ onSuspend?: ((payload: Event) => void) | undefined;
240
+ onTimeupdate?: ((payload: Event) => void) | undefined;
241
+ onVolumechange?: ((payload: Event) => void) | undefined;
242
+ onWaiting?: ((payload: Event) => void) | undefined;
243
+ onSelect?: ((payload: Event) => void) | undefined;
244
+ onScroll?: ((payload: Event) => void) | undefined;
245
+ onScrollend?: ((payload: Event) => void) | undefined;
246
+ onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
247
+ onTouchend?: ((payload: TouchEvent) => void) | undefined;
248
+ onTouchmove?: ((payload: TouchEvent) => void) | undefined;
249
+ onTouchstart?: ((payload: TouchEvent) => void) | undefined;
250
+ onAuxclick?: ((payload: PointerEvent) => void) | undefined;
251
+ onClick?: ((payload: PointerEvent) => void) | undefined;
252
+ onContextmenu?: ((payload: PointerEvent) => void) | undefined;
253
+ onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
254
+ onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
255
+ onPointerdown?: ((payload: PointerEvent) => void) | undefined;
256
+ onPointermove?: ((payload: PointerEvent) => void) | undefined;
257
+ onPointerup?: ((payload: PointerEvent) => void) | undefined;
258
+ onPointercancel?: ((payload: PointerEvent) => void) | undefined;
259
+ onPointerenter?: ((payload: PointerEvent) => void) | undefined;
260
+ onPointerleave?: ((payload: PointerEvent) => void) | undefined;
261
+ onPointerover?: ((payload: PointerEvent) => void) | undefined;
262
+ onPointerout?: ((payload: PointerEvent) => void) | undefined;
263
+ onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
264
+ onToggle?: ((payload: ToggleEvent) => void) | undefined;
265
+ onWheel?: ((payload: WheelEvent) => void) | undefined;
266
+ onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
267
+ onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
268
+ onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
269
+ onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
270
+ onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
271
+ onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
272
+ onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
273
+ onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
274
+ onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
275
+ ref?: Ref<Element | ({
276
+ $: import('vue').ComponentInternalInstance;
277
+ $data: {};
278
+ $props: {};
279
+ $attrs: {
280
+ [x: string]: unknown;
281
+ };
282
+ $refs: {
283
+ [x: string]: unknown;
284
+ };
285
+ $slots: Readonly<{
286
+ [name: string]: import('vue').Slot<any> | undefined;
287
+ }>;
288
+ $root: import('vue').ComponentPublicInstance | null;
289
+ $parent: import('vue').ComponentPublicInstance | null;
290
+ $host: Element | null;
291
+ $emit: (event: string, ...args: any[]) => void;
292
+ $el: any;
293
+ $options: import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions> & {
294
+ beforeCreate?: (() => void) | (() => void)[];
295
+ created?: (() => void) | (() => void)[];
296
+ beforeMount?: (() => void) | (() => void)[];
297
+ mounted?: (() => void) | (() => void)[];
298
+ beforeUpdate?: (() => void) | (() => void)[];
299
+ updated?: (() => void) | (() => void)[];
300
+ activated?: (() => void) | (() => void)[];
301
+ deactivated?: (() => void) | (() => void)[];
302
+ beforeDestroy?: (() => void) | (() => void)[];
303
+ beforeUnmount?: (() => void) | (() => void)[];
304
+ destroyed?: (() => void) | (() => void)[];
305
+ unmounted?: (() => void) | (() => void)[];
306
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
307
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
308
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
309
+ };
310
+ $forceUpdate: () => void;
311
+ $nextTick: typeof import('vue').nextTick;
312
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
313
+ } & Readonly<{}> & Omit<{}, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
314
+ $el: Element;
315
+ }) | null, Element | ({
316
+ $: import('vue').ComponentInternalInstance;
317
+ $data: {};
318
+ $props: {};
319
+ $attrs: {
320
+ [x: string]: unknown;
321
+ };
322
+ $refs: {
323
+ [x: string]: unknown;
324
+ };
325
+ $slots: Readonly<{
326
+ [name: string]: import('vue').Slot<any> | undefined;
327
+ }>;
328
+ $root: import('vue').ComponentPublicInstance | null;
329
+ $parent: import('vue').ComponentPublicInstance | null;
330
+ $host: Element | null;
331
+ $emit: (event: string, ...args: any[]) => void;
332
+ $el: any;
333
+ $options: import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions> & {
334
+ beforeCreate?: (() => void) | (() => void)[];
335
+ created?: (() => void) | (() => void)[];
336
+ beforeMount?: (() => void) | (() => void)[];
337
+ mounted?: (() => void) | (() => void)[];
338
+ beforeUpdate?: (() => void) | (() => void)[];
339
+ updated?: (() => void) | (() => void)[];
340
+ activated?: (() => void) | (() => void)[];
341
+ deactivated?: (() => void) | (() => void)[];
342
+ beforeDestroy?: (() => void) | (() => void)[];
343
+ beforeUnmount?: (() => void) | (() => void)[];
344
+ destroyed?: (() => void) | (() => void)[];
345
+ unmounted?: (() => void) | (() => void)[];
346
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
347
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
348
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
349
+ };
350
+ $forceUpdate: () => void;
351
+ $nextTick: typeof import('vue').nextTick;
352
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
353
+ } & Readonly<{}> & Omit<{}, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
354
+ $el: Element;
355
+ }) | null> | undefined;
356
+ }>;
357
+ /**
358
+ * An input that controls another element, that can dynamically pop-up to help the user set the value of the input.
359
+ * The input MAY be either a single-line text field that supports editing and typing or an element that only displays the current value of the combobox.
360
+ */
361
+ input: import('vue').ComputedRef<{
362
+ "aria-autocomplete"?: TAutoComplete | undefined;
363
+ type?: string | undefined;
364
+ role: string;
365
+ "aria-expanded": boolean;
366
+ "aria-controls": string;
367
+ "aria-label": string;
368
+ "aria-activedescendant": string | undefined;
369
+ onInput: (event: Event) => void;
370
+ onKeydown: (event: KeyboardEvent) => void;
371
+ }>;
372
+ /**
373
+ * An optional button to control the visibility of the popup.
374
+ */
375
+ button: import('vue').ComputedRef<{
376
+ tabindex: string;
377
+ onClick: () => void | undefined;
378
+ }>;
379
+ }, undefined, {
380
+ getOptionId: (value: TValue) => string;
381
+ getOptionValueById: (id: string) => TValue | undefined;
382
+ }>;