@tiptap/vue-3 2.0.0-beta.21 → 2.0.0-beta.211

package/dist/tiptap-vue-3.cjs.js

@@ -1,405 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@tiptap/core');
-var vue = require('vue');
-var extensionBubbleMenu = require('@tiptap/extension-bubble-menu');
-var extensionFloatingMenu = require('@tiptap/extension-floating-menu');
-
-const BubbleMenu = vue.defineComponent({
-    name: 'BubbleMenu',
-    props: {
-        editor: {
-            type: Object,
-            required: true,
-        },
-        keepInBounds: {
-            type: Boolean,
-            default: true,
-        },
-    },
-    setup({ editor, keepInBounds }, { slots }) {
-        const root = vue.ref(null);
-        vue.onMounted(() => {
-            editor.registerPlugin(extensionBubbleMenu.BubbleMenuPlugin({
-                editor,
-                element: root.value,
-                keepInBounds,
-            }));
-        });
-        vue.onBeforeUnmount(() => {
-            editor.unregisterPlugin(extensionBubbleMenu.BubbleMenuPluginKey);
-        });
-        return () => { var _a; return vue.h('div', { ref: root }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); };
-    },
-});
-
-function useDebouncedRef(value) {
-    return vue.customRef((track, trigger) => {
-        return {
-            get() {
-                track();
-                return value;
-            },
-            set(newValue) {
-                // update state
-                value = newValue;
-                // update view as soon as possible
-                requestAnimationFrame(() => {
-                    requestAnimationFrame(() => {
-                        trigger();
-                    });
-                });
-            },
-        };
-    });
-}
-class Editor extends core.Editor {
-    constructor(options = {}) {
-        super(options);
-        this.vueRenderers = vue.reactive(new Map());
-        this.contentComponent = null;
-        this.reactiveState = useDebouncedRef(this.view.state);
-        this.on('transaction', () => {
-            this.reactiveState.value = this.view.state;
-        });
-        return vue.markRaw(this);
-    }
-    get state() {
-        return this.reactiveState
-            ? this.reactiveState.value
-            : this.view.state;
-    }
-    /**
-     * Register a ProseMirror plugin.
-     */
-    registerPlugin(plugin, handlePlugins) {
-        super.registerPlugin(plugin, handlePlugins);
-        this.reactiveState.value = this.view.state;
-    }
-    /**
-     * Unregister a ProseMirror plugin.
-     */
-    unregisterPlugin(nameOrPluginKey) {
-        super.unregisterPlugin(nameOrPluginKey);
-        this.reactiveState.value = this.view.state;
-    }
-}
-
-const EditorContent = vue.defineComponent({
-    name: 'EditorContent',
-    props: {
-        editor: {
-            default: null,
-            type: Object,
-        },
-    },
-    setup(props) {
-        const rootEl = vue.ref();
-        const instance = vue.getCurrentInstance();
-        vue.watchEffect(() => {
-            const editor = props.editor;
-            if (editor && editor.options.element && rootEl.value) {
-                vue.nextTick(() => {
-                    if (!rootEl.value || !editor.options.element.firstChild) {
-                        return;
-                    }
-                    const element = vue.unref(rootEl.value);
-                    rootEl.value.appendChild(editor.options.element.firstChild);
-                    // @ts-ignore
-                    editor.contentComponent = instance.ctx._;
-                    editor.setOptions({
-                        element,
-                    });
-                    editor.createNodeViews();
-                });
-            }
-        });
-        vue.onBeforeUnmount(() => {
-            const editor = props.editor;
-            // destroy nodeviews before vue removes dom element
-            if (!editor.isDestroyed) {
-                editor.view.setProps({
-                    nodeViews: {},
-                });
-            }
-            editor.contentComponent = null;
-            if (!editor.options.element.firstChild) {
-                return;
-            }
-            const newElement = document.createElement('div');
-            newElement.appendChild(editor.options.element.firstChild);
-            editor.setOptions({
-                element: newElement,
-            });
-        });
-        return { rootEl };
-    },
-    render() {
-        const vueRenderers = [];
-        if (this.editor) {
-            this.editor.vueRenderers.forEach(vueRenderer => {
-                const node = vue.h(vue.Teleport, {
-                    to: vueRenderer.teleportElement,
-                    key: vueRenderer.id,
-                }, vue.h(vueRenderer.component, {
-                    ref: vueRenderer.id,
-                    ...vueRenderer.props,
-                }));
-                vueRenderers.push(node);
-            });
-        }
-        return vue.h('div', {
-            ref: (el) => { this.rootEl = el; },
-        }, ...vueRenderers);
-    },
-});
-
-const FloatingMenu = vue.defineComponent({
-    name: 'FloatingMenu',
-    props: {
-        editor: {
-            type: Object,
-            required: true,
-        },
-    },
-    setup({ editor }, { slots }) {
-        const root = vue.ref(null);
-        vue.onMounted(() => {
-            editor.registerPlugin(extensionFloatingMenu.FloatingMenuPlugin({
-                editor,
-                element: root.value,
-            }));
-        });
-        vue.onBeforeUnmount(() => {
-            editor.unregisterPlugin(extensionFloatingMenu.FloatingMenuPluginKey);
-        });
-        return () => { var _a; return vue.h('div', { ref: root }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)); };
-    },
-});
-
-const useEditor = (options = {}) => {
-    const editor = vue.ref();
-    vue.onMounted(() => {
-        editor.value = new Editor(options);
-    });
-    vue.onBeforeUnmount(() => {
-        var _a;
-        (_a = editor.value) === null || _a === void 0 ? void 0 : _a.destroy();
-    });
-    return editor;
-};
-
-class VueRenderer {
-    constructor(component, { props = {}, editor }) {
-        this.id = Math.floor(Math.random() * 0xFFFFFFFF).toString();
-        this.editor = editor;
-        this.component = vue.markRaw(component);
-        this.teleportElement = document.createElement('div');
-        this.element = this.teleportElement;
-        this.props = vue.reactive(props);
-        this.editor.vueRenderers.set(this.id, this);
-        if (this.editor.contentComponent) {
-            this.editor.contentComponent.update();
-            if (this.teleportElement.children.length !== 1) {
-                throw Error('VueRenderer doesn’t support multiple child elements.');
-            }
-            this.element = this.teleportElement.firstElementChild;
-        }
-    }
-    get ref() {
-        var _a;
-        return (_a = this.editor.contentComponent) === null || _a === void 0 ? void 0 : _a.ctx.$refs[this.id];
-    }
-    updateProps(props = {}) {
-        Object
-            .entries(props)
-            .forEach(([key, value]) => {
-            this.props[key] = value;
-        });
-    }
-    destroy() {
-        this.editor.vueRenderers.delete(this.id);
-    }
-}
-
-const nodeViewProps = {
-    editor: {
-        type: Object,
-        required: true,
-    },
-    node: {
-        type: Object,
-        required: true,
-    },
-    decorations: {
-        type: Object,
-        required: true,
-    },
-    selected: {
-        type: Boolean,
-        required: true,
-    },
-    extension: {
-        type: Object,
-        required: true,
-    },
-    getPos: {
-        type: Function,
-        required: true,
-    },
-    updateAttributes: {
-        type: Function,
-        required: true,
-    },
-};
-class VueNodeView extends core.NodeView {
-    mount() {
-        const props = {
-            editor: this.editor,
-            node: this.node,
-            decorations: this.decorations,
-            selected: false,
-            extension: this.extension,
-            getPos: () => this.getPos(),
-            updateAttributes: (attributes = {}) => this.updateAttributes(attributes),
-        };
-        const onDragStart = this.onDragStart.bind(this);
-        this.decorationClasses = vue.ref(this.getDecorationClasses());
-        const extendedComponent = vue.defineComponent({
-            extends: { ...this.component },
-            props: Object.keys(props),
-            setup: () => {
-                var _a, _b;
-                vue.provide('onDragStart', onDragStart);
-                vue.provide('decorationClasses', this.decorationClasses);
-                return (_b = (_a = this.component).setup) === null || _b === void 0 ? void 0 : _b.call(_a, props);
-            },
-        });
-        this.renderer = new VueRenderer(extendedComponent, {
-            editor: this.editor,
-            props,
-        });
-    }
-    get dom() {
-        if (!this.renderer.element.hasAttribute('data-node-view-wrapper')) {
-            throw Error('Please use the NodeViewWrapper component for your node view.');
-        }
-        return this.renderer.element;
-    }
-    get contentDOM() {
-        if (this.node.isLeaf) {
-            return null;
-        }
-        const contentElement = this.dom.querySelector('[data-node-view-content]');
-        return contentElement || this.dom;
-    }
-    update(node, decorations) {
-        if (typeof this.options.update === 'function') {
-            return this.options.update(node, decorations);
-        }
-        if (node.type !== this.node.type) {
-            return false;
-        }
-        if (node === this.node && this.decorations === decorations) {
-            return true;
-        }
-        this.node = node;
-        this.decorations = decorations;
-        this.decorationClasses.value = this.getDecorationClasses();
-        this.renderer.updateProps({ node, decorations });
-        return true;
-    }
-    selectNode() {
-        this.renderer.updateProps({
-            selected: true,
-        });
-    }
-    deselectNode() {
-        this.renderer.updateProps({
-            selected: false,
-        });
-    }
-    getDecorationClasses() {
-        return this.decorations
-            // @ts-ignore
-            .map(item => item.type.attrs.class)
-            .flat()
-            .join(' ');
-    }
-    destroy() {
-        this.renderer.destroy();
-    }
-}
-function VueNodeViewRenderer(component, options) {
-    return (props) => {
-        // try to get the parent component
-        // this is important for vue devtools to show the component hierarchy correctly
-        // maybe it’s `undefined` because <editor-content> isn’t rendered yet
-        if (!props.editor.contentComponent) {
-            return {};
-        }
-        return new VueNodeView(component, props, options);
-    };
-}
-
-const NodeViewWrapper = vue.defineComponent({
-    props: {
-        as: {
-            type: String,
-            default: 'div',
-        },
-    },
-    inject: ['onDragStart', 'decorationClasses'],
-    render() {
-        var _a, _b;
-        return vue.h(this.as, {
-            // @ts-ignore
-            class: this.decorationClasses.value,
-            style: {
-                whiteSpace: 'normal',
-            },
-            'data-node-view-wrapper': '',
-            // @ts-ignore (https://github.com/vuejs/vue-next/issues/3031)
-            onDragStart: this.onDragStart,
-        }, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a));
-    },
-});
-
-const NodeViewContent = vue.defineComponent({
-    props: {
-        as: {
-            type: String,
-            default: 'div',
-        },
-    },
-    render() {
-        return vue.h(this.as, {
-            style: {
-                whiteSpace: 'pre-wrap',
-            },
-            'data-node-view-content': '',
-        });
-    },
-});
-
-exports.BubbleMenu = BubbleMenu;
-exports.Editor = Editor;
-exports.EditorContent = EditorContent;
-exports.FloatingMenu = FloatingMenu;
-exports.NodeViewContent = NodeViewContent;
-exports.NodeViewWrapper = NodeViewWrapper;
-exports.VueNodeViewRenderer = VueNodeViewRenderer;
-exports.VueRenderer = VueRenderer;
-exports.nodeViewProps = nodeViewProps;
-exports.useEditor = useEditor;
-Object.keys(core).forEach(function (k) {
-  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () {
-      return core[k];
-    }
-  });
-});
-//# sourceMappingURL=tiptap-vue-3.cjs.js.map

package/dist/tiptap-vue-3.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tiptap-vue-3.cjs.js","sources":["../src/BubbleMenu.ts","../src/Editor.ts","../src/EditorContent.ts","../src/FloatingMenu.ts","../src/useEditor.ts","../src/VueRenderer.ts","../src/VueNodeViewRenderer.ts","../src/NodeViewWrapper.ts","../src/NodeViewContent.ts"],"sourcesContent":["import {\n  h,\n  ref,\n  PropType,\n  onMounted,\n  onBeforeUnmount,\n  defineComponent,\n} from 'vue'\nimport {\n  BubbleMenuPlugin,\n  BubbleMenuPluginKey,\n  BubbleMenuPluginProps,\n} from '@tiptap/extension-bubble-menu'\n\nexport const BubbleMenu = defineComponent({\n  name: 'BubbleMenu',\n\n  props: {\n    editor: {\n      type: Object as PropType<BubbleMenuPluginProps['editor']>,\n      required: true,\n    },\n\n    keepInBounds: {\n      type: Boolean as PropType<BubbleMenuPluginProps['keepInBounds']>,\n      default: true,\n    },\n  },\n\n  setup({ editor, keepInBounds }, { slots }) {\n    const root = ref<HTMLElement | null>(null)\n\n    onMounted(() => {\n      editor.registerPlugin(BubbleMenuPlugin({\n        editor,\n        element: root.value as HTMLElement,\n        keepInBounds,\n      }))\n    })\n\n    onBeforeUnmount(() => {\n      editor.unregisterPlugin(BubbleMenuPluginKey)\n    })\n\n    return () => h('div', { ref: root }, slots.default?.())\n  },\n})\n","import { EditorState, Plugin, PluginKey } from 'prosemirror-state'\nimport { Editor as CoreEditor, EditorOptions } from '@tiptap/core'\nimport {\n  markRaw,\n  Ref,\n  customRef,\n  ComponentInternalInstance,\n  ComponentPublicInstance,\n  reactive,\n} from 'vue'\nimport { VueRenderer } from './VueRenderer'\n\nfunction useDebouncedRef<T>(value: T) {\n  return customRef<T>((track, trigger) => {\n    return {\n      get() {\n        track()\n        return value\n      },\n      set(newValue) {\n        // update state\n        value = newValue\n\n        // update view as soon as possible\n        requestAnimationFrame(() => {\n          requestAnimationFrame(() => {\n            trigger()\n          })\n        })\n      },\n    }\n  })\n}\n\nexport type ContentComponent = ComponentInternalInstance & {\n  ctx: ComponentPublicInstance,\n}\n\nexport class Editor extends CoreEditor {\n  private reactiveState: Ref<EditorState>\n\n  public vueRenderers = reactive<Map<string, VueRenderer>>(new Map())\n\n  public contentComponent: ContentComponent | null = null\n\n  constructor(options: Partial<EditorOptions> = {}) {\n    super(options)\n\n    this.reactiveState = useDebouncedRef(this.view.state)\n\n    this.on('transaction', () => {\n      this.reactiveState.value = this.view.state\n    })\n\n    return markRaw(this)\n  }\n\n  get state() {\n    return this.reactiveState\n      ? this.reactiveState.value\n      : this.view.state\n  }\n\n  /**\n   * Register a ProseMirror plugin.\n   */\n  public registerPlugin(plugin: Plugin, handlePlugins?: (newPlugin: Plugin, plugins: Plugin[]) => Plugin[]): void {\n    super.registerPlugin(plugin, handlePlugins)\n    this.reactiveState.value = this.view.state\n  }\n\n  /**\n   * Unregister a ProseMirror plugin.\n   */\n  public unregisterPlugin(nameOrPluginKey: string | PluginKey): void {\n    super.unregisterPlugin(nameOrPluginKey)\n    this.reactiveState.value = this.view.state\n  }\n}\n","import {\n  h,\n  ref,\n  Ref,\n  unref,\n  Teleport,\n  PropType,\n  defineComponent,\n  DefineComponent,\n  watchEffect,\n  nextTick,\n  onBeforeUnmount,\n  getCurrentInstance,\n} from 'vue'\nimport { Editor } from './Editor'\n\nexport const EditorContent = defineComponent({\n  name: 'EditorContent',\n\n  props: {\n    editor: {\n      default: null,\n      type: Object as PropType<Editor>,\n    },\n  },\n\n  setup(props) {\n    const rootEl: Ref<Element | undefined> = ref()\n    const instance = getCurrentInstance()\n\n    watchEffect(() => {\n      const editor = props.editor\n\n      if (editor && editor.options.element && rootEl.value) {\n        nextTick(() => {\n          if (!rootEl.value || !editor.options.element.firstChild) {\n            return\n          }\n\n          const element = unref(rootEl.value)\n\n          rootEl.value.appendChild(editor.options.element.firstChild)\n\n          // @ts-ignore\n          editor.contentComponent = instance.ctx._\n\n          editor.setOptions({\n            element,\n          })\n\n          editor.createNodeViews()\n        })\n      }\n    })\n\n    onBeforeUnmount(() => {\n      const editor = props.editor\n\n      // destroy nodeviews before vue removes dom element\n      if (!editor.isDestroyed) {\n        editor.view.setProps({\n          nodeViews: {},\n        })\n      }\n\n      editor.contentComponent = null\n\n      if (!editor.options.element.firstChild) {\n        return\n      }\n\n      const newElement = document.createElement('div')\n\n      newElement.appendChild(editor.options.element.firstChild)\n\n      editor.setOptions({\n        element: newElement,\n      })\n    })\n\n    return { rootEl }\n  },\n\n  render() {\n    const vueRenderers: any[] = []\n\n    if (this.editor) {\n      this.editor.vueRenderers.forEach(vueRenderer => {\n        const node = h(\n          Teleport,\n          {\n            to: vueRenderer.teleportElement,\n            key: vueRenderer.id,\n          },\n          h(\n            vueRenderer.component as DefineComponent,\n            {\n              ref: vueRenderer.id,\n              ...vueRenderer.props,\n            },\n          ),\n        )\n\n        vueRenderers.push(node)\n      })\n    }\n\n    return h(\n      'div',\n      {\n        ref: (el: any) => { this.rootEl = el },\n      },\n      ...vueRenderers,\n    )\n  },\n})\n","import {\n  h,\n  ref,\n  PropType,\n  onMounted,\n  onBeforeUnmount,\n  defineComponent,\n} from 'vue'\nimport {\n  FloatingMenuPlugin,\n  FloatingMenuPluginKey,\n  FloatingMenuPluginProps,\n} from '@tiptap/extension-floating-menu'\n\nexport const FloatingMenu = defineComponent({\n  name: 'FloatingMenu',\n\n  props: {\n    editor: {\n      type: Object as PropType<FloatingMenuPluginProps['editor']>,\n      required: true,\n    },\n  },\n\n  setup({ editor }, { slots }) {\n    const root = ref<HTMLElement | null>(null)\n\n    onMounted(() => {\n      editor.registerPlugin(FloatingMenuPlugin({\n        editor,\n        element: root.value as HTMLElement,\n      }))\n    })\n\n    onBeforeUnmount(() => {\n      editor.unregisterPlugin(FloatingMenuPluginKey)\n    })\n\n    return () => h('div', { ref: root }, slots.default?.())\n  },\n})\n","import { onMounted, onBeforeUnmount, ref } from 'vue'\nimport { EditorOptions } from '@tiptap/core'\nimport { Editor } from './Editor'\n\nexport const useEditor = (options: Partial<EditorOptions> = {}) => {\n  const editor = ref<Editor>()\n\n  onMounted(() => {\n    editor.value = new Editor(options)\n  })\n\n  onBeforeUnmount(() => {\n    editor.value?.destroy()\n  })\n\n  return editor\n}\n","import { reactive, markRaw, Component } from 'vue'\nimport { AnyObject } from '@tiptap/core'\nimport { Editor } from './Editor'\n\nexport interface VueRendererOptions {\n  editor: Editor,\n  props?: AnyObject,\n}\n\nexport class VueRenderer {\n  id: string\n\n  editor: Editor\n\n  component: Component\n\n  teleportElement: Element\n\n  element: Element\n\n  props: AnyObject\n\n  constructor(component: Component, { props = {}, editor }: VueRendererOptions) {\n    this.id = Math.floor(Math.random() * 0xFFFFFFFF).toString()\n    this.editor = editor\n    this.component = markRaw(component)\n    this.teleportElement = document.createElement('div')\n    this.element = this.teleportElement\n    this.props = reactive(props)\n    this.editor.vueRenderers.set(this.id, this)\n\n    if (this.editor.contentComponent) {\n      this.editor.contentComponent.update()\n\n      if (this.teleportElement.children.length !== 1) {\n        throw Error('VueRenderer doesn’t support multiple child elements.')\n      }\n\n      this.element = this.teleportElement.firstElementChild as Element\n    }\n  }\n\n  get ref(): any {\n    return this.editor.contentComponent?.ctx.$refs[this.id]\n  }\n\n  updateProps(props: AnyObject = {}): void {\n    Object\n      .entries(props)\n      .forEach(([key, value]) => {\n        this.props[key] = value\n      })\n  }\n\n  destroy(): void {\n    this.editor.vueRenderers.delete(this.id)\n  }\n}\n","import {\n  NodeView,\n  NodeViewProps,\n  NodeViewRenderer,\n  NodeViewRendererProps,\n} from '@tiptap/core'\nimport {\n  ref,\n  Ref,\n  provide,\n  PropType,\n  Component,\n  defineComponent,\n} from 'vue'\nimport { Decoration, NodeView as ProseMirrorNodeView } from 'prosemirror-view'\nimport { Node as ProseMirrorNode } from 'prosemirror-model'\nimport { Editor } from './Editor'\nimport { VueRenderer } from './VueRenderer'\n\nexport const nodeViewProps = {\n  editor: {\n    type: Object as PropType<NodeViewProps['editor']>,\n    required: true,\n  },\n  node: {\n    type: Object as PropType<NodeViewProps['node']>,\n    required: true,\n  },\n  decorations: {\n    type: Object as PropType<NodeViewProps['decorations']>,\n    required: true,\n  },\n  selected: {\n    type: Boolean as PropType<NodeViewProps['selected']>,\n    required: true,\n  },\n  extension: {\n    type: Object as PropType<NodeViewProps['extension']>,\n    required: true,\n  },\n  getPos: {\n    type: Function as PropType<NodeViewProps['getPos']>,\n    required: true,\n  },\n  updateAttributes: {\n    type: Function as PropType<NodeViewProps['updateAttributes']>,\n    required: true,\n  },\n}\n\ninterface VueNodeViewRendererOptions {\n  stopEvent: ((event: Event) => boolean) | null,\n  update: ((node: ProseMirrorNode, decorations: Decoration[]) => boolean) | null,\n}\n\nclass VueNodeView extends NodeView<Component, Editor> {\n\n  renderer!: VueRenderer\n\n  decorationClasses!: Ref<string>\n\n  mount() {\n    const props: NodeViewProps = {\n      editor: this.editor,\n      node: this.node,\n      decorations: this.decorations,\n      selected: false,\n      extension: this.extension,\n      getPos: () => this.getPos(),\n      updateAttributes: (attributes = {}) => this.updateAttributes(attributes),\n    }\n\n    const onDragStart = this.onDragStart.bind(this)\n\n    this.decorationClasses = ref(this.getDecorationClasses())\n\n    const extendedComponent = defineComponent({\n      extends: { ...this.component },\n      props: Object.keys(props),\n      setup: () => {\n        provide('onDragStart', onDragStart)\n        provide('decorationClasses', this.decorationClasses)\n\n        return (this.component as any).setup?.(props)\n      },\n    })\n\n    this.renderer = new VueRenderer(extendedComponent, {\n      editor: this.editor,\n      props,\n    })\n  }\n\n  get dom() {\n    if (!this.renderer.element.hasAttribute('data-node-view-wrapper')) {\n      throw Error('Please use the NodeViewWrapper component for your node view.')\n    }\n\n    return this.renderer.element\n  }\n\n  get contentDOM() {\n    if (this.node.isLeaf) {\n      return null\n    }\n\n    const contentElement = this.dom.querySelector('[data-node-view-content]')\n\n    return contentElement || this.dom\n  }\n\n  update(node: ProseMirrorNode, decorations: Decoration[]) {\n    if (typeof this.options.update === 'function') {\n      return this.options.update(node, decorations)\n    }\n\n    if (node.type !== this.node.type) {\n      return false\n    }\n\n    if (node === this.node && this.decorations === decorations) {\n      return true\n    }\n\n    this.node = node\n    this.decorations = decorations\n    this.decorationClasses.value = this.getDecorationClasses()\n    this.renderer.updateProps({ node, decorations })\n\n    return true\n  }\n\n  selectNode() {\n    this.renderer.updateProps({\n      selected: true,\n    })\n  }\n\n  deselectNode() {\n    this.renderer.updateProps({\n      selected: false,\n    })\n  }\n\n  getDecorationClasses() {\n    return this.decorations\n      // @ts-ignore\n      .map(item => item.type.attrs.class)\n      .flat()\n      .join(' ')\n  }\n\n  destroy() {\n    this.renderer.destroy()\n  }\n\n}\n\nexport function VueNodeViewRenderer(component: Component, options?: Partial<VueNodeViewRendererOptions>): NodeViewRenderer {\n  return (props: NodeViewRendererProps) => {\n    // try to get the parent component\n    // this is important for vue devtools to show the component hierarchy correctly\n    // maybe it’s `undefined` because <editor-content> isn’t rendered yet\n    if (!(props.editor as Editor).contentComponent) {\n      return {}\n    }\n\n    return new VueNodeView(component, props, options) as ProseMirrorNodeView\n  }\n}\n","import { h, defineComponent } from 'vue'\n\nexport const NodeViewWrapper = defineComponent({\n  props: {\n    as: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  inject: ['onDragStart', 'decorationClasses'],\n\n  render() {\n    return h(\n      this.as, {\n        // @ts-ignore\n        class: this.decorationClasses.value,\n        style: {\n          whiteSpace: 'normal',\n        },\n        'data-node-view-wrapper': '',\n        // @ts-ignore (https://github.com/vuejs/vue-next/issues/3031)\n        onDragStart: this.onDragStart,\n      },\n      this.$slots.default?.(),\n    )\n  },\n})\n","import { h, defineComponent } from 'vue'\n\nexport const NodeViewContent = defineComponent({\n  props: {\n    as: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  render() {\n    return h(\n      this.as, {\n        style: {\n          whiteSpace: 'pre-wrap',\n        },\n        'data-node-view-content': '',\n      },\n    )\n  },\n})\n"],"names":["defineComponent","ref","onMounted","BubbleMenuPlugin","onBeforeUnmount","BubbleMenuPluginKey","h","customRef","CoreEditor","reactive","markRaw","getCurrentInstance","watchEffect","nextTick","unref","Teleport","FloatingMenuPlugin","FloatingMenuPluginKey","NodeView","provide"],"mappings":"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"}