@prosekit/vue 0.7.0 → 0.7.2

package/dist/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":[],"sources":["../src/components/tooltip/tooltip-popup.gen.ts","../src/components/tooltip/tooltip-positioner.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"sourcesContent":["// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerTooltipPopupElement } from '@prosekit/web/tooltip';\nimport { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes } from 'vue';\n\n/** Props for the {@link TooltipPopup} Vue component. */\nexport interface TooltipPopupProps {}\n\n/** A Vue component that renders an `prosekit-tooltip-popup` custom element. */\nexport const TooltipPopup: DefineSetupFnComponent<TooltipPopupProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<TooltipPopupProps & HTMLAttributes>(\n  (props, { slots }) => {\n    registerTooltipPopupElement();\n\n    return () => {\n      return h('prosekit-tooltip-popup', props, slots.default?.());\n    };\n  },\n  { props: [] },\n);\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerTooltipPositionerElement, type TooltipPositionerProps as TooltipPositionerElementProps } from '@prosekit/web/tooltip';\nimport { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';\n\n/** Props for the {@link TooltipPositioner} Vue component. */\nexport interface TooltipPositionerProps {\n  /**\n   * The strategy to use for positioning\n   *\n   * @default \"absolute\"\n   */\n  strategy?: TooltipPositionerElementProps['strategy'];\n  /**\n   * The initial placement of the floating element\n   *\n   * @default \"top\"\n   */\n  placement?: TooltipPositionerElementProps['placement'];\n  /**\n   * Options to activate auto-update listeners\n   *\n   * @see https://floating-ui.com/docs/autoUpdate\n   *\n   * @default true\n   */\n  autoUpdate?: TooltipPositionerElementProps['autoUpdate'];\n  /**\n   * Whether to use the browser Popover API to place the floating element on\n   * top of other page content.\n   *\n   * @default true\n   */\n  hoist?: TooltipPositionerElementProps['hoist'];\n  /**\n   * The distance between the reference and floating element.\n   *\n   * @default 6\n   */\n  offset?: TooltipPositionerElementProps['offset'];\n  /**\n   * Whether to flip the `placement` in order to keep it in view when the\n   * preferred placement(s) will overflow the clipping boundary. You can also\n   * provide an array of placements to try sequentially if the preferred\n   * `placement` does not fit.\n   *\n   * @default true\n   */\n  flip?: TooltipPositionerElementProps['flip'];\n  /**\n   * Whether the floating element should shift to keep it in view.\n   *\n   * @default true\n   */\n  shift?: TooltipPositionerElementProps['shift'];\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default false\n   */\n  overlap?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['sameHeight'];\n  /**\n   * Whether to improve positioning for inline reference elements that span over\n   * multiple lines.\n   *\n   * @default false\n   */\n  inline?: TooltipPositionerElementProps['inline'];\n  /**\n   * Whether to hide the floating element when the reference element or the\n   * floating element is fully clipped.\n   *\n   * @default false\n   */\n  hide?: TooltipPositionerElementProps['hide'];\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?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['altBoundary'];\n}\n\n/** A Vue component that renders an `prosekit-tooltip-positioner` custom element. */\nexport const TooltipPositioner: DefineSetupFnComponent<TooltipPositionerProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<TooltipPositionerProps & HTMLAttributes>(\n  (props, { slots }) => {\n    registerTooltipPositionerElement();\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-tooltip-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","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerTooltipRootElement, type TooltipRootEvents, type TooltipRootProps as TooltipRootElementProps } from '@prosekit/web/tooltip';\nimport { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';\n\n/** Props for the {@link TooltipRoot} Vue component. */\nexport interface TooltipRootProps {\n  /**\n   * Whether the overlay is initially open.\n   * @default false\n   */\n  defaultOpen?: TooltipRootElementProps['defaultOpen'];\n  /**\n   * Whether the overlay is currently open.\n   * @default null\n   */\n  open?: TooltipRootElementProps['open'];\n  /**\n   * Whether the component should ignore user interaction.\n   * @default false\n   */\n  disabled?: TooltipRootElementProps['disabled'];\n  /** Emitted when the tooltip is opened or closed. */\n  onOpenChange?: (event: TooltipRootEvents['openChange']) => void;\n}\n\n/** A Vue component that renders an `prosekit-tooltip-root` custom element. */\nexport const TooltipRoot: DefineSetupFnComponent<TooltipRootProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<TooltipRootProps & HTMLAttributes>(\n  (props, { slots }) => {\n    registerTooltipRootElement();\n\n    const elementRef = shallowRef<HTMLElement | null>(null);\n\n    const splittedProps = computed(() => {\n      const { defaultOpen: p0, disabled: p1, open: p2, onOpenChange: e0, ...restProps } = props;\n      return [[p0, p1, p2, 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, p1, p2, e0] = splittedProps.value[0];\n\n      Object.assign(element, { defaultOpen: p0, disabled: p1, open: p2 });\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 ['openChange'].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-tooltip-root', { ...restProps, ref: elementRef }, slots.default?.());\n    };\n  },\n  { props: ['defaultOpen', 'disabled', 'open', 'onOpenChange'] },\n);\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerTooltipTriggerElement, type TooltipTriggerProps as TooltipTriggerElementProps } from '@prosekit/web/tooltip';\nimport { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';\n\n/** Props for the {@link TooltipTrigger} Vue component. */\nexport interface TooltipTriggerProps {\n  /**\n   * Whether the component should ignore user interaction.\n   * @default false\n   */\n  disabled?: TooltipTriggerElementProps['disabled'];\n  /**\n   * The delay in milliseconds before opening the tooltip on hover.\n   * @default 600\n   */\n  openDelay?: TooltipTriggerElementProps['openDelay'];\n  /**\n   * The delay in milliseconds before closing the tooltip when hover/focus ends.\n   * @default 0\n   */\n  closeDelay?: TooltipTriggerElementProps['closeDelay'];\n}\n\n/** A Vue component that renders an `prosekit-tooltip-trigger` custom element. */\nexport const TooltipTrigger: DefineSetupFnComponent<TooltipTriggerProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<TooltipTriggerProps & HTMLAttributes>(\n  (props, { slots }) => {\n    registerTooltipTriggerElement();\n\n    const elementRef = shallowRef<HTMLElement | null>(null);\n\n    const splittedProps = computed(() => {\n      const { closeDelay: p0, disabled: p1, openDelay: p2, ...restProps } = props;\n      return [[p0, p1, p2], restProps] as const;\n    });\n\n    watchEffect(() => {\n      const element = elementRef.value;\n      if (!element) return;\n\n      const [p0, p1, p2] = splittedProps.value[0];\n\n      Object.assign(element, { closeDelay: p0, disabled: p1, openDelay: p2 });\n    });\n\n    return () => {\n      const restProps = splittedProps.value[1];\n      return h('prosekit-tooltip-trigger', { ...restProps, ref: elementRef }, slots.default?.());\n    };\n  },\n  { props: ['closeDelay', 'disabled', 'openDelay'] },\n);\n"],"mappings":"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"}
+{"version":3,"file":"tooltip.js","names":[],"sources":["../src/components/tooltip/tooltip-popup.gen.ts","../src/components/tooltip/tooltip-positioner.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"sourcesContent":["// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerTooltipPopupElement } from '@prosekit/web/tooltip';\nimport { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes } from 'vue';\n\n/** Props for the {@link TooltipPopup} Vue component. */\nexport interface TooltipPopupProps {}\n\n/** A Vue component that renders an `prosekit-tooltip-popup` custom element. */\nexport const TooltipPopup: DefineSetupFnComponent<TooltipPopupProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<TooltipPopupProps & HTMLAttributes>(\n  (props, { slots }) => {\n    registerTooltipPopupElement();\n\n    return () => {\n      return h('prosekit-tooltip-popup', props, slots.default?.());\n    };\n  },\n  { props: [] },\n);\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerTooltipPositionerElement, type TooltipPositionerProps as TooltipPositionerElementProps } from '@prosekit/web/tooltip';\nimport { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';\n\n/** Props for the {@link TooltipPositioner} Vue component. */\nexport interface TooltipPositionerProps {\n  /**\n   * The strategy to use for positioning\n   *\n   * @default \"absolute\"\n   */\n  strategy?: TooltipPositionerElementProps['strategy'];\n  /**\n   * The initial placement of the floating element\n   *\n   * @default \"top\"\n   */\n  placement?: TooltipPositionerElementProps['placement'];\n  /**\n   * Options to activate auto-update listeners\n   *\n   * @see https://floating-ui.com/docs/autoUpdate\n   *\n   * @default true\n   */\n  autoUpdate?: TooltipPositionerElementProps['autoUpdate'];\n  /**\n   * Whether to use the browser Popover API to place the floating element on\n   * top of other page content.\n   *\n   * @default true\n   */\n  hoist?: TooltipPositionerElementProps['hoist'];\n  /**\n   * The distance between the reference and floating element.\n   *\n   * @default 6\n   */\n  offset?: TooltipPositionerElementProps['offset'];\n  /**\n   * Whether to flip the `placement` in order to keep it in view when the\n   * preferred placement(s) will overflow the clipping boundary. You can also\n   * provide an array of placements to try sequentially if the preferred\n   * `placement` does not fit.\n   *\n   * @default true\n   */\n  flip?: TooltipPositionerElementProps['flip'];\n  /**\n   * Whether the floating element should shift to keep it in view.\n   *\n   * @default true\n   */\n  shift?: TooltipPositionerElementProps['shift'];\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default false\n   */\n  overlap?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['sameHeight'];\n  /**\n   * Whether to improve positioning for inline reference elements that span over\n   * multiple lines.\n   *\n   * @default false\n   */\n  inline?: TooltipPositionerElementProps['inline'];\n  /**\n   * Whether to hide the floating element when the reference element or the\n   * floating element is fully clipped.\n   *\n   * @default false\n   */\n  hide?: TooltipPositionerElementProps['hide'];\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?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['altBoundary'];\n}\n\n/** A Vue component that renders an `prosekit-tooltip-positioner` custom element. */\nexport const TooltipPositioner: DefineSetupFnComponent<TooltipPositionerProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<TooltipPositionerProps & HTMLAttributes>(\n  (props, { slots }) => {\n    registerTooltipPositionerElement();\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-tooltip-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","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerTooltipRootElement, type TooltipRootEvents, type TooltipRootProps as TooltipRootElementProps } from '@prosekit/web/tooltip';\nimport { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';\n\n/** Props for the {@link TooltipRoot} Vue component. */\nexport interface TooltipRootProps {\n  /**\n   * Whether the overlay is initially open.\n   * @default false\n   */\n  defaultOpen?: TooltipRootElementProps['defaultOpen'];\n  /**\n   * Whether the overlay is currently open.\n   * @default null\n   */\n  open?: TooltipRootElementProps['open'];\n  /**\n   * Whether the component should ignore user interaction.\n   * @default false\n   */\n  disabled?: TooltipRootElementProps['disabled'];\n  /** Emitted when the tooltip is opened or closed. */\n  onOpenChange?: (event: TooltipRootEvents['openChange']) => void;\n}\n\n/** A Vue component that renders an `prosekit-tooltip-root` custom element. */\nexport const TooltipRoot: DefineSetupFnComponent<TooltipRootProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<TooltipRootProps & HTMLAttributes>(\n  (props, { slots }) => {\n    registerTooltipRootElement();\n\n    const elementRef = shallowRef<HTMLElement | null>(null);\n\n    const splittedProps = computed(() => {\n      const { defaultOpen: p0, disabled: p1, open: p2, onOpenChange: e0, ...restProps } = props;\n      return [[p0, p1, p2, 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, p1, p2, e0] = splittedProps.value[0];\n\n      Object.assign(element, { defaultOpen: p0, disabled: p1, open: p2 });\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 ['openChange'].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-tooltip-root', { ...restProps, ref: elementRef }, slots.default?.());\n    };\n  },\n  { props: ['defaultOpen', 'disabled', 'open', 'onOpenChange'] },\n);\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerTooltipTriggerElement, type TooltipTriggerProps as TooltipTriggerElementProps } from '@prosekit/web/tooltip';\nimport { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';\n\n/** Props for the {@link TooltipTrigger} Vue component. */\nexport interface TooltipTriggerProps {\n  /**\n   * Whether the component should ignore user interaction.\n   * @default false\n   */\n  disabled?: TooltipTriggerElementProps['disabled'];\n  /**\n   * The delay in milliseconds before opening the tooltip on hover.\n   * @default 600\n   */\n  openDelay?: TooltipTriggerElementProps['openDelay'];\n  /**\n   * The delay in milliseconds before closing the tooltip when hover/focus ends.\n   * @default 0\n   */\n  closeDelay?: TooltipTriggerElementProps['closeDelay'];\n}\n\n/** A Vue component that renders an `prosekit-tooltip-trigger` custom element. */\nexport const TooltipTrigger: DefineSetupFnComponent<TooltipTriggerProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<TooltipTriggerProps & HTMLAttributes>(\n  (props, { slots }) => {\n    registerTooltipTriggerElement();\n\n    const elementRef = shallowRef<HTMLElement | null>(null);\n\n    const splittedProps = computed(() => {\n      const { closeDelay: p0, disabled: p1, openDelay: p2, ...restProps } = props;\n      return [[p0, p1, p2], restProps] as const;\n    });\n\n    watchEffect(() => {\n      const element = elementRef.value;\n      if (!element) return;\n\n      const [p0, p1, p2] = splittedProps.value[0];\n\n      Object.assign(element, { closeDelay: p0, disabled: p1, openDelay: p2 });\n    });\n\n    return () => {\n      const restProps = splittedProps.value[1];\n      return h('prosekit-tooltip-trigger', { ...restProps, ref: elementRef }, slots.default?.());\n    };\n  },\n  { props: ['closeDelay', 'disabled', 'openDelay'] },\n);\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/vue",
   "type": "module",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "private": false,
   "description": "Vue components and utilities for ProseKit",
   "author": {
@@ -74,9 +74,9 @@
   "dependencies": {
     "@prosemirror-adapter/core": "^0.5.3",
     "@prosemirror-adapter/vue": "^0.5.3",
-    "@prosekit/pm": "^0.1.16",
-    "@prosekit/web": "^0.8.0",
-    "@prosekit/core": "^0.12.0"
+    "@prosekit/pm": "^0.1.17",
+    "@prosekit/core": "^0.12.1",
+    "@prosekit/web": "^0.8.2"
   },
   "peerDependencies": {
     "vue": ">= 3.0.0"
@@ -88,16 +88,16 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.6",
-    "@vue/test-utils": "^2.4.6",
-    "tsdown": "^0.21.10",
-    "typescript": "~5.9.3",
-    "vitest": "^4.1.5",
+    "@vue/test-utils": "^2.4.10",
+    "tsdown": "^0.22.0",
+    "typescript": "~6.0.3",
+    "vitest": "^4.1.6",
     "vitest-browser-vue": "^2.1.0",
-    "vue": "^3.5.33",
+    "vue": "^3.5.34",
     "@prosekit/config-ts": "0.0.0",
-    "@prosekit/config-vitest": "0.0.0",
     "@prosekit/config-tsdown": "0.0.0",
-    "@prosekit/testing": "0.0.0"
+    "@prosekit/testing": "0.0.0",
+    "@prosekit/config-vitest": "0.0.0"
   },
   "scripts": {
     "build:tsc": "tsc -b tsconfig.json",

package/src/components/autocomplete/autocomplete-root.gen.ts

@@ -27,6 +27,15 @@ export interface AutocompleteRootProps {
    * @default defaultItemFilter
    */
   filter?: AutocompleteRootElementProps['filter'];
+  /**
+   * The reference to position the popup against. This can be a DOM element, a
+   * Floating UI virtual element, or a function that returns either of them.
+   * By default, the popup will be positioned against the text content that
+   * triggers the autocomplete.
+   *
+   * @default null
+   */
+  anchor?: AutocompleteRootElementProps['anchor'];
   /** Fired when the open state changes. */
   onOpenChange?: (event: AutocompleteRootEvents['openChange']) => void;
   /** Fired when the query changes. */
@@ -50,11 +59,11 @@ export const AutocompleteRoot: DefineSetupFnComponent<AutocompleteRootProps & HT
 
     const elementRef = shallowRef<HTMLElement | null>(null);
 
-    const p0Fallback = useEditorContext();
+    const p1Fallback = useEditorContext();
 
     const splittedProps = computed(() => {
-      const { editor: p0, filter: p1, regex: p2, onOpenChange: e0, onQueryChange: e1, onValueChange: e2, onValuesChange: e3, ...restProps } = props;
-      return [[p0, p1, p2, e0, e1, e2, e3], restProps] as const;
+      const { anchor: p0, editor: p1, filter: p2, regex: p3, onOpenChange: e0, onQueryChange: e1, onValueChange: e2, onValuesChange: e3, ...restProps } = props;
+      return [[p0, p1, p2, p3, e0, e1, e2, e3], restProps] as const;
     });
 
     const handlers: Array<((event: any) => void) | undefined> = [];
@@ -63,9 +72,9 @@ export const AutocompleteRoot: DefineSetupFnComponent<AutocompleteRootProps & HT
       const element = elementRef.value;
       if (!element) return;
 
-      const [p0, p1, p2, e0, e1, e2, e3] = splittedProps.value[0];
+      const [p0, p1, p2, p3, e0, e1, e2, e3] = splittedProps.value[0];
 
-      Object.assign(element, { editor: p0 ?? p0Fallback, filter: p1, regex: p2 });
+      Object.assign(element, { anchor: p0, editor: p1 ?? p1Fallback, filter: p2, regex: p3 });
 
       handlers.length = 0;
       handlers.push(e0);
@@ -96,5 +105,5 @@ export const AutocompleteRoot: DefineSetupFnComponent<AutocompleteRootProps & HT
       return h('prosekit-autocomplete-root', { ...restProps, ref: elementRef }, slots.default?.());
     };
   },
-  { props: ['editor', 'filter', 'regex', 'onOpenChange', 'onQueryChange', 'onValueChange', 'onValuesChange'] },
+  { props: ['anchor', 'editor', 'filter', 'regex', 'onOpenChange', 'onQueryChange', 'onValueChange', 'onValuesChange'] },
 );

package/src/components/prosekit.ts

@@ -11,8 +11,6 @@ export interface ProseKitProps {
 
 /**
  * The root component for a ProseKit editor.
- *
- * @public
  */
 export const ProseKit: DefineSetupFnComponent<ProseKitProps> = defineComponent<ProseKitProps>({
   name: 'ProseKit',

package/src/extensions/vue-mark-view.ts

@@ -9,20 +9,12 @@ import {
 } from '@prosemirror-adapter/vue'
 import { defineComponent, h, markRaw, Teleport, type DefineComponent } from 'vue'
 
-/**
- * @public
- */
 export interface VueMarkViewProps extends MarkViewContext {}
 
-/**
- * @public
- */
 export type VueMarkViewComponent = DefineComponent<VueMarkViewProps, any, any>
 
 /**
  * Options for {@link defineVueMarkView}.
- *
- * @public
  */
 export interface VueMarkViewOptions extends CoreMarkViewUserOptions<VueMarkViewComponent> {
   /**
@@ -64,8 +56,6 @@ export function defineVueMarkViewFactory(
 
 /**
  * Defines a mark view using a Vue component.
- *
- * @public
  */
 export function defineVueMarkView(options: VueMarkViewOptions): Extension {
   return defineMarkViewComponent<VueMarkViewOptions>({

package/src/extensions/vue-node-view.ts

@@ -9,20 +9,12 @@ import {
 } from '@prosemirror-adapter/vue'
 import { defineComponent, h, markRaw, Teleport, type DefineComponent } from 'vue'
 
-/**
- * @public
- */
 export interface VueNodeViewProps extends NodeViewContext {}
 
-/**
- * @public
- */
 export type VueNodeViewComponent = DefineComponent<VueNodeViewProps, any, any>
 
 /**
  * Options for {@link defineVueNodeView}.
- *
- * @public
  */
 export interface VueNodeViewOptions extends CoreNodeViewUserOptions<VueNodeViewComponent> {
   /**
@@ -64,8 +56,6 @@ export function defineVueNodeViewFactory(
 
 /**
  * Defines a node view using a Vue component.
- *
- * @public
  */
 export function defineVueNodeView(options: VueNodeViewOptions): Extension {
   return defineNodeViewComponent<VueNodeViewOptions>({

package/src/hooks/use-doc-change.ts

@@ -5,8 +5,6 @@ import { useExtension, type UseExtensionOptions } from './use-extension.ts'
 
 /**
  * Calls the given handler whenever the editor document changes.
- *
- * @public
  */
 export function useDocChange(
   handler: (doc: ProseMirrorNode) => void,

package/src/hooks/use-editor-derived-value.ts

@@ -20,8 +20,6 @@ export interface UseEditorDerivedOptions<E extends Extension = any> {
  *
  * It returns a shallow ref of the derived value that updates whenever the editor
  * state changes.
- *
- * @public
  */
 export function useEditorDerivedValue<E extends Extension, Derived>(
   /**

package/src/hooks/use-editor.ts

@@ -5,8 +5,6 @@ import { useEditorContext } from '../injection/editor-context.ts'
 
 /**
  * Retrieves the editor instance from the nearest ProseKit component.
- *
- * @public
  */
 export function useEditor<E extends Extension = any>(options?: {
   /**

package/src/hooks/use-extension.ts

@@ -19,8 +19,6 @@ export interface UseExtensionOptions {
 
 /**
  * Add an extension to the editor.
- *
- * @public
  */
 export function useExtension(
   /**

package/src/hooks/use-state-update.ts

@@ -5,8 +5,6 @@ import { useExtension, type UseExtensionOptions } from './use-extension.ts'
 
 /**
  * Calls the given handler whenever the editor state changes.
- *
- * @public
  */
 export function useStateUpdate(
   handler: (state: EditorState) => void,