@prosekit/vue 0.7.0-beta.1 → 0.7.0-beta.2

package/dist/prosekit-vue-block-handle.d.ts

@@ -1,39 +1,222 @@
-import { t as CreateEmits } from "./create-emits.js";
 import { DefineSetupFnComponent, HTMLAttributes } from "vue";
-import { BlockHandleAddEvents, BlockHandleAddProps as BlockHandleAddProps$1, BlockHandleDraggableEvents, BlockHandleDraggableProps as BlockHandleDraggableProps$1, BlockHandlePopoverEvents, BlockHandlePopoverProps as BlockHandlePopoverProps$1 } from "@prosekit/web/block-handle";
+import { BlockHandleAddProps as BlockHandleAddProps$1, BlockHandleDraggableProps as BlockHandleDraggableProps$1, BlockHandlePositionerProps as BlockHandlePositionerProps$1, BlockHandleRootEvents, BlockHandleRootProps as BlockHandleRootProps$1, BlockHandleStateChangeEvent } from "@prosekit/web/block-handle";
 
 //#region src/components/block-handle/block-handle-add.gen.d.ts
 /**
- * Props for the {@link BlockHandleAdd} component.
+ * Props for the {@link BlockHandleAdd} Vue component.
+ *
+ * @public
  */
-interface BlockHandleAddProps extends Partial<BlockHandleAddProps$1> {}
+interface BlockHandleAddProps {
+  /**
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
+  editor?: BlockHandleAddProps$1['editor'];
+}
 /**
- * Emits for the {@link BlockHandleAdd} component.
+ * A Vue component that renders an `prosekit-block-handle-add` custom element.
+ *
+ * @public
  */
-interface BlockHandleAddEmits extends CreateEmits<BlockHandleAddEvents> {}
-declare const BlockHandleAdd: DefineSetupFnComponent<BlockHandleAddProps & HTMLAttributes, BlockHandleAddEmits>;
+declare const BlockHandleAdd: DefineSetupFnComponent<BlockHandleAddProps & HTMLAttributes>;
 //#endregion
 //#region src/components/block-handle/block-handle-draggable.gen.d.ts
 /**
- * Props for the {@link BlockHandleDraggable} component.
+ * Props for the {@link BlockHandleDraggable} Vue component.
+ *
+ * @public
  */
-interface BlockHandleDraggableProps extends Partial<BlockHandleDraggableProps$1> {}
+interface BlockHandleDraggableProps {
+  /**
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
+  editor?: BlockHandleDraggableProps$1['editor'];
+}
 /**
- * Emits for the {@link BlockHandleDraggable} component.
+ * A Vue component that renders an `prosekit-block-handle-draggable` custom element.
+ *
+ * @public
  */
-interface BlockHandleDraggableEmits extends CreateEmits<BlockHandleDraggableEvents> {}
-declare const BlockHandleDraggable: DefineSetupFnComponent<BlockHandleDraggableProps & HTMLAttributes, BlockHandleDraggableEmits>;
+declare const BlockHandleDraggable: DefineSetupFnComponent<BlockHandleDraggableProps & HTMLAttributes>;
 //#endregion
-//#region src/components/block-handle/block-handle-popover.gen.d.ts
+//#region src/components/block-handle/block-handle-popup.gen.d.ts
 /**
- * Props for the {@link BlockHandlePopover} component.
+ * Props for the {@link BlockHandlePopup} Vue component.
+ *
+ * @public
  */
-interface BlockHandlePopoverProps extends Partial<BlockHandlePopoverProps$1> {}
+interface BlockHandlePopupProps {}
 /**
- * Emits for the {@link BlockHandlePopover} component.
+ * A Vue component that renders an `prosekit-block-handle-popup` custom element.
+ *
+ * @public
  */
-interface BlockHandlePopoverEmits extends CreateEmits<BlockHandlePopoverEvents> {}
-declare const BlockHandlePopover: DefineSetupFnComponent<BlockHandlePopoverProps & HTMLAttributes, BlockHandlePopoverEmits>;
+declare const BlockHandlePopup: DefineSetupFnComponent<BlockHandlePopupProps & HTMLAttributes>;
 //#endregion
-export { BlockHandleAdd, type BlockHandleAddEmits, type BlockHandleAddProps, BlockHandleDraggable, type BlockHandleDraggableEmits, type BlockHandleDraggableProps, BlockHandlePopover, type BlockHandlePopoverEmits, type BlockHandlePopoverProps };
+//#region src/components/block-handle/block-handle-positioner.gen.d.ts
+/**
+ * Props for the {@link BlockHandlePositioner} Vue component.
+ *
+ * @public
+ */
+interface BlockHandlePositionerProps {
+  /**
+   * The placement of the popover, relative to the hovered block.
+   *
+   * @default "left"
+   */
+  placement?: BlockHandlePositionerProps$1['placement'];
+  /**
+   * Whether to use the browser [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
+   * to place the floating element on top of other page content.
+   *
+   * @default false
+   */
+  hoist?: BlockHandlePositionerProps$1['hoist'];
+  /**
+   * @default false
+   * @hidden
+   */
+  flip?: BlockHandlePositionerProps$1['flip'];
+  /**
+   * @default false
+   * @hidden
+   */
+  shift?: BlockHandlePositionerProps$1['shift'];
+  /**
+   * @default true
+   * @hidden
+   */
+  hide?: BlockHandlePositionerProps$1['hide'];
+  /**
+   * The strategy to use for positioning
+   *
+   * @default "absolute"
+   */
+  strategy?: BlockHandlePositionerProps$1['strategy'];
+  /**
+   * Options to activate auto-update listeners
+   *
+   * @see https://floating-ui.com/docs/autoUpdate
+   *
+   * @default true
+   */
+  autoUpdate?: BlockHandlePositionerProps$1['autoUpdate'];
+  /**
+   * The distance between the reference and floating element.
+   *
+   * @default 6
+   */
+  offset?: BlockHandlePositionerProps$1['offset'];
+  /**
+   * Whether the floating element can overlap the reference element to keep it
+   * in view.
+   *
+   * @default false
+   */
+  overlap?: BlockHandlePositionerProps$1['overlap'];
+  /**
+   * Whether to constrain the floating element's width and height to not exceed
+   * the viewport.
+   *
+   * @default false
+   */
+  fitViewport?: BlockHandlePositionerProps$1['fitViewport'];
+  /**
+   * Whether to constrain the floating element's width so that it matches the
+   * reference element.
+   *
+   * @default false
+   */
+  sameWidth?: BlockHandlePositionerProps$1['sameWidth'];
+  /**
+   * Whether to constrain the floating element's height so that it matches the
+   * reference element.
+   *
+   * @default false
+   */
+  sameHeight?: BlockHandlePositionerProps$1['sameHeight'];
+  /**
+   * Whether to improve positioning for inline reference elements that span over
+   * multiple lines.
+   *
+   * @default false
+   */
+  inline?: BlockHandlePositionerProps$1['inline'];
+  /**
+   * Describes the clipping element(s) or area that overflow will be checked relative to.
+   * Please see https://floating-ui.com/docs/detectoverflow#boundary for more information.
+   *
+   * @default 'clippingAncestors'
+   */
+  boundary?: BlockHandlePositionerProps$1['boundary'];
+  /**
+   * Describes the root boundary that the element will be checked for overflow relative to.
+   * Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.
+   *
+   * @default 'viewport'
+   */
+  rootBoundary?: BlockHandlePositionerProps$1['rootBoundary'];
+  /**
+   * Describes the virtual padding around the boundary to check for overflow.
+   * Please see https://floating-ui.com/docs/detectoverflow#padding for more information.
+   *
+   * @default 4
+   */
+  overflowPadding?: BlockHandlePositionerProps$1['overflowPadding'];
+  /**
+   * The element that will be used to check for overflow. Please see
+   * https://floating-ui.com/docs/detectoverflow#elementcontext for more
+   * information.
+   *
+   * @default 'floating'
+   */
+  elementContext?: BlockHandlePositionerProps$1['elementContext'];
+  /**
+   * Whether to check the alternate elementContext's boundary. Please see
+   * https://floating-ui.com/docs/detectoverflow#altboundary for more
+   * information.
+   *
+   * @default false
+   */
+  altBoundary?: BlockHandlePositionerProps$1['altBoundary'];
+}
+/**
+ * A Vue component that renders an `prosekit-block-handle-positioner` custom element.
+ *
+ * @public
+ */
+declare const BlockHandlePositioner: DefineSetupFnComponent<BlockHandlePositionerProps & HTMLAttributes>;
+//#endregion
+//#region src/components/block-handle/block-handle-root.gen.d.ts
+/**
+ * Props for the {@link BlockHandleRoot} Vue component.
+ *
+ * @public
+ */
+interface BlockHandleRootProps {
+  /**
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
+  editor?: BlockHandleRootProps$1['editor'];
+  /** Fired when the hovered block changes. */
+  onStateChange?: (event: BlockHandleRootEvents['stateChange']) => void;
+}
+/**
+ * A Vue component that renders an `prosekit-block-handle-root` custom element.
+ *
+ * @public
+ */
+declare const BlockHandleRoot: DefineSetupFnComponent<BlockHandleRootProps & HTMLAttributes>;
+//#endregion
+export { BlockHandleAdd, type BlockHandleAddProps, BlockHandleDraggable, type BlockHandleDraggableProps, BlockHandlePopup, type BlockHandlePopupProps, BlockHandlePositioner, type BlockHandlePositionerProps, BlockHandleRoot, type BlockHandleRootEvents, type BlockHandleRootProps, BlockHandleStateChangeEvent };
 //# sourceMappingURL=prosekit-vue-block-handle.d.ts.map

package/dist/prosekit-vue-block-handle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-vue-block-handle.d.ts","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popover.gen.ts"],"mappings":";;;;;;;AAcA;UAAiB,mBAAA,SAA4B,OAAA,CAAQ,qBAAA;;;AAKrD;UAAiB,mBAAA,SAA4B,WAAA,CAAY,oBAAA;AAAA,cAE5C,cAAA,EAAgB,sBAAA,CAC3B,mBAAA,GAAsB,cAAA,EACtB,mBAAA;;;;;AATF;UCAiB,yBAAA,SAAkC,OAAA,CAAQ,2BAAA;;;ADK3D;UCAiB,yBAAA,SAAkC,WAAA,CAAY,0BAAA;AAAA,cAElD,oBAAA,EAAsB,sBAAA,CACjC,yBAAA,GAA4B,cAAA,EAC5B,yBAAA;;;;;ADTF;UEAiB,uBAAA,SAAgC,OAAA,CAAQ,yBAAA;;;AFKzD;UEAiB,uBAAA,SAAgC,WAAA,CAAY,wBAAA;AAAA,cAEhD,kBAAA,EAAoB,sBAAA,CAC/B,uBAAA,GAA0B,cAAA,EAC1B,uBAAA"}
+{"version":3,"file":"prosekit-vue-block-handle.d.ts","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popup.gen.ts","../src/components/block-handle/block-handle-positioner.gen.ts","../src/components/block-handle/block-handle-root.gen.ts"],"mappings":";;;;;;;;AA6BA;UAfiB,mBAAA;;;;;;;EAOf,MAAA,GAAS,qBAAA;AAAA;;;;;;cAQE,cAAA,EAAgB,sBAAA,CAAuB,mBAAA,GAAsB,cAAA;;;;;;;AAA1E;UCfiB,yBAAA;;;;;;;EAOf,MAAA,GAAS,2BAAA;AAAA;;;;;;cAQE,oBAAA,EAAsB,sBAAA,CAAuB,yBAAA,GAA4B,cAAA;;;ADftF;;;;;AAAA,UEFiB,qBAAA;;;;;;cAOJ,gBAAA,EAAkB,sBAAA,CAAuB,qBAAA,GAAwB,cAAA;;;;;;;AFU9E;UGjBiB,0BAAA;;;;;;EAMf,SAAA,GAAY,4BAAA;EHWe;;;;;;EGJ3B,KAAA,GAAQ,4BAAA;;AFXV;;;EEgBE,IAAA,GAAO,4BAAA;EFTkC;AAQ3C;;;EEME,KAAA,GAAQ,4BAAA;EFN4E;;;;EEWpF,IAAA,GAAO,4BAAA;EFXiD;;;;;EEiBxD,QAAA,GAAW,4BAAA;;ADlCb;;;;;AAOA;ECmCE,UAAA,GAAa,4BAAA;;;;;;EAMb,MAAA,GAAS,4BAAA;EDzCoB;;;;;;ECgD7B,OAAA,GAAU,4BAAA;;AAvDZ;;;;;EA8DE,WAAA,GAAc,4BAAA;EAvCN;;;;;;EA8CR,SAAA,GAAY,4BAAA;EAAA;;;;;;EAOZ,UAAA,GAAa,4BAAA;EA4CC;;;;;;EArCd,MAAA,GAAS,4BAAA;EAjET;;;;;;EAwEA,QAAA,GAAW,4BAAA;EAxDA;;;;;;EA+DX,YAAA,GAAe,4BAAA;EAnCf;;;;;;EA0CA,eAAA,GAAkB,4BAAA;EArBT;;;;;;;EA6BT,cAAA,GAAiB,4BAAA;EAAA;;;;;AAgBnB;;EARE,WAAA,GAAc,4BAAA;AAAA;;;;;;cAQH,qBAAA,EAAuB,sBAAA,CAAuB,0BAAA,GAA6B,cAAA;;;;;;;AH/GxF;UIfiB,oBAAA;;;;;;;EAOf,MAAA,GAAS,sBAAA;EJQyC;EINlD,aAAA,IAAiB,KAAA,EAAO,qBAAA;AAAA;;;;;AHT1B;cGiBa,eAAA,EAAiB,sBAAA,CAAuB,oBAAA,GAAuB,cAAA"}

package/dist/prosekit-vue-block-handle.js

@@ -1,14 +1,218 @@
-import { t as createComponent } from "./create-component.js";
-import { blockHandleAddEvents, blockHandleAddProps, blockHandleDraggableEvents, blockHandleDraggableProps, blockHandlePopoverEvents, blockHandlePopoverProps } from "@prosekit/web/block-handle";
+import { n as useEditorContext } from "./editor-context.js";
+import { computed, defineComponent, h, shallowRef, watchEffect } from "vue";
+import { BlockHandleStateChangeEvent, registerBlockHandleAddElement, registerBlockHandleDraggableElement, registerBlockHandlePopupElement, registerBlockHandlePositionerElement, registerBlockHandleRootElement } from "@prosekit/web/block-handle";
 //#region src/components/block-handle/block-handle-add.gen.ts
-const BlockHandleAdd = createComponent("prosekit-block-handle-add", "BlockHandleAdd", Object.keys(blockHandleAddProps), Object.keys(blockHandleAddEvents));
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Vue component that renders an `prosekit-block-handle-add` custom element.
+*
+* @public
+*/
+const BlockHandleAdd = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	registerBlockHandleAddElement();
+	const elementRef = shallowRef(null);
+	const p0Fallback = useEditorContext();
+	const splittedProps = computed(() => {
+		const { editor: p0, ...restProps } = props;
+		return [[p0], restProps];
+	});
+	watchEffect(() => {
+		const element = elementRef.value;
+		if (!element) return;
+		const [p0] = splittedProps.value[0];
+		Object.assign(element, { editor: p0 ?? p0Fallback });
+	});
+	return () => {
+		const restProps = splittedProps.value[1];
+		return h("prosekit-block-handle-add", {
+			...restProps,
+			ref: elementRef
+		}, slots.default?.());
+	};
+}, { props: ["editor"] });
 //#endregion
 //#region src/components/block-handle/block-handle-draggable.gen.ts
-const BlockHandleDraggable = createComponent("prosekit-block-handle-draggable", "BlockHandleDraggable", Object.keys(blockHandleDraggableProps), Object.keys(blockHandleDraggableEvents));
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Vue component that renders an `prosekit-block-handle-draggable` custom element.
+*
+* @public
+*/
+const BlockHandleDraggable = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	registerBlockHandleDraggableElement();
+	const elementRef = shallowRef(null);
+	const p0Fallback = useEditorContext();
+	const splittedProps = computed(() => {
+		const { editor: p0, ...restProps } = props;
+		return [[p0], restProps];
+	});
+	watchEffect(() => {
+		const element = elementRef.value;
+		if (!element) return;
+		const [p0] = splittedProps.value[0];
+		Object.assign(element, { editor: p0 ?? p0Fallback });
+	});
+	return () => {
+		const restProps = splittedProps.value[1];
+		return h("prosekit-block-handle-draggable", {
+			...restProps,
+			ref: elementRef
+		}, slots.default?.());
+	};
+}, { props: ["editor"] });
 //#endregion
-//#region src/components/block-handle/block-handle-popover.gen.ts
-const BlockHandlePopover = createComponent("prosekit-block-handle-popover", "BlockHandlePopover", Object.keys(blockHandlePopoverProps), Object.keys(blockHandlePopoverEvents));
+//#region src/components/block-handle/block-handle-popup.gen.ts
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Vue component that renders an `prosekit-block-handle-popup` custom element.
+*
+* @public
+*/
+const BlockHandlePopup = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	registerBlockHandlePopupElement();
+	return () => {
+		return h("prosekit-block-handle-popup", props, slots.default?.());
+	};
+}, { props: [] });
 //#endregion
-export { BlockHandleAdd, BlockHandleDraggable, BlockHandlePopover };
+//#region src/components/block-handle/block-handle-positioner.gen.ts
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Vue component that renders an `prosekit-block-handle-positioner` custom element.
+*
+* @public
+*/
+const BlockHandlePositioner = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	registerBlockHandlePositionerElement();
+	const elementRef = shallowRef(null);
+	const splittedProps = computed(() => {
+		const { altBoundary: p0, autoUpdate: p1, boundary: p2, elementContext: p3, fitViewport: p4, flip: p5, hide: p6, hoist: p7, inline: p8, offset: p9, overflowPadding: p10, overlap: p11, placement: p12, rootBoundary: p13, sameHeight: p14, sameWidth: p15, shift: p16, strategy: p17, ...restProps } = props;
+		return [[
+			p0,
+			p1,
+			p2,
+			p3,
+			p4,
+			p5,
+			p6,
+			p7,
+			p8,
+			p9,
+			p10,
+			p11,
+			p12,
+			p13,
+			p14,
+			p15,
+			p16,
+			p17
+		], restProps];
+	});
+	watchEffect(() => {
+		const element = elementRef.value;
+		if (!element) return;
+		const [p0, p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12, p13, p14, p15, p16, p17] = splittedProps.value[0];
+		Object.assign(element, {
+			altBoundary: p0,
+			autoUpdate: p1,
+			boundary: p2,
+			elementContext: p3,
+			fitViewport: p4,
+			flip: p5,
+			hide: p6,
+			hoist: p7,
+			inline: p8,
+			offset: p9,
+			overflowPadding: p10,
+			overlap: p11,
+			placement: p12,
+			rootBoundary: p13,
+			sameHeight: p14,
+			sameWidth: p15,
+			shift: p16,
+			strategy: p17
+		});
+	});
+	return () => {
+		const restProps = splittedProps.value[1];
+		return h("prosekit-block-handle-positioner", {
+			...restProps,
+			ref: elementRef
+		}, slots.default?.());
+	};
+}, { props: [
+	"altBoundary",
+	"autoUpdate",
+	"boundary",
+	"elementContext",
+	"fitViewport",
+	"flip",
+	"hide",
+	"hoist",
+	"inline",
+	"offset",
+	"overflowPadding",
+	"overlap",
+	"placement",
+	"rootBoundary",
+	"sameHeight",
+	"sameWidth",
+	"shift",
+	"strategy"
+] });
+//#endregion
+//#region src/components/block-handle/block-handle-root.gen.ts
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Vue component that renders an `prosekit-block-handle-root` custom element.
+*
+* @public
+*/
+const BlockHandleRoot = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	registerBlockHandleRootElement();
+	const elementRef = shallowRef(null);
+	const p0Fallback = useEditorContext();
+	const splittedProps = computed(() => {
+		const { editor: p0, onStateChange: e0, ...restProps } = props;
+		return [[p0, e0], restProps];
+	});
+	const handlers = [];
+	watchEffect(() => {
+		const element = elementRef.value;
+		if (!element) return;
+		const [p0, e0] = splittedProps.value[0];
+		Object.assign(element, { editor: p0 ?? p0Fallback });
+		handlers.length = 0;
+		handlers.push(e0);
+	});
+	watchEffect(() => {
+		const element = elementRef.value;
+		if (!element) return;
+		const ac = new AbortController();
+		for (const [index, eventName] of ["stateChange"].entries()) element.addEventListener(eventName, (event) => {
+			handlers[index]?.(event);
+		}, { signal: ac.signal });
+		return () => ac.abort();
+	});
+	return () => {
+		const restProps = splittedProps.value[1];
+		return h("prosekit-block-handle-root", {
+			...restProps,
+			ref: elementRef
+		}, slots.default?.());
+	};
+}, { props: ["editor", "onStateChange"] });
+//#endregion
+export { BlockHandleAdd, BlockHandleDraggable, BlockHandlePopup, BlockHandlePositioner, BlockHandleRoot, BlockHandleStateChangeEvent };
 
 //# sourceMappingURL=prosekit-vue-block-handle.js.map

package/dist/prosekit-vue-block-handle.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-vue-block-handle.js","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popover.gen.ts"],"sourcesContent":["import {\n  blockHandleAddProps,\n  blockHandleAddEvents,\n  type BlockHandleAddProps as Props,\n  type BlockHandleAddEvents as Events,\n} from '@prosekit/web/block-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link BlockHandleAdd} component.\n */\nexport interface BlockHandleAddProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link BlockHandleAdd} component.\n */\nexport interface BlockHandleAddEmits extends CreateEmits<Events> {}\n\nexport const BlockHandleAdd: DefineSetupFnComponent<\n  BlockHandleAddProps & HTMLAttributes,\n  BlockHandleAddEmits\n> = createComponent<\n  BlockHandleAddProps,\n  BlockHandleAddEmits\n>(\n  'prosekit-block-handle-add',\n  'BlockHandleAdd',\n  Object.keys(blockHandleAddProps),\n  Object.keys(blockHandleAddEvents),\n)\n","import {\n  blockHandleDraggableProps,\n  blockHandleDraggableEvents,\n  type BlockHandleDraggableProps as Props,\n  type BlockHandleDraggableEvents as Events,\n} from '@prosekit/web/block-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link BlockHandleDraggable} component.\n */\nexport interface BlockHandleDraggableProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link BlockHandleDraggable} component.\n */\nexport interface BlockHandleDraggableEmits extends CreateEmits<Events> {}\n\nexport const BlockHandleDraggable: DefineSetupFnComponent<\n  BlockHandleDraggableProps & HTMLAttributes,\n  BlockHandleDraggableEmits\n> = createComponent<\n  BlockHandleDraggableProps,\n  BlockHandleDraggableEmits\n>(\n  'prosekit-block-handle-draggable',\n  'BlockHandleDraggable',\n  Object.keys(blockHandleDraggableProps),\n  Object.keys(blockHandleDraggableEvents),\n)\n","import {\n  blockHandlePopoverProps,\n  blockHandlePopoverEvents,\n  type BlockHandlePopoverProps as Props,\n  type BlockHandlePopoverEvents as Events,\n} from '@prosekit/web/block-handle'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link BlockHandlePopover} component.\n */\nexport interface BlockHandlePopoverProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link BlockHandlePopover} component.\n */\nexport interface BlockHandlePopoverEmits extends CreateEmits<Events> {}\n\nexport const BlockHandlePopover: DefineSetupFnComponent<\n  BlockHandlePopoverProps & HTMLAttributes,\n  BlockHandlePopoverEmits\n> = createComponent<\n  BlockHandlePopoverProps,\n  BlockHandlePopoverEmits\n>(\n  'prosekit-block-handle-popover',\n  'BlockHandlePopover',\n  Object.keys(blockHandlePopoverProps),\n  Object.keys(blockHandlePopoverEvents),\n)\n"],"mappings":";;;AAqBA,MAAa,iBAGT,gBAIF,6BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;ACXD,MAAa,uBAGT,gBAIF,mCACA,wBACA,OAAO,KAAK,0BAA0B,EACtC,OAAO,KAAK,2BAA2B,CACxC;;;ACXD,MAAa,qBAGT,gBAIF,iCACA,sBACA,OAAO,KAAK,wBAAwB,EACpC,OAAO,KAAK,yBAAyB,CACtC"}
+{"version":3,"file":"prosekit-vue-block-handle.js","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popup.gen.ts","../src/components/block-handle/block-handle-positioner.gen.ts","../src/components/block-handle/block-handle-root.gen.ts"],"sourcesContent":["/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandleAddElement, type BlockHandleAddProps as BlockHandleAddElementProps } from '@prosekit/web/block-handle';\nimport { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';\n\nimport { useEditorContext } from '../../injection/editor-context.ts';\n\n/**\n * Props for the {@link BlockHandleAdd} Vue component.\n *\n * @public\n */\nexport interface BlockHandleAddProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleAddElementProps['editor'];\n}\n\n/**\n * A Vue component that renders an `prosekit-block-handle-add` custom element.\n *\n * @public\n */\nexport const BlockHandleAdd: DefineSetupFnComponent<BlockHandleAddProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<BlockHandleAddProps & HTMLAttributes>(\n  (props, { slots }) => {\n    registerBlockHandleAddElement();\n\n    const elementRef = shallowRef<HTMLElement | null>(null);\n\n    const p0Fallback = useEditorContext();\n\n    const splittedProps = computed(() => {\n      const { editor: p0, ...restProps } = props;\n      return [[p0], restProps] as const;\n    });\n\n    watchEffect(() => {\n      const element = elementRef.value;\n      if (!element) return;\n\n      const [p0] = splittedProps.value[0];\n\n      Object.assign(element, { editor: p0 ?? p0Fallback });\n    });\n\n    return () => {\n      const restProps = splittedProps.value[1];\n      return h('prosekit-block-handle-add', { ...restProps, ref: elementRef }, slots.default?.());\n    };\n  },\n  { props: ['editor'] },\n);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandleDraggableElement, type BlockHandleDraggableProps as BlockHandleDraggableElementProps } from '@prosekit/web/block-handle';\nimport { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';\n\nimport { useEditorContext } from '../../injection/editor-context.ts';\n\n/**\n * Props for the {@link BlockHandleDraggable} Vue component.\n *\n * @public\n */\nexport interface BlockHandleDraggableProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleDraggableElementProps['editor'];\n}\n\n/**\n * A Vue component that renders an `prosekit-block-handle-draggable` custom element.\n *\n * @public\n */\nexport const BlockHandleDraggable: DefineSetupFnComponent<BlockHandleDraggableProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<BlockHandleDraggableProps & HTMLAttributes>(\n  (props, { slots }) => {\n    registerBlockHandleDraggableElement();\n\n    const elementRef = shallowRef<HTMLElement | null>(null);\n\n    const p0Fallback = useEditorContext();\n\n    const splittedProps = computed(() => {\n      const { editor: p0, ...restProps } = props;\n      return [[p0], restProps] as const;\n    });\n\n    watchEffect(() => {\n      const element = elementRef.value;\n      if (!element) return;\n\n      const [p0] = splittedProps.value[0];\n\n      Object.assign(element, { editor: p0 ?? p0Fallback });\n    });\n\n    return () => {\n      const restProps = splittedProps.value[1];\n      return h('prosekit-block-handle-draggable', { ...restProps, ref: elementRef }, slots.default?.());\n    };\n  },\n  { props: ['editor'] },\n);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandlePopupElement } from '@prosekit/web/block-handle';\nimport { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes } from 'vue';\n\n/**\n * Props for the {@link BlockHandlePopup} Vue component.\n *\n * @public\n */\nexport interface BlockHandlePopupProps {}\n\n/**\n * A Vue component that renders an `prosekit-block-handle-popup` custom element.\n *\n * @public\n */\nexport const BlockHandlePopup: DefineSetupFnComponent<BlockHandlePopupProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<BlockHandlePopupProps & HTMLAttributes>(\n  (props, { slots }) => {\n    registerBlockHandlePopupElement();\n\n    return () => {\n      return h('prosekit-block-handle-popup', props, slots.default?.());\n    };\n  },\n  { props: [] },\n);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandlePositionerElement, type BlockHandlePositionerProps as BlockHandlePositionerElementProps } from '@prosekit/web/block-handle';\nimport { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';\n\n/**\n * Props for the {@link BlockHandlePositioner} Vue component.\n *\n * @public\n */\nexport interface BlockHandlePositionerProps {\n  /**\n   * The placement of the popover, relative to the hovered block.\n   *\n   * @default \"left\"\n   */\n  placement?: BlockHandlePositionerElementProps['placement'];\n  /**\n   * Whether to use the browser [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\n   * to place the floating element on top of other page content.\n   *\n   * @default false\n   */\n  hoist?: BlockHandlePositionerElementProps['hoist'];\n  /**\n   * @default false\n   * @hidden\n   */\n  flip?: BlockHandlePositionerElementProps['flip'];\n  /**\n   * @default false\n   * @hidden\n   */\n  shift?: BlockHandlePositionerElementProps['shift'];\n  /**\n   * @default true\n   * @hidden\n   */\n  hide?: BlockHandlePositionerElementProps['hide'];\n  /**\n   * The strategy to use for positioning\n   *\n   * @default \"absolute\"\n   */\n  strategy?: BlockHandlePositionerElementProps['strategy'];\n  /**\n   * Options to activate auto-update listeners\n   *\n   * @see https://floating-ui.com/docs/autoUpdate\n   *\n   * @default true\n   */\n  autoUpdate?: BlockHandlePositionerElementProps['autoUpdate'];\n  /**\n   * The distance between the reference and floating element.\n   *\n   * @default 6\n   */\n  offset?: BlockHandlePositionerElementProps['offset'];\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default false\n   */\n  overlap?: BlockHandlePositionerElementProps['overlap'];\n  /**\n   * Whether to constrain the floating element's width and height to not exceed\n   * the viewport.\n   *\n   * @default false\n   */\n  fitViewport?: BlockHandlePositionerElementProps['fitViewport'];\n  /**\n   * Whether to constrain the floating element's width so that it matches the\n   * reference element.\n   *\n   * @default false\n   */\n  sameWidth?: BlockHandlePositionerElementProps['sameWidth'];\n  /**\n   * Whether to constrain the floating element's height so that it matches the\n   * reference element.\n   *\n   * @default false\n   */\n  sameHeight?: BlockHandlePositionerElementProps['sameHeight'];\n  /**\n   * Whether to improve positioning for inline reference elements that span over\n   * multiple lines.\n   *\n   * @default false\n   */\n  inline?: BlockHandlePositionerElementProps['inline'];\n  /**\n   * Describes the clipping element(s) or area that overflow will be checked relative to.\n   * Please see https://floating-ui.com/docs/detectoverflow#boundary for more information.\n   *\n   * @default 'clippingAncestors'\n   */\n  boundary?: BlockHandlePositionerElementProps['boundary'];\n  /**\n   * Describes the root boundary that the element will be checked for overflow relative to.\n   * Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.\n   *\n   * @default 'viewport'\n   */\n  rootBoundary?: BlockHandlePositionerElementProps['rootBoundary'];\n  /**\n   * Describes the virtual padding around the boundary to check for overflow.\n   * Please see https://floating-ui.com/docs/detectoverflow#padding for more information.\n   *\n   * @default 4\n   */\n  overflowPadding?: BlockHandlePositionerElementProps['overflowPadding'];\n  /**\n   * The element that will be used to check for overflow. Please see\n   * https://floating-ui.com/docs/detectoverflow#elementcontext for more\n   * information.\n   *\n   * @default 'floating'\n   */\n  elementContext?: BlockHandlePositionerElementProps['elementContext'];\n  /**\n   * Whether to check the alternate elementContext's boundary. Please see\n   * https://floating-ui.com/docs/detectoverflow#altboundary for more\n   * information.\n   *\n   * @default false\n   */\n  altBoundary?: BlockHandlePositionerElementProps['altBoundary'];\n}\n\n/**\n * A Vue component that renders an `prosekit-block-handle-positioner` custom element.\n *\n * @public\n */\nexport const BlockHandlePositioner: DefineSetupFnComponent<BlockHandlePositionerProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<BlockHandlePositionerProps & HTMLAttributes>(\n  (props, { slots }) => {\n    registerBlockHandlePositionerElement();\n\n    const elementRef = shallowRef<HTMLElement | null>(null);\n\n    const splittedProps = computed(() => {\n      const { altBoundary: p0, autoUpdate: p1, boundary: p2, elementContext: p3, fitViewport: p4, flip: p5, hide: p6, hoist: p7, inline: p8, offset: p9, overflowPadding: p10, overlap: p11, placement: p12, rootBoundary: p13, sameHeight: p14, sameWidth: p15, shift: p16, strategy: p17, ...restProps } = props;\n      return [[p0, p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12, p13, p14, p15, p16, p17], restProps] as const;\n    });\n\n    watchEffect(() => {\n      const element = elementRef.value;\n      if (!element) return;\n\n      const [p0, p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12, p13, p14, p15, p16, p17] = splittedProps.value[0];\n\n      Object.assign(element, { altBoundary: p0, autoUpdate: p1, boundary: p2, elementContext: p3, fitViewport: p4, flip: p5, hide: p6, hoist: p7, inline: p8, offset: p9, overflowPadding: p10, overlap: p11, placement: p12, rootBoundary: p13, sameHeight: p14, sameWidth: p15, shift: p16, strategy: p17 });\n    });\n\n    return () => {\n      const restProps = splittedProps.value[1];\n      return h('prosekit-block-handle-positioner', { ...restProps, ref: elementRef }, slots.default?.());\n    };\n  },\n  { props: ['altBoundary', 'autoUpdate', 'boundary', 'elementContext', 'fitViewport', 'flip', 'hide', 'hoist', 'inline', 'offset', 'overflowPadding', 'overlap', 'placement', 'rootBoundary', 'sameHeight', 'sameWidth', 'shift', 'strategy'] },\n);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandleRootElement, type BlockHandleRootEvents, type BlockHandleRootProps as BlockHandleRootElementProps } from '@prosekit/web/block-handle';\nimport { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';\n\nimport { useEditorContext } from '../../injection/editor-context.ts';\n\n/**\n * Props for the {@link BlockHandleRoot} Vue component.\n *\n * @public\n */\nexport interface BlockHandleRootProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleRootElementProps['editor'];\n  /** Fired when the hovered block changes. */\n  onStateChange?: (event: BlockHandleRootEvents['stateChange']) => void;\n}\n\n/**\n * A Vue component that renders an `prosekit-block-handle-root` custom element.\n *\n * @public\n */\nexport const BlockHandleRoot: DefineSetupFnComponent<BlockHandleRootProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<BlockHandleRootProps & HTMLAttributes>(\n  (props, { slots }) => {\n    registerBlockHandleRootElement();\n\n    const elementRef = shallowRef<HTMLElement | null>(null);\n\n    const p0Fallback = useEditorContext();\n\n    const splittedProps = computed(() => {\n      const { editor: p0, onStateChange: e0, ...restProps } = props;\n      return [[p0, e0], restProps] as const;\n    });\n\n    const handlers: Array<((event: any) => void) | undefined> = [];\n\n    watchEffect(() => {\n      const element = elementRef.value;\n      if (!element) return;\n\n      const [p0, e0] = splittedProps.value[0];\n\n      Object.assign(element, { editor: p0 ?? p0Fallback });\n\n      handlers.length = 0;\n      handlers.push(e0);\n    });\n\n    watchEffect(() => {\n      const element = elementRef.value;\n      if (!element) return;\n\n      const ac = new AbortController();\n      for (const [index, eventName] of ['stateChange'].entries()) {\n        element.addEventListener(\n          eventName,\n          (event: Event) => {\n            handlers[index]?.(event);\n          },\n          { signal: ac.signal },\n        );\n      }\n      return () => ac.abort();\n    });\n\n    return () => {\n      const restProps = splittedProps.value[1];\n      return h('prosekit-block-handle-root', { ...restProps, ref: elementRef }, slots.default?.());\n    };\n  },\n  { props: ['editor', 'onStateChange'] },\n);\n\nexport type { BlockHandleRootEvents };\n"],"mappings":"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"}

package/dist/prosekit-vue-drop-indicator.d.ts

@@ -1,17 +1,33 @@
-import { t as CreateEmits } from "./create-emits.js";
 import { DefineSetupFnComponent, HTMLAttributes } from "vue";
-import { DropIndicatorEvents, DropIndicatorProps as DropIndicatorProps$1 } from "@prosekit/web/drop-indicator";
+import { DropIndicatorProps as DropIndicatorProps$1 } from "@prosekit/web/drop-indicator";
 
 //#region src/components/drop-indicator/drop-indicator.gen.d.ts
 /**
- * Props for the {@link DropIndicator} component.
+ * Props for the {@link DropIndicator} Vue component.
+ *
+ * @public
  */
-interface DropIndicatorProps extends Partial<DropIndicatorProps$1> {}
+interface DropIndicatorProps {
+  /**
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
+  editor?: DropIndicatorProps$1['editor'];
+  /**
+   * The line width in pixels.
+   *
+   * @default 2
+   */
+  width?: DropIndicatorProps$1['width'];
+}
 /**
- * Emits for the {@link DropIndicator} component.
+ * A Vue component that renders an `prosekit-drop-indicator` custom element.
+ *
+ * @public
  */
-interface DropIndicatorEmits extends CreateEmits<DropIndicatorEvents> {}
-declare const DropIndicator: DefineSetupFnComponent<DropIndicatorProps & HTMLAttributes, DropIndicatorEmits>;
+declare const DropIndicator: DefineSetupFnComponent<DropIndicatorProps & HTMLAttributes>;
 //#endregion
-export { DropIndicator, type DropIndicatorEmits, type DropIndicatorProps };
+export { DropIndicator, type DropIndicatorProps };
 //# sourceMappingURL=prosekit-vue-drop-indicator.d.ts.map

package/dist/prosekit-vue-drop-indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-vue-drop-indicator.d.ts","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"mappings":";;;;;;;AAcA;UAAiB,kBAAA,SAA2B,OAAA,CAAQ,oBAAA;;;AAKpD;UAAiB,kBAAA,SAA2B,WAAA,CAAY,mBAAA;AAAA,cAE3C,aAAA,EAAe,sBAAA,CAC1B,kBAAA,GAAqB,cAAA,EACrB,kBAAA"}
+{"version":3,"file":"prosekit-vue-drop-indicator.d.ts","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"mappings":";;;;;;;;;UAciB,kBAAA;EAaP;;;AAQV;;;EAdE,MAAA,GAAS,oBAAA;EAc6D;;;;;EARtE,KAAA,GAAQ,oBAAA;AAAA;;;;;;cAQG,aAAA,EAAe,sBAAA,CAAuB,kBAAA,GAAqB,cAAA"}

package/dist/prosekit-vue-drop-indicator.js

@@ -1,7 +1,40 @@
-import { t as createComponent } from "./create-component.js";
-import { dropIndicatorEvents, dropIndicatorProps } from "@prosekit/web/drop-indicator";
+import { n as useEditorContext } from "./editor-context.js";
+import { computed, defineComponent, h, shallowRef, watchEffect } from "vue";
+import { registerDropIndicatorElement } from "@prosekit/web/drop-indicator";
 //#region src/components/drop-indicator/drop-indicator.gen.ts
-const DropIndicator = createComponent("prosekit-drop-indicator", "DropIndicator", Object.keys(dropIndicatorProps), Object.keys(dropIndicatorEvents));
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Vue component that renders an `prosekit-drop-indicator` custom element.
+*
+* @public
+*/
+const DropIndicator = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	registerDropIndicatorElement();
+	const elementRef = shallowRef(null);
+	const p0Fallback = useEditorContext();
+	const splittedProps = computed(() => {
+		const { editor: p0, width: p1, ...restProps } = props;
+		return [[p0, p1], restProps];
+	});
+	watchEffect(() => {
+		const element = elementRef.value;
+		if (!element) return;
+		const [p0, p1] = splittedProps.value[0];
+		Object.assign(element, {
+			editor: p0 ?? p0Fallback,
+			width: p1
+		});
+	});
+	return () => {
+		const restProps = splittedProps.value[1];
+		return h("prosekit-drop-indicator", {
+			...restProps,
+			ref: elementRef
+		}, slots.default?.());
+	};
+}, { props: ["editor", "width"] });
 //#endregion
 export { DropIndicator };
 

package/dist/prosekit-vue-drop-indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-vue-drop-indicator.js","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"sourcesContent":["import {\n  dropIndicatorProps,\n  dropIndicatorEvents,\n  type DropIndicatorProps as Props,\n  type DropIndicatorEvents as Events,\n} from '@prosekit/web/drop-indicator'\nimport type { DefineSetupFnComponent, HTMLAttributes } from 'vue'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateEmits } from '../create-emits.ts'\n\n/**\n * Props for the {@link DropIndicator} component.\n */\nexport interface DropIndicatorProps extends Partial<Props> {}\n\n/**\n * Emits for the {@link DropIndicator} component.\n */\nexport interface DropIndicatorEmits extends CreateEmits<Events> {}\n\nexport const DropIndicator: DefineSetupFnComponent<\n  DropIndicatorProps & HTMLAttributes,\n  DropIndicatorEmits\n> = createComponent<\n  DropIndicatorProps,\n  DropIndicatorEmits\n>(\n  'prosekit-drop-indicator',\n  'DropIndicator',\n  Object.keys(dropIndicatorProps),\n  Object.keys(dropIndicatorEvents),\n)\n"],"mappings":";;;AAqBA,MAAa,gBAGT,gBAIF,2BACA,iBACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}
+{"version":3,"file":"prosekit-vue-drop-indicator.js","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"sourcesContent":["/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerDropIndicatorElement, type DropIndicatorProps as DropIndicatorElementProps } from '@prosekit/web/drop-indicator';\nimport { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';\n\nimport { useEditorContext } from '../../injection/editor-context.ts';\n\n/**\n * Props for the {@link DropIndicator} Vue component.\n *\n * @public\n */\nexport interface DropIndicatorProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: DropIndicatorElementProps['editor'];\n  /**\n   * The line width in pixels.\n   *\n   * @default 2\n   */\n  width?: DropIndicatorElementProps['width'];\n}\n\n/**\n * A Vue component that renders an `prosekit-drop-indicator` custom element.\n *\n * @public\n */\nexport const DropIndicator: DefineSetupFnComponent<DropIndicatorProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<DropIndicatorProps & HTMLAttributes>(\n  (props, { slots }) => {\n    registerDropIndicatorElement();\n\n    const elementRef = shallowRef<HTMLElement | null>(null);\n\n    const p0Fallback = useEditorContext();\n\n    const splittedProps = computed(() => {\n      const { editor: p0, width: p1, ...restProps } = props;\n      return [[p0, p1], restProps] as const;\n    });\n\n    watchEffect(() => {\n      const element = elementRef.value;\n      if (!element) return;\n\n      const [p0, p1] = splittedProps.value[0];\n\n      Object.assign(element, { editor: p0 ?? p0Fallback, width: p1 });\n    });\n\n    return () => {\n      const restProps = splittedProps.value[1];\n      return h('prosekit-drop-indicator', { ...restProps, ref: elementRef }, slots.default?.());\n    };\n  },\n  { props: ['editor', 'width'] },\n);\n"],"mappings":";;;;;;;;;;;;AAmCA,MAAa,gBAA6F,iCACvG,OAAO,EAAE,YAAY;AACpB,+BAA8B;CAE9B,MAAM,aAAa,WAA+B,KAAK;CAEvD,MAAM,aAAa,kBAAkB;CAErC,MAAM,gBAAgB,eAAe;EACnC,MAAM,EAAE,QAAQ,IAAI,OAAO,IAAI,GAAG,cAAc;AAChD,SAAO,CAAC,CAAC,IAAI,GAAG,EAAE,UAAU;GAC5B;AAEF,mBAAkB;EAChB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;EAEd,MAAM,CAAC,IAAI,MAAM,cAAc,MAAM;AAErC,SAAO,OAAO,SAAS;GAAE,QAAQ,MAAM;GAAY,OAAO;GAAI,CAAC;GAC/D;AAEF,cAAa;EACX,MAAM,YAAY,cAAc,MAAM;AACtC,SAAO,EAAE,2BAA2B;GAAE,GAAG;GAAW,KAAK;GAAY,EAAE,MAAM,WAAW,CAAC;;GAG7F,EAAE,OAAO,CAAC,UAAU,QAAQ,EAAE,CAC/B"}