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

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

@@ -1,406 +0,0 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tiptap/core'), require('vue'), require('@tiptap/extension-bubble-menu'), require('@tiptap/extension-floating-menu')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@tiptap/core', 'vue', '@tiptap/extension-bubble-menu', '@tiptap/extension-floating-menu'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['@tiptap/vue-3'] = {}, global.core, global.vue, global.extensionBubbleMenu, global.extensionFloatingMenu));
-}(this, (function (exports, core, vue, extensionBubbleMenu, extensionFloatingMenu) { 'use strict';
-
-  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];
-      }
-    });
-  });
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=tiptap-vue-3.umd.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tiptap-vue-3.umd.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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"}