@prosekit/lit 0.2.7 → 0.3.0

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