@prosekit/svelte 0.4.0 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/build/components/autocomplete/autocomplete-empty.gen.svelte +8 -5
- package/dist/build/components/autocomplete/autocomplete-empty.gen.svelte.d.ts.map +1 -1
- package/dist/build/components/autocomplete/autocomplete-item.gen.svelte +8 -5
- package/dist/build/components/autocomplete/autocomplete-item.gen.svelte.d.ts.map +1 -1
- package/dist/build/components/autocomplete/autocomplete-list.gen.svelte +8 -5
- package/dist/build/components/autocomplete/autocomplete-list.gen.svelte.d.ts.map +1 -1
- package/dist/build/components/autocomplete/autocomplete-popover.gen.svelte +8 -5
- package/dist/build/components/autocomplete/autocomplete-popover.gen.svelte.d.ts.map +1 -1
- package/dist/build/components/block-handle/block-drag-handle.gen.svelte +8 -5
- package/dist/build/components/block-handle/block-drag-handle.gen.svelte.d.ts.map +1 -1
- package/dist/build/components/block-handle/block-popover.gen.svelte +8 -5
- package/dist/build/components/block-handle/block-popover.gen.svelte.d.ts.map +1 -1
- package/dist/build/components/inline-popover/inline-popover.gen.svelte +8 -5
- package/dist/build/components/inline-popover/inline-popover.gen.svelte.d.ts.map +1 -1
- package/dist/build/components/popover/popover-content.gen.svelte +8 -5
- package/dist/build/components/popover/popover-content.gen.svelte.d.ts.map +1 -1
- package/dist/build/components/popover/popover-root.gen.svelte +8 -5
- package/dist/build/components/popover/popover-root.gen.svelte.d.ts.map +1 -1
- package/dist/build/components/popover/popover-trigger.gen.svelte +8 -5
- package/dist/build/components/popover/popover-trigger.gen.svelte.d.ts.map +1 -1
- package/dist/build/components/resizable/resizable-handle.gen.svelte +8 -5
- package/dist/build/components/resizable/resizable-handle.gen.svelte.d.ts.map +1 -1
- package/dist/build/components/resizable/resizable-root.gen.svelte +8 -5
- package/dist/build/components/resizable/resizable-root.gen.svelte.d.ts.map +1 -1
- package/dist/build/components/tooltip/tooltip-content.gen.svelte +8 -5
- package/dist/build/components/tooltip/tooltip-content.gen.svelte.d.ts.map +1 -1
- package/dist/build/components/tooltip/tooltip-root.gen.svelte +8 -5
- package/dist/build/components/tooltip/tooltip-root.gen.svelte.d.ts.map +1 -1
- package/dist/build/components/tooltip/tooltip-trigger.gen.svelte +8 -5
- package/dist/build/components/tooltip/tooltip-trigger.gen.svelte.d.ts.map +1 -1
- package/dist/build/utils/use-web-component.d.ts +2 -0
- package/dist/build/utils/use-web-component.d.ts.map +1 -0
- package/dist/build/utils/use-web-component.js +36 -0
- package/package.json +2 -2
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import '@prosekit/web/autocomplete'
|
|
3
3
|
import { defaultAutocompleteEmptyProps } from '@prosekit/web/autocomplete'
|
|
4
|
+
import { useWebComponent } from '../../utils/use-web-component'
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
let attributes: Record<string, unknown> = {}
|
|
7
|
+
let element: HTMLElement | undefined = undefined
|
|
8
|
+
const handleChange = useWebComponent(defaultAutocompleteEmptyProps)
|
|
6
9
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
$: {
|
|
11
|
+
attributes = handleChange(element, $$props)
|
|
12
|
+
}
|
|
10
13
|
</script>
|
|
11
14
|
|
|
12
|
-
<prosekit-autocomplete-empty {
|
|
15
|
+
<prosekit-autocomplete-empty {...attributes} bind:this={element}>
|
|
13
16
|
<slot />
|
|
14
17
|
</prosekit-autocomplete-empty>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-empty.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-empty.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"autocomplete-empty.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-empty.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAwBnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC5D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC9D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,oBAAoB,CAAC,sBAAsB,EAAE,uBAAuB,EAAE,sBAAsB,CAAC;CAC3I"}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import '@prosekit/web/autocomplete'
|
|
3
3
|
import { defaultAutocompleteItemProps } from '@prosekit/web/autocomplete'
|
|
4
|
+
import { useWebComponent } from '../../utils/use-web-component'
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
let attributes: Record<string, unknown> = {}
|
|
7
|
+
let element: HTMLElement | undefined = undefined
|
|
8
|
+
const handleChange = useWebComponent(defaultAutocompleteItemProps)
|
|
6
9
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
$: {
|
|
11
|
+
attributes = handleChange(element, $$props)
|
|
12
|
+
}
|
|
10
13
|
</script>
|
|
11
14
|
|
|
12
|
-
<prosekit-autocomplete-item {
|
|
15
|
+
<prosekit-autocomplete-item {...attributes} bind:this={element}>
|
|
13
16
|
<slot />
|
|
14
17
|
</prosekit-autocomplete-item>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-item.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-item.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"autocomplete-item.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-item.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAwBnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC3D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE3D,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,oBAAoB,CAAC,qBAAqB,EAAE,sBAAsB,EAAE,qBAAqB,CAAC;CACvI"}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import '@prosekit/web/autocomplete'
|
|
3
3
|
import { defaultAutocompleteListProps } from '@prosekit/web/autocomplete'
|
|
4
|
+
import { useWebComponent } from '../../utils/use-web-component'
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
let attributes: Record<string, unknown> = {}
|
|
7
|
+
let element: HTMLElement | undefined = undefined
|
|
8
|
+
const handleChange = useWebComponent(defaultAutocompleteListProps)
|
|
6
9
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
$: {
|
|
11
|
+
attributes = handleChange(element, $$props)
|
|
12
|
+
}
|
|
10
13
|
</script>
|
|
11
14
|
|
|
12
|
-
<prosekit-autocomplete-list {
|
|
15
|
+
<prosekit-autocomplete-list {...attributes} bind:this={element}>
|
|
13
16
|
<slot />
|
|
14
17
|
</prosekit-autocomplete-list>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-list.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-list.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"autocomplete-list.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-list.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAwBnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC3D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE3D,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,oBAAoB,CAAC,qBAAqB,EAAE,sBAAsB,EAAE,qBAAqB,CAAC;CACvI"}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import '@prosekit/web/autocomplete'
|
|
3
3
|
import { defaultAutocompletePopoverProps } from '@prosekit/web/autocomplete'
|
|
4
|
+
import { useWebComponent } from '../../utils/use-web-component'
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
let attributes: Record<string, unknown> = {}
|
|
7
|
+
let element: HTMLElement | undefined = undefined
|
|
8
|
+
const handleChange = useWebComponent(defaultAutocompletePopoverProps)
|
|
6
9
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
$: {
|
|
11
|
+
attributes = handleChange(element, $$props)
|
|
12
|
+
}
|
|
10
13
|
</script>
|
|
11
14
|
|
|
12
|
-
<prosekit-autocomplete-popover {
|
|
15
|
+
<prosekit-autocomplete-popover {...attributes} bind:this={element}>
|
|
13
16
|
<slot />
|
|
14
17
|
</prosekit-autocomplete-popover>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-popover.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-popover.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"autocomplete-popover.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/autocomplete/autocomplete-popover.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAwBnC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC9D,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAChE,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE9D,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,oBAAoB,CAAC,wBAAwB,EAAE,yBAAyB,EAAE,wBAAwB,CAAC;CACnJ"}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import '@prosekit/web/block-handle'
|
|
3
3
|
import { defaultBlockDragHandleProps } from '@prosekit/web/block-handle'
|
|
4
|
+
import { useWebComponent } from '../../utils/use-web-component'
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
let attributes: Record<string, unknown> = {}
|
|
7
|
+
let element: HTMLElement | undefined = undefined
|
|
8
|
+
const handleChange = useWebComponent(defaultBlockDragHandleProps)
|
|
6
9
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
$: {
|
|
11
|
+
attributes = handleChange(element, $$props)
|
|
12
|
+
}
|
|
10
13
|
</script>
|
|
11
14
|
|
|
12
|
-
<prosekit-block-drag-handle {
|
|
15
|
+
<prosekit-block-drag-handle {...attributes} bind:this={element}>
|
|
13
16
|
<slot />
|
|
14
17
|
</prosekit-block-drag-handle>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"block-drag-handle.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-drag-handle.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"block-drag-handle.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-drag-handle.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAwBnC,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,14 +1,17 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import '@prosekit/web/block-handle'
|
|
3
3
|
import { defaultBlockPopoverProps } from '@prosekit/web/block-handle'
|
|
4
|
+
import { useWebComponent } from '../../utils/use-web-component'
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
let attributes: Record<string, unknown> = {}
|
|
7
|
+
let element: HTMLElement | undefined = undefined
|
|
8
|
+
const handleChange = useWebComponent(defaultBlockPopoverProps)
|
|
6
9
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
$: {
|
|
11
|
+
attributes = handleChange(element, $$props)
|
|
12
|
+
}
|
|
10
13
|
</script>
|
|
11
14
|
|
|
12
|
-
<prosekit-block-popover {
|
|
15
|
+
<prosekit-block-popover {...attributes} bind:this={element}>
|
|
13
16
|
<slot />
|
|
14
17
|
</prosekit-block-popover>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"block-popover.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-popover.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"block-popover.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/block-handle/block-popover.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,4BAA4B,CAAA;AAwBnC,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,14 +1,17 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import '@prosekit/web/inline-popover'
|
|
3
3
|
import { defaultInlinePopoverProps } from '@prosekit/web/inline-popover'
|
|
4
|
+
import { useWebComponent } from '../../utils/use-web-component'
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
let attributes: Record<string, unknown> = {}
|
|
7
|
+
let element: HTMLElement | undefined = undefined
|
|
8
|
+
const handleChange = useWebComponent(defaultInlinePopoverProps)
|
|
6
9
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
$: {
|
|
11
|
+
attributes = handleChange(element, $$props)
|
|
12
|
+
}
|
|
10
13
|
</script>
|
|
11
14
|
|
|
12
|
-
<prosekit-inline-popover {
|
|
15
|
+
<prosekit-inline-popover {...attributes} bind:this={element}>
|
|
13
16
|
<slot />
|
|
14
17
|
</prosekit-inline-popover>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inline-popover.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/inline-popover/inline-popover.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,8BAA8B,CAAA;
|
|
1
|
+
{"version":3,"file":"inline-popover.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/inline-popover/inline-popover.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,8BAA8B,CAAA;AAwBrC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import '@prosekit/web/popover'
|
|
3
3
|
import { defaultPopoverContentProps } from '@prosekit/web/popover'
|
|
4
|
+
import { useWebComponent } from '../../utils/use-web-component'
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
let attributes: Record<string, unknown> = {}
|
|
7
|
+
let element: HTMLElement | undefined = undefined
|
|
8
|
+
const handleChange = useWebComponent(defaultPopoverContentProps)
|
|
6
9
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
$: {
|
|
11
|
+
attributes = handleChange(element, $$props)
|
|
12
|
+
}
|
|
10
13
|
</script>
|
|
11
14
|
|
|
12
|
-
<prosekit-popover-content {
|
|
15
|
+
<prosekit-popover-content {...attributes} bind:this={element}>
|
|
13
16
|
<slot />
|
|
14
17
|
</prosekit-popover-content>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover-content.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/popover-content.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"popover-content.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/popover-content.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAwB9B,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,14 +1,17 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import '@prosekit/web/popover'
|
|
3
3
|
import { defaultPopoverRootProps } from '@prosekit/web/popover'
|
|
4
|
+
import { useWebComponent } from '../../utils/use-web-component'
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
let attributes: Record<string, unknown> = {}
|
|
7
|
+
let element: HTMLElement | undefined = undefined
|
|
8
|
+
const handleChange = useWebComponent(defaultPopoverRootProps)
|
|
6
9
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
$: {
|
|
11
|
+
attributes = handleChange(element, $$props)
|
|
12
|
+
}
|
|
10
13
|
</script>
|
|
11
14
|
|
|
12
|
-
<prosekit-popover-root {
|
|
15
|
+
<prosekit-popover-root {...attributes} bind:this={element}>
|
|
13
16
|
<slot />
|
|
14
17
|
</prosekit-popover-root>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/popover-root.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"popover-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/popover-root.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAwB9B,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,14 +1,17 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import '@prosekit/web/popover'
|
|
3
3
|
import { defaultPopoverTriggerProps } from '@prosekit/web/popover'
|
|
4
|
+
import { useWebComponent } from '../../utils/use-web-component'
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
let attributes: Record<string, unknown> = {}
|
|
7
|
+
let element: HTMLElement | undefined = undefined
|
|
8
|
+
const handleChange = useWebComponent(defaultPopoverTriggerProps)
|
|
6
9
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
$: {
|
|
11
|
+
attributes = handleChange(element, $$props)
|
|
12
|
+
}
|
|
10
13
|
</script>
|
|
11
14
|
|
|
12
|
-
<prosekit-popover-trigger {
|
|
15
|
+
<prosekit-popover-trigger {...attributes} bind:this={element}>
|
|
13
16
|
<slot />
|
|
14
17
|
</prosekit-popover-trigger>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover-trigger.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/popover-trigger.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"popover-trigger.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/popover-trigger.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAwB9B,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,14 +1,17 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import '@prosekit/web/resizable'
|
|
3
3
|
import { defaultResizableHandleProps } from '@prosekit/web/resizable'
|
|
4
|
+
import { useWebComponent } from '../../utils/use-web-component'
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
let attributes: Record<string, unknown> = {}
|
|
7
|
+
let element: HTMLElement | undefined = undefined
|
|
8
|
+
const handleChange = useWebComponent(defaultResizableHandleProps)
|
|
6
9
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
$: {
|
|
11
|
+
attributes = handleChange(element, $$props)
|
|
12
|
+
}
|
|
10
13
|
</script>
|
|
11
14
|
|
|
12
|
-
<prosekit-resizable-handle {
|
|
15
|
+
<prosekit-resizable-handle {...attributes} bind:this={element}>
|
|
13
16
|
<slot />
|
|
14
17
|
</prosekit-resizable-handle>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resizable-handle.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/resizable/resizable-handle.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,yBAAyB,CAAA;
|
|
1
|
+
{"version":3,"file":"resizable-handle.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/resizable/resizable-handle.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,yBAAyB,CAAA;AAwBhC,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,14 +1,17 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import '@prosekit/web/resizable'
|
|
3
3
|
import { defaultResizableRootProps } from '@prosekit/web/resizable'
|
|
4
|
+
import { useWebComponent } from '../../utils/use-web-component'
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
let attributes: Record<string, unknown> = {}
|
|
7
|
+
let element: HTMLElement | undefined = undefined
|
|
8
|
+
const handleChange = useWebComponent(defaultResizableRootProps)
|
|
6
9
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
$: {
|
|
11
|
+
attributes = handleChange(element, $$props)
|
|
12
|
+
}
|
|
10
13
|
</script>
|
|
11
14
|
|
|
12
|
-
<prosekit-resizable-root {
|
|
15
|
+
<prosekit-resizable-root {...attributes} bind:this={element}>
|
|
13
16
|
<slot />
|
|
14
17
|
</prosekit-resizable-root>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resizable-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/resizable/resizable-root.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,yBAAyB,CAAA;
|
|
1
|
+
{"version":3,"file":"resizable-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/resizable/resizable-root.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,yBAAyB,CAAA;AAwBhC,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import '@prosekit/web/tooltip'
|
|
3
3
|
import { defaultTooltipContentProps } from '@prosekit/web/tooltip'
|
|
4
|
+
import { useWebComponent } from '../../utils/use-web-component'
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
let attributes: Record<string, unknown> = {}
|
|
7
|
+
let element: HTMLElement | undefined = undefined
|
|
8
|
+
const handleChange = useWebComponent(defaultTooltipContentProps)
|
|
6
9
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
$: {
|
|
11
|
+
attributes = handleChange(element, $$props)
|
|
12
|
+
}
|
|
10
13
|
</script>
|
|
11
14
|
|
|
12
|
-
<prosekit-tooltip-content {
|
|
15
|
+
<prosekit-tooltip-content {...attributes} bind:this={element}>
|
|
13
16
|
<slot />
|
|
14
17
|
</prosekit-tooltip-content>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip-content.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-content.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"tooltip-content.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-content.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAwB9B,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,14 +1,17 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import '@prosekit/web/tooltip'
|
|
3
3
|
import { defaultTooltipRootProps } from '@prosekit/web/tooltip'
|
|
4
|
+
import { useWebComponent } from '../../utils/use-web-component'
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
let attributes: Record<string, unknown> = {}
|
|
7
|
+
let element: HTMLElement | undefined = undefined
|
|
8
|
+
const handleChange = useWebComponent(defaultTooltipRootProps)
|
|
6
9
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
$: {
|
|
11
|
+
attributes = handleChange(element, $$props)
|
|
12
|
+
}
|
|
10
13
|
</script>
|
|
11
14
|
|
|
12
|
-
<prosekit-tooltip-root {
|
|
15
|
+
<prosekit-tooltip-root {...attributes} bind:this={element}>
|
|
13
16
|
<slot />
|
|
14
17
|
</prosekit-tooltip-root>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-root.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"tooltip-root.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-root.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAwB9B,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,14 +1,17 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import '@prosekit/web/tooltip'
|
|
3
3
|
import { defaultTooltipTriggerProps } from '@prosekit/web/tooltip'
|
|
4
|
+
import { useWebComponent } from '../../utils/use-web-component'
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
let attributes: Record<string, unknown> = {}
|
|
7
|
+
let element: HTMLElement | undefined = undefined
|
|
8
|
+
const handleChange = useWebComponent(defaultTooltipTriggerProps)
|
|
6
9
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
$: {
|
|
11
|
+
attributes = handleChange(element, $$props)
|
|
12
|
+
}
|
|
10
13
|
</script>
|
|
11
14
|
|
|
12
|
-
<prosekit-tooltip-trigger {
|
|
15
|
+
<prosekit-tooltip-trigger {...attributes} bind:this={element}>
|
|
13
16
|
<slot />
|
|
14
17
|
</prosekit-tooltip-trigger>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip-trigger.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-trigger.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"tooltip-trigger.gen.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/tooltip-trigger.gen.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,uBAAuB,CAAA;AAwB9B,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 @@
|
|
|
1
|
+
{"version":3,"file":"use-web-component.d.ts","sourceRoot":"","sources":["../../../../src/utils/use-web-component.ts"],"names":[],"mappings":"AAMA,wBAAgB,eAAe,CAC7B,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,aAQpC,WAAW,GAAG,SAAS,WACvB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,6BA6BnC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
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 useWebComponent(defaultProps) {
|
|
7
|
+
const propertyNames = Object.keys(defaultProps);
|
|
8
|
+
const hasEditor = propertyNames.includes('editor');
|
|
9
|
+
const editorContext = useEditorContext();
|
|
10
|
+
function handleChange(element, $$props) {
|
|
11
|
+
const properties = {};
|
|
12
|
+
const attributes = {};
|
|
13
|
+
for (const [key, value] of Object.entries($$props)) {
|
|
14
|
+
if (value === undefined || key.startsWith('$')) {
|
|
15
|
+
continue;
|
|
16
|
+
}
|
|
17
|
+
else if (propertyNames.includes(key)) {
|
|
18
|
+
properties[key] = value;
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
attributes[key] = value;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
if (hasEditor && !properties.editor && editorContext) {
|
|
25
|
+
properties.editor = editorContext;
|
|
26
|
+
}
|
|
27
|
+
if (element) {
|
|
28
|
+
for (const [key, value] of Object.entries(properties)) {
|
|
29
|
+
;
|
|
30
|
+
element[key] = value;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
return attributes;
|
|
34
|
+
}
|
|
35
|
+
return handleChange;
|
|
36
|
+
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prosekit/svelte",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.4.
|
|
4
|
+
"version": "0.4.1",
|
|
5
5
|
"private": false,
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "ocavue",
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
},
|
|
87
87
|
"devDependencies": {
|
|
88
88
|
"@sveltejs/package": "^2.3.2",
|
|
89
|
-
"@types/node": "^20.14.
|
|
89
|
+
"@types/node": "^20.14.10",
|
|
90
90
|
"read-pkg": "^9.0.1",
|
|
91
91
|
"svelte": "^4.2.18",
|
|
92
92
|
"svelte-check": "^3.8.4",
|