@prosekit/lit 0.2.8 → 0.3.1

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 (53) hide show
  1. package/dist/_tsup-dts-rollup.d.ts +24 -1111
  2. package/dist/prosekit-lit-autocomplete.d.ts +4 -0
  3. package/dist/prosekit-lit-autocomplete.js +11 -0
  4. package/dist/prosekit-lit-block-handle.d.ts +2 -0
  5. package/dist/prosekit-lit-block-handle.js +7 -0
  6. package/dist/prosekit-lit-inline-popover.d.ts +0 -3
  7. package/dist/prosekit-lit-inline-popover.js +2 -191
  8. package/dist/prosekit-lit-popover.d.ts +3 -6
  9. package/dist/prosekit-lit-popover.js +7 -9
  10. package/dist/prosekit-lit-resizable.d.ts +2 -3
  11. package/dist/prosekit-lit-resizable.js +5 -110
  12. package/dist/prosekit-lit-tooltip.d.ts +3 -0
  13. package/dist/prosekit-lit-tooltip.js +9 -0
  14. package/package.json +22 -121
  15. package/dist/chunk-5CI65R73.js +0 -9
  16. package/dist/chunk-7E5POS6D.js +0 -53
  17. package/dist/chunk-BFBBTEVM.js +0 -204
  18. package/dist/chunk-C4MW43I4.js +0 -9
  19. package/dist/chunk-FKSZFUL3.js +0 -371
  20. package/dist/chunk-LCDA7GFP.js +0 -11
  21. package/dist/chunk-MZAHIYA5.js +0 -114
  22. package/dist/chunk-S72UTR5M.js +0 -9
  23. package/dist/chunk-UIHDPY7W.js +0 -30
  24. package/dist/chunk-VPUV5WUG.js +0 -62
  25. package/dist/chunk-WEUGKLVB.js +0 -9
  26. package/dist/prosekit-lit-autocomplete-empty.d.ts +0 -3
  27. package/dist/prosekit-lit-autocomplete-empty.js +0 -46
  28. package/dist/prosekit-lit-autocomplete-item.d.ts +0 -3
  29. package/dist/prosekit-lit-autocomplete-item.js +0 -11
  30. package/dist/prosekit-lit-autocomplete-list.d.ts +0 -3
  31. package/dist/prosekit-lit-autocomplete-list.js +0 -13
  32. package/dist/prosekit-lit-autocomplete-popover.d.ts +0 -4
  33. package/dist/prosekit-lit-autocomplete-popover.js +0 -200
  34. package/dist/prosekit-lit-block-popover.d.ts +0 -3
  35. package/dist/prosekit-lit-block-popover.js +0 -170
  36. package/dist/prosekit-lit-combo-box-input.d.ts +0 -3
  37. package/dist/prosekit-lit-combo-box-input.js +0 -94
  38. package/dist/prosekit-lit-combo-box-item.d.ts +0 -3
  39. package/dist/prosekit-lit-combo-box-item.js +0 -11
  40. package/dist/prosekit-lit-combo-box-list.d.ts +0 -3
  41. package/dist/prosekit-lit-combo-box-list.js +0 -46
  42. package/dist/prosekit-lit-combo-box.d.ts +0 -3
  43. package/dist/prosekit-lit-combo-box.js +0 -131
  44. package/dist/prosekit-lit-drag-handle.d.ts +0 -3
  45. package/dist/prosekit-lit-drag-handle.js +0 -96
  46. package/dist/prosekit-lit-popover-content.d.ts +0 -3
  47. package/dist/prosekit-lit-popover-content.js +0 -17
  48. package/dist/prosekit-lit-popover-root.d.ts +0 -3
  49. package/dist/prosekit-lit-popover-root.js +0 -17
  50. package/dist/prosekit-lit-popover-trigger.d.ts +0 -3
  51. package/dist/prosekit-lit-popover-trigger.js +0 -12
  52. package/dist/prosekit-lit-resizable-handle.d.ts +0 -3
  53. package/dist/prosekit-lit-resizable-handle.js +0 -161
@@ -1,457 +1,31 @@
1
- import { AutoUpdateOptions } from '@floating-ui/dom';
2
- import type { Boundary } from '@floating-ui/dom';
3
- import type { ComputePositionReturn } from '@floating-ui/dom';
4
- import { CSSResult } from 'lit';
5
- import { Editor } from '@prosekit/core';
6
- import type { EditorView } from '@prosekit/pm/view';
7
- import { Extension } from '@prosekit/core';
8
- import type { FloatingElement } from '@floating-ui/dom';
9
- import { FocusChangeHandler } from '@prosekit/core';
10
- import { Keymap } from '@prosekit/core';
11
- import { LitElement } from 'lit';
1
+ import { AutocompleteEmptyElement as AutocompleteEmpty } from '@prosekit/web/autocomplete';
2
+ import { AutocompleteItemElement as AutocompleteItem } from '@prosekit/web/autocomplete';
3
+ import { AutocompleteListElement as AutocompleteList } from '@prosekit/web/autocomplete';
4
+ import { AutocompletePopoverElement as AutocompletePopover } from '@prosekit/web/autocomplete';
5
+ import { BlockDragHandleElement as BlockDragHandle } from '@prosekit/web/block-handle';
6
+ import { BlockPopoverElement as BlockPopover } from '@prosekit/web/block-handle';
7
+ import { InlinePopoverElement as InlinePopover } from '@prosekit/web/inline-popover';
12
8
  import { Options } from 'tsup';
13
- import type { Placement } from '@floating-ui/dom';
14
- import { PopoverContentElement as PopoverContent } from '@aria-ui/popover';
15
- import { PopoverContentProps as PopoverContentProps_2 } from '@aria-ui/popover';
16
- import { PopoverRootElement as PopoverRoot } from '@aria-ui/popover';
17
- import { PopoverRootProps as PopoverRootProps_2 } from '@aria-ui/popover';
18
- import { PopoverTriggerElement as PopoverTrigger } from '@aria-ui/popover';
19
- import type { PropertyValueMap } from 'lit';
20
- import { PropertyValues } from 'lit';
21
- import type { ProseMirrorNode } from '@prosekit/pm/model';
22
- import { ReactiveController } from 'lit';
23
- import { ReactiveControllerHost } from 'lit';
24
- import type { ReactiveElement } from 'lit';
25
- import type { ReferenceElement } from '@floating-ui/dom';
26
- import type { Selection as Selection_2 } from '@prosekit/pm/state';
27
- import { TemplateResult } from 'lit';
28
- import { UpdateHandler } from '@prosekit/core';
29
- import { VirtualElement } from '@floating-ui/dom';
9
+ import { PopoverContentElement as PopoverContent } from '@prosekit/web/popover';
10
+ import { PopoverRootElement as PopoverRoot } from '@prosekit/web/popover';
11
+ import { PopoverTriggerElement as PopoverTrigger } from '@prosekit/web/popover';
12
+ import { ResizableHandleElement as ResizableHandle } from '@prosekit/web/resizable';
13
+ import { ResizableRootElement as ResizableRoot } from '@prosekit/web/resizable';
14
+ import { TooltipContentElement as TooltipContent } from '@prosekit/web/tooltip';
15
+ import { TooltipRootElement as TooltipRoot } from '@prosekit/web/tooltip';
16
+ import { TooltipTriggerElement as TooltipTrigger } from '@prosekit/web/tooltip';
30
17
 
31
- export declare class AutocompleteEmpty extends LightElement implements AutocompleteEmptyProps {
32
- private listContext;
33
- connectedCallback(): void;
34
- protected willUpdate(_changedProperties: PropertyValues<this>): void;
35
- }
18
+ export { AutocompleteEmpty }
36
19
 
37
- export declare interface AutocompleteEmptyProps {
38
- }
39
-
40
- /**
41
- * Command menu item. Becomes active on pointer enter or through keyboard
42
- * navigation. Preferably pass a `value`, otherwise the value will be inferred
43
- * from the rendered item's `textContent`.
44
- */
45
- declare class AutocompleteItem extends LightElement implements Partial<AutocompleteItemProps> {
46
- private listContext;
47
- /**
48
- * @hidden
49
- */
50
- static properties: {
51
- value: {
52
- type: StringConstructor;
53
- reflect: true;
54
- attribute: string;
55
- };
56
- selected: {
57
- type: BooleanConstructor;
58
- reflect: true;
59
- attribute: string;
60
- };
61
- onSelect: {
62
- attribute: false;
63
- };
64
- };
65
- value: string;
66
- selected: boolean;
67
- onSelect?: VoidFunction;
68
- get content(): string;
69
- connectedCallback(): void;
70
- protected willUpdate(): void;
71
- protected updated(changedProperties: PropertyValues<this>): void;
72
- }
73
20
  export { AutocompleteItem }
74
- export { AutocompleteItem as AutocompleteItem_alias_1 }
75
21
 
76
- declare interface AutocompleteItemProps {
77
- value?: string;
78
- onSelect: VoidFunction;
79
- }
80
- export { AutocompleteItemProps }
81
- export { AutocompleteItemProps as AutocompleteItemProps_alias_1 }
82
-
83
- declare class AutocompleteList extends LightElement implements Partial<AutocompleteListProps> {
84
- /**
85
- * @hidden
86
- */
87
- private listManager;
88
- /**
89
- * @hidden
90
- */
91
- private controller;
92
- private popoverContext;
93
- private get active();
94
- /**
95
- * @hidden
96
- */
97
- static properties: {
98
- editor: {
99
- attribute: false;
100
- };
101
- };
102
- editor?: Editor;
103
- private context;
104
- connectedCallback(): void;
105
- private get items();
106
- selectFirstItem(): void;
107
- private updateValue;
108
- /**
109
- * @hidden
110
- */
111
- willUpdate(changedProperties: PropertyValues<this>): void;
112
- }
113
22
  export { AutocompleteList }
114
- export { AutocompleteList as AutocompleteList_alias_1 }
115
-
116
- export declare interface AutocompleteListContext {
117
- scores: Map<string, number>;
118
- selectedValue: string;
119
- selectedReason: 'mouse' | 'keyboard';
120
- }
121
-
122
- export declare const autocompleteListContext: {
123
- __context__: AutocompleteListContext;
124
- };
125
-
126
- export declare class AutocompleteListController implements ReactiveController {
127
- private host;
128
- private keymap;
129
- private editor;
130
- private cleanup;
131
- constructor(host: ReactiveControllerHost, keymap: Keymap);
132
- setEditor(editor: Editor): void;
133
- hostDisconnected(): void;
134
- private defineExtension;
135
- }
136
-
137
- declare interface AutocompleteListProps {
138
- editor: Editor;
139
- }
140
- export { AutocompleteListProps }
141
- export { AutocompleteListProps as AutocompleteListProps_alias_1 }
142
-
143
- export declare class AutocompletePopover extends Popover implements Partial<AutocompletePopoverProps> {
144
- /**
145
- * @hidden
146
- */
147
- private controller;
148
- /**
149
- * @hidden
150
- */
151
- static properties: {
152
- editor: {
153
- type: ObjectConstructor;
154
- reflect: false;
155
- attribute: false;
156
- };
157
- regex: {
158
- attribute: false;
159
- };
160
- positioning: {
161
- type: ObjectConstructor;
162
- reflect: false;
163
- attribute: false;
164
- };
165
- reference: {
166
- attribute: false;
167
- };
168
- open: {
169
- type: BooleanConstructor;
170
- reflect: false;
171
- attribute: false;
172
- };
173
- onOpenChange: {
174
- attribute: false;
175
- };
176
- elevated: {
177
- type: BooleanConstructor;
178
- reflect: false;
179
- attribute: false;
180
- };
181
- };
182
- editor?: Editor;
183
- regex?: RegExp;
184
- positioning?: PositioningOptions;
185
- private context;
186
- private get list();
187
- private updateContext;
188
- /**
189
- * @hidden
190
- */
191
- willUpdate(changedProperties: PropertyValues<this>): void;
192
- /**
193
- * @hidden
194
- */
195
- hide(): void;
196
- }
197
-
198
- export declare interface AutocompletePopoverContext {
199
- active: boolean;
200
- query: string;
201
- handleDismiss: VoidFunction;
202
- handleSubmit: VoidFunction;
203
- }
204
-
205
- export declare const autocompletePopoverContext: {
206
- __context__: AutocompletePopoverContext;
207
- };
208
-
209
- export declare class AutocompletePopoverController implements ReactiveController {
210
- private host;
211
- private onChange;
212
- reference: Element | null;
213
- private editor;
214
- private regex;
215
- private cleanup;
216
- handleDismiss: VoidFunction | null;
217
- handleSubmit: VoidFunction | null;
218
- constructor(host: ReactiveControllerHost, onChange: (query: string, active: boolean) => void);
219
- setEditor(editor: Editor): void;
220
- setRegex(regex: RegExp): void;
221
- private defineExtension;
222
- hostDisconnected(): void;
223
- }
224
23
 
225
- export declare interface AutocompletePopoverProps {
226
- editor: Editor;
227
- regex: RegExp;
228
- positioning?: PositioningOptions;
229
- }
24
+ export { AutocompletePopover }
230
25
 
231
- export { AutoUpdateOptions }
26
+ export { BlockDragHandle }
232
27
 
233
- export declare const blockComponentStyles: CSSResult;
234
-
235
- export declare class BlockPopover extends Popover {
236
- /**
237
- * @hidden
238
- */
239
- static properties: {
240
- editor: {
241
- type: ObjectConstructor;
242
- reflect: false;
243
- attribute: false;
244
- };
245
- reference: {
246
- attribute: false;
247
- };
248
- open: {
249
- type: BooleanConstructor;
250
- reflect: false;
251
- attribute: false;
252
- };
253
- onOpenChange: {
254
- attribute: false;
255
- };
256
- positioning: {
257
- type: ObjectConstructor;
258
- reflect: false;
259
- attribute: false;
260
- };
261
- elevated: {
262
- type: BooleanConstructor;
263
- reflect: false;
264
- attribute: false;
265
- };
266
- };
267
- editor?: Editor;
268
- positioning?: PositioningOptions;
269
- elevated: boolean;
270
- private context;
271
- constructor();
272
- protected willUpdate(changedProperties: PropertyValueMap<this>): void;
273
- }
274
-
275
- export declare interface BlockPopoverContext {
276
- pos?: number | null;
277
- node?: ProseMirrorNode | null;
278
- element?: HTMLElement | null;
279
- }
280
-
281
- export declare const blockPopoverContext: {
282
- __context__: BlockPopoverContext;
283
- };
284
-
285
- export declare interface BlockPopoverProps {
286
- editor: Editor;
287
- }
288
-
289
- export declare function calcResize(position: 'top' | 'right' | 'bottom' | 'left' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right', w: number, h: number, dx: number, dy: number, aspectRatio: number | null | undefined): [w: number, h: number];
290
-
291
- /**
292
- * @internal
293
- */
294
- export declare class ComboBox extends Popover {
295
- /**
296
- * @hidden
297
- */
298
- static properties: {
299
- onDismiss: {
300
- attribute: false;
301
- };
302
- reference: {
303
- attribute: false;
304
- };
305
- open: {
306
- type: BooleanConstructor;
307
- reflect: false;
308
- attribute: false;
309
- };
310
- onOpenChange: {
311
- attribute: false;
312
- };
313
- positioning: {
314
- type: ObjectConstructor;
315
- reflect: false;
316
- attribute: false;
317
- };
318
- elevated: {
319
- type: BooleanConstructor;
320
- reflect: false;
321
- attribute: false;
322
- };
323
- };
324
- onDismiss?: VoidFunction;
325
- private listManager;
326
- /**
327
- * @hidden
328
- */
329
- hide(): void;
330
- private context;
331
- private getContext;
332
- private setInputValue;
333
- private setSelectedValue;
334
- get items(): ComboBoxItem[];
335
- }
336
-
337
- export declare interface ComboBoxContext {
338
- inputValue: string;
339
- setInputValue: (val: string) => void;
340
- selectedValue: string;
341
- selectedReason: 'mouse' | 'keyboard';
342
- listManager: ListManager<ComboBoxItem>;
343
- }
344
-
345
- export declare const comboBoxContext: {
346
- __context__: ComboBoxContext;
347
- };
348
-
349
- /**
350
- * @internal
351
- */
352
- export declare class ComboBoxInput extends LightElement {
353
- /**
354
- * @hidden
355
- */
356
- static properties: {
357
- placeholder: {
358
- attribute: true;
359
- };
360
- };
361
- placeholder: string;
362
- private comboBoxContext;
363
- private visible;
364
- private handleKeydown;
365
- private handleInput;
366
- /**
367
- * @hidden
368
- */
369
- protected firstUpdated(): void;
370
- /**
371
- * @hidden
372
- */
373
- render(): TemplateResult<1>;
374
- }
375
-
376
- /**
377
- * @internal
378
- */
379
- export declare interface ComboBoxInputProps {
380
- placeholder?: string;
381
- }
382
-
383
- /**
384
- * @internal
385
- */
386
- declare class ComboBoxItem extends LightElement {
387
- /**
388
- * @hidden
389
- */
390
- static properties: {
391
- editor: {
392
- attribute: false;
393
- };
394
- selected: {
395
- type: BooleanConstructor;
396
- reflect: true;
397
- attribute: string;
398
- };
399
- onSelect: {
400
- attribute: false;
401
- };
402
- };
403
- editor?: Editor;
404
- selected: boolean;
405
- onSelect?: VoidFunction;
406
- private comboBoxContext;
407
- /**
408
- * @hidden
409
- */
410
- protected updated(changedProperties: PropertyValues<this>): void;
411
- }
412
- export { ComboBoxItem }
413
- export { ComboBoxItem as ComboBoxItem_alias_1 }
414
-
415
- /**
416
- * @internal
417
- */
418
- declare type ComboBoxItemProps = {
419
- onSelect?: VoidFunction;
420
- };
421
- export { ComboBoxItemProps }
422
- export { ComboBoxItemProps as ComboBoxItemProps_alias_1 }
423
-
424
- /**
425
- * @internal
426
- */
427
- declare class ComboBoxList extends LightElement {
428
- private comboBoxContext;
429
- connectedCallback(): void;
430
- }
431
- export { ComboBoxList }
432
- export { ComboBoxList as ComboBoxList_alias_1 }
433
-
434
- /**
435
- * @internal
436
- */
437
- declare type ComboBoxListProps = {
438
- lang?: string;
439
- };
440
- export { ComboBoxListProps }
441
- export { ComboBoxListProps as ComboBoxListProps_alias_1 }
442
-
443
- /**
444
- * @internal
445
- */
446
- export declare interface ComboBoxProps extends PopoverProps {
447
- onDismiss?: VoidFunction;
448
- }
449
-
450
- declare type CommandScore = (item: string, query: string) => number;
451
-
452
- export declare const commandScore: CommandScore;
453
-
454
- export declare const componentStyles: CSSResult;
28
+ export { BlockPopover }
455
29
 
456
30
  export declare const default_alias: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
457
31
 
@@ -461,683 +35,22 @@ export declare const default_alias_1: {
461
35
  };
462
36
  };
463
37
 
464
- /**
465
- * If the browser supports the Popover API, we use the body as the boundary
466
- * since we don't need to worry about the popover overflowing the parent
467
- * element.
468
- */
469
- export declare const defaultBoundary: HTMLElement | undefined;
470
-
471
- /**
472
- * @internal
473
- */
474
- export declare const defaultOptions: PositioningOptions;
475
-
476
- export declare function defaultQueryBuilder(match: RegExpExecArray): string;
477
-
478
- export declare function defineCustomElement(name: string, constructor: CustomElementConstructor, options?: ElementDefinitionOptions): void;
479
-
480
- export declare function defineElementHoverHandler(handler: ElementHoverHandler): Extension< {}>;
481
-
482
- export declare class DragHandle extends LightElement {
483
- /**
484
- * @hidden
485
- */
486
- static properties: {
487
- editor: {
488
- type: ObjectConstructor;
489
- reflect: false;
490
- attribute: false;
491
- };
492
- };
493
- editor?: Editor;
494
- private blockPopoverContext;
495
- constructor();
496
- connectedCallback(): void;
497
- }
498
-
499
- export declare interface DragHandleProps {
500
- editor: Editor;
501
- }
502
-
503
- export declare type ElementHoverHandler = (reference: VirtualElement | null, element: HTMLElement | null, node: ProseMirrorNode | null, pos: number | null) => void;
504
-
505
- export declare function getPlacement(reference: ReferenceElement | null, floating: FloatingElement | null, options: PositioningOptions): (() => void) | undefined;
506
-
507
- export declare function getReferenceContextElement(reference: HTMLElement | VirtualElement | undefined | null): HTMLElement | null;
508
-
509
- export declare function getVirtualSelectionElement(view: EditorView): ReferenceElement | undefined;
510
-
511
- export declare class InlinePopover extends Popover implements Partial<InlinePopoverProps> {
512
- /**
513
- * @hidden
514
- */
515
- static properties: {
516
- editor: {
517
- attribute: false;
518
- };
519
- available: {
520
- attribute: false;
521
- };
522
- reference: {
523
- attribute: false;
524
- };
525
- open: {
526
- type: BooleanConstructor;
527
- reflect: false;
528
- attribute: false;
529
- };
530
- onOpenChange: {
531
- attribute: false;
532
- };
533
- positioning: {
534
- type: ObjectConstructor;
535
- reflect: false;
536
- attribute: false;
537
- };
538
- elevated: {
539
- type: BooleanConstructor;
540
- reflect: false;
541
- attribute: false;
542
- };
543
- };
544
- editor?: Editor;
545
- available?: boolean;
546
- positioning?: PositioningOptions;
547
- /**
548
- * @hidden
549
- */
550
- constructor();
551
- /**
552
- * @hidden
553
- */
554
- protected updated(changedProperties: PropertyValues<this>): void;
555
- /**
556
- * @hidden
557
- */
558
- hide(): void;
559
- }
560
-
561
- export declare type InlinePopoverProps = {
562
- editor: Editor;
563
- /**
564
- * Whether the popover is available to be shown.
565
- *
566
- * If `true`, the popover will be shown when the editor selection is not empty.
567
- * If `false`, the popover will always be hidden.
568
- *
569
- * @default `true`
570
- */
571
- available?: boolean;
572
- } & PopoverProps;
573
-
574
- export declare function isAutocompleteItem(element?: Element | null): element is AutocompleteItem;
575
-
576
- export declare function isAutocompleteList(element?: Element | null): element is AutocompleteList;
577
-
578
- export declare function isComboBoxItem(element?: Element | null): element is ComboBoxItem;
579
-
580
- export declare function isComboBoxList(element?: Element | null): element is ComboBoxList;
581
-
582
- export declare function isFinitePositiveNumber(value: unknown): value is number;
583
-
584
- export declare function isInCodeBlock(selection: Selection_2): boolean | undefined;
585
-
586
- export declare class LightElement extends LitElement {
587
- /**
588
- * @hidden
589
- */
590
- constructor();
591
- /**
592
- * @hidden
593
- */
594
- createRenderRoot(): this;
595
- /**
596
- * @hidden
597
- */
598
- setHidden(hidden: boolean): void;
599
- }
600
-
601
- export declare class ListManager<Item extends {
602
- hidden: boolean;
603
- } & HTMLElement> {
604
- private lastMouseMoveTime;
605
- private getItems;
606
- private getSelectedValue;
607
- private setSelectedValue;
608
- private getItemValue;
609
- private queryClosestItem;
610
- private getActive;
611
- private onDismiss;
612
- private onSelect;
613
- constructor(options: {
614
- getItems: () => Item[];
615
- getSelectedValue: () => string;
616
- setSelectedValue: (value: string, reason: 'mouse' | 'keyboard') => void;
617
- getItemValue: (item: Item) => string;
618
- queryClosestItem: (element: HTMLElement) => Item | null;
619
- getActive: () => boolean;
620
- onDismiss: () => void;
621
- onSelect: (item?: Item | null) => boolean;
622
- });
623
- get items(): Item[];
624
- get active(): boolean;
625
- get availableItems(): Item[];
626
- get firstItem(): Item | null;
627
- get selectedItem(): Item | null;
628
- private updateSelectedByChange;
629
- private handleSelect;
630
- selectFirstItem(): void;
631
- handleMouseMove(_event: MouseEvent): void;
632
- handleMouseOver(event: MouseEvent): void;
633
- handleMouseDown(event: MouseEvent): void;
634
- handleClick(event: MouseEvent): void;
635
- handleArrowUp(): boolean;
636
- handleArrowDown(): boolean;
637
- handleEscape(): boolean;
638
- handleEnter(): boolean;
639
- }
640
-
641
- /**
642
- * A custom element that displays a popover anchored to a reference element.
643
- *
644
- * @deprecated Use `prosekit-popover-root` instead.
645
- */
646
- export declare class Popover extends LightElement implements Partial<PopoverProps> {
647
- /**
648
- * @hidden
649
- */
650
- static properties: {
651
- reference: {
652
- attribute: false;
653
- };
654
- open: {
655
- type: BooleanConstructor;
656
- reflect: false;
657
- attribute: false;
658
- };
659
- onOpenChange: {
660
- attribute: false;
661
- };
662
- positioning: {
663
- type: ObjectConstructor;
664
- reflect: false;
665
- attribute: false;
666
- };
667
- elevated: {
668
- type: BooleanConstructor;
669
- reflect: false;
670
- attribute: false;
671
- };
672
- };
673
- reference?: HTMLElement | VirtualElement;
674
- open?: boolean;
675
- onOpenChange?: ((open: boolean) => void) | undefined;
676
- positioning?: PositioningOptions;
677
- elevated?: boolean;
678
- /**
679
- * @hidden
680
- */
681
- constructor();
682
- /**
683
- * @hidden
684
- */
685
- connectedCallback(): void;
686
- private updatePopoverAttribute;
687
- private updateDateAttributes;
688
- /**
689
- * @hidden
690
- */
691
- protected updated(changedProperties: PropertyValues<this>): void;
692
- /**
693
- * @hidden
694
- */
695
- hide(): void;
696
- }
697
-
698
- /**
699
- * Whether the browser supports the [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API).
700
- */
701
- export declare const popoverAvailable: boolean;
38
+ export { InlinePopover }
702
39
 
703
40
  export { PopoverContent }
704
41
 
705
- export declare type PopoverContentProps = Partial<PopoverContentProps_2>;
706
-
707
- export declare interface PopoverProps {
708
- /**
709
- * Whether the popover is open.
710
- */
711
- open?: boolean;
712
- /**
713
- * Function invoked when the popover opens or closes.
714
- */
715
- onOpenChange?: (open: boolean) => void;
716
- /**
717
- * The element that the popover is anchored to. This can be either a DOM
718
- * element or an object that implements the virtual element interface from
719
- * Floating UI.
720
- */
721
- reference?: Element | VirtualElement;
722
- /**
723
- * The user provided options used to position the popover content.
724
- */
725
- positioning?: PositioningOptions;
726
- /**
727
- * A boolean that determines if the native [Web Popover
728
- * API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) should
729
- * be used. If true, the popover will be placed into the top level so that it
730
- * will sit on top of all other page content. This is similar to React's
731
- * `<Portals>` or Vue's `<Teleport>`.
732
- */
733
- elevated?: boolean;
734
- }
735
-
736
- declare const popoverPropsNames: readonly ["open", "onOpenChange", "reference", "positioning"];
737
- export { popoverPropsNames }
738
- export { popoverPropsNames as propNames_alias_15 }
739
-
740
42
  export { PopoverRoot }
741
43
 
742
- export declare type PopoverRootProps = Partial<PopoverRootProps_2>;
743
-
744
44
  export { PopoverTrigger }
745
45
 
746
- export declare interface PopoverTriggerProps {
747
- }
748
-
749
- /**
750
- * @public
751
- */
752
- declare interface PositioningOptions {
753
- /**
754
- * The strategy to use for positioning
755
- *
756
- * @default 'absolute'
757
- */
758
- strategy?: 'absolute' | 'fixed';
759
- /**
760
- * The initial placement of the floating element
761
- *
762
- * @default 'bottom'
763
- */
764
- placement?: Placement;
765
- /**
766
- * Options to activate auto-update listeners
767
- *
768
- * @default true
769
- */
770
- autoUpdate?: boolean | AutoUpdateOptions;
771
- /**
772
- * The virtual padding around the viewport edges to check for overflow
773
- *
774
- * @default 8
775
- */
776
- overflowPadding?: number;
777
- /**
778
- * Whether to flip the placement
779
- *
780
- * @default true
781
- */
782
- flip?: boolean | Placement[];
783
- /**
784
- * Whether the floating element should shift to keep it in view.
785
- *
786
- * @default true
787
- */
788
- shift?: boolean;
789
- /**
790
- * Whether the floating element can overlap the reference element
791
- *
792
- * @default false
793
- */
794
- overlap?: boolean;
795
- /**
796
- * Whether to improve positioning for inline reference elements that span over
797
- * multiple lines.
798
- *
799
- * @default false
800
- */
801
- inline?: boolean;
802
- /**
803
- * Whether to hide the floating element when the reference element is fully clipped.
804
- *
805
- * @default true
806
- */
807
- hide?: boolean;
808
- /**
809
- * Whether to make the floating element same width as the reference element
810
- *
811
- * @default false
812
- */
813
- sameWidth?: boolean;
814
- /**
815
- * Whether the popover should fit the viewport.
816
- *
817
- * @default false
818
- */
819
- fitViewport?: boolean;
820
- /**
821
- * The distance between the reference and floating element.
822
- *
823
- * @default 8
824
- */
825
- offset?: number | {
826
- mainAxis?: number;
827
- crossAxis?: number;
828
- alignmentAxis?: number;
829
- };
830
- /**
831
- * The overflow boundary of the reference element
832
- *
833
- * @default undefined
834
- */
835
- boundary?: Boundary | (() => Boundary);
836
- /**
837
- * Function called when the placement is computed
838
- *
839
- * @default undefined
840
- */
841
- onComplete?(data: ComputePositionReturn): void;
842
- /**
843
- * Function called on cleanup of all listeners
844
- *
845
- * @default undefined
846
- */
847
- onCleanup?: VoidFunction;
848
- /**
849
- * Function called when the escape key is down. By default, the popover is
850
- * hidden when the escape key is down. It can be prevented by calling
851
- * `event.preventDefault`.
852
- */
853
- onEscapeKeyDown?: (event: KeyboardEvent) => void;
854
- /**
855
- * Function called when when pointer down event happens outside of the
856
- * popover. By default, the popover is hidden when the pointer down event
857
- * happens outside of the popover. It can be prevented by calling
858
- * `event.preventDefault`.
859
- */
860
- onPointerDownOutside?: (event: Event) => void;
861
- }
862
- export { PositioningOptions }
863
- export { PositioningOptions as PositioningOptions_alias_1 }
864
- export { PositioningOptions as PositioningOptions_alias_2 }
865
- export { PositioningOptions as PositioningOptions_alias_3 }
866
-
867
- /**
868
- * @internal
869
- */
870
- export declare const propNames: readonly [];
871
-
872
- declare const propNames_2: readonly ["value", "onSelect"];
873
- export { propNames_2 as propNames_alias_1 }
874
- export { propNames_2 as propNames_alias_2 }
875
-
876
- declare const propNames_3: readonly ["editor"];
877
- export { propNames_3 as propNames_alias_3 }
878
- export { propNames_3 as propNames_alias_4 }
879
-
880
- /**
881
- * @internal
882
- */
883
- declare const propNames_4: readonly ["onSelect"];
884
- export { propNames_4 as propNames_alias_10 }
885
- export { propNames_4 as propNames_alias_9 }
886
-
887
- /**
888
- * @internal
889
- */
890
- declare const propNames_5: never[];
891
- export { propNames_5 as propNames_alias_11 }
892
- export { propNames_5 as propNames_alias_12 }
893
-
894
- /**
895
- * @internal
896
- */
897
- declare const propNames_6: readonly ["width", "height", "aspectRatio", "onSizeChangeStart", "onSizeChange", "onSizeChangeEnd"];
898
- export { propNames_6 as propNames_alias_19 }
899
- export { propNames_6 as propNames_alias_20 }
900
-
901
- /**
902
- * @internal
903
- */
904
- declare const propNames_7: readonly [];
905
- export { propNames_7 as propNames_alias_21 }
906
- export { propNames_7 as propNames_alias_22 }
907
-
908
- export declare const propNames_alias_13: readonly ["editor"];
909
-
910
- export declare const propNames_alias_14: readonly ["editor", "available", "open", "onOpenChange", "reference", "positioning"];
911
-
912
- export declare const propNames_alias_16: (keyof PopoverContentProps_2)[];
913
-
914
- export declare const propNames_alias_17: (keyof PopoverRootProps_2)[];
915
-
916
- export declare const propNames_alias_18: never[];
917
-
918
- export declare const propNames_alias_5: readonly ["editor", "regex", "positioning"];
919
-
920
- export declare const propNames_alias_6: readonly ["editor"];
921
-
922
- /**
923
- * @internal
924
- */
925
- export declare const propNames_alias_7: readonly ["onDismiss"];
926
-
927
- /**
928
- * @internal
929
- */
930
- export declare const propNames_alias_8: readonly ["placeholder"];
931
-
932
- export declare function queryClosestAutocompleteItem(element?: Element | null): AutocompleteItem | null;
933
-
934
- export declare function queryClosestComboBoxItem(element?: Element | null): ComboBoxItem | null;
935
-
936
- /**
937
- * @public
938
- */
939
- declare class Resizable extends LightElement implements Partial<ResizableProps> {
940
- /**
941
- * @hidden
942
- */
943
- static properties: {
944
- width: {
945
- attribute: false;
946
- };
947
- height: {
948
- attribute: false;
949
- };
950
- aspectRatio: {
951
- attribute: false;
952
- };
953
- onResize: {
954
- attribute: false;
955
- };
956
- onResizeEnd: {
957
- attribute: false;
958
- };
959
- resizing: {
960
- attribute: string;
961
- type: BooleanConstructor;
962
- reflect: true;
963
- };
964
- };
965
- /**
966
- * @hidden
967
- */
968
- constructor();
969
- width?: number | string;
970
- height?: number | string;
971
- aspectRatio?: number;
972
- resizing?: boolean;
973
- onSizeChangeStart?: (size: {
974
- width: number;
975
- height: number;
976
- }) => void;
977
- onSizeChange?: (size: {
978
- width: number;
979
- height: number;
980
- }) => void | {
981
- width?: number | string;
982
- height?: number | string;
983
- };
984
- onSizeChangeEnd?: (size: {
985
- width: number;
986
- height: number;
987
- }) => void;
988
- private startWidth;
989
- private startHeight;
990
- private handleResizeStart;
991
- private handleResize;
992
- private handleResizeEnd;
993
- private updateStyle;
994
- /**
995
- * @hidden
996
- */
997
- connectedCallback(): void;
998
- /**
999
- * @hidden
1000
- */
1001
- protected updated(changedProperties: PropertyValues<this>): void;
1002
- }
1003
- export { Resizable }
1004
- export { Resizable as Resizable_alias_1 }
1005
-
1006
- /**
1007
- * @internal
1008
- */
1009
- export declare interface ResizableContext {
1010
- onResizeStart: () => readonly [
1011
- width: number,
1012
- height: number,
1013
- aspectRatio: number
1014
- ];
1015
- onResize: (width: number, height: number) => void;
1016
- onResizeEnd: () => void;
1017
- }
1018
-
1019
- /**
1020
- * @internal
1021
- */
1022
- export declare const resizableContext: {
1023
- __context__: ResizableContext;
1024
- };
1025
-
1026
- /**
1027
- * @public
1028
- */
1029
- declare class ResizableHandle extends LightElement implements Partial<ResizableHandleProps> {
1030
- private context;
1031
- /**
1032
- * @hidden
1033
- */
1034
- static properties: {
1035
- position: {
1036
- attribute: false;
1037
- };
1038
- };
1039
- position?: ResizableHandleProps['position'];
1040
- connectedCallback(): void;
1041
- }
1042
46
  export { ResizableHandle }
1043
- export { ResizableHandle as ResizableHandle_alias_1 }
1044
-
1045
- /**
1046
- * @internal
1047
- */
1048
- declare type ResizableHandleProps = {
1049
- position: 'top' | 'right' | 'bottom' | 'left' | 'top-left' | 'top-right' | 'bottom-right' | 'bottom-left';
1050
- };
1051
- export { ResizableHandleProps }
1052
- export { ResizableHandleProps as ResizableHandleProps_alias_1 }
1053
-
1054
- /**
1055
- * @public
1056
- */
1057
- declare interface ResizableProps {
1058
- width?: string | number;
1059
- height?: string | number;
1060
- aspectRatio?: number;
1061
- onSizeChangeStart?: (size: {
1062
- width: number;
1063
- height: number;
1064
- }) => void;
1065
- onSizeChange?: (size: {
1066
- width: number;
1067
- height: number;
1068
- }) => void | {
1069
- width?: number | string;
1070
- height?: number | string;
1071
- };
1072
- onSizeChangeEnd?: (size: {
1073
- width: number;
1074
- height: number;
1075
- }) => void;
1076
- }
1077
- export { ResizableProps }
1078
- export { ResizableProps as ResizableProps_alias_1 }
1079
-
1080
- /** Rounds a value to the nearest device pixel ratio. */
1081
- export declare function roundByDPR(value: number): number;
1082
-
1083
- export declare function setFloatingStyles(element: HTMLElement, options: PositioningOptions): void;
1084
-
1085
- /**
1086
- * @internal
1087
- */
1088
- export declare function throttle<Args extends any[]>(callback: (...args: Args) => void, wait: number): (...args: Args) => void;
1089
-
1090
- /**
1091
- * @internal
1092
- */
1093
- export declare function useDismissable(host: LitElement, { onEscapeKeyDown, onPointerDownOutside, onDismiss, getReference, }: {
1094
- onEscapeKeyDown: (event: KeyboardEvent) => void;
1095
- onPointerDownOutside: (event: Event) => void;
1096
- onDismiss?: VoidFunction;
1097
- getReference?: () => ReferenceElement | null | undefined;
1098
- }): void;
1099
47
 
1100
- /**
1101
- * @internal
1102
- */
1103
- export declare function useEditorExtension(host: WithEditor<ReactiveControllerHost>, extension: Extension): void;
48
+ export { ResizableRoot }
1104
49
 
1105
- /**
1106
- * @internal
1107
- */
1108
- export declare function useEditorFocusChangeEvent(host: WithEditor<ReactiveControllerHost>, handler: FocusChangeHandler): void;
50
+ export { TooltipContent }
1109
51
 
1110
- /**
1111
- * @internal
1112
- */
1113
- export declare function useEditorUpdateEvent(host: WithEditor<ReactiveControllerHost>, handler: UpdateHandler): void;
52
+ export { TooltipRoot }
1114
53
 
1115
- /**
1116
- * @internal
1117
- */
1118
- export declare function useEffect<T>(host: ReactiveControllerHost, getValue: () => T, onChange: (value: T) => void): void;
1119
-
1120
- export declare function useEventListener<K extends keyof HTMLElementEventMap>(target: ReactiveElement, type: K, listener: (event: HTMLElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions): void;
1121
-
1122
- /**
1123
- * @internal
1124
- */
1125
- export declare function useInlinePopover(host: WithEditor<LitElement>, onReferenceChange: (reference: ReferenceElement | undefined) => void): () => ReferenceElement | undefined;
1126
-
1127
- /**
1128
- * @internal
1129
- */
1130
- export declare function useMount(host: ReactiveControllerHost, onMount: () => VoidFunction | void): void;
1131
-
1132
- /**
1133
- * @internal
1134
- */
1135
- export declare function usePointerDownEvent(host: LitElement, handler: (event: PointerEvent) => void): void;
1136
-
1137
- export declare function usePopover(host: LitElement, getReference: () => ReferenceElement | null, getPositioning: () => PositioningOptions | null): void;
1138
-
1139
- export declare type WithEditor<T> = T & {
1140
- editor?: Editor | undefined | null;
1141
- };
54
+ export { TooltipTrigger }
1142
55
 
1143
56
  export { }