@prosekit/svelte 0.4.20 → 0.5.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 (166) hide show
  1. package/dist/build/components/autocomplete/autocomplete-empty.gen.d.ts +8 -2
  2. package/dist/build/components/autocomplete/autocomplete-empty.gen.d.ts.map +1 -1
  3. package/dist/build/components/autocomplete/autocomplete-empty.gen.svelte +7 -5
  4. package/dist/build/components/autocomplete/autocomplete-empty.gen.svelte.d.ts.map +1 -1
  5. package/dist/build/components/autocomplete/autocomplete-item.gen.d.ts +8 -2
  6. package/dist/build/components/autocomplete/autocomplete-item.gen.d.ts.map +1 -1
  7. package/dist/build/components/autocomplete/autocomplete-item.gen.svelte +7 -5
  8. package/dist/build/components/autocomplete/autocomplete-item.gen.svelte.d.ts.map +1 -1
  9. package/dist/build/components/autocomplete/autocomplete-list.gen.d.ts +8 -2
  10. package/dist/build/components/autocomplete/autocomplete-list.gen.d.ts.map +1 -1
  11. package/dist/build/components/autocomplete/autocomplete-list.gen.svelte +7 -5
  12. package/dist/build/components/autocomplete/autocomplete-list.gen.svelte.d.ts.map +1 -1
  13. package/dist/build/components/autocomplete/autocomplete-popover.gen.d.ts +8 -2
  14. package/dist/build/components/autocomplete/autocomplete-popover.gen.d.ts.map +1 -1
  15. package/dist/build/components/autocomplete/autocomplete-popover.gen.svelte +7 -5
  16. package/dist/build/components/autocomplete/autocomplete-popover.gen.svelte.d.ts.map +1 -1
  17. package/dist/build/components/autocomplete/index.gen.d.ts +5 -0
  18. package/dist/build/components/autocomplete/index.gen.d.ts.map +1 -0
  19. package/dist/build/components/block-handle/block-handle-add.gen.d.ts +8 -2
  20. package/dist/build/components/block-handle/block-handle-add.gen.d.ts.map +1 -1
  21. package/dist/build/components/block-handle/block-handle-add.gen.svelte +7 -5
  22. package/dist/build/components/block-handle/block-handle-add.gen.svelte.d.ts.map +1 -1
  23. package/dist/build/components/block-handle/block-handle-draggable.gen.d.ts +8 -2
  24. package/dist/build/components/block-handle/block-handle-draggable.gen.d.ts.map +1 -1
  25. package/dist/build/components/block-handle/block-handle-draggable.gen.svelte +7 -5
  26. package/dist/build/components/block-handle/block-handle-draggable.gen.svelte.d.ts.map +1 -1
  27. package/dist/build/components/block-handle/block-handle-popover.gen.d.ts +8 -2
  28. package/dist/build/components/block-handle/block-handle-popover.gen.d.ts.map +1 -1
  29. package/dist/build/components/block-handle/block-handle-popover.gen.svelte +7 -5
  30. package/dist/build/components/block-handle/block-handle-popover.gen.svelte.d.ts.map +1 -1
  31. package/dist/build/components/block-handle/index.gen.d.ts +4 -0
  32. package/dist/build/components/block-handle/index.gen.d.ts.map +1 -0
  33. package/dist/build/components/block-handle/{index.js → index.gen.js} +0 -2
  34. package/dist/build/components/create-props.d.ts +12 -0
  35. package/dist/build/components/create-props.d.ts.map +1 -0
  36. package/dist/build/components/create-props.js +1 -0
  37. package/dist/build/components/inline-popover/index.gen.d.ts +2 -0
  38. package/dist/build/components/inline-popover/index.gen.d.ts.map +1 -0
  39. package/dist/build/components/inline-popover/inline-popover.gen.d.ts +8 -2
  40. package/dist/build/components/inline-popover/inline-popover.gen.d.ts.map +1 -1
  41. package/dist/build/components/inline-popover/inline-popover.gen.svelte +7 -5
  42. package/dist/build/components/inline-popover/inline-popover.gen.svelte.d.ts.map +1 -1
  43. package/dist/build/components/popover/index.gen.d.ts +4 -0
  44. package/dist/build/components/popover/index.gen.d.ts.map +1 -0
  45. package/dist/build/components/popover/popover-content.gen.d.ts +8 -2
  46. package/dist/build/components/popover/popover-content.gen.d.ts.map +1 -1
  47. package/dist/build/components/popover/popover-content.gen.svelte +7 -5
  48. package/dist/build/components/popover/popover-content.gen.svelte.d.ts.map +1 -1
  49. package/dist/build/components/popover/popover-root.gen.d.ts +8 -2
  50. package/dist/build/components/popover/popover-root.gen.d.ts.map +1 -1
  51. package/dist/build/components/popover/popover-root.gen.svelte +7 -5
  52. package/dist/build/components/popover/popover-root.gen.svelte.d.ts.map +1 -1
  53. package/dist/build/components/popover/popover-trigger.gen.d.ts +8 -2
  54. package/dist/build/components/popover/popover-trigger.gen.d.ts.map +1 -1
  55. package/dist/build/components/popover/popover-trigger.gen.svelte +7 -5
  56. package/dist/build/components/popover/popover-trigger.gen.svelte.d.ts.map +1 -1
  57. package/dist/build/components/resizable/index.gen.d.ts +3 -0
  58. package/dist/build/components/resizable/index.gen.d.ts.map +1 -0
  59. package/dist/build/components/resizable/resizable-handle.gen.d.ts +8 -2
  60. package/dist/build/components/resizable/resizable-handle.gen.d.ts.map +1 -1
  61. package/dist/build/components/resizable/resizable-handle.gen.svelte +7 -5
  62. package/dist/build/components/resizable/resizable-handle.gen.svelte.d.ts.map +1 -1
  63. package/dist/build/components/resizable/resizable-root.gen.d.ts +8 -2
  64. package/dist/build/components/resizable/resizable-root.gen.d.ts.map +1 -1
  65. package/dist/build/components/resizable/resizable-root.gen.svelte +7 -5
  66. package/dist/build/components/resizable/resizable-root.gen.svelte.d.ts.map +1 -1
  67. package/dist/build/components/table-handle/index.gen.d.ts +8 -0
  68. package/dist/build/components/table-handle/index.gen.d.ts.map +1 -0
  69. package/dist/build/components/table-handle/table-handle-column-root.gen.d.ts +8 -2
  70. package/dist/build/components/table-handle/table-handle-column-root.gen.d.ts.map +1 -1
  71. package/dist/build/components/table-handle/table-handle-column-root.gen.svelte +7 -5
  72. package/dist/build/components/table-handle/table-handle-column-root.gen.svelte.d.ts.map +1 -1
  73. package/dist/build/components/table-handle/table-handle-column-trigger.gen.d.ts +8 -2
  74. package/dist/build/components/table-handle/table-handle-column-trigger.gen.d.ts.map +1 -1
  75. package/dist/build/components/table-handle/table-handle-column-trigger.gen.svelte +7 -5
  76. package/dist/build/components/table-handle/table-handle-column-trigger.gen.svelte.d.ts.map +1 -1
  77. package/dist/build/components/table-handle/table-handle-popover-content.gen.d.ts +8 -2
  78. package/dist/build/components/table-handle/table-handle-popover-content.gen.d.ts.map +1 -1
  79. package/dist/build/components/table-handle/table-handle-popover-content.gen.svelte +7 -5
  80. package/dist/build/components/table-handle/table-handle-popover-content.gen.svelte.d.ts.map +1 -1
  81. package/dist/build/components/table-handle/table-handle-popover-item.gen.d.ts +8 -2
  82. package/dist/build/components/table-handle/table-handle-popover-item.gen.d.ts.map +1 -1
  83. package/dist/build/components/table-handle/table-handle-popover-item.gen.svelte +7 -5
  84. package/dist/build/components/table-handle/table-handle-popover-item.gen.svelte.d.ts.map +1 -1
  85. package/dist/build/components/table-handle/table-handle-root.gen.d.ts +8 -2
  86. package/dist/build/components/table-handle/table-handle-root.gen.d.ts.map +1 -1
  87. package/dist/build/components/table-handle/table-handle-root.gen.svelte +7 -5
  88. package/dist/build/components/table-handle/table-handle-root.gen.svelte.d.ts.map +1 -1
  89. package/dist/build/components/table-handle/table-handle-row-root.gen.d.ts +8 -2
  90. package/dist/build/components/table-handle/table-handle-row-root.gen.d.ts.map +1 -1
  91. package/dist/build/components/table-handle/table-handle-row-root.gen.svelte +7 -5
  92. package/dist/build/components/table-handle/table-handle-row-root.gen.svelte.d.ts.map +1 -1
  93. package/dist/build/components/table-handle/table-handle-row-trigger.gen.d.ts +8 -2
  94. package/dist/build/components/table-handle/table-handle-row-trigger.gen.d.ts.map +1 -1
  95. package/dist/build/components/table-handle/table-handle-row-trigger.gen.svelte +7 -5
  96. package/dist/build/components/table-handle/table-handle-row-trigger.gen.svelte.d.ts.map +1 -1
  97. package/dist/build/components/tooltip/index.gen.d.ts +4 -0
  98. package/dist/build/components/tooltip/index.gen.d.ts.map +1 -0
  99. package/dist/build/components/tooltip/tooltip-content.gen.d.ts +8 -2
  100. package/dist/build/components/tooltip/tooltip-content.gen.d.ts.map +1 -1
  101. package/dist/build/components/tooltip/tooltip-content.gen.svelte +7 -5
  102. package/dist/build/components/tooltip/tooltip-content.gen.svelte.d.ts.map +1 -1
  103. package/dist/build/components/tooltip/tooltip-root.gen.d.ts +8 -2
  104. package/dist/build/components/tooltip/tooltip-root.gen.d.ts.map +1 -1
  105. package/dist/build/components/tooltip/tooltip-root.gen.svelte +7 -5
  106. package/dist/build/components/tooltip/tooltip-root.gen.svelte.d.ts.map +1 -1
  107. package/dist/build/components/tooltip/tooltip-trigger.gen.d.ts +8 -2
  108. package/dist/build/components/tooltip/tooltip-trigger.gen.d.ts.map +1 -1
  109. package/dist/build/components/tooltip/tooltip-trigger.gen.svelte +7 -5
  110. package/dist/build/components/tooltip/tooltip-trigger.gen.svelte.d.ts.map +1 -1
  111. package/dist/build/components/use-component.d.ts +3 -0
  112. package/dist/build/components/use-component.d.ts.map +1 -0
  113. package/dist/build/components/use-component.js +48 -0
  114. package/dist/build/components/use-event-handlers.d.ts +5 -0
  115. package/dist/build/components/use-event-handlers.d.ts.map +1 -0
  116. package/dist/build/components/use-event-handlers.js +20 -0
  117. package/dist/prosekit-svelte-autocomplete.d.ts +1 -1
  118. package/dist/prosekit-svelte-autocomplete.js +1 -1
  119. package/dist/prosekit-svelte-block-handle.d.ts +1 -1
  120. package/dist/prosekit-svelte-block-handle.js +1 -1
  121. package/dist/prosekit-svelte-inline-popover.d.ts +1 -1
  122. package/dist/prosekit-svelte-inline-popover.js +1 -1
  123. package/dist/prosekit-svelte-popover.d.ts +1 -1
  124. package/dist/prosekit-svelte-popover.js +1 -1
  125. package/dist/prosekit-svelte-resizable.d.ts +1 -1
  126. package/dist/prosekit-svelte-resizable.js +1 -1
  127. package/dist/prosekit-svelte-table-handle.d.ts +1 -1
  128. package/dist/prosekit-svelte-table-handle.js +1 -1
  129. package/dist/prosekit-svelte-tooltip.d.ts +1 -1
  130. package/dist/prosekit-svelte-tooltip.js +1 -1
  131. package/package.json +3 -3
  132. package/dist/build/components/autocomplete/index.d.ts +0 -5
  133. package/dist/build/components/autocomplete/index.d.ts.map +0 -1
  134. package/dist/build/components/block-handle/block-drag-handle.gen.d.ts +0 -5
  135. package/dist/build/components/block-handle/block-drag-handle.gen.d.ts.map +0 -1
  136. package/dist/build/components/block-handle/block-drag-handle.gen.js +0 -2
  137. package/dist/build/components/block-handle/block-drag-handle.gen.svelte +0 -21
  138. package/dist/build/components/block-handle/block-drag-handle.gen.svelte.d.ts +0 -20
  139. package/dist/build/components/block-handle/block-drag-handle.gen.svelte.d.ts.map +0 -1
  140. package/dist/build/components/block-handle/block-popover.gen.d.ts +0 -5
  141. package/dist/build/components/block-handle/block-popover.gen.d.ts.map +0 -1
  142. package/dist/build/components/block-handle/block-popover.gen.js +0 -2
  143. package/dist/build/components/block-handle/block-popover.gen.svelte +0 -21
  144. package/dist/build/components/block-handle/block-popover.gen.svelte.d.ts +0 -20
  145. package/dist/build/components/block-handle/block-popover.gen.svelte.d.ts.map +0 -1
  146. package/dist/build/components/block-handle/index.d.ts +0 -6
  147. package/dist/build/components/block-handle/index.d.ts.map +0 -1
  148. package/dist/build/components/inline-popover/index.d.ts +0 -2
  149. package/dist/build/components/inline-popover/index.d.ts.map +0 -1
  150. package/dist/build/components/popover/index.d.ts +0 -4
  151. package/dist/build/components/popover/index.d.ts.map +0 -1
  152. package/dist/build/components/resizable/index.d.ts +0 -3
  153. package/dist/build/components/resizable/index.d.ts.map +0 -1
  154. package/dist/build/components/table-handle/index.d.ts +0 -8
  155. package/dist/build/components/table-handle/index.d.ts.map +0 -1
  156. package/dist/build/components/tooltip/index.d.ts +0 -4
  157. package/dist/build/components/tooltip/index.d.ts.map +0 -1
  158. package/dist/build/utils/use-web-component.d.ts +0 -2
  159. package/dist/build/utils/use-web-component.d.ts.map +0 -1
  160. package/dist/build/utils/use-web-component.js +0 -36
  161. /package/dist/build/components/autocomplete/{index.js → index.gen.js} +0 -0
  162. /package/dist/build/components/inline-popover/{index.js → index.gen.js} +0 -0
  163. /package/dist/build/components/popover/{index.js → index.gen.js} +0 -0
  164. /package/dist/build/components/resizable/{index.js → index.gen.js} +0 -0
  165. /package/dist/build/components/table-handle/{index.js → index.gen.js} +0 -0
  166. /package/dist/build/components/tooltip/{index.js → index.gen.js} +0 -0
@@ -1,21 +1,23 @@
1
1
  <script lang="ts">
2
2
  import '@prosekit/web/table-handle'
3
3
 
4
- import { defaultTableHandleRowRootProps } from '@prosekit/web/table-handle'
4
+ import { tableHandleRowRootProps, tableHandleRowRootEvents } from '@prosekit/web/table-handle'
5
5
  import { ClientUpdate } from '../client-update'
6
- import { useWebComponent } from '../../utils/use-web-component'
6
+ import { useComponent } from '../use-component'
7
+ import { useEventHandlers } from '../use-event-handlers'
7
8
 
8
9
  let attributes: Record<string, unknown> = {}
10
+ let eventHandlers: Record<string, (...args: any[]) => any> = {}
9
11
  let element: HTMLElement | undefined = undefined
10
- const handleChange = useWebComponent(defaultTableHandleRowRootProps)
12
+ const handleChange = useComponent(Object.keys(tableHandleRowRootProps), Object.keys(tableHandleRowRootEvents))
11
13
 
12
14
  $: {
13
- attributes = handleChange(element, $$props)
15
+ [attributes, eventHandlers] = handleChange(element, $$props)
14
16
  }
15
17
  </script>
16
18
 
17
19
  <ClientUpdate>
18
- <prosekit-table-handle-row-root {...attributes} bind:this={element}>
20
+ <prosekit-table-handle-row-root {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
19
21
  <slot />
20
22
  </prosekit-table-handle-row-root>
21
23
  </ClientUpdate>
@@ -1 +1 @@
1
- {"version":3,"file":"table-handle-row-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/table-handle/table-handle-row-root.gen.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AA8BnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC/I"}
1
+ {"version":3,"file":"table-handle-row-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/table-handle/table-handle-row-root.gen.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAiCnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC/I"}
@@ -1,5 +1,11 @@
1
- import type { TableHandleRowTriggerElement, TableHandleRowTriggerProps } from '@prosekit/web/table-handle';
1
+ import type { TableHandleRowTriggerElement, TableHandleRowTriggerProps as Props, TableHandleRowTriggerEvents as Events } from '@prosekit/web/table-handle';
2
2
  import type { SvelteComponent } from 'svelte';
3
3
  import type { HTMLAttributes } from 'svelte/elements';
4
- export declare const TableHandleRowTrigger: typeof SvelteComponent<Partial<TableHandleRowTriggerProps> & HTMLAttributes<TableHandleRowTriggerElement>>;
4
+ import type { CreateProps } from '../create-props';
5
+ /**
6
+ * Props for the {@link TableHandleRowTrigger} component.
7
+ */
8
+ export interface TableHandleRowTriggerProps extends Partial<CreateProps<Props, Events>> {
9
+ }
10
+ export declare const TableHandleRowTrigger: typeof SvelteComponent<TableHandleRowTriggerProps & HTMLAttributes<TableHandleRowTriggerElement>>;
5
11
  //# sourceMappingURL=table-handle-row-trigger.gen.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"table-handle-row-trigger.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/table-handle/table-handle-row-trigger.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AAC1G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,qBAAqB,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,0BAA0B,CAAC,GAAG,cAAc,CAAC,4BAA4B,CAAC,CAAC,CAAA"}
1
+ {"version":3,"file":"table-handle-row-trigger.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/table-handle/table-handle-row-trigger.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,0BAA0B,IAAI,KAAK,EAAE,2BAA2B,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAC1J,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAIlD;;GAEG;AACH,MAAM,WAAW,0BAA2B,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAE1F,eAAO,MAAM,qBAAqB,EAAgB,OAAO,eAAe,CAAC,0BAA0B,GAAG,cAAc,CAAC,4BAA4B,CAAC,CAAC,CAAA"}
@@ -1,21 +1,23 @@
1
1
  <script lang="ts">
2
2
  import '@prosekit/web/table-handle'
3
3
 
4
- import { defaultTableHandleRowTriggerProps } from '@prosekit/web/table-handle'
4
+ import { tableHandleRowTriggerProps, tableHandleRowTriggerEvents } from '@prosekit/web/table-handle'
5
5
  import { ClientUpdate } from '../client-update'
6
- import { useWebComponent } from '../../utils/use-web-component'
6
+ import { useComponent } from '../use-component'
7
+ import { useEventHandlers } from '../use-event-handlers'
7
8
 
8
9
  let attributes: Record<string, unknown> = {}
10
+ let eventHandlers: Record<string, (...args: any[]) => any> = {}
9
11
  let element: HTMLElement | undefined = undefined
10
- const handleChange = useWebComponent(defaultTableHandleRowTriggerProps)
12
+ const handleChange = useComponent(Object.keys(tableHandleRowTriggerProps), Object.keys(tableHandleRowTriggerEvents))
11
13
 
12
14
  $: {
13
- attributes = handleChange(element, $$props)
15
+ [attributes, eventHandlers] = handleChange(element, $$props)
14
16
  }
15
17
  </script>
16
18
 
17
19
  <ClientUpdate>
18
- <prosekit-table-handle-row-trigger {...attributes} bind:this={element}>
20
+ <prosekit-table-handle-row-trigger {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
19
21
  <slot />
20
22
  </prosekit-table-handle-row-trigger>
21
23
  </ClientUpdate>
@@ -1 +1 @@
1
- {"version":3,"file":"table-handle-row-trigger.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/table-handle/table-handle-row-trigger.gen.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AA8BnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,0BAA0B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChE,MAAM,MAAM,2BAA2B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClE,MAAM,MAAM,0BAA0B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhE,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,oBAAoB,CAAC,0BAA0B,EAAE,2BAA2B,EAAE,0BAA0B,CAAC;CAC3J"}
1
+ {"version":3,"file":"table-handle-row-trigger.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/table-handle/table-handle-row-trigger.gen.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAiCnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,0BAA0B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChE,MAAM,MAAM,2BAA2B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClE,MAAM,MAAM,0BAA0B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhE,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,oBAAoB,CAAC,0BAA0B,EAAE,2BAA2B,EAAE,0BAA0B,CAAC;CAC3J"}
@@ -0,0 +1,4 @@
1
+ export { TooltipContent, type TooltipContentProps } from './tooltip-content.gen';
2
+ export { TooltipRoot, type TooltipRootProps } from './tooltip-root.gen';
3
+ export { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger.gen';
4
+ //# sourceMappingURL=index.gen.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/index.gen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAEvE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAA"}
@@ -1,5 +1,11 @@
1
- import type { TooltipContentElement, TooltipContentProps } from '@prosekit/web/tooltip';
1
+ import type { TooltipContentElement, TooltipContentProps as Props, TooltipContentEvents as Events } from '@prosekit/web/tooltip';
2
2
  import type { SvelteComponent } from 'svelte';
3
3
  import type { HTMLAttributes } from 'svelte/elements';
4
- export declare const TooltipContent: typeof SvelteComponent<Partial<TooltipContentProps> & HTMLAttributes<TooltipContentElement>>;
4
+ import type { CreateProps } from '../create-props';
5
+ /**
6
+ * Props for the {@link TooltipContent} component.
7
+ */
8
+ export interface TooltipContentProps extends Partial<CreateProps<Props, Events>> {
9
+ }
10
+ export declare const TooltipContent: typeof SvelteComponent<TooltipContentProps & HTMLAttributes<TooltipContentElement>>;
5
11
  //# sourceMappingURL=tooltip-content.gen.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip-content.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-content.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,cAAc,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,mBAAmB,CAAC,GAAG,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA"}
1
+ {"version":3,"file":"tooltip-content.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-content.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,IAAI,KAAK,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAChI,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAIlD;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAEnF,eAAO,MAAM,cAAc,EAAgB,OAAO,eAAe,CAAC,mBAAmB,GAAG,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA"}
@@ -1,21 +1,23 @@
1
1
  <script lang="ts">
2
2
  import '@prosekit/web/tooltip'
3
3
 
4
- import { defaultTooltipContentProps } from '@prosekit/web/tooltip'
4
+ import { tooltipContentProps, tooltipContentEvents } from '@prosekit/web/tooltip'
5
5
  import { ClientUpdate } from '../client-update'
6
- import { useWebComponent } from '../../utils/use-web-component'
6
+ import { useComponent } from '../use-component'
7
+ import { useEventHandlers } from '../use-event-handlers'
7
8
 
8
9
  let attributes: Record<string, unknown> = {}
10
+ let eventHandlers: Record<string, (...args: any[]) => any> = {}
9
11
  let element: HTMLElement | undefined = undefined
10
- const handleChange = useWebComponent(defaultTooltipContentProps)
12
+ const handleChange = useComponent(Object.keys(tooltipContentProps), Object.keys(tooltipContentEvents))
11
13
 
12
14
  $: {
13
- attributes = handleChange(element, $$props)
15
+ [attributes, eventHandlers] = handleChange(element, $$props)
14
16
  }
15
17
  </script>
16
18
 
17
19
  <ClientUpdate>
18
- <prosekit-tooltip-content {...attributes} bind:this={element}>
20
+ <prosekit-tooltip-content {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
19
21
  <slot />
20
22
  </prosekit-tooltip-content>
21
23
  </ClientUpdate>
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip-content.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-content.gen.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AA8B9B,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}
1
+ {"version":3,"file":"tooltip-content.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-content.gen.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAiC9B,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}
@@ -1,5 +1,11 @@
1
- import type { TooltipRootElement, TooltipRootProps } from '@prosekit/web/tooltip';
1
+ import type { TooltipRootElement, TooltipRootProps as Props, TooltipRootEvents as Events } from '@prosekit/web/tooltip';
2
2
  import type { SvelteComponent } from 'svelte';
3
3
  import type { HTMLAttributes } from 'svelte/elements';
4
- export declare const TooltipRoot: typeof SvelteComponent<Partial<TooltipRootProps> & HTMLAttributes<TooltipRootElement>>;
4
+ import type { CreateProps } from '../create-props';
5
+ /**
6
+ * Props for the {@link TooltipRoot} component.
7
+ */
8
+ export interface TooltipRootProps extends Partial<CreateProps<Props, Events>> {
9
+ }
10
+ export declare const TooltipRoot: typeof SvelteComponent<TooltipRootProps & HTMLAttributes<TooltipRootElement>>;
5
11
  //# sourceMappingURL=tooltip-root.gen.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip-root.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-root.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,WAAW,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAA"}
1
+ {"version":3,"file":"tooltip-root.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-root.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,IAAI,KAAK,EAAE,iBAAiB,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAA;AACvH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAIlD;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAEhF,eAAO,MAAM,WAAW,EAAgB,OAAO,eAAe,CAAC,gBAAgB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAA"}
@@ -1,21 +1,23 @@
1
1
  <script lang="ts">
2
2
  import '@prosekit/web/tooltip'
3
3
 
4
- import { defaultTooltipRootProps } from '@prosekit/web/tooltip'
4
+ import { tooltipRootProps, tooltipRootEvents } from '@prosekit/web/tooltip'
5
5
  import { ClientUpdate } from '../client-update'
6
- import { useWebComponent } from '../../utils/use-web-component'
6
+ import { useComponent } from '../use-component'
7
+ import { useEventHandlers } from '../use-event-handlers'
7
8
 
8
9
  let attributes: Record<string, unknown> = {}
10
+ let eventHandlers: Record<string, (...args: any[]) => any> = {}
9
11
  let element: HTMLElement | undefined = undefined
10
- const handleChange = useWebComponent(defaultTooltipRootProps)
12
+ const handleChange = useComponent(Object.keys(tooltipRootProps), Object.keys(tooltipRootEvents))
11
13
 
12
14
  $: {
13
- attributes = handleChange(element, $$props)
15
+ [attributes, eventHandlers] = handleChange(element, $$props)
14
16
  }
15
17
  </script>
16
18
 
17
19
  <ClientUpdate>
18
- <prosekit-tooltip-root {...attributes} bind:this={element}>
20
+ <prosekit-tooltip-root {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
19
21
  <slot />
20
22
  </prosekit-tooltip-root>
21
23
  </ClientUpdate>
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-root.gen.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AA8B9B,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
1
+ {"version":3,"file":"tooltip-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-root.gen.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAiC9B,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
@@ -1,5 +1,11 @@
1
- import type { TooltipTriggerElement, TooltipTriggerProps } from '@prosekit/web/tooltip';
1
+ import type { TooltipTriggerElement, TooltipTriggerProps as Props, TooltipTriggerEvents as Events } from '@prosekit/web/tooltip';
2
2
  import type { SvelteComponent } from 'svelte';
3
3
  import type { HTMLAttributes } from 'svelte/elements';
4
- export declare const TooltipTrigger: typeof SvelteComponent<Partial<TooltipTriggerProps> & HTMLAttributes<TooltipTriggerElement>>;
4
+ import type { CreateProps } from '../create-props';
5
+ /**
6
+ * Props for the {@link TooltipTrigger} component.
7
+ */
8
+ export interface TooltipTriggerProps extends Partial<CreateProps<Props, Events>> {
9
+ }
10
+ export declare const TooltipTrigger: typeof SvelteComponent<TooltipTriggerProps & HTMLAttributes<TooltipTriggerElement>>;
5
11
  //# sourceMappingURL=tooltip-trigger.gen.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip-trigger.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-trigger.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,cAAc,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,mBAAmB,CAAC,GAAG,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA"}
1
+ {"version":3,"file":"tooltip-trigger.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-trigger.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,IAAI,KAAK,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAChI,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAIlD;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAAG;AAEnF,eAAO,MAAM,cAAc,EAAgB,OAAO,eAAe,CAAC,mBAAmB,GAAG,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA"}
@@ -1,21 +1,23 @@
1
1
  <script lang="ts">
2
2
  import '@prosekit/web/tooltip'
3
3
 
4
- import { defaultTooltipTriggerProps } from '@prosekit/web/tooltip'
4
+ import { tooltipTriggerProps, tooltipTriggerEvents } from '@prosekit/web/tooltip'
5
5
  import { ClientUpdate } from '../client-update'
6
- import { useWebComponent } from '../../utils/use-web-component'
6
+ import { useComponent } from '../use-component'
7
+ import { useEventHandlers } from '../use-event-handlers'
7
8
 
8
9
  let attributes: Record<string, unknown> = {}
10
+ let eventHandlers: Record<string, (...args: any[]) => any> = {}
9
11
  let element: HTMLElement | undefined = undefined
10
- const handleChange = useWebComponent(defaultTooltipTriggerProps)
12
+ const handleChange = useComponent(Object.keys(tooltipTriggerProps), Object.keys(tooltipTriggerEvents))
11
13
 
12
14
  $: {
13
- attributes = handleChange(element, $$props)
15
+ [attributes, eventHandlers] = handleChange(element, $$props)
14
16
  }
15
17
  </script>
16
18
 
17
19
  <ClientUpdate>
18
- <prosekit-tooltip-trigger {...attributes} bind:this={element}>
20
+ <prosekit-tooltip-trigger {...attributes} use:useEventHandlers={eventHandlers} bind:this={element}>
19
21
  <slot />
20
22
  </prosekit-tooltip-trigger>
21
23
  </ClientUpdate>
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip-trigger.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-trigger.gen.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AA8B9B,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}
1
+ {"version":3,"file":"tooltip-trigger.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-trigger.gen.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAiC9B,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}
@@ -0,0 +1,3 @@
1
+ import type { EventHandler } from 'svelte/elements';
2
+ export declare function useComponent(propNames: string[], eventNames: string[]): (element: HTMLElement | undefined, $$props: Record<string, unknown>) => readonly [Record<string, unknown>, Record<string, EventHandler>];
3
+ //# sourceMappingURL=use-component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-component.d.ts","sourceRoot":"","sources":["../../../../src/components/use-component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAQnD,wBAAgB,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,aASzD,WAAW,GAAG,SAAS,WACvB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,sEA8CnC"}
@@ -0,0 +1,48 @@
1
+ import { useEditorContext } from '../contexts/editor-context';
2
+ // For unknown reason, Svelte v4 cannot set properties on a web component
3
+ // when I directly use `{...$$props}`. It seems that Svelte v4 recognizes
4
+ // the properties as attributes. Here is a workaround to set the properties
5
+ // on the element manually and only let Svelte set the attributes.
6
+ export function useComponent(propNames, eventNames) {
7
+ const hasEditor = propNames.includes('editor');
8
+ const lowerCaseEventNameMap = Object.fromEntries(eventNames.map((name) => [name.toLowerCase(), name]));
9
+ const editorContext = useEditorContext();
10
+ function handleChange(element, $$props) {
11
+ const properties = {};
12
+ const attributes = {};
13
+ const eventHandlers = {};
14
+ for (const [name, value] of Object.entries($$props)) {
15
+ if (value === undefined || name.startsWith('$')) {
16
+ continue;
17
+ }
18
+ if (propNames.includes(name)) {
19
+ properties[name] = value;
20
+ continue;
21
+ }
22
+ if (name.startsWith('on')) {
23
+ const lowerCaseEventName = name.slice(2).toLowerCase();
24
+ const eventName = lowerCaseEventNameMap[lowerCaseEventName];
25
+ if (eventName) {
26
+ const extractDetail = eventName.endsWith('Change');
27
+ eventHandlers[eventName] = (event) => {
28
+ const handler = value;
29
+ handler(extractDetail ? event.detail : event);
30
+ };
31
+ continue;
32
+ }
33
+ }
34
+ attributes[name] = value;
35
+ }
36
+ if (hasEditor && !properties.editor && editorContext) {
37
+ properties.editor = editorContext;
38
+ }
39
+ if (element) {
40
+ for (const [key, value] of Object.entries(properties)) {
41
+ ;
42
+ element[key] = value;
43
+ }
44
+ }
45
+ return [attributes, eventHandlers];
46
+ }
47
+ return handleChange;
48
+ }
@@ -0,0 +1,5 @@
1
+ export declare function useEventHandlers(element: HTMLElement, eventHandlers: Record<string, (...args: any[]) => any>): {
2
+ update(eventHandlers: Record<string, (...args: any[]) => any>): void;
3
+ destroy(): void;
4
+ };
5
+ //# sourceMappingURL=use-event-handlers.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-event-handlers.d.ts","sourceRoot":"","sources":["../../../../src/components/use-event-handlers.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;0BAgB9B,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;;EAOhE"}
@@ -0,0 +1,20 @@
1
+ export function useEventHandlers(element, eventHandlers) {
2
+ const disposes = [];
3
+ const update = (eventHandlers) => {
4
+ disposes.forEach((dispose) => dispose());
5
+ disposes.length = 0;
6
+ for (const [name, handler] of Object.entries(eventHandlers)) {
7
+ element.addEventListener(name, handler);
8
+ disposes.push(() => element.removeEventListener(name, handler));
9
+ }
10
+ };
11
+ update(eventHandlers);
12
+ return {
13
+ update(eventHandlers) {
14
+ update(eventHandlers);
15
+ },
16
+ destroy() {
17
+ update({});
18
+ },
19
+ };
20
+ }
@@ -1 +1 @@
1
- export * from './build/components/autocomplete/index'
1
+ export * from './build/components/autocomplete/index.gen'
@@ -1 +1 @@
1
- export * from './build/components/autocomplete/index'
1
+ export * from './build/components/autocomplete/index.gen'
@@ -1 +1 @@
1
- export * from './build/components/block-handle/index'
1
+ export * from './build/components/block-handle/index.gen'
@@ -1 +1 @@
1
- export * from './build/components/block-handle/index'
1
+ export * from './build/components/block-handle/index.gen'
@@ -1 +1 @@
1
- export * from './build/components/inline-popover/index'
1
+ export * from './build/components/inline-popover/index.gen'
@@ -1 +1 @@
1
- export * from './build/components/inline-popover/index'
1
+ export * from './build/components/inline-popover/index.gen'
@@ -1 +1 @@
1
- export * from './build/components/popover/index'
1
+ export * from './build/components/popover/index.gen'
@@ -1 +1 @@
1
- export * from './build/components/popover/index'
1
+ export * from './build/components/popover/index.gen'
@@ -1 +1 @@
1
- export * from './build/components/resizable/index'
1
+ export * from './build/components/resizable/index.gen'
@@ -1 +1 @@
1
- export * from './build/components/resizable/index'
1
+ export * from './build/components/resizable/index.gen'
@@ -1 +1 @@
1
- export * from './build/components/table-handle/index'
1
+ export * from './build/components/table-handle/index.gen'
@@ -1 +1 @@
1
- export * from './build/components/table-handle/index'
1
+ export * from './build/components/table-handle/index.gen'
@@ -1 +1 @@
1
- export * from './build/components/tooltip/index'
1
+ export * from './build/components/tooltip/index.gen'
@@ -1 +1 @@
1
- export * from './build/components/tooltip/index'
1
+ export * from './build/components/tooltip/index.gen'
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@prosekit/svelte",
3
3
  "type": "module",
4
- "version": "0.4.20",
4
+ "version": "0.5.0",
5
5
  "private": false,
6
6
  "author": {
7
7
  "name": "ocavue",
@@ -80,7 +80,7 @@
80
80
  "@prosemirror-adapter/svelte": "^0.2.6",
81
81
  "@prosekit/core": "^0.7.11",
82
82
  "@prosekit/pm": "^0.1.8",
83
- "@prosekit/web": "^0.3.18"
83
+ "@prosekit/web": "^0.4.0"
84
84
  },
85
85
  "peerDependencies": {
86
86
  "svelte": ">= 3.0.0"
@@ -98,7 +98,7 @@
98
98
  "svelte-check": "^4.0.2",
99
99
  "tsx": "^4.19.1",
100
100
  "typescript": "^5.6.2",
101
- "vitest": "^2.1.1",
101
+ "vitest": "^2.1.2",
102
102
  "@prosekit/dev": "0.0.0"
103
103
  },
104
104
  "scripts": {
@@ -1,5 +0,0 @@
1
- export { AutocompleteEmpty } from './autocomplete-empty.gen';
2
- export { AutocompleteItem } from './autocomplete-item.gen';
3
- export { AutocompleteList } from './autocomplete-list.gen';
4
- export { AutocompletePopover } from './autocomplete-popover.gen';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAE1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAE1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA"}
@@ -1,5 +0,0 @@
1
- import type { BlockDragHandleElement, BlockDragHandleProps } from '@prosekit/web/block-handle';
2
- import type { SvelteComponent } from 'svelte';
3
- import type { HTMLAttributes } from 'svelte/elements';
4
- export declare const BlockDragHandle: typeof SvelteComponent<Partial<BlockDragHandleProps> & HTMLAttributes<BlockDragHandleElement>>;
5
- //# sourceMappingURL=block-drag-handle.gen.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"block-drag-handle.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-drag-handle.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC9F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,eAAe,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,oBAAoB,CAAC,GAAG,cAAc,CAAC,sBAAsB,CAAC,CAAC,CAAA"}
@@ -1,2 +0,0 @@
1
- import Component from './block-drag-handle.gen.svelte';
2
- export const BlockDragHandle = Component;
@@ -1,21 +0,0 @@
1
- <script lang="ts">
2
- import '@prosekit/web/block-handle'
3
-
4
- import { defaultBlockDragHandleProps } from '@prosekit/web/block-handle'
5
- import { ClientUpdate } from '../client-update'
6
- import { useWebComponent } from '../../utils/use-web-component'
7
-
8
- let attributes: Record<string, unknown> = {}
9
- let element: HTMLElement | undefined = undefined
10
- const handleChange = useWebComponent(defaultBlockDragHandleProps)
11
-
12
- $: {
13
- attributes = handleChange(element, $$props)
14
- }
15
- </script>
16
-
17
- <ClientUpdate>
18
- <prosekit-block-drag-handle {...attributes} bind:this={element}>
19
- <slot />
20
- </prosekit-block-drag-handle>
21
- </ClientUpdate>
@@ -1,20 +0,0 @@
1
- import { SvelteComponentTyped } from "svelte";
2
- import '@prosekit/web/block-handle';
3
- declare const __propDef: {
4
- props: {
5
- [x: string]: any;
6
- };
7
- events: {
8
- [evt: string]: CustomEvent<any>;
9
- };
10
- slots: {
11
- default: {};
12
- };
13
- };
14
- export type BlockDragHandleProps = typeof __propDef.props;
15
- export type BlockDragHandleEvents = typeof __propDef.events;
16
- export type BlockDragHandleSlots = typeof __propDef.slots;
17
- export default class BlockDragHandle extends SvelteComponentTyped<BlockDragHandleProps, BlockDragHandleEvents, BlockDragHandleSlots> {
18
- }
19
- export {};
20
- //# sourceMappingURL=block-drag-handle.gen.svelte.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"block-drag-handle.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-drag-handle.gen.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AA8BnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}
@@ -1,5 +0,0 @@
1
- import type { BlockPopoverElement, BlockPopoverProps } from '@prosekit/web/block-handle';
2
- import type { SvelteComponent } from 'svelte';
3
- import type { HTMLAttributes } from 'svelte/elements';
4
- export declare const BlockPopover: typeof SvelteComponent<Partial<BlockPopoverProps> & HTMLAttributes<BlockPopoverElement>>;
5
- //# sourceMappingURL=block-popover.gen.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"block-popover.gen.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-popover.gen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACxF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIrD,eAAO,MAAM,YAAY,EAAgB,OAAO,eAAe,CAAC,OAAO,CAAC,iBAAiB,CAAC,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC,CAAA"}
@@ -1,2 +0,0 @@
1
- import Component from './block-popover.gen.svelte';
2
- export const BlockPopover = Component;
@@ -1,21 +0,0 @@
1
- <script lang="ts">
2
- import '@prosekit/web/block-handle'
3
-
4
- import { defaultBlockPopoverProps } from '@prosekit/web/block-handle'
5
- import { ClientUpdate } from '../client-update'
6
- import { useWebComponent } from '../../utils/use-web-component'
7
-
8
- let attributes: Record<string, unknown> = {}
9
- let element: HTMLElement | undefined = undefined
10
- const handleChange = useWebComponent(defaultBlockPopoverProps)
11
-
12
- $: {
13
- attributes = handleChange(element, $$props)
14
- }
15
- </script>
16
-
17
- <ClientUpdate>
18
- <prosekit-block-popover {...attributes} bind:this={element}>
19
- <slot />
20
- </prosekit-block-popover>
21
- </ClientUpdate>
@@ -1,20 +0,0 @@
1
- import { SvelteComponentTyped } from "svelte";
2
- import '@prosekit/web/block-handle';
3
- declare const __propDef: {
4
- props: {
5
- [x: string]: any;
6
- };
7
- events: {
8
- [evt: string]: CustomEvent<any>;
9
- };
10
- slots: {
11
- default: {};
12
- };
13
- };
14
- export type BlockPopoverProps = typeof __propDef.props;
15
- export type BlockPopoverEvents = typeof __propDef.events;
16
- export type BlockPopoverSlots = typeof __propDef.slots;
17
- export default class BlockPopover extends SvelteComponentTyped<BlockPopoverProps, BlockPopoverEvents, BlockPopoverSlots> {
18
- }
19
- export {};
20
- //# sourceMappingURL=block-popover.gen.svelte.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"block-popover.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-popover.gen.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AA8BnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}
@@ -1,6 +0,0 @@
1
- export { BlockDragHandle } from './block-drag-handle.gen';
2
- export { BlockHandleAdd } from './block-handle-add.gen';
3
- export { BlockHandleDraggable } from './block-handle-draggable.gen';
4
- export { BlockHandlePopover } from './block-handle-popover.gen';
5
- export { BlockPopover } from './block-popover.gen';
6
- //# sourceMappingURL=index.d.ts.map