@prosekit/web 0.5.9 → 0.5.11

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.
@@ -1,4 +1,5 @@
1
- import { BaseElementConstructor, EventDeclarations, PropDeclarations } from "@aria-ui/core";
1
+ import { BaseElementConstructor, ConnectableElement, EventDeclarations, PropDeclarations, SetupOptions } from "@aria-ui/core";
2
+ import { useListboxEmpty } from "@aria-ui/listbox/elements";
2
3
  import { ListboxEvents, ListboxItemEvents, ListboxProps } from "@aria-ui/listbox";
3
4
  import { Editor } from "@prosekit/core";
4
5
  import { OverlayPositionerEvents, OverlayPositionerProps } from "@aria-ui/overlay/elements";
@@ -17,6 +18,12 @@ declare const autocompleteEmptyEvents: EventDeclarations<AutocompleteEmptyEvents
17
18
  declare const AutocompleteEmptyElementBase: BaseElementConstructor<AutocompleteEmptyProps>;
18
19
  declare class AutocompleteEmptyElement extends AutocompleteEmptyElementBase {}
19
20
  //#endregion
21
+ //#region src/components/autocomplete/autocomplete-empty/setup.d.ts
22
+ /**
23
+ * @internal
24
+ */
25
+ declare const useAutocompleteEmpty: typeof useListboxEmpty;
26
+ //#endregion
20
27
  //#region src/components/autocomplete/autocomplete-item/types.d.ts
21
28
  interface AutocompleteItemProps {
22
29
  /**
@@ -38,6 +45,15 @@ declare const autocompleteItemEvents: EventDeclarations<AutocompleteItemEvents>;
38
45
  declare const AutocompleteItemElementBase: BaseElementConstructor<AutocompleteItemProps>;
39
46
  declare class AutocompleteItemElement extends AutocompleteItemElementBase {}
40
47
  //#endregion
48
+ //#region src/components/autocomplete/autocomplete-item/setup.d.ts
49
+ /**
50
+ * @internal
51
+ */
52
+ declare function useAutocompleteItem(element: ConnectableElement, {
53
+ state,
54
+ emit
55
+ }: SetupOptions<AutocompleteItemProps, AutocompleteItemEvents>): void;
56
+ //#endregion
41
57
  //#region src/components/autocomplete/autocomplete-list/types.d.ts
42
58
  interface AutocompleteListProps extends Pick<ListboxProps, "filter"> {
43
59
  /**
@@ -56,6 +72,15 @@ declare const autocompleteListEvents: EventDeclarations<AutocompleteListEvents>;
56
72
  declare const AutocompleteListElementBase: BaseElementConstructor<AutocompleteListProps>;
57
73
  declare class AutocompleteListElement extends AutocompleteListElementBase {}
58
74
  //#endregion
75
+ //#region src/components/autocomplete/autocomplete-list/setup.d.ts
76
+ /**
77
+ * @internal
78
+ */
79
+ declare function useAutocompleteList(element: ConnectableElement, {
80
+ state,
81
+ emit
82
+ }: SetupOptions<AutocompleteListProps, AutocompleteListEvents>): void;
83
+ //#endregion
59
84
  //#region src/components/autocomplete/autocomplete-popover/types.d.ts
60
85
  interface AutocompletePopoverProps extends OverlayPositionerProps {
61
86
  /**
@@ -123,4 +148,13 @@ declare const autocompletePopoverEvents: EventDeclarations<AutocompletePopoverEv
123
148
  declare const AutocompletePopoverElementBase: BaseElementConstructor<AutocompletePopoverProps>;
124
149
  declare class AutocompletePopoverElement extends AutocompletePopoverElementBase {}
125
150
  //#endregion
126
- export { AutocompleteEmptyElement, AutocompleteEmptyEvents, AutocompleteEmptyProps, AutocompleteItemElement, AutocompleteItemEvents, AutocompleteItemProps, AutocompleteListElement, AutocompleteListEvents, AutocompleteListProps, AutocompletePopoverElement, AutocompletePopoverEvents, AutocompletePopoverProps, autocompleteEmptyEvents, autocompleteEmptyProps, autocompleteItemEvents, autocompleteItemProps, autocompleteListEvents, autocompleteListProps, autocompletePopoverEvents, autocompletePopoverProps };
151
+ //#region src/components/autocomplete/autocomplete-popover/setup.d.ts
152
+ /**
153
+ * @internal
154
+ */
155
+ declare function useAutocompletePopover(host: ConnectableElement, {
156
+ state,
157
+ emit
158
+ }: SetupOptions<AutocompletePopoverProps, AutocompletePopoverEvents>): void;
159
+ //#endregion
160
+ export { AutocompleteEmptyElement, AutocompleteEmptyEvents, AutocompleteEmptyProps, AutocompleteItemElement, AutocompleteItemEvents, AutocompleteItemProps, AutocompleteListElement, AutocompleteListEvents, AutocompleteListProps, AutocompletePopoverElement, AutocompletePopoverEvents, AutocompletePopoverProps, autocompleteEmptyEvents, autocompleteEmptyProps, autocompleteItemEvents, autocompleteItemProps, autocompleteListEvents, autocompleteListProps, autocompletePopoverEvents, autocompletePopoverProps, useAutocompleteEmpty, useAutocompleteItem, useAutocompleteList, useAutocompletePopover };
@@ -1,13 +1,20 @@
1
1
  import { getStateWithDefaults } from "./get-default-state-CIEy7xrl.js";
2
2
  import { useEditorExtension } from "./use-editor-extension-Cc7ZG7uj.js";
3
3
  import { createComputed, createContext, createSignal, defineCustomElement, registerCustomElement, useAnimationFrame, useAttribute, useEffect, useEventListener } from "@aria-ui/core";
4
- import { listboxProps, useListbox, useListboxEmpty as useAutocompleteEmpty, useListboxItem } from "@aria-ui/listbox/elements";
4
+ import { listboxProps, useListbox, useListboxEmpty, useListboxItem } from "@aria-ui/listbox/elements";
5
5
  import { listboxEvents, listboxItemEvents, listboxProps as listboxProps$1 } from "@aria-ui/listbox";
6
6
  import { Priority, defineDOMEventHandler, defineKeymap, withPriority } from "@prosekit/core";
7
7
  import { overlayPositionerEvents, overlayPositionerProps, useOverlayPositionerState } from "@aria-ui/overlay/elements";
8
8
  import { usePresence } from "@aria-ui/presence";
9
9
  import { AutocompleteRule, defineAutocomplete } from "@prosekit/extensions/autocomplete";
10
10
 
11
+ //#region src/components/autocomplete/autocomplete-empty/setup.ts
12
+ /**
13
+ * @internal
14
+ */
15
+ const useAutocompleteEmpty = useListboxEmpty;
16
+
17
+ //#endregion
11
18
  //#region src/components/autocomplete/autocomplete-empty/types.ts
12
19
  /** @internal */
13
20
  const autocompleteEmptyProps = {};
@@ -32,6 +39,9 @@ const openContext = createContext("prosekit/autocomplete-popover/open", false);
32
39
 
33
40
  //#endregion
34
41
  //#region src/components/autocomplete/autocomplete-item/setup.ts
42
+ /**
43
+ * @internal
44
+ */
35
45
  function useAutocompleteItem(element, { state, emit }) {
36
46
  useListboxItem(element, {
37
47
  state,
@@ -65,6 +75,9 @@ registerCustomElement("prosekit-autocomplete-item", AutocompleteItemElement);
65
75
 
66
76
  //#endregion
67
77
  //#region src/components/autocomplete/autocomplete-list/setup.ts
78
+ /**
79
+ * @internal
80
+ */
68
81
  function useAutocompleteList(element, { state, emit }) {
69
82
  const open = openContext.consume(element);
70
83
  const query = queryContext.consume(element);
@@ -172,6 +185,9 @@ function defaultQueryBuilder(match) {
172
185
 
173
186
  //#endregion
174
187
  //#region src/components/autocomplete/autocomplete-popover/setup.ts
188
+ /**
189
+ * @internal
190
+ */
175
191
  function useAutocompletePopover(host, { state, emit }) {
176
192
  const { editor, regex,...overlayState } = state;
177
193
  const reference = createSignal(null);
@@ -277,4 +293,4 @@ var AutocompletePopoverElement = class extends AutocompletePopoverElementBase {}
277
293
  registerCustomElement("prosekit-autocomplete-popover", AutocompletePopoverElement);
278
294
 
279
295
  //#endregion
280
- export { AutocompleteEmptyElement, AutocompleteItemElement, AutocompleteListElement, AutocompletePopoverElement, autocompleteEmptyEvents, autocompleteEmptyProps, autocompleteItemEvents, autocompleteItemProps, autocompleteListEvents, autocompleteListProps, autocompletePopoverEvents, autocompletePopoverProps };
296
+ export { AutocompleteEmptyElement, AutocompleteItemElement, AutocompleteListElement, AutocompletePopoverElement, autocompleteEmptyEvents, autocompleteEmptyProps, autocompleteItemEvents, autocompleteItemProps, autocompleteListEvents, autocompleteListProps, autocompletePopoverEvents, autocompletePopoverProps, useAutocompleteEmpty, useAutocompleteItem, useAutocompleteList, useAutocompletePopover };
@@ -1,4 +1,4 @@
1
- import { BaseElementConstructor, EventDeclarations, PropDeclarations } from "@aria-ui/core";
1
+ import { BaseElementConstructor, ConnectableElement, EventDeclarations, PropDeclarations, SignalState } from "@aria-ui/core";
2
2
  import { Editor } from "@prosekit/core";
3
3
  import { OverlayPositionerProps } from "@aria-ui/overlay/elements";
4
4
  import { Placement } from "@floating-ui/dom";
@@ -24,6 +24,16 @@ declare const blockHandleAddEvents: EventDeclarations<BlockHandleAddEvents>;
24
24
  declare const BlockHandleAddElementBase: BaseElementConstructor<BlockHandleAddProps>;
25
25
  declare class BlockHandleAddElement extends BlockHandleAddElementBase {}
26
26
  //#endregion
27
+ //#region src/components/block-handle/block-handle-add/setup.d.ts
28
+ /**
29
+ * @internal
30
+ */
31
+ declare function useBlockHandleAdd(host: ConnectableElement, {
32
+ state
33
+ }: {
34
+ state: SignalState<BlockHandleAddProps>;
35
+ }): void;
36
+ //#endregion
27
37
  //#region src/components/block-handle/block-handle-draggable/types.d.ts
28
38
  interface BlockHandleDraggableProps {
29
39
  /**
@@ -45,6 +55,16 @@ declare const blockHandleDraggableEvents: EventDeclarations<BlockHandleDraggable
45
55
  declare const BlockHandleDraggableElementBase: BaseElementConstructor<BlockHandleDraggableProps>;
46
56
  declare class BlockHandleDraggableElement extends BlockHandleDraggableElementBase {}
47
57
  //#endregion
58
+ //#region src/components/block-handle/block-handle-draggable/setup.d.ts
59
+ /**
60
+ * @internal
61
+ */
62
+ declare function useBlockHandleDraggable(host: ConnectableElement, {
63
+ state
64
+ }: {
65
+ state: SignalState<BlockHandleDraggableProps>;
66
+ }): void;
67
+ //#endregion
48
68
  //#region src/components/block-handle/block-handle-popover/types.d.ts
49
69
  interface BlockHandlePopoverProps extends Omit<OverlayPositionerProps, "placement" | "hoist"> {
50
70
  /**
@@ -79,4 +99,14 @@ declare const blockHandlePopoverEvents: EventDeclarations<BlockHandlePopoverEven
79
99
  declare const BlockHandlePopoverElementBase: BaseElementConstructor<BlockHandlePopoverProps>;
80
100
  declare class BlockHandlePopoverElement extends BlockHandlePopoverElementBase {}
81
101
  //#endregion
82
- export { BlockHandleAddElement, BlockHandleAddEvents, BlockHandleAddProps, BlockHandleDraggableElement, BlockHandleDraggableEvents, BlockHandleDraggableProps, BlockHandlePopoverElement, BlockHandlePopoverEvents, BlockHandlePopoverProps, blockHandleAddEvents, blockHandleAddProps, blockHandleDraggableEvents, blockHandleDraggableProps, blockHandlePopoverEvents, blockHandlePopoverProps };
102
+ //#region src/components/block-handle/block-handle-popover/setup.d.ts
103
+ /**
104
+ * @internal
105
+ */
106
+ declare function useBlockHandlePopover(host: ConnectableElement, {
107
+ state
108
+ }: {
109
+ state: SignalState<BlockHandlePopoverProps>;
110
+ }): void;
111
+ //#endregion
112
+ export { BlockHandleAddElement, BlockHandleAddEvents, BlockHandleAddProps, BlockHandleDraggableElement, BlockHandleDraggableEvents, BlockHandleDraggableProps, BlockHandlePopoverElement, BlockHandlePopoverEvents, BlockHandlePopoverProps, blockHandleAddEvents, blockHandleAddProps, blockHandleDraggableEvents, blockHandleDraggableProps, blockHandlePopoverEvents, blockHandlePopoverProps, useBlockHandleAdd, useBlockHandleDraggable, useBlockHandlePopover };
@@ -15,6 +15,9 @@ const blockPopoverContext = createContext("prosekit-block-popover-context", null
15
15
 
16
16
  //#endregion
17
17
  //#region src/components/block-handle/block-handle-add/setup.ts
18
+ /**
19
+ * @internal
20
+ */
18
21
  function useBlockHandleAdd(host, { state }) {
19
22
  const context = blockPopoverContext.consume(host);
20
23
  useEventListener(host, "pointerdown", (event) => {
@@ -135,6 +138,9 @@ function setDragPreview(event, element) {
135
138
 
136
139
  //#endregion
137
140
  //#region src/components/block-handle/block-handle-draggable/setup.ts
141
+ /**
142
+ * @internal
143
+ */
138
144
  function useBlockHandleDraggable(host, { state }) {
139
145
  const context = blockPopoverContext.consume(host);
140
146
  useEffect(host, () => {
@@ -423,6 +429,9 @@ const fallbackRect = Object.freeze({
423
429
 
424
430
  //#endregion
425
431
  //#region src/components/block-handle/block-handle-popover/setup.ts
432
+ /**
433
+ * @internal
434
+ */
426
435
  function useBlockHandlePopover(host, { state }) {
427
436
  const { editor,...overlayState } = state;
428
437
  const reference = createSignal(null);
@@ -478,4 +487,4 @@ var BlockHandlePopoverElement = class extends BlockHandlePopoverElementBase {};
478
487
  registerCustomElement("prosekit-block-handle-popover", BlockHandlePopoverElement);
479
488
 
480
489
  //#endregion
481
- export { BlockHandleAddElement, BlockHandleDraggableElement, BlockHandlePopoverElement, blockHandleAddEvents, blockHandleAddProps, blockHandleDraggableEvents, blockHandleDraggableProps, blockHandlePopoverEvents, blockHandlePopoverProps };
490
+ export { BlockHandleAddElement, BlockHandleDraggableElement, BlockHandlePopoverElement, blockHandleAddEvents, blockHandleAddProps, blockHandleDraggableEvents, blockHandleDraggableProps, blockHandlePopoverEvents, blockHandlePopoverProps, useBlockHandleAdd, useBlockHandleDraggable, useBlockHandlePopover };
@@ -1,4 +1,4 @@
1
- import { BaseElementConstructor, EventDeclarations, PropDeclarations } from "@aria-ui/core";
1
+ import { BaseElementConstructor, ConnectableElement, EventDeclarations, PropDeclarations, SetupOptions } from "@aria-ui/core";
2
2
  import { Editor } from "@prosekit/core";
3
3
  import { OverlayPositionerEvents, OverlayPositionerProps } from "@aria-ui/overlay";
4
4
 
@@ -78,4 +78,13 @@ declare const inlinePopoverEvents: EventDeclarations<InlinePopoverEvents>;
78
78
  declare const InlinePopoverElementBase: BaseElementConstructor<InlinePopoverProps>;
79
79
  declare class InlinePopoverElement extends InlinePopoverElementBase {}
80
80
  //#endregion
81
- export { InlinePopoverElement, InlinePopoverEvents, InlinePopoverProps, inlinePopoverEvents, inlinePopoverProps };
81
+ //#region src/components/inline-popover/inline-popover/setup.d.ts
82
+ /**
83
+ * @internal
84
+ */
85
+ declare function useInlinePopover(host: ConnectableElement, {
86
+ state,
87
+ emit
88
+ }: SetupOptions<InlinePopoverProps, InlinePopoverEvents>): void;
89
+ //#endregion
90
+ export { InlinePopoverElement, InlinePopoverEvents, InlinePopoverProps, inlinePopoverEvents, inlinePopoverProps, useInlinePopover };
@@ -68,6 +68,9 @@ function getInlineDecoration(view) {
68
68
 
69
69
  //#endregion
70
70
  //#region src/components/inline-popover/inline-popover/setup.ts
71
+ /**
72
+ * @internal
73
+ */
71
74
  function useInlinePopover(host, { state, emit }) {
72
75
  const { editor, defaultOpen, open,...overlayState } = state;
73
76
  const reference = useInlinePopoverReference(host, editor);
@@ -141,4 +144,4 @@ var InlinePopoverElement = class extends InlinePopoverElementBase {};
141
144
  registerCustomElement("prosekit-inline-popover", InlinePopoverElement);
142
145
 
143
146
  //#endregion
144
- export { InlinePopoverElement, inlinePopoverEvents, inlinePopoverProps };
147
+ export { InlinePopoverElement, inlinePopoverEvents, inlinePopoverProps, useInlinePopover };
@@ -1,5 +1,5 @@
1
1
  import { BaseElementConstructor } from "@aria-ui/core";
2
- import { PopoverContentEvents as PopoverContentEvents$1, PopoverContentProps as PopoverContentProps$1, PopoverRootEvents as PopoverRootEvents$1, PopoverRootProps as PopoverRootProps$1, PopoverTriggerEvents as PopoverTriggerEvents$1, PopoverTriggerProps as PopoverTriggerProps$1, popoverContentEvents, popoverContentProps, popoverRootEvents, popoverRootProps, popoverTriggerEvents, popoverTriggerProps } from "@aria-ui/popover/elements";
2
+ import { PopoverContentEvents as PopoverContentEvents$1, PopoverContentProps as PopoverContentProps$1, PopoverRootEvents as PopoverRootEvents$1, PopoverRootProps as PopoverRootProps$1, PopoverTriggerEvents as PopoverTriggerEvents$1, PopoverTriggerProps as PopoverTriggerProps$1, popoverContentEvents, popoverContentProps, popoverRootEvents, popoverRootProps, popoverTriggerEvents, popoverTriggerProps, usePopoverContent, usePopoverRoot, usePopoverTrigger } from "@aria-ui/popover/elements";
3
3
 
4
4
  //#region src/components/popover/popover-content/types.d.ts
5
5
  interface PopoverContentProps extends PopoverContentProps$1 {}
@@ -25,4 +25,4 @@ interface PopoverTriggerEvents extends PopoverTriggerEvents$1 {}
25
25
  declare const PopoverTriggerElementBase: BaseElementConstructor<PopoverTriggerProps>;
26
26
  declare class PopoverTriggerElement extends PopoverTriggerElementBase {}
27
27
  //#endregion
28
- export { PopoverContentElement, PopoverContentEvents, PopoverContentProps, PopoverRootElement, PopoverRootEvents, PopoverRootProps, PopoverTriggerElement, PopoverTriggerEvents, PopoverTriggerProps, popoverContentEvents, popoverContentProps, popoverRootEvents, popoverRootProps, popoverTriggerEvents, popoverTriggerProps };
28
+ export { PopoverContentElement, PopoverContentEvents, PopoverContentProps, PopoverRootElement, PopoverRootEvents, PopoverRootProps, PopoverTriggerElement, PopoverTriggerEvents, PopoverTriggerProps, popoverContentEvents, popoverContentProps, popoverRootEvents, popoverRootProps, popoverTriggerEvents, popoverTriggerProps, usePopoverContent, usePopoverRoot, usePopoverTrigger };
@@ -31,4 +31,4 @@ var PopoverTriggerElement = class extends PopoverTriggerElementBase {};
31
31
  registerCustomElement("prosekit-popover-trigger", PopoverTriggerElement);
32
32
 
33
33
  //#endregion
34
- export { PopoverContentElement, PopoverRootElement, PopoverTriggerElement, popoverContentEvents, popoverContentProps, popoverRootEvents, popoverRootProps, popoverTriggerEvents, popoverTriggerProps };
34
+ export { PopoverContentElement, PopoverRootElement, PopoverTriggerElement, popoverContentEvents, popoverContentProps, popoverRootEvents, popoverRootProps, popoverTriggerEvents, popoverTriggerProps, usePopoverContent, usePopoverRoot, usePopoverTrigger };
@@ -1,4 +1,4 @@
1
- import { BaseElementConstructor, EventDeclarations, PropDeclarations } from "@aria-ui/core";
1
+ import { BaseElementConstructor, ConnectableElement, EventDeclarations, PropDeclarations, SetupOptions, SignalState } from "@aria-ui/core";
2
2
 
3
3
  //#region src/components/resizable/resizable-handle/types.d.ts
4
4
  interface ResizableHandleProps {
@@ -20,6 +20,16 @@ declare const resizableHandleEvents: EventDeclarations<ResizableHandleEvents>;
20
20
  declare const ResizableHandleElementBase: BaseElementConstructor<ResizableHandleProps>;
21
21
  declare class ResizableHandleElement extends ResizableHandleElementBase {}
22
22
  //#endregion
23
+ //#region src/components/resizable/resizable-handle/setup.d.ts
24
+ /**
25
+ * @internal
26
+ */
27
+ declare function useResizableHandle(host: ConnectableElement, {
28
+ state
29
+ }: {
30
+ state: SignalState<ResizableHandleProps>;
31
+ }): void;
32
+ //#endregion
23
33
  //#region src/components/resizable/resizable-root/types.d.ts
24
34
  interface ResizableRootProps {
25
35
  width: number | null;
@@ -45,4 +55,13 @@ declare const resizableRootEvents: EventDeclarations<ResizableRootEvents>;
45
55
  declare const ResizableRootElementBase: BaseElementConstructor<ResizableRootProps>;
46
56
  declare class ResizableRootElement extends ResizableRootElementBase {}
47
57
  //#endregion
48
- export { ResizableHandleElement, ResizableHandleEvents, ResizableHandleProps, ResizableRootElement, ResizableRootEvents, ResizableRootProps, resizableHandleEvents, resizableHandleProps, resizableRootEvents, resizableRootProps };
58
+ //#region src/components/resizable/resizable-root/setup.d.ts
59
+ /**
60
+ * @internal
61
+ */
62
+ declare function useResizableRoot(host: ConnectableElement, {
63
+ state,
64
+ emit
65
+ }: SetupOptions<ResizableRootProps, ResizableRootEvents>): void;
66
+ //#endregion
67
+ export { ResizableHandleElement, ResizableHandleEvents, ResizableHandleProps, ResizableRootElement, ResizableRootEvents, ResizableRootProps, resizableHandleEvents, resizableHandleProps, resizableRootEvents, resizableRootProps, useResizableHandle, useResizableRoot };
@@ -27,14 +27,14 @@ function calcResize(position, w, h, dx, dy, aspectRatio) {
27
27
  aspectRatio = aspectRatio ? aspectRatio : w / h;
28
28
  aspectRatio = isFinitePositiveNumber(aspectRatio) ? aspectRatio : 1;
29
29
  switch (position) {
30
- case "bottom-right": return calcBottomRightResize(w, h, dx, dy, aspectRatio);
31
- case "bottom-left": return calcBottomLeftResize(w, h, dx, dy, aspectRatio);
32
- case "top-right": return calcTopRightResize(w, h, dx, dy, aspectRatio);
33
- case "top-left": return calcTopLeftResize(w, h, dx, dy, aspectRatio);
34
- case "top": return calcTopResize(w, h, dx, dy, aspectRatio);
35
- case "right": return calcRightResize(w, h, dx, dy, aspectRatio);
36
- case "bottom": return calcBottomResize(w, h, dx, dy, aspectRatio);
37
- case "left": return calcLeftResize(w, h, dx, dy, aspectRatio);
30
+ case "bottom-right": return clamp(calcBottomRightResize(w, h, dx, dy, aspectRatio));
31
+ case "bottom-left": return clamp(calcBottomLeftResize(w, h, dx, dy, aspectRatio));
32
+ case "top-right": return clamp(calcTopRightResize(w, h, dx, dy, aspectRatio));
33
+ case "top-left": return clamp(calcTopLeftResize(w, h, dx, dy, aspectRatio));
34
+ case "top": return clamp(calcTopResize(w, h, dx, dy, aspectRatio));
35
+ case "right": return clamp(calcRightResize(w, h, dx, dy, aspectRatio));
36
+ case "bottom": return clamp(calcBottomResize(w, h, dx, dy, aspectRatio));
37
+ case "left": return clamp(calcLeftResize(w, h, dx, dy, aspectRatio));
38
38
  default: throw new RangeError(`Invalid position: ${position}`);
39
39
  }
40
40
  }
@@ -90,9 +90,15 @@ const calcLeftResize = (w, h, dx, dy, r) => {
90
90
  h = w / r;
91
91
  return [w, h];
92
92
  };
93
+ function clamp([w, h]) {
94
+ return [Math.max(w, 1), Math.max(h, 1)];
95
+ }
93
96
 
94
97
  //#endregion
95
98
  //#region src/components/resizable/resizable-handle/setup.ts
99
+ /**
100
+ * @internal
101
+ */
96
102
  function useResizableHandle(host, { state }) {
97
103
  const onResize = onResizeContext.consume(host);
98
104
  const onResizeStart = onResizeStartContext.consume(host);
@@ -167,6 +173,9 @@ registerCustomElement("prosekit-resizable-handle", ResizableHandleElement);
167
173
 
168
174
  //#endregion
169
175
  //#region src/components/resizable/resizable-root/setup.ts
176
+ /**
177
+ * @internal
178
+ */
170
179
  function useResizableRoot(host, { state, emit }) {
171
180
  const resizing = createSignal(false);
172
181
  const onResizeStart = () => {
@@ -239,4 +248,4 @@ var ResizableRootElement = class extends ResizableRootElementBase {};
239
248
  registerCustomElement("prosekit-resizable-root", ResizableRootElement);
240
249
 
241
250
  //#endregion
242
- export { ResizableHandleElement, ResizableRootElement, resizableHandleEvents, resizableHandleProps, resizableRootEvents, resizableRootProps };
251
+ export { ResizableHandleElement, ResizableRootElement, resizableHandleEvents, resizableHandleProps, resizableRootEvents, resizableRootProps, useResizableHandle, useResizableRoot };
@@ -1,4 +1,4 @@
1
- import { BaseElementConstructor, EventDeclarations, PropDeclarations } from "@aria-ui/core";
1
+ import { BaseElementConstructor, ConnectableElement, EventDeclarations, PropDeclarations, SetupOptions, SignalState } from "@aria-ui/core";
2
2
  import { Editor } from "@prosekit/core";
3
3
  import { OverlayPositionerEvents, OverlayPositionerProps } from "@aria-ui/overlay";
4
4
  import { MenuContentEvents, MenuContentProps } from "@aria-ui/menu/elements";
@@ -33,6 +33,16 @@ declare const tableHandleColumnRootEvents: EventDeclarations<TableHandleColumnRo
33
33
  declare const TableHandleColumnRootElementBase: BaseElementConstructor<TableHandleColumnRootProps>;
34
34
  declare class TableHandleColumnRootElement extends TableHandleColumnRootElementBase {}
35
35
  //#endregion
36
+ //#region src/components/table-handle/table-handle-column-root/setup.d.ts
37
+ /**
38
+ * @internal
39
+ */
40
+ declare function useTableHandleColumnRoot(host: ConnectableElement, {
41
+ state
42
+ }: {
43
+ state: SignalState<TableHandleColumnRootProps>;
44
+ }): void;
45
+ //#endregion
36
46
  //#region src/components/table-handle/table-handle-column-trigger/types.d.ts
37
47
  type TableCommandsExtension$1 = ReturnType<typeof defineTableCommands>;
38
48
  interface TableHandleColumnTriggerProps {
@@ -49,6 +59,16 @@ declare const tableHandleColumnTriggerEvents: EventDeclarations<TableHandleColum
49
59
  declare const TableHandleColumnTriggerElementBase: BaseElementConstructor<TableHandleColumnTriggerProps>;
50
60
  declare class TableHandleColumnTriggerElement extends TableHandleColumnTriggerElementBase {}
51
61
  //#endregion
62
+ //#region src/components/table-handle/table-handle-column-trigger/setup.d.ts
63
+ /**
64
+ * @internal
65
+ */
66
+ declare function useTableHandleColumnTrigger(host: ConnectableElement, {
67
+ state
68
+ }: {
69
+ state: SignalState<TableHandleColumnTriggerProps>;
70
+ }): void;
71
+ //#endregion
52
72
  //#region src/components/table-handle/table-handle-popover-content/types.d.ts
53
73
  interface TableHandlePopoverContentProps extends Omit<MenuContentProps, "placement" | "offset"> {
54
74
  /**
@@ -71,6 +91,15 @@ declare const tableHandlePopoverContentEvents: EventDeclarations<TableHandlePopo
71
91
  declare const TableHandlePopoverContentElementBase: BaseElementConstructor<TableHandlePopoverContentProps>;
72
92
  declare class TableHandlePopoverContentElement extends TableHandlePopoverContentElementBase {}
73
93
  //#endregion
94
+ //#region src/components/table-handle/table-handle-popover-content/setup.d.ts
95
+ /**
96
+ * @internal
97
+ */
98
+ declare function useTableHandlePopoverContent(host: ConnectableElement, {
99
+ state,
100
+ emit
101
+ }: SetupOptions<TableHandlePopoverContentProps, TableHandlePopoverContentEvents>): void;
102
+ //#endregion
74
103
  //#region src/components/table-handle/table-handle-popover-item/types.d.ts
75
104
  interface TableHandlePopoverItemProps extends MenuItemProps {}
76
105
  /** @internal */
@@ -83,6 +112,15 @@ declare const tableHandlePopoverItemEvents: EventDeclarations<TableHandlePopover
83
112
  declare const TableHandlePopoverItemElementBase: BaseElementConstructor<TableHandlePopoverItemProps>;
84
113
  declare class TableHandlePopoverItemElement extends TableHandlePopoverItemElementBase {}
85
114
  //#endregion
115
+ //#region src/components/table-handle/table-handle-popover-item/setup.d.ts
116
+ /**
117
+ * @internal
118
+ */
119
+ declare function useTableHandlePopoverItem(element: ConnectableElement, {
120
+ state,
121
+ emit
122
+ }: SetupOptions<TableHandlePopoverItemProps, TableHandlePopoverItemEvents>): void;
123
+ //#endregion
86
124
  //#region src/components/table-handle/table-handle-root/types.d.ts
87
125
  interface TableHandleRootProps {
88
126
  /**
@@ -104,6 +142,16 @@ declare const tableHandleRootEvents: EventDeclarations<TableHandleRootEvents>;
104
142
  declare const TableHandleRootElementBase: BaseElementConstructor<TableHandleRootProps>;
105
143
  declare class TableHandleRootElement extends TableHandleRootElementBase {}
106
144
  //#endregion
145
+ //#region src/components/table-handle/table-handle-root/setup.d.ts
146
+ /**
147
+ * @internal
148
+ */
149
+ declare function useTableHandleRoot(host: ConnectableElement, {
150
+ state
151
+ }: {
152
+ state: SignalState<TableHandleRootProps>;
153
+ }): void;
154
+ //#endregion
107
155
  //#region src/components/table-handle/table-handle-row-root/types.d.ts
108
156
  interface TableHandleRowRootProps extends Omit<OverlayPositionerProps, "placement"> {
109
157
  /**
@@ -131,6 +179,14 @@ declare const tableHandleRowRootEvents: EventDeclarations<TableHandleRowRootEven
131
179
  declare const TableHandleRowRootElementBase: BaseElementConstructor<TableHandleRowRootProps>;
132
180
  declare class TableHandleRowRootElement extends TableHandleRowRootElementBase {}
133
181
  //#endregion
182
+ //#region src/components/table-handle/table-handle-row-root/setup.d.ts
183
+ /**
184
+ * @internal
185
+ */
186
+ declare function useTableHandleRowRoot(host: ConnectableElement, {
187
+ state
188
+ }: SetupOptions<TableHandleRowRootProps, TableHandleRowRootEvents>): void;
189
+ //#endregion
134
190
  //#region src/components/table-handle/table-handle-row-trigger/types.d.ts
135
191
  type TableCommandsExtension = ReturnType<typeof defineTableCommands>;
136
192
  interface TableHandleRowTriggerProps {
@@ -148,4 +204,12 @@ declare const tableHandleRowTriggerEvents: EventDeclarations<TableHandleRowTrigg
148
204
  declare const TableHandleRowTriggerElementBase: BaseElementConstructor<TableHandleRowTriggerProps>;
149
205
  declare class TableHandleRowTriggerElement extends TableHandleRowTriggerElementBase {}
150
206
  //#endregion
151
- export { TableHandleColumnRootElement, TableHandleColumnRootEvents, TableHandleColumnRootProps, TableHandleColumnTriggerElement, TableHandleColumnTriggerEvents, TableHandleColumnTriggerProps, TableHandlePopoverContentElement, TableHandlePopoverContentEvents, TableHandlePopoverContentProps, TableHandlePopoverItemElement, TableHandlePopoverItemEvents, TableHandlePopoverItemProps, TableHandleRootElement, TableHandleRootEvents, TableHandleRootProps, TableHandleRowRootElement, TableHandleRowRootEvents, TableHandleRowRootProps, TableHandleRowTriggerElement, TableHandleRowTriggerEvents, TableHandleRowTriggerProps, tableHandleColumnRootEvents, tableHandleColumnRootProps, tableHandleColumnTriggerEvents, tableHandleColumnTriggerProps, tableHandlePopoverContentEvents, tableHandlePopoverContentProps, tableHandlePopoverItemEvents, tableHandlePopoverItemProps, tableHandleRootEvents, tableHandleRootProps, tableHandleRowRootEvents, tableHandleRowRootProps, tableHandleRowTriggerEvents, tableHandleRowTriggerProps };
207
+ //#region src/components/table-handle/table-handle-row-trigger/setup.d.ts
208
+ /**
209
+ * @internal
210
+ */
211
+ declare function useTableHandleRowTrigger(host: ConnectableElement, {
212
+ state
213
+ }: SetupOptions<TableHandleRowTriggerProps, TableHandleRowTriggerEvents>): void;
214
+ //#endregion
215
+ export { TableHandleColumnRootElement, TableHandleColumnRootEvents, TableHandleColumnRootProps, TableHandleColumnTriggerElement, TableHandleColumnTriggerEvents, TableHandleColumnTriggerProps, TableHandlePopoverContentElement, TableHandlePopoverContentEvents, TableHandlePopoverContentProps, TableHandlePopoverItemElement, TableHandlePopoverItemEvents, TableHandlePopoverItemProps, TableHandleRootElement, TableHandleRootEvents, TableHandleRootProps, TableHandleRowRootElement, TableHandleRowRootEvents, TableHandleRowRootProps, TableHandleRowTriggerElement, TableHandleRowTriggerEvents, TableHandleRowTriggerProps, tableHandleColumnRootEvents, tableHandleColumnRootProps, tableHandleColumnTriggerEvents, tableHandleColumnTriggerProps, tableHandlePopoverContentEvents, tableHandlePopoverContentProps, tableHandlePopoverItemEvents, tableHandlePopoverItemProps, tableHandleRootEvents, tableHandleRootProps, tableHandleRowRootEvents, tableHandleRowRootProps, tableHandleRowTriggerEvents, tableHandleRowTriggerProps, useTableHandleColumnRoot, useTableHandleColumnTrigger, useTableHandlePopoverContent, useTableHandlePopoverItem, useTableHandleRoot, useTableHandleRowRoot, useTableHandleRowTrigger };
@@ -18,6 +18,9 @@ const tableHandleRootContext = createContext("prosekit-table-handle-root-context
18
18
 
19
19
  //#endregion
20
20
  //#region src/components/table-handle/table-handle-column-root/setup.ts
21
+ /**
22
+ * @internal
23
+ */
21
24
  function useTableHandleColumnRoot(host, { state }) {
22
25
  const { editor,...overlayState } = state;
23
26
  const rootContext = tableHandleRootContext.consume(host);
@@ -69,6 +72,9 @@ registerCustomElement("prosekit-table-handle-column-root", TableHandleColumnRoot
69
72
 
70
73
  //#endregion
71
74
  //#region src/components/table-handle/table-handle-column-trigger/setup.ts
75
+ /**
76
+ * @internal
77
+ */
72
78
  function useTableHandleColumnTrigger(host, { state }) {
73
79
  useMenuTrigger(host);
74
80
  const context = tableHandleRootContext.consume(host);
@@ -99,6 +105,9 @@ registerCustomElement("prosekit-table-handle-column-trigger", TableHandleColumnT
99
105
 
100
106
  //#endregion
101
107
  //#region src/components/table-handle/table-handle-popover-content/setup.ts
108
+ /**
109
+ * @internal
110
+ */
102
111
  function useTableHandlePopoverContent(host, { state, emit }) {
103
112
  const rootContext = tableHandleRootContext.consume(host);
104
113
  const open = createComputed(() => !!rootContext.get());
@@ -165,6 +174,9 @@ registerCustomElement("prosekit-table-handle-popover-content", TableHandlePopove
165
174
 
166
175
  //#endregion
167
176
  //#region src/components/table-handle/table-handle-popover-item/setup.ts
177
+ /**
178
+ * @internal
179
+ */
168
180
  function useTableHandlePopoverItem(element, { state, emit }) {
169
181
  useMenuItem(element, {
170
182
  state,
@@ -255,6 +267,9 @@ function getCellIndex(map, rowIndex, colIndex) {
255
267
 
256
268
  //#endregion
257
269
  //#region src/components/table-handle/table-handle-root/setup.ts
270
+ /**
271
+ * @internal
272
+ */
258
273
  function useTableHandleRoot(host, { state }) {
259
274
  const { editor } = state;
260
275
  const context = createSignal(null);
@@ -332,6 +347,9 @@ registerCustomElement("prosekit-table-handle-root", TableHandleRootElement);
332
347
 
333
348
  //#endregion
334
349
  //#region src/components/table-handle/table-handle-row-root/setup.ts
350
+ /**
351
+ * @internal
352
+ */
335
353
  function useTableHandleRowRoot(host, { state }) {
336
354
  const { editor,...overlayState } = state;
337
355
  const rootContext = tableHandleRootContext.consume(host);
@@ -383,6 +401,9 @@ registerCustomElement("prosekit-table-handle-row-root", TableHandleRowRootElemen
383
401
 
384
402
  //#endregion
385
403
  //#region src/components/table-handle/table-handle-row-trigger/setup.ts
404
+ /**
405
+ * @internal
406
+ */
386
407
  function useTableHandleRowTrigger(host, { state }) {
387
408
  useMenuTrigger(host);
388
409
  const context = tableHandleRootContext.consume(host);
@@ -412,4 +433,4 @@ var TableHandleRowTriggerElement = class extends TableHandleRowTriggerElementBas
412
433
  registerCustomElement("prosekit-table-handle-row-trigger", TableHandleRowTriggerElement);
413
434
 
414
435
  //#endregion
415
- export { TableHandleColumnRootElement, TableHandleColumnTriggerElement, TableHandlePopoverContentElement, TableHandlePopoverItemElement, TableHandleRootElement, TableHandleRowRootElement, TableHandleRowTriggerElement, tableHandleColumnRootEvents, tableHandleColumnRootProps, tableHandleColumnTriggerEvents, tableHandleColumnTriggerProps, tableHandlePopoverContentEvents, tableHandlePopoverContentProps, tableHandlePopoverItemEvents, tableHandlePopoverItemProps, tableHandleRootEvents, tableHandleRootProps, tableHandleRowRootEvents, tableHandleRowRootProps, tableHandleRowTriggerEvents, tableHandleRowTriggerProps };
436
+ export { TableHandleColumnRootElement, TableHandleColumnTriggerElement, TableHandlePopoverContentElement, TableHandlePopoverItemElement, TableHandleRootElement, TableHandleRowRootElement, TableHandleRowTriggerElement, tableHandleColumnRootEvents, tableHandleColumnRootProps, tableHandleColumnTriggerEvents, tableHandleColumnTriggerProps, tableHandlePopoverContentEvents, tableHandlePopoverContentProps, tableHandlePopoverItemEvents, tableHandlePopoverItemProps, tableHandleRootEvents, tableHandleRootProps, tableHandleRowRootEvents, tableHandleRowRootProps, tableHandleRowTriggerEvents, tableHandleRowTriggerProps, useTableHandleColumnRoot, useTableHandleColumnTrigger, useTableHandlePopoverContent, useTableHandlePopoverItem, useTableHandleRoot, useTableHandleRowRoot, useTableHandleRowTrigger };
@@ -1,5 +1,5 @@
1
1
  import { BaseElementConstructor } from "@aria-ui/core";
2
- import { TooltipContentEvents as TooltipContentEvents$1, TooltipContentProps as TooltipContentProps$1, TooltipRootEvents as TooltipRootEvents$1, TooltipRootProps as TooltipRootProps$1, TooltipTriggerEvents as TooltipTriggerEvents$1, TooltipTriggerProps as TooltipTriggerProps$1, tooltipContentEvents, tooltipContentProps, tooltipRootEvents, tooltipRootProps, tooltipTriggerEvents, tooltipTriggerProps } from "@aria-ui/tooltip/elements";
2
+ import { TooltipContentEvents as TooltipContentEvents$1, TooltipContentProps as TooltipContentProps$1, TooltipRootEvents as TooltipRootEvents$1, TooltipRootProps as TooltipRootProps$1, TooltipTriggerEvents as TooltipTriggerEvents$1, TooltipTriggerProps as TooltipTriggerProps$1, tooltipContentEvents, tooltipContentProps, tooltipRootEvents, tooltipRootProps, tooltipTriggerEvents, tooltipTriggerProps, useTooltipContent, useTooltipRoot, useTooltipTrigger } from "@aria-ui/tooltip/elements";
3
3
 
4
4
  //#region src/components/tooltip/tooltip-content/types.d.ts
5
5
  interface TooltipContentProps extends TooltipContentProps$1 {}
@@ -25,4 +25,4 @@ interface TooltipTriggerEvents extends TooltipTriggerEvents$1 {}
25
25
  declare const TooltipTriggerElementBase: BaseElementConstructor<TooltipTriggerProps>;
26
26
  declare class TooltipTriggerElement extends TooltipTriggerElementBase {}
27
27
  //#endregion
28
- export { TooltipContentElement, TooltipContentEvents, TooltipContentProps, TooltipRootElement, TooltipRootEvents, TooltipRootProps, TooltipTriggerElement, TooltipTriggerEvents, TooltipTriggerProps, tooltipContentEvents, tooltipContentProps, tooltipRootEvents, tooltipRootProps, tooltipTriggerEvents, tooltipTriggerProps };
28
+ export { TooltipContentElement, TooltipContentEvents, TooltipContentProps, TooltipRootElement, TooltipRootEvents, TooltipRootProps, TooltipTriggerElement, TooltipTriggerEvents, TooltipTriggerProps, tooltipContentEvents, tooltipContentProps, tooltipRootEvents, tooltipRootProps, tooltipTriggerEvents, tooltipTriggerProps, useTooltipContent, useTooltipRoot, useTooltipTrigger };
@@ -31,4 +31,4 @@ var TooltipTriggerElement = class extends TooltipTriggerElementBase {};
31
31
  registerCustomElement("prosekit-tooltip-trigger", TooltipTriggerElement);
32
32
 
33
33
  //#endregion
34
- export { TooltipContentElement, TooltipRootElement, TooltipTriggerElement, tooltipContentEvents, tooltipContentProps, tooltipRootEvents, tooltipRootProps, tooltipTriggerEvents, tooltipTriggerProps };
34
+ export { TooltipContentElement, TooltipRootElement, TooltipTriggerElement, tooltipContentEvents, tooltipContentProps, tooltipRootEvents, tooltipRootProps, tooltipTriggerEvents, tooltipTriggerProps, useTooltipContent, useTooltipRoot, useTooltipTrigger };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@prosekit/web",
3
3
  "type": "module",
4
- "version": "0.5.9",
4
+ "version": "0.5.11",
5
5
  "private": false,
6
6
  "description": "A collection of web components for ProseKit",
7
7
  "author": {
@@ -71,19 +71,19 @@
71
71
  "@aria-ui/popover": "^0.0.27",
72
72
  "@aria-ui/presence": "^0.0.19",
73
73
  "@aria-ui/tooltip": "^0.0.29",
74
- "@floating-ui/dom": "^1.7.0",
75
- "@ocavue/utils": "^0.4.0",
74
+ "@floating-ui/dom": "^1.7.1",
75
+ "@ocavue/utils": "^0.5.0",
76
76
  "prosemirror-tables": "^1.7.1",
77
- "@prosekit/core": "^0.8.1",
78
- "@prosekit/extensions": "^0.9.1",
79
- "@prosekit/pm": "^0.1.10"
77
+ "@prosekit/pm": "^0.1.11",
78
+ "@prosekit/core": "^0.8.2",
79
+ "@prosekit/extensions": "^0.9.3"
80
80
  },
81
81
  "devDependencies": {
82
- "tsdown": "^0.12.4",
82
+ "tsdown": "^0.12.7",
83
83
  "typescript": "~5.8.3",
84
- "vitest": "^3.1.4",
85
- "@prosekit/config-vitest": "0.0.0",
86
- "@prosekit/config-tsdown": "0.0.0"
84
+ "vitest": "^3.2.3",
85
+ "@prosekit/config-tsdown": "0.0.0",
86
+ "@prosekit/config-vitest": "0.0.0"
87
87
  },
88
88
  "publishConfig": {
89
89
  "dev": {}