vue-tippy 6.0.0-alpha.6 → 6.0.0-alpha.60

Sign up to get free protection for your applications and to get access to all the features.
Files changed (24) hide show
  1. package/README.md +105 -2
  2. package/dist/{vue-tippy.cjs.prod.js → vue-tippy.cjs} +1010 -241
  3. package/dist/vue-tippy.d.ts +1314 -23
  4. package/dist/{vue-tippy.esm-bundler.js → vue-tippy.esm-browser.js} +692 -243
  5. package/dist/{vue-tippy.global.js → vue-tippy.iife.js} +1010 -241
  6. package/dist/vue-tippy.iife.prod.js +6 -0
  7. package/dist/{vue-tippy.esm.js → vue-tippy.mjs} +692 -243
  8. package/dist/{vue-tippy.cjs.js → vue-tippy.prod.cjs} +694 -241
  9. package/index.cjs +7 -0
  10. package/index.js +7 -0
  11. package/package.json +40 -11
  12. package/src/components/Tippy.ts +158 -0
  13. package/src/components/TippySingleton.ts +74 -0
  14. package/src/composables/index.ts +3 -0
  15. package/src/composables/useSingleton.ts +44 -0
  16. package/src/composables/useTippy.ts +255 -0
  17. package/src/composables/useTippyComponent.ts +25 -0
  18. package/src/directive/index.ts +89 -0
  19. package/src/global.d.ts +4 -0
  20. package/src/index.ts +39 -0
  21. package/src/plugin/index.ts +18 -0
  22. package/src/types/index.ts +31 -0
  23. package/tsconfig.json +31 -0
  24. package/dist/vue-tippy.global.prod.js +0 -6
package/dist/vue-tippy.d.ts CHANGED
@@ -7,37 +7,407 @@ import { Directive } from 'vue';
7
7
  import { Instance } from 'tippy.js';
8
8
  import { Plugin as Plugin_2 } from 'vue';
9
9
  import { Props } from 'tippy.js';
10
+ import { PropType } from 'vue';
10
11
  import { Ref } from 'vue';
12
+ import { roundArrow } from 'tippy.js';
11
13
  import tippy from 'tippy.js';
12
- import { TippyInstances as TippyInstances_2 } from 'src/types';
13
14
  import { VNode } from 'vue';
14
15
 
15
16
  export declare const directive: Directive;
16
17
 
17
18
  declare const plugin: Plugin_2;
18
19
  export default plugin;
20
+ export { plugin }
21
+ export { roundArrow }
19
22
 
20
23
  export declare const setDefaultProps: (partialProps: Partial<import("tippy.js").DefaultProps>) => void;
21
24
 
22
- export declare const Tippy: import("vue").DefineComponent<ComponentObjectPropsOptions<Record<string, unknown>>, {
23
- tippy: import("vue").Ref<import("tippy.js").Instance<import("tippy.js").Props> | undefined>;
24
- refresh: () => void;
25
- refreshContent: () => void;
26
- setContent: (value: import("../types").TippyContent) => void;
27
- setProps: (value: Partial<Pick<import("tippy.js").Props, "animateFill" | "appendTo" | "aria" | "delay" | "duration" | "followCursor" | "getReferenceClientRect" | "hideOnClick" | "ignoreAttributes" | "inlinePositioning" | "interactive" | "interactiveBorder" | "interactiveDebounce" | "moveTransition" | "offset" | "placement" | "plugins" | "popperOptions" | "render" | "showOnCreate" | "sticky" | "touch" | "trigger" | "triggerTarget" | "onAfterUpdate" | "onBeforeUpdate" | "onCreate" | "onDestroy" | "onHidden" | "onHide" | "onMount" | "onShow" | "onShown" | "onTrigger" | "onUntrigger" | "onClickOutside" | "allowHTML" | "animation" | "arrow" | "inertia" | "maxWidth" | "role" | "theme" | "zIndex"> & {
28
- content: import("../types").TippyContent;
29
- }>) => void;
30
- destroy: () => void;
31
- hide: () => void;
32
- show: () => void;
33
- disable: () => void;
34
- enable: () => void;
35
- unmount: () => void;
36
- mount: () => void;
37
- elem: import("vue").Ref<Element | undefined>;
38
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {
39
- [x: string]: any;
40
- }>, {}>;
25
+ export declare const Tippy: import("vue").DefineComponent<{
26
+ to: {
27
+ type: PropType<string | Element>;
28
+ };
29
+ tag: {
30
+ type: StringConstructor;
31
+ default: string;
32
+ };
33
+ contentTag: {
34
+ type: StringConstructor;
35
+ default: string;
36
+ };
37
+ contentClass: {
38
+ type: StringConstructor;
39
+ default: null;
40
+ };
41
+ appendTo: {
42
+ default: () => Element | "parent" | ((ref: Element) => Element);
43
+ };
44
+ aria: {
45
+ default: () => {
46
+ content?: "auto" | "describedby" | "labelledby" | null | undefined;
47
+ expanded?: boolean | "auto" | undefined;
48
+ };
49
+ };
50
+ delay: {
51
+ default: () => number | [number, number];
52
+ };
53
+ duration: {
54
+ default: () => number | [number, number];
55
+ };
56
+ getReferenceClientRect: {
57
+ default: () => import("tippy.js").GetReferenceClientRect | null;
58
+ };
59
+ hideOnClick: {
60
+ default: () => boolean | "toggle";
61
+ };
62
+ ignoreAttributes: {
63
+ default: () => boolean;
64
+ };
65
+ interactive: {
66
+ default: () => boolean;
67
+ };
68
+ interactiveBorder: {
69
+ default: () => number;
70
+ };
71
+ interactiveDebounce: {
72
+ default: () => number;
73
+ };
74
+ moveTransition: {
75
+ default: () => string;
76
+ };
77
+ offset: {
78
+ default: () => [number, number] | (({ placement, popper, reference, }: {
79
+ placement: import("@popperjs/core").Placement;
80
+ popper: import("@popperjs/core").Rect;
81
+ reference: import("@popperjs/core").Rect;
82
+ }) => [number, number]);
83
+ };
84
+ onAfterUpdate: {
85
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, partialProps: Partial<import("tippy.js").Props>) => void;
86
+ };
87
+ onBeforeUpdate: {
88
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, partialProps: Partial<import("tippy.js").Props>) => void;
89
+ };
90
+ onCreate: {
91
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
92
+ };
93
+ onDestroy: {
94
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
95
+ };
96
+ onHidden: {
97
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
98
+ };
99
+ onHide: {
100
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => false | void;
101
+ };
102
+ onMount: {
103
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
104
+ };
105
+ onShow: {
106
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => false | void;
107
+ };
108
+ onShown: {
109
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
110
+ };
111
+ onTrigger: {
112
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
113
+ };
114
+ onUntrigger: {
115
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
116
+ };
117
+ onClickOutside: {
118
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
119
+ };
120
+ placement: {
121
+ default: () => import("@popperjs/core").Placement;
122
+ };
123
+ plugins: {
124
+ default: () => import("tippy.js").Plugin<unknown>[];
125
+ };
126
+ popperOptions: {
127
+ default: () => Partial<import("@popperjs/core").Options>;
128
+ };
129
+ render: {
130
+ default: () => ((instance: import("tippy.js").Instance<import("tippy.js").Props>) => {
131
+ popper: import("tippy.js").PopperElement<import("tippy.js").Props>;
132
+ onUpdate?: ((prevProps: import("tippy.js").Props, nextProps: import("tippy.js").Props) => void) | undefined;
133
+ }) | null;
134
+ };
135
+ showOnCreate: {
136
+ default: () => boolean;
137
+ };
138
+ touch: {
139
+ default: () => boolean | "hold" | ["hold", number];
140
+ };
141
+ trigger: {
142
+ default: () => string;
143
+ };
144
+ triggerTarget: {
145
+ default: () => Element | Element[] | null;
146
+ };
147
+ animateFill: {
148
+ default: () => boolean;
149
+ };
150
+ followCursor: {
151
+ default: () => boolean | "horizontal" | "vertical" | "initial";
152
+ };
153
+ inlinePositioning: {
154
+ default: () => boolean;
155
+ };
156
+ sticky: {
157
+ default: () => boolean | "reference" | "popper";
158
+ };
159
+ allowHTML: {
160
+ default: () => boolean;
161
+ };
162
+ animation: {
163
+ default: () => string | boolean;
164
+ };
165
+ arrow: {
166
+ default: () => string | boolean | DocumentFragment | SVGElement;
167
+ };
168
+ content: {
169
+ default: () => import("tippy.js").Content;
170
+ };
171
+ inertia: {
172
+ default: () => boolean;
173
+ };
174
+ maxWidth: {
175
+ default: () => string | number;
176
+ };
177
+ role: {
178
+ default: () => string;
179
+ };
180
+ theme: {
181
+ default: () => string;
182
+ };
183
+ zIndex: {
184
+ default: () => number;
185
+ };
186
+ }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
187
+ [key: string]: any;
188
+ }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "state"[], "state", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
189
+ to: {
190
+ type: PropType<string | Element>;
191
+ };
192
+ tag: {
193
+ type: StringConstructor;
194
+ default: string;
195
+ };
196
+ contentTag: {
197
+ type: StringConstructor;
198
+ default: string;
199
+ };
200
+ contentClass: {
201
+ type: StringConstructor;
202
+ default: null;
203
+ };
204
+ appendTo: {
205
+ default: () => Element | "parent" | ((ref: Element) => Element);
206
+ };
207
+ aria: {
208
+ default: () => {
209
+ content?: "auto" | "describedby" | "labelledby" | null | undefined;
210
+ expanded?: boolean | "auto" | undefined;
211
+ };
212
+ };
213
+ delay: {
214
+ default: () => number | [number, number];
215
+ };
216
+ duration: {
217
+ default: () => number | [number, number];
218
+ };
219
+ getReferenceClientRect: {
220
+ default: () => import("tippy.js").GetReferenceClientRect | null;
221
+ };
222
+ hideOnClick: {
223
+ default: () => boolean | "toggle";
224
+ };
225
+ ignoreAttributes: {
226
+ default: () => boolean;
227
+ };
228
+ interactive: {
229
+ default: () => boolean;
230
+ };
231
+ interactiveBorder: {
232
+ default: () => number;
233
+ };
234
+ interactiveDebounce: {
235
+ default: () => number;
236
+ };
237
+ moveTransition: {
238
+ default: () => string;
239
+ };
240
+ offset: {
241
+ default: () => [number, number] | (({ placement, popper, reference, }: {
242
+ placement: import("@popperjs/core").Placement;
243
+ popper: import("@popperjs/core").Rect;
244
+ reference: import("@popperjs/core").Rect;
245
+ }) => [number, number]);
246
+ };
247
+ onAfterUpdate: {
248
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, partialProps: Partial<import("tippy.js").Props>) => void;
249
+ };
250
+ onBeforeUpdate: {
251
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, partialProps: Partial<import("tippy.js").Props>) => void;
252
+ };
253
+ onCreate: {
254
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
255
+ };
256
+ onDestroy: {
257
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
258
+ };
259
+ onHidden: {
260
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
261
+ };
262
+ onHide: {
263
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => false | void;
264
+ };
265
+ onMount: {
266
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
267
+ };
268
+ onShow: {
269
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => false | void;
270
+ };
271
+ onShown: {
272
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
273
+ };
274
+ onTrigger: {
275
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
276
+ };
277
+ onUntrigger: {
278
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
279
+ };
280
+ onClickOutside: {
281
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
282
+ };
283
+ placement: {
284
+ default: () => import("@popperjs/core").Placement;
285
+ };
286
+ plugins: {
287
+ default: () => import("tippy.js").Plugin<unknown>[];
288
+ };
289
+ popperOptions: {
290
+ default: () => Partial<import("@popperjs/core").Options>;
291
+ };
292
+ render: {
293
+ default: () => ((instance: import("tippy.js").Instance<import("tippy.js").Props>) => {
294
+ popper: import("tippy.js").PopperElement<import("tippy.js").Props>;
295
+ onUpdate?: ((prevProps: import("tippy.js").Props, nextProps: import("tippy.js").Props) => void) | undefined;
296
+ }) | null;
297
+ };
298
+ showOnCreate: {
299
+ default: () => boolean;
300
+ };
301
+ touch: {
302
+ default: () => boolean | "hold" | ["hold", number];
303
+ };
304
+ trigger: {
305
+ default: () => string;
306
+ };
307
+ triggerTarget: {
308
+ default: () => Element | Element[] | null;
309
+ };
310
+ animateFill: {
311
+ default: () => boolean;
312
+ };
313
+ followCursor: {
314
+ default: () => boolean | "horizontal" | "vertical" | "initial";
315
+ };
316
+ inlinePositioning: {
317
+ default: () => boolean;
318
+ };
319
+ sticky: {
320
+ default: () => boolean | "reference" | "popper";
321
+ };
322
+ allowHTML: {
323
+ default: () => boolean;
324
+ };
325
+ animation: {
326
+ default: () => string | boolean;
327
+ };
328
+ arrow: {
329
+ default: () => string | boolean | DocumentFragment | SVGElement;
330
+ };
331
+ content: {
332
+ default: () => import("tippy.js").Content;
333
+ };
334
+ inertia: {
335
+ default: () => boolean;
336
+ };
337
+ maxWidth: {
338
+ default: () => string | number;
339
+ };
340
+ role: {
341
+ default: () => string;
342
+ };
343
+ theme: {
344
+ default: () => string;
345
+ };
346
+ zIndex: {
347
+ default: () => number;
348
+ };
349
+ }>> & {
350
+ onState?: ((...args: any[]) => any) | undefined;
351
+ }, {
352
+ content: import("tippy.js").Content;
353
+ triggerTarget: Element | Element[];
354
+ getReferenceClientRect: import("tippy.js").GetReferenceClientRect;
355
+ animateFill: boolean;
356
+ appendTo: Element | "parent" | ((ref: Element) => Element);
357
+ aria: {
358
+ content?: "auto" | "describedby" | "labelledby" | null | undefined;
359
+ expanded?: boolean | "auto" | undefined;
360
+ };
361
+ delay: number | [number, number];
362
+ duration: number | [number, number];
363
+ followCursor: boolean | "horizontal" | "vertical" | "initial";
364
+ hideOnClick: boolean | "toggle";
365
+ ignoreAttributes: boolean;
366
+ inlinePositioning: boolean;
367
+ interactive: boolean;
368
+ interactiveBorder: number;
369
+ interactiveDebounce: number;
370
+ moveTransition: string;
371
+ offset: [number, number] | (({ placement, popper, reference, }: {
372
+ placement: import("@popperjs/core").Placement;
373
+ popper: import("@popperjs/core").Rect;
374
+ reference: import("@popperjs/core").Rect;
375
+ }) => [number, number]);
376
+ placement: import("@popperjs/core").Placement;
377
+ plugins: import("tippy.js").Plugin<unknown>[];
378
+ popperOptions: Partial<import("@popperjs/core").Options>;
379
+ render: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => {
380
+ popper: import("tippy.js").PopperElement<import("tippy.js").Props>;
381
+ onUpdate?: ((prevProps: import("tippy.js").Props, nextProps: import("tippy.js").Props) => void) | undefined;
382
+ };
383
+ showOnCreate: boolean;
384
+ sticky: boolean | "reference" | "popper";
385
+ touch: boolean | "hold" | ["hold", number];
386
+ trigger: string;
387
+ onAfterUpdate: (instance: import("tippy.js").Instance<import("tippy.js").Props>, partialProps: Partial<import("tippy.js").Props>) => void;
388
+ onBeforeUpdate: (instance: import("tippy.js").Instance<import("tippy.js").Props>, partialProps: Partial<import("tippy.js").Props>) => void;
389
+ onCreate: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
390
+ onDestroy: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
391
+ onHidden: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
392
+ onHide: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => false | void;
393
+ onMount: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
394
+ onShow: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => false | void;
395
+ onShown: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
396
+ onTrigger: (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
397
+ onUntrigger: (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
398
+ onClickOutside: (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
399
+ allowHTML: boolean;
400
+ animation: string | boolean;
401
+ arrow: string | boolean | DocumentFragment | SVGElement;
402
+ inertia: boolean;
403
+ maxWidth: string | number;
404
+ role: string;
405
+ theme: string;
406
+ zIndex: number;
407
+ tag: string;
408
+ contentTag: string;
409
+ contentClass: string;
410
+ }>;
41
411
  export { tippy }
42
412
 
43
413
  export declare type TippyComponent = InstanceType<typeof Tippy>;
@@ -46,19 +416,282 @@ export declare type TippyContent = Content | VNode | Component | Ref;
46
416
 
47
417
  export declare type TippyInstance = Instance | Element | undefined;
48
418
 
49
- export declare type TippyInstances = Ref<TippyInstance>[] | Ref<TippyInstance[]>;
419
+ export declare type TippyInstances = Ref<TippyInstance>[] | Ref<TippyInstance[]> | (() => TippyInstance[]);
50
420
 
51
- export declare type TippyOptions = Partial<Omit<Props, 'content'> & {
421
+ export declare type TippyOptions = Partial<Omit<Props, 'content' | 'triggerTarget' | 'getReferenceClientRect'> & {
52
422
  content: TippyContent;
423
+ triggerTarget: TippyTarget;
424
+ getReferenceClientRect: null | (() => DOMRect & any);
53
425
  }>;
54
426
 
55
427
  export declare interface TippyPluginOptions {
56
428
  directive?: string;
57
429
  component?: string;
430
+ componentSingleton?: string;
58
431
  defaultProps?: Partial<DefaultProps>;
59
432
  }
60
433
 
61
- export declare function useSingleton(instances: TippyInstances_2, optionalProps?: Partial<CreateSingletonProps<Props>>): {
434
+ export declare const TippySingleton: import("vue").DefineComponent<ComponentObjectPropsOptions<Record<string, unknown>>, {
435
+ instances: import("vue").Ref<{
436
+ clearDelayTimeouts: () => void;
437
+ destroy: () => void;
438
+ disable: () => void;
439
+ enable: () => void;
440
+ hide: () => void;
441
+ hideWithInteractivity: (event: MouseEvent) => void;
442
+ id: number;
443
+ plugins: {
444
+ name?: string | undefined;
445
+ defaultValue?: any;
446
+ fn: (instance: Instance<any>) => Partial<import("tippy.js").LifecycleHooks<any>>;
447
+ }[];
448
+ popper: import("tippy.js").PopperElement<any>;
449
+ popperInstance: {
450
+ state: {
451
+ elements: {
452
+ reference: Element | {
453
+ getBoundingClientRect: () => ClientRect | DOMRect;
454
+ contextElement?: Element | undefined;
455
+ };
456
+ popper: HTMLElement;
457
+ arrow?: HTMLElement | undefined;
458
+ };
459
+ options: {
460
+ placement: import("@popperjs/core").Placement;
461
+ modifiers: any[];
462
+ strategy: import("@popperjs/core").PositioningStrategy;
463
+ onFirstUpdate?: ((arg0: Partial<import("@popperjs/core").State>) => void) | undefined;
464
+ };
465
+ placement: import("@popperjs/core").Placement;
466
+ strategy: import("@popperjs/core").PositioningStrategy;
467
+ orderedModifiers: {
468
+ name: any;
469
+ enabled: boolean;
470
+ phase: import("@popperjs/core").ModifierPhases;
471
+ requires?: string[] | undefined;
472
+ requiresIfExists?: string[] | undefined;
473
+ fn: (arg0: import("@popperjs/core").ModifierArguments<any>) => void | import("@popperjs/core").State;
474
+ effect?: ((arg0: import("@popperjs/core").ModifierArguments<any>) => void | (() => void)) | undefined;
475
+ options?: Partial<any> | undefined;
476
+ data?: import("@popperjs/core").Obj | undefined;
477
+ }[];
478
+ rects: {
479
+ reference: {
480
+ width: number;
481
+ height: number;
482
+ x: number;
483
+ y: number;
484
+ };
485
+ popper: {
486
+ width: number;
487
+ height: number;
488
+ x: number;
489
+ y: number;
490
+ };
491
+ };
492
+ scrollParents: {
493
+ reference: (Element | {
494
+ innerHeight: number;
495
+ offsetHeight: number;
496
+ innerWidth: number;
497
+ offsetWidth: number;
498
+ pageXOffset: number;
499
+ pageYOffset: number;
500
+ getComputedStyle: typeof getComputedStyle;
501
+ addEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
502
+ removeEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
503
+ Element: Element;
504
+ HTMLElement: HTMLElement;
505
+ Node: Node;
506
+ toString: () => "[object Window]";
507
+ devicePixelRatio: number;
508
+ visualViewport?: {
509
+ addEventListener: (type: string, listener: EventListener | EventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
510
+ dispatchEvent: (event: Event) => boolean;
511
+ removeEventListener: (type: string, callback: EventListener | EventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
512
+ width: number;
513
+ height: number;
514
+ offsetLeft: number;
515
+ offsetTop: number;
516
+ scale: number;
517
+ } | undefined;
518
+ ShadowRoot: ShadowRoot;
519
+ } | {
520
+ addEventListener: (type: string, listener: EventListener | EventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
521
+ dispatchEvent: (event: Event) => boolean;
522
+ removeEventListener: (type: string, callback: EventListener | EventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
523
+ width: number;
524
+ height: number;
525
+ offsetLeft: number;
526
+ offsetTop: number;
527
+ scale: number;
528
+ })[];
529
+ popper: (Element | {
530
+ innerHeight: number;
531
+ offsetHeight: number;
532
+ innerWidth: number;
533
+ offsetWidth: number;
534
+ pageXOffset: number;
535
+ pageYOffset: number;
536
+ getComputedStyle: typeof getComputedStyle;
537
+ addEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
538
+ removeEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
539
+ Element: Element;
540
+ HTMLElement: HTMLElement;
541
+ Node: Node;
542
+ toString: () => "[object Window]";
543
+ devicePixelRatio: number;
544
+ visualViewport?: {
545
+ addEventListener: (type: string, listener: EventListener | EventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
546
+ dispatchEvent: (event: Event) => boolean;
547
+ removeEventListener: (type: string, callback: EventListener | EventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
548
+ width: number;
549
+ height: number;
550
+ offsetLeft: number;
551
+ offsetTop: number;
552
+ scale: number;
553
+ } | undefined;
554
+ ShadowRoot: ShadowRoot;
555
+ } | {
556
+ addEventListener: (type: string, listener: EventListener | EventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
557
+ dispatchEvent: (event: Event) => boolean;
558
+ removeEventListener: (type: string, callback: EventListener | EventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
559
+ width: number;
560
+ height: number;
561
+ offsetLeft: number;
562
+ offsetTop: number;
563
+ scale: number;
564
+ })[];
565
+ };
566
+ styles: {
567
+ [key: string]: Partial<CSSStyleDeclaration>;
568
+ };
569
+ attributes: {
570
+ [key: string]: {
571
+ [key: string]: string | boolean;
572
+ };
573
+ };
574
+ modifiersData: {
575
+ [x: string]: any;
576
+ arrow?: {
577
+ x?: number | undefined;
578
+ y?: number | undefined;
579
+ centerOffset: number;
580
+ } | undefined;
581
+ hide?: {
582
+ isReferenceHidden: boolean;
583
+ hasPopperEscaped: boolean;
584
+ referenceClippingOffsets: {
585
+ top: number;
586
+ left: number;
587
+ right: number;
588
+ bottom: number;
589
+ };
590
+ popperEscapeOffsets: {
591
+ top: number;
592
+ left: number;
593
+ right: number;
594
+ bottom: number;
595
+ };
596
+ } | undefined;
597
+ offset?: {
598
+ auto?: {
599
+ y: number;
600
+ x: number;
601
+ } | undefined;
602
+ "auto-start"?: {
603
+ y: number;
604
+ x: number;
605
+ } | undefined;
606
+ "auto-end"?: {
607
+ y: number;
608
+ x: number;
609
+ } | undefined;
610
+ top?: {
611
+ y: number;
612
+ x: number;
613
+ } | undefined;
614
+ bottom?: {
615
+ y: number;
616
+ x: number;
617
+ } | undefined;
618
+ right?: {
619
+ y: number;
620
+ x: number;
621
+ } | undefined;
622
+ left?: {
623
+ y: number;
624
+ x: number;
625
+ } | undefined;
626
+ "top-start"?: {
627
+ y: number;
628
+ x: number;
629
+ } | undefined;
630
+ "top-end"?: {
631
+ y: number;
632
+ x: number;
633
+ } | undefined;
634
+ "bottom-start"?: {
635
+ y: number;
636
+ x: number;
637
+ } | undefined;
638
+ "bottom-end"?: {
639
+ y: number;
640
+ x: number;
641
+ } | undefined;
642
+ "right-start"?: {
643
+ y: number;
644
+ x: number;
645
+ } | undefined;
646
+ "right-end"?: {
647
+ y: number;
648
+ x: number;
649
+ } | undefined;
650
+ "left-start"?: {
651
+ y: number;
652
+ x: number;
653
+ } | undefined;
654
+ "left-end"?: {
655
+ y: number;
656
+ x: number;
657
+ } | undefined;
658
+ } | undefined;
659
+ preventOverflow?: {
660
+ y: number;
661
+ x: number;
662
+ } | undefined;
663
+ popperOffsets?: {
664
+ y: number;
665
+ x: number;
666
+ } | undefined;
667
+ };
668
+ reset: boolean;
669
+ };
670
+ destroy: () => void;
671
+ forceUpdate: () => void;
672
+ update: () => Promise<Partial<import("@popperjs/core").State>>;
673
+ setOptions: (setOptionsAction: Partial<import("@popperjs/core").OptionsGeneric<any>> | ((prev: Partial<import("@popperjs/core").OptionsGeneric<any>>) => Partial<import("@popperjs/core").OptionsGeneric<any>>)) => Promise<Partial<import("@popperjs/core").State>>;
674
+ } | null;
675
+ props: any;
676
+ reference: import("tippy.js").ReferenceElement<any>;
677
+ setContent: (content: import("tippy.js").Content) => void;
678
+ setProps: (partialProps: Partial<any>) => void;
679
+ show: () => void;
680
+ state: {
681
+ isEnabled: boolean;
682
+ isVisible: boolean;
683
+ isDestroyed: boolean;
684
+ isMounted: boolean;
685
+ isShown: boolean;
686
+ };
687
+ unmount: () => void;
688
+ }[]>;
689
+ singleton: import("vue").Ref<import("tippy.js").CreateSingletonInstance<import("tippy.js").CreateSingletonProps<import("tippy.js").Props>> | undefined>;
690
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<ComponentObjectPropsOptions<Record<string, unknown>>>>, {}>;
691
+
692
+ export declare type TippyTarget = Element | Element[] | Ref<Element | undefined> | Ref<Element[] | undefined> | null;
693
+
694
+ export declare function useSingleton(instances: TippyInstances, optionalProps?: Partial<CreateSingletonProps<Props>>): {
62
695
  singleton: import("vue").Ref<import("tippy.js").CreateSingletonInstance<CreateSingletonProps<Props>> | undefined>;
63
696
  };
64
697
 
@@ -77,6 +710,664 @@ export declare function useTippy(el: Element | (() => Element) | Ref<Element> |
77
710
  enable: () => void;
78
711
  unmount: () => void;
79
712
  mount: () => void;
713
+ state: Ref<{
714
+ isEnabled: boolean;
715
+ isVisible: boolean;
716
+ isDestroyed: boolean;
717
+ isMounted: boolean;
718
+ isShown: boolean;
719
+ }>;
720
+ };
721
+
722
+ export declare function useTippyComponent(opts?: TippyOptions, children?: any): {
723
+ instance: import("vue").Ref<({
724
+ $: import("vue").ComponentInternalInstance;
725
+ $data: {};
726
+ $props: Partial<{
727
+ content: import("tippy.js").Content;
728
+ triggerTarget: Element | Element[];
729
+ getReferenceClientRect: import("tippy.js").GetReferenceClientRect;
730
+ animateFill: boolean;
731
+ appendTo: Element | "parent" | ((ref: Element) => Element);
732
+ aria: {
733
+ content?: "auto" | "describedby" | "labelledby" | null | undefined;
734
+ expanded?: boolean | "auto" | undefined;
735
+ };
736
+ delay: number | [number, number];
737
+ duration: number | [number, number];
738
+ followCursor: boolean | "horizontal" | "vertical" | "initial";
739
+ hideOnClick: boolean | "toggle";
740
+ ignoreAttributes: boolean;
741
+ inlinePositioning: boolean;
742
+ interactive: boolean;
743
+ interactiveBorder: number;
744
+ interactiveDebounce: number;
745
+ moveTransition: string;
746
+ offset: [number, number] | (({ placement, popper, reference, }: {
747
+ placement: import("@popperjs/core").Placement;
748
+ popper: import("@popperjs/core").Rect;
749
+ reference: import("@popperjs/core").Rect;
750
+ }) => [number, number]);
751
+ placement: import("@popperjs/core").Placement;
752
+ plugins: import("tippy.js").Plugin<unknown>[];
753
+ popperOptions: Partial<import("@popperjs/core").Options>;
754
+ render: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => {
755
+ popper: import("tippy.js").PopperElement<import("tippy.js").Props>;
756
+ onUpdate?: ((prevProps: import("tippy.js").Props, nextProps: import("tippy.js").Props) => void) | undefined;
757
+ };
758
+ showOnCreate: boolean;
759
+ sticky: boolean | "reference" | "popper";
760
+ touch: boolean | "hold" | ["hold", number];
761
+ trigger: string;
762
+ onAfterUpdate: (instance: import("tippy.js").Instance<import("tippy.js").Props>, partialProps: Partial<import("tippy.js").Props>) => void;
763
+ onBeforeUpdate: (instance: import("tippy.js").Instance<import("tippy.js").Props>, partialProps: Partial<import("tippy.js").Props>) => void;
764
+ onCreate: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
765
+ onDestroy: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
766
+ onHidden: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
767
+ onHide: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => false | void;
768
+ onMount: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
769
+ onShow: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => false | void;
770
+ onShown: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
771
+ onTrigger: (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
772
+ onUntrigger: (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
773
+ onClickOutside: (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
774
+ allowHTML: boolean;
775
+ animation: string | boolean;
776
+ arrow: string | boolean | DocumentFragment | SVGElement;
777
+ inertia: boolean;
778
+ maxWidth: string | number;
779
+ role: string;
780
+ theme: string;
781
+ zIndex: number;
782
+ tag: string;
783
+ contentTag: string;
784
+ contentClass: string;
785
+ }> & Pick<Readonly<import("vue").ExtractPropTypes<{
786
+ to: {
787
+ type: import("vue").PropType<string | Element>;
788
+ };
789
+ tag: {
790
+ type: StringConstructor;
791
+ default: string;
792
+ };
793
+ contentTag: {
794
+ type: StringConstructor;
795
+ default: string;
796
+ };
797
+ contentClass: {
798
+ type: StringConstructor;
799
+ default: null;
800
+ };
801
+ appendTo: {
802
+ default: () => Element | "parent" | ((ref: Element) => Element);
803
+ };
804
+ aria: {
805
+ default: () => {
806
+ content?: "auto" | "describedby" | "labelledby" | null | undefined;
807
+ expanded?: boolean | "auto" | undefined;
808
+ };
809
+ };
810
+ delay: {
811
+ default: () => number | [number, number];
812
+ };
813
+ duration: {
814
+ default: () => number | [number, number];
815
+ };
816
+ getReferenceClientRect: {
817
+ default: () => import("tippy.js").GetReferenceClientRect | null;
818
+ };
819
+ hideOnClick: {
820
+ default: () => boolean | "toggle";
821
+ };
822
+ ignoreAttributes: {
823
+ default: () => boolean;
824
+ };
825
+ interactive: {
826
+ default: () => boolean;
827
+ };
828
+ interactiveBorder: {
829
+ default: () => number;
830
+ };
831
+ interactiveDebounce: {
832
+ default: () => number;
833
+ };
834
+ moveTransition: {
835
+ default: () => string;
836
+ };
837
+ offset: {
838
+ default: () => [number, number] | (({ placement, popper, reference, }: {
839
+ placement: import("@popperjs/core").Placement;
840
+ popper: import("@popperjs/core").Rect;
841
+ reference: import("@popperjs/core").Rect;
842
+ }) => [number, number]);
843
+ };
844
+ onAfterUpdate: {
845
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, partialProps: Partial<import("tippy.js").Props>) => void;
846
+ };
847
+ onBeforeUpdate: {
848
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, partialProps: Partial<import("tippy.js").Props>) => void;
849
+ };
850
+ onCreate: {
851
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
852
+ };
853
+ onDestroy: {
854
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
855
+ };
856
+ onHidden: {
857
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
858
+ };
859
+ onHide: {
860
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => false | void;
861
+ };
862
+ onMount: {
863
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
864
+ };
865
+ onShow: {
866
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => false | void;
867
+ };
868
+ onShown: {
869
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
870
+ };
871
+ onTrigger: {
872
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
873
+ };
874
+ onUntrigger: {
875
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
876
+ };
877
+ onClickOutside: {
878
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
879
+ };
880
+ placement: {
881
+ default: () => import("@popperjs/core").Placement;
882
+ };
883
+ plugins: {
884
+ default: () => import("tippy.js").Plugin<unknown>[];
885
+ };
886
+ popperOptions: {
887
+ default: () => Partial<import("@popperjs/core").Options>;
888
+ };
889
+ render: {
890
+ default: () => ((instance: import("tippy.js").Instance<import("tippy.js").Props>) => {
891
+ popper: import("tippy.js").PopperElement<import("tippy.js").Props>;
892
+ onUpdate?: ((prevProps: import("tippy.js").Props, nextProps: import("tippy.js").Props) => void) | undefined;
893
+ }) | null;
894
+ };
895
+ showOnCreate: {
896
+ default: () => boolean;
897
+ };
898
+ touch: {
899
+ default: () => boolean | "hold" | ["hold", number];
900
+ };
901
+ trigger: {
902
+ default: () => string;
903
+ };
904
+ triggerTarget: {
905
+ default: () => Element | Element[] | null;
906
+ };
907
+ animateFill: {
908
+ default: () => boolean;
909
+ };
910
+ followCursor: {
911
+ default: () => boolean | "horizontal" | "vertical" | "initial";
912
+ };
913
+ inlinePositioning: {
914
+ default: () => boolean;
915
+ };
916
+ sticky: {
917
+ default: () => boolean | "reference" | "popper";
918
+ };
919
+ allowHTML: {
920
+ default: () => boolean;
921
+ };
922
+ animation: {
923
+ default: () => string | boolean;
924
+ };
925
+ arrow: {
926
+ default: () => string | boolean | DocumentFragment | SVGElement;
927
+ };
928
+ content: {
929
+ default: () => import("tippy.js").Content;
930
+ };
931
+ inertia: {
932
+ default: () => boolean;
933
+ };
934
+ maxWidth: {
935
+ default: () => string | number;
936
+ };
937
+ role: {
938
+ default: () => string;
939
+ };
940
+ theme: {
941
+ default: () => string;
942
+ };
943
+ zIndex: {
944
+ default: () => number;
945
+ };
946
+ }>> & {
947
+ onState?: ((...args: any[]) => any) | undefined;
948
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "onState" | "to" | "key" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "class" | "style">;
949
+ $attrs: Record<string, unknown>;
950
+ $refs: Record<string, unknown>;
951
+ $slots: Readonly<{
952
+ [name: string]: import("vue").Slot | undefined;
953
+ }>;
954
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
955
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
956
+ $emit: (event: "state", ...args: any[]) => void;
957
+ $el: any;
958
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
959
+ to: {
960
+ type: import("vue").PropType<string | Element>;
961
+ };
962
+ tag: {
963
+ type: StringConstructor;
964
+ default: string;
965
+ };
966
+ contentTag: {
967
+ type: StringConstructor;
968
+ default: string;
969
+ };
970
+ contentClass: {
971
+ type: StringConstructor;
972
+ default: null;
973
+ };
974
+ appendTo: {
975
+ default: () => Element | "parent" | ((ref: Element) => Element);
976
+ };
977
+ aria: {
978
+ default: () => {
979
+ content?: "auto" | "describedby" | "labelledby" | null | undefined;
980
+ expanded?: boolean | "auto" | undefined;
981
+ };
982
+ };
983
+ delay: {
984
+ default: () => number | [number, number];
985
+ };
986
+ duration: {
987
+ default: () => number | [number, number];
988
+ };
989
+ getReferenceClientRect: {
990
+ default: () => import("tippy.js").GetReferenceClientRect | null;
991
+ };
992
+ hideOnClick: {
993
+ default: () => boolean | "toggle";
994
+ };
995
+ ignoreAttributes: {
996
+ default: () => boolean;
997
+ };
998
+ interactive: {
999
+ default: () => boolean;
1000
+ };
1001
+ interactiveBorder: {
1002
+ default: () => number;
1003
+ };
1004
+ interactiveDebounce: {
1005
+ default: () => number;
1006
+ };
1007
+ moveTransition: {
1008
+ default: () => string;
1009
+ };
1010
+ offset: {
1011
+ default: () => [number, number] | (({ placement, popper, reference, }: {
1012
+ placement: import("@popperjs/core").Placement;
1013
+ popper: import("@popperjs/core").Rect;
1014
+ reference: import("@popperjs/core").Rect;
1015
+ }) => [number, number]);
1016
+ };
1017
+ onAfterUpdate: {
1018
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, partialProps: Partial<import("tippy.js").Props>) => void;
1019
+ };
1020
+ onBeforeUpdate: {
1021
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, partialProps: Partial<import("tippy.js").Props>) => void;
1022
+ };
1023
+ onCreate: {
1024
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
1025
+ };
1026
+ onDestroy: {
1027
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
1028
+ };
1029
+ onHidden: {
1030
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
1031
+ };
1032
+ onHide: {
1033
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => false | void;
1034
+ };
1035
+ onMount: {
1036
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
1037
+ };
1038
+ onShow: {
1039
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => false | void;
1040
+ };
1041
+ onShown: {
1042
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
1043
+ };
1044
+ onTrigger: {
1045
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
1046
+ };
1047
+ onUntrigger: {
1048
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
1049
+ };
1050
+ onClickOutside: {
1051
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
1052
+ };
1053
+ placement: {
1054
+ default: () => import("@popperjs/core").Placement;
1055
+ };
1056
+ plugins: {
1057
+ default: () => import("tippy.js").Plugin<unknown>[];
1058
+ };
1059
+ popperOptions: {
1060
+ default: () => Partial<import("@popperjs/core").Options>;
1061
+ };
1062
+ render: {
1063
+ default: () => ((instance: import("tippy.js").Instance<import("tippy.js").Props>) => {
1064
+ popper: import("tippy.js").PopperElement<import("tippy.js").Props>;
1065
+ onUpdate?: ((prevProps: import("tippy.js").Props, nextProps: import("tippy.js").Props) => void) | undefined;
1066
+ }) | null;
1067
+ };
1068
+ showOnCreate: {
1069
+ default: () => boolean;
1070
+ };
1071
+ touch: {
1072
+ default: () => boolean | "hold" | ["hold", number];
1073
+ };
1074
+ trigger: {
1075
+ default: () => string;
1076
+ };
1077
+ triggerTarget: {
1078
+ default: () => Element | Element[] | null;
1079
+ };
1080
+ animateFill: {
1081
+ default: () => boolean;
1082
+ };
1083
+ followCursor: {
1084
+ default: () => boolean | "horizontal" | "vertical" | "initial";
1085
+ };
1086
+ inlinePositioning: {
1087
+ default: () => boolean;
1088
+ };
1089
+ sticky: {
1090
+ default: () => boolean | "reference" | "popper";
1091
+ };
1092
+ allowHTML: {
1093
+ default: () => boolean;
1094
+ };
1095
+ animation: {
1096
+ default: () => string | boolean;
1097
+ };
1098
+ arrow: {
1099
+ default: () => string | boolean | DocumentFragment | SVGElement;
1100
+ };
1101
+ content: {
1102
+ default: () => import("tippy.js").Content;
1103
+ };
1104
+ inertia: {
1105
+ default: () => boolean;
1106
+ };
1107
+ maxWidth: {
1108
+ default: () => string | number;
1109
+ };
1110
+ role: {
1111
+ default: () => string;
1112
+ };
1113
+ theme: {
1114
+ default: () => string;
1115
+ };
1116
+ zIndex: {
1117
+ default: () => number;
1118
+ };
1119
+ }>> & {
1120
+ onState?: ((...args: any[]) => any) | undefined;
1121
+ }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
1122
+ [key: string]: any;
1123
+ }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "state"[], string, {
1124
+ content: import("tippy.js").Content;
1125
+ triggerTarget: Element | Element[];
1126
+ getReferenceClientRect: import("tippy.js").GetReferenceClientRect;
1127
+ animateFill: boolean;
1128
+ appendTo: Element | "parent" | ((ref: Element) => Element);
1129
+ aria: {
1130
+ content?: "auto" | "describedby" | "labelledby" | null | undefined;
1131
+ expanded?: boolean | "auto" | undefined;
1132
+ };
1133
+ delay: number | [number, number];
1134
+ duration: number | [number, number];
1135
+ followCursor: boolean | "horizontal" | "vertical" | "initial";
1136
+ hideOnClick: boolean | "toggle";
1137
+ ignoreAttributes: boolean;
1138
+ inlinePositioning: boolean;
1139
+ interactive: boolean;
1140
+ interactiveBorder: number;
1141
+ interactiveDebounce: number;
1142
+ moveTransition: string;
1143
+ offset: [number, number] | (({ placement, popper, reference, }: {
1144
+ placement: import("@popperjs/core").Placement;
1145
+ popper: import("@popperjs/core").Rect;
1146
+ reference: import("@popperjs/core").Rect;
1147
+ }) => [number, number]);
1148
+ placement: import("@popperjs/core").Placement;
1149
+ plugins: import("tippy.js").Plugin<unknown>[];
1150
+ popperOptions: Partial<import("@popperjs/core").Options>;
1151
+ render: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => {
1152
+ popper: import("tippy.js").PopperElement<import("tippy.js").Props>;
1153
+ onUpdate?: ((prevProps: import("tippy.js").Props, nextProps: import("tippy.js").Props) => void) | undefined;
1154
+ };
1155
+ showOnCreate: boolean;
1156
+ sticky: boolean | "reference" | "popper";
1157
+ touch: boolean | "hold" | ["hold", number];
1158
+ trigger: string;
1159
+ onAfterUpdate: (instance: import("tippy.js").Instance<import("tippy.js").Props>, partialProps: Partial<import("tippy.js").Props>) => void;
1160
+ onBeforeUpdate: (instance: import("tippy.js").Instance<import("tippy.js").Props>, partialProps: Partial<import("tippy.js").Props>) => void;
1161
+ onCreate: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
1162
+ onDestroy: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
1163
+ onHidden: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
1164
+ onHide: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => false | void;
1165
+ onMount: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
1166
+ onShow: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => false | void;
1167
+ onShown: (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
1168
+ onTrigger: (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
1169
+ onUntrigger: (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
1170
+ onClickOutside: (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
1171
+ allowHTML: boolean;
1172
+ animation: string | boolean;
1173
+ arrow: string | boolean | DocumentFragment | SVGElement;
1174
+ inertia: boolean;
1175
+ maxWidth: string | number;
1176
+ role: string;
1177
+ theme: string;
1178
+ zIndex: number;
1179
+ tag: string;
1180
+ contentTag: string;
1181
+ contentClass: string;
1182
+ }> & {
1183
+ beforeCreate?: (() => void) | (() => void)[] | undefined;
1184
+ created?: (() => void) | (() => void)[] | undefined;
1185
+ beforeMount?: (() => void) | (() => void)[] | undefined;
1186
+ mounted?: (() => void) | (() => void)[] | undefined;
1187
+ beforeUpdate?: (() => void) | (() => void)[] | undefined;
1188
+ updated?: (() => void) | (() => void)[] | undefined;
1189
+ activated?: (() => void) | (() => void)[] | undefined;
1190
+ deactivated?: (() => void) | (() => void)[] | undefined;
1191
+ beforeDestroy?: (() => void) | (() => void)[] | undefined;
1192
+ beforeUnmount?: (() => void) | (() => void)[] | undefined;
1193
+ destroyed?: (() => void) | (() => void)[] | undefined;
1194
+ unmounted?: (() => void) | (() => void)[] | undefined;
1195
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[] | undefined;
1196
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[] | undefined;
1197
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[] | undefined;
1198
+ };
1199
+ $forceUpdate: () => void;
1200
+ $nextTick: typeof import("vue").nextTick;
1201
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
1202
+ } & Readonly<import("vue").ExtractPropTypes<{
1203
+ to: {
1204
+ type: import("vue").PropType<string | Element>;
1205
+ };
1206
+ tag: {
1207
+ type: StringConstructor;
1208
+ default: string;
1209
+ };
1210
+ contentTag: {
1211
+ type: StringConstructor;
1212
+ default: string;
1213
+ };
1214
+ contentClass: {
1215
+ type: StringConstructor;
1216
+ default: null;
1217
+ };
1218
+ appendTo: {
1219
+ default: () => Element | "parent" | ((ref: Element) => Element);
1220
+ };
1221
+ aria: {
1222
+ default: () => {
1223
+ content?: "auto" | "describedby" | "labelledby" | null | undefined;
1224
+ expanded?: boolean | "auto" | undefined;
1225
+ };
1226
+ };
1227
+ delay: {
1228
+ default: () => number | [number, number];
1229
+ };
1230
+ duration: {
1231
+ default: () => number | [number, number];
1232
+ };
1233
+ getReferenceClientRect: {
1234
+ default: () => import("tippy.js").GetReferenceClientRect | null;
1235
+ };
1236
+ hideOnClick: {
1237
+ default: () => boolean | "toggle";
1238
+ };
1239
+ ignoreAttributes: {
1240
+ default: () => boolean;
1241
+ };
1242
+ interactive: {
1243
+ default: () => boolean;
1244
+ };
1245
+ interactiveBorder: {
1246
+ default: () => number;
1247
+ };
1248
+ interactiveDebounce: {
1249
+ default: () => number;
1250
+ };
1251
+ moveTransition: {
1252
+ default: () => string;
1253
+ };
1254
+ offset: {
1255
+ default: () => [number, number] | (({ placement, popper, reference, }: {
1256
+ placement: import("@popperjs/core").Placement;
1257
+ popper: import("@popperjs/core").Rect;
1258
+ reference: import("@popperjs/core").Rect;
1259
+ }) => [number, number]);
1260
+ };
1261
+ onAfterUpdate: {
1262
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, partialProps: Partial<import("tippy.js").Props>) => void;
1263
+ };
1264
+ onBeforeUpdate: {
1265
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, partialProps: Partial<import("tippy.js").Props>) => void;
1266
+ };
1267
+ onCreate: {
1268
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
1269
+ };
1270
+ onDestroy: {
1271
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
1272
+ };
1273
+ onHidden: {
1274
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
1275
+ };
1276
+ onHide: {
1277
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => false | void;
1278
+ };
1279
+ onMount: {
1280
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
1281
+ };
1282
+ onShow: {
1283
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => false | void;
1284
+ };
1285
+ onShown: {
1286
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>) => void;
1287
+ };
1288
+ onTrigger: {
1289
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
1290
+ };
1291
+ onUntrigger: {
1292
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
1293
+ };
1294
+ onClickOutside: {
1295
+ default: () => (instance: import("tippy.js").Instance<import("tippy.js").Props>, event: Event) => void;
1296
+ };
1297
+ placement: {
1298
+ default: () => import("@popperjs/core").Placement;
1299
+ };
1300
+ plugins: {
1301
+ default: () => import("tippy.js").Plugin<unknown>[];
1302
+ };
1303
+ popperOptions: {
1304
+ default: () => Partial<import("@popperjs/core").Options>;
1305
+ };
1306
+ render: {
1307
+ default: () => ((instance: import("tippy.js").Instance<import("tippy.js").Props>) => {
1308
+ popper: import("tippy.js").PopperElement<import("tippy.js").Props>;
1309
+ onUpdate?: ((prevProps: import("tippy.js").Props, nextProps: import("tippy.js").Props) => void) | undefined;
1310
+ }) | null;
1311
+ };
1312
+ showOnCreate: {
1313
+ default: () => boolean;
1314
+ };
1315
+ touch: {
1316
+ default: () => boolean | "hold" | ["hold", number];
1317
+ };
1318
+ trigger: {
1319
+ default: () => string;
1320
+ };
1321
+ triggerTarget: {
1322
+ default: () => Element | Element[] | null;
1323
+ };
1324
+ animateFill: {
1325
+ default: () => boolean;
1326
+ };
1327
+ followCursor: {
1328
+ default: () => boolean | "horizontal" | "vertical" | "initial";
1329
+ };
1330
+ inlinePositioning: {
1331
+ default: () => boolean;
1332
+ };
1333
+ sticky: {
1334
+ default: () => boolean | "reference" | "popper";
1335
+ };
1336
+ allowHTML: {
1337
+ default: () => boolean;
1338
+ };
1339
+ animation: {
1340
+ default: () => string | boolean;
1341
+ };
1342
+ arrow: {
1343
+ default: () => string | boolean | DocumentFragment | SVGElement;
1344
+ };
1345
+ content: {
1346
+ default: () => import("tippy.js").Content;
1347
+ };
1348
+ inertia: {
1349
+ default: () => boolean;
1350
+ };
1351
+ maxWidth: {
1352
+ default: () => string | number;
1353
+ };
1354
+ role: {
1355
+ default: () => string;
1356
+ };
1357
+ theme: {
1358
+ default: () => string;
1359
+ };
1360
+ zIndex: {
1361
+ default: () => number;
1362
+ };
1363
+ }>> & {
1364
+ onState?: ((...args: any[]) => any) | undefined;
1365
+ } & import("vue").ShallowUnwrapRef<() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
1366
+ [key: string]: any;
1367
+ }>> & {} & import("vue").ComponentCustomProperties) | undefined>;
1368
+ TippyComponent: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
1369
+ [key: string]: any;
1370
+ }>;
80
1371
  };
81
1372
 
82
1373
  export { }