@tiptap/vue-2 3.30.1 → 3.30.3

package/dist/index.cjs

@@ -1,516 +1,430 @@
-"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region \0rolldown/runtime.js
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  Editor: () => Editor,
-  EditorContent: () => EditorContent,
-  NodeViewContent: () => NodeViewContent,
-  NodeViewWrapper: () => NodeViewWrapper,
-  VueNodeViewRenderer: () => VueNodeViewRenderer,
-  VueRenderer: () => VueRenderer,
-  VueWidgetRenderer: () => VueWidgetRenderer,
-  nodeViewProps: () => nodeViewProps
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/Editor.ts
-var import_core = require("@tiptap/core");
-var Editor = class extends import_core.Editor {
-  constructor() {
-    super(...arguments);
-    this.contentComponent = null;
-  }
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+let _tiptap_core = require("@tiptap/core");
+let vue_ts_types = require("vue-ts-types");
+let vue = require("vue");
+vue = __toESM(vue, 1);
+//#region src/Editor.ts
+var Editor = class extends _tiptap_core.Editor {
+	constructor(..._args) {
+		super(..._args);
+		this.contentComponent = null;
+	}
 };
-
-// src/EditorContent.ts
-var EditorContent = {
-  name: "EditorContent",
-  props: {
-    editor: {
-      default: null,
-      type: Object
-    }
-  },
-  watch: {
-    editor: {
-      immediate: true,
-      handler(editor) {
-        if (editor && editor.options.element) {
-          this.$nextTick(() => {
-            var _a;
-            const element = this.$el;
-            if (!element || !((_a = editor.view.dom) == null ? void 0 : _a.parentNode)) {
-              return;
-            }
-            element.append(...editor.view.dom.parentNode.childNodes);
-            editor.contentComponent = this;
-            editor.setOptions({
-              element
-            });
-            editor.createNodeViews();
-          });
-        }
-      }
-    }
-  },
-  render(createElement) {
-    return createElement("div");
-  },
-  beforeDestroy() {
-    var _a;
-    const { editor } = this;
-    if (!editor) {
-      return;
-    }
-    if (!editor.isDestroyed) {
-      editor.view.setProps({
-        nodeViews: {}
-      });
-    }
-    editor.contentComponent = null;
-    if (!((_a = editor.view.dom) == null ? void 0 : _a.parentNode)) {
-      return;
-    }
-    const newElement = document.createElement("div");
-    newElement.append(...editor.view.dom.parentNode.childNodes);
-    editor.setOptions({
-      element: newElement
-    });
-  }
+//#endregion
+//#region src/EditorContent.ts
+const EditorContent = {
+	name: "EditorContent",
+	props: { editor: {
+		default: null,
+		type: Object
+	} },
+	watch: { editor: {
+		immediate: true,
+		handler(editor) {
+			if (editor && editor.options.element) this.$nextTick(() => {
+				var _editor$view$dom;
+				const element = this.$el;
+				if (!element || !((_editor$view$dom = editor.view.dom) === null || _editor$view$dom === void 0 ? void 0 : _editor$view$dom.parentNode)) return;
+				element.append(...editor.view.dom.parentNode.childNodes);
+				editor.contentComponent = this;
+				editor.setOptions({ element });
+				editor.createNodeViews();
+			});
+		}
+	} },
+	render(createElement) {
+		return createElement("div");
+	},
+	beforeDestroy() {
+		var _editor$view$dom2;
+		const { editor } = this;
+		if (!editor) return;
+		if (!editor.isDestroyed) editor.view.setProps({ nodeViews: {} });
+		editor.contentComponent = null;
+		if (!((_editor$view$dom2 = editor.view.dom) === null || _editor$view$dom2 === void 0 ? void 0 : _editor$view$dom2.parentNode)) return;
+		const newElement = document.createElement("div");
+		newElement.append(...editor.view.dom.parentNode.childNodes);
+		editor.setOptions({ element: newElement });
+	}
 };
-
-// src/NodeViewContent.ts
-var NodeViewContent = {
-  props: {
-    as: {
-      type: String,
-      default: "div"
-    }
-  },
-  inject: {
-    nodeViewContentRef: { default: void 0 }
-  },
-  mounted() {
-    if (this.nodeViewContentRef && this.$el) {
-      this.nodeViewContentRef(this.$el);
-    }
-  },
-  beforeDestroy() {
-    if (this.nodeViewContentRef) {
-      this.nodeViewContentRef(null);
-    }
-  },
-  render(createElement) {
-    return createElement(this.as, {
-      style: {
-        whiteSpace: "pre-wrap"
-      },
-      attrs: {
-        "data-node-view-content": ""
-      }
-    });
-  }
+//#endregion
+//#region src/NodeViewContent.ts
+const NodeViewContent = {
+	props: { as: {
+		type: String,
+		default: "div"
+	} },
+	inject: { nodeViewContentRef: { default: void 0 } },
+	mounted() {
+		if (this.nodeViewContentRef && this.$el) this.nodeViewContentRef(this.$el);
+	},
+	beforeDestroy() {
+		if (this.nodeViewContentRef) this.nodeViewContentRef(null);
+	},
+	render(createElement) {
+		return createElement(this.as, {
+			style: { whiteSpace: "pre-wrap" },
+			attrs: { "data-node-view-content": "" }
+		});
+	}
 };
-
-// src/NodeViewWrapper.ts
-var NodeViewWrapper = {
-  props: {
-    as: {
-      type: String,
-      default: "div"
-    }
-  },
-  inject: ["onDragStart", "decorationClasses"],
-  render(createElement) {
-    return createElement(
-      this.as,
-      {
-        class: this.decorationClasses.value,
-        style: {
-          whiteSpace: "normal"
-        },
-        attrs: {
-          "data-node-view-wrapper": ""
-        },
-        on: {
-          dragstart: this.onDragStart
-        }
-      },
-      this.$slots.default
-    );
-  }
+//#endregion
+//#region src/NodeViewWrapper.ts
+const NodeViewWrapper = {
+	props: { as: {
+		type: String,
+		default: "div"
+	} },
+	inject: ["onDragStart", "decorationClasses"],
+	render(createElement) {
+		return createElement(this.as, {
+			class: this.decorationClasses.value,
+			style: { whiteSpace: "normal" },
+			attrs: { "data-node-view-wrapper": "" },
+			on: { dragstart: this.onDragStart }
+		}, this.$slots.default);
+	}
 };
-
-// src/VueNodeViewRenderer.ts
-var import_core2 = require("@tiptap/core");
-var import_vue_ts_types = require("vue-ts-types");
-
-// src/Vue.ts
-var import_vue = __toESM(require("vue"), 1);
-var Vue = import_vue.default;
-
-// src/VueRenderer.ts
+//#endregion
+//#region src/Vue.ts
+const Vue = vue.default;
+//#endregion
+//#region src/VueRenderer.ts
+/**
+* The VueRenderer class is responsible for rendering a Vue component as a ProseMirror node view.
+*/
 var VueRenderer = class {
-  constructor(component, props) {
-    const Component = typeof component === "function" ? component : Vue.extend(component);
-    this.ref = new Component(props).$mount();
-  }
-  get element() {
-    return this.ref.$el;
-  }
-  updateProps(props = {}) {
-    var _a, _b, _c;
-    if (!this.ref.$props) {
-      return;
-    }
-    const currentVueConstructor = (_c = (_b = (_a = this.ref.$props.editor) == null ? void 0 : _a.contentComponent) == null ? void 0 : _b.$options._base) != null ? _c : Vue;
-    const originalSilent = currentVueConstructor.config.silent;
-    currentVueConstructor.config.silent = true;
-    Object.entries(props).forEach(([key, value]) => {
-      this.ref.$props[key] = value;
-    });
-    currentVueConstructor.config.silent = originalSilent;
-  }
-  destroy() {
-    this.ref.$destroy();
-  }
+	constructor(component, props) {
+		const Component = typeof component === "function" ? component : Vue.extend(component);
+		this.ref = new Component(props).$mount();
+	}
+	get element() {
+		return this.ref.$el;
+	}
+	updateProps(props = {}) {
+		var _this$ref$$props$edit, _this$ref$$props$edit2;
+		if (!this.ref.$props) return;
+		const currentVueConstructor = (_this$ref$$props$edit = (_this$ref$$props$edit2 = this.ref.$props.editor) === null || _this$ref$$props$edit2 === void 0 || (_this$ref$$props$edit2 = _this$ref$$props$edit2.contentComponent) === null || _this$ref$$props$edit2 === void 0 ? void 0 : _this$ref$$props$edit2.$options._base) !== null && _this$ref$$props$edit !== void 0 ? _this$ref$$props$edit : Vue;
+		const originalSilent = currentVueConstructor.config.silent;
+		currentVueConstructor.config.silent = true;
+		Object.entries(props).forEach(([key, value]) => {
+			this.ref.$props[key] = value;
+		});
+		currentVueConstructor.config.silent = originalSilent;
+	}
+	destroy() {
+		this.ref.$destroy();
+	}
 };
-
-// src/VueNodeViewRenderer.ts
-var nodeViewProps = {
-  editor: (0, import_vue_ts_types.objectProp)().required,
-  node: (0, import_vue_ts_types.objectProp)().required,
-  decorations: (0, import_vue_ts_types.objectProp)().required,
-  selected: (0, import_vue_ts_types.booleanProp)().required,
-  extension: (0, import_vue_ts_types.objectProp)().required,
-  getPos: (0, import_vue_ts_types.functionProp)().required,
-  updateAttributes: (0, import_vue_ts_types.functionProp)().required,
-  deleteNode: (0, import_vue_ts_types.functionProp)().required
+//#endregion
+//#region src/VueNodeViewRenderer.ts
+const nodeViewProps = {
+	editor: (0, vue_ts_types.objectProp)().required,
+	node: (0, vue_ts_types.objectProp)().required,
+	decorations: (0, vue_ts_types.objectProp)().required,
+	selected: (0, vue_ts_types.booleanProp)().required,
+	extension: (0, vue_ts_types.objectProp)().required,
+	getPos: (0, vue_ts_types.functionProp)().required,
+	updateAttributes: (0, vue_ts_types.functionProp)().required,
+	deleteNode: (0, vue_ts_types.functionProp)().required
 };
-var VueNodeView = class extends import_core2.NodeView {
-  constructor(component, props, options) {
-    super(component, props, options);
-    this.handlePositionUpdate = () => {
-      const newPos = this.getPos();
-      if (typeof newPos !== "number" || newPos === this.currentPos) {
-        return;
-      }
-      this.currentPos = newPos;
-      this.renderer.updateProps({ getPos: () => this.getPos() });
-    };
-    if (this.options.trackNodeViewPosition) {
-      this.editor.on("update", this.handlePositionUpdate);
-    }
-  }
-  /**
-   * Called when the node view is mounted.
-   */
-  mount() {
-    var _a, _b;
-    const props = {
-      editor: this.editor,
-      node: this.node,
-      decorations: this.decorations,
-      innerDecorations: this.innerDecorations,
-      view: this.view,
-      selected: false,
-      extension: this.extension,
-      HTMLAttributes: this.HTMLAttributes,
-      getPos: () => this.getPos(),
-      updateAttributes: (attributes = {}) => this.updateAttributes(attributes),
-      deleteNode: () => this.deleteNode()
-    };
-    const mountProps = props;
-    const onDragStart = this.onDragStart.bind(this);
-    this.decorationClasses = Vue.observable({
-      value: this.getDecorationClasses()
-    });
-    const vue = (_b = (_a = this.editor.contentComponent) == null ? void 0 : _a.$options._base) != null ? _b : Vue;
-    const Component = vue.extend(this.component).extend({
-      props: Object.keys(props),
-      provide: () => {
-        return {
-          onDragStart,
-          decorationClasses: this.decorationClasses,
-          nodeViewContentRef: (el) => {
-            if (!this.contentDOMElement) return;
-            if (el && el.firstChild !== this.contentDOMElement) {
-              el.appendChild(this.contentDOMElement);
-            }
-          }
-        };
-      }
-    });
-    this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this);
-    this.editor.on("selectionUpdate", this.handleSelectionUpdate);
-    this.currentPos = this.getPos();
-    if (!this.node.isLeaf) {
-      if (this.options.contentDOMElementTag) {
-        this.contentDOMElement = document.createElement(this.options.contentDOMElementTag);
-      } else {
-        this.contentDOMElement = document.createElement(this.node.isInline ? "span" : "div");
-      }
-      this.contentDOMElement.style.whiteSpace = "inherit";
-      this.contentDOMElement.dataset.nodeViewContentVue = "";
-    }
-    this.renderer = new VueRenderer(Component, {
-      parent: this.editor.contentComponent,
-      propsData: mountProps
-    });
-  }
-  /**
-   * Return the DOM element.
-   * This is the element that will be used to display the node view.
-   */
-  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;
-  }
-  /**
-   * Return the content DOM element.
-   * This is the element that will be used to display the rich-text content of the node.
-   */
-  get contentDOM() {
-    if (this.node.isLeaf) {
-      return null;
-    }
-    return this.contentDOMElement;
-  }
-  /**
-   * On editor selection update, check if the node is selected.
-   * If it is, call `selectNode`, otherwise call `deselectNode`.
-   */
-  handleSelectionUpdate() {
-    const pos = this.getPos();
-    if (typeof pos !== "number") {
-      return;
-    }
-    const isSelected = (0, import_core2.isNodeViewSelected)({
-      selection: this.editor.state.selection,
-      pos,
-      nodeSize: this.node.nodeSize,
-      selectedOnTextSelection: this.options.selectedOnTextSelection
-    });
-    if (isSelected) {
-      if (this.renderer.ref.$props.selected) {
-        return;
-      }
-      this.selectNode();
-    } else {
-      if (!this.renderer.ref.$props.selected) {
-        return;
-      }
-      this.deselectNode();
-    }
-  }
-  /**
-   * On update, update the React component.
-   * To prevent unnecessary updates, the `update` option can be used.
-   */
-  update(node, decorations, innerDecorations) {
-    const rerenderComponent = (props) => {
-      this.decorationClasses.value = this.getDecorationClasses();
-      this.renderer.updateProps(props);
-    };
-    if (typeof this.options.update === "function") {
-      const oldNode = this.node;
-      const oldDecorations = this.decorations;
-      const oldInnerDecorations = this.innerDecorations;
-      this.node = node;
-      this.decorations = decorations;
-      this.innerDecorations = innerDecorations;
-      return this.options.update({
-        oldNode,
-        oldDecorations,
-        newNode: node,
-        newDecorations: decorations,
-        oldInnerDecorations,
-        innerDecorations,
-        updateProps: () => rerenderComponent({ node, decorations, innerDecorations })
-      });
-    }
-    if (node.type !== this.node.type) {
-      return false;
-    }
-    const nodeChanged = node !== this.node;
-    if (!nodeChanged) {
-      this.node = node;
-      this.decorations = decorations;
-      this.innerDecorations = innerDecorations;
-      this.decorationClasses.value = this.getDecorationClasses();
-      return true;
-    }
-    this.node = node;
-    this.decorations = decorations;
-    this.innerDecorations = innerDecorations;
-    this.currentPos = this.getPos();
-    const extraProps = {
-      node,
-      decorations,
-      innerDecorations
-    };
-    if (this.options.trackNodeViewPosition) {
-      extraProps.getPos = () => this.getPos();
-    }
-    rerenderComponent(extraProps);
-    return true;
-  }
-  /**
-   * Select the node.
-   * Add the `selected` prop and the `ProseMirror-selectednode` class.
-   */
-  selectNode() {
-    this.renderer.updateProps({
-      selected: true
-    });
-    this.renderer.element.classList.add("ProseMirror-selectednode");
-  }
-  /**
-   * Deselect the node.
-   * Remove the `selected` prop and the `ProseMirror-selectednode` class.
-   */
-  deselectNode() {
-    this.renderer.updateProps({
-      selected: false
-    });
-    this.renderer.element.classList.remove("ProseMirror-selectednode");
-  }
-  getDecorationClasses() {
-    return this.decorations.flatMap((item) => item.type.attrs.class).join(" ");
-  }
-  destroy() {
-    this.renderer.destroy();
-    this.editor.off("selectionUpdate", this.handleSelectionUpdate);
-    if (this.options.trackNodeViewPosition) {
-      this.editor.off("update", this.handlePositionUpdate);
-    }
-    this.contentDOMElement = null;
-  }
+var VueNodeView = class extends _tiptap_core.NodeView {
+	constructor(component, props, options) {
+		super(component, props, options);
+		this.handlePositionUpdate = () => {
+			const newPos = this.getPos();
+			if (typeof newPos !== "number" || newPos === this.currentPos) return;
+			this.currentPos = newPos;
+			this.renderer.updateProps({ getPos: () => this.getPos() });
+		};
+		if (this.options.trackNodeViewPosition) this.editor.on("update", this.handlePositionUpdate);
+	}
+	/**
+	* Called when the node view is mounted.
+	*/
+	mount() {
+		var _this$editor$contentC, _this$editor$contentC2;
+		const props = {
+			editor: this.editor,
+			node: this.node,
+			decorations: this.decorations,
+			innerDecorations: this.innerDecorations,
+			view: this.view,
+			selected: false,
+			extension: this.extension,
+			HTMLAttributes: this.HTMLAttributes,
+			getPos: () => this.getPos(),
+			updateAttributes: (attributes = {}) => this.updateAttributes(attributes),
+			deleteNode: () => this.deleteNode()
+		};
+		const mountProps = props;
+		const onDragStart = this.onDragStart.bind(this);
+		this.decorationClasses = Vue.observable({ value: this.getDecorationClasses() });
+		const Component = ((_this$editor$contentC = (_this$editor$contentC2 = this.editor.contentComponent) === null || _this$editor$contentC2 === void 0 ? void 0 : _this$editor$contentC2.$options._base) !== null && _this$editor$contentC !== void 0 ? _this$editor$contentC : Vue).extend(this.component).extend({
+			props: Object.keys(props),
+			provide: () => {
+				return {
+					onDragStart,
+					decorationClasses: this.decorationClasses,
+					nodeViewContentRef: (el) => {
+						if (!this.contentDOMElement) return;
+						if (el && el.firstChild !== this.contentDOMElement) el.appendChild(this.contentDOMElement);
+					}
+				};
+			}
+		});
+		this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this);
+		this.editor.on("selectionUpdate", this.handleSelectionUpdate);
+		this.currentPos = this.getPos();
+		if (!this.node.isLeaf) {
+			if (this.options.contentDOMElementTag) this.contentDOMElement = document.createElement(this.options.contentDOMElementTag);
+			else this.contentDOMElement = document.createElement(this.node.isInline ? "span" : "div");
+			this.contentDOMElement.style.whiteSpace = "inherit";
+			this.contentDOMElement.dataset.nodeViewContentVue = "";
+		}
+		this.renderer = new VueRenderer(Component, {
+			parent: this.editor.contentComponent,
+			propsData: mountProps
+		});
+	}
+	/**
+	* Return the DOM element.
+	* This is the element that will be used to display the node view.
+	*/
+	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;
+	}
+	/**
+	* Return the content DOM element.
+	* This is the element that will be used to display the rich-text content of the node.
+	*/
+	get contentDOM() {
+		if (this.node.isLeaf) return null;
+		return this.contentDOMElement;
+	}
+	/**
+	* On editor selection update, check if the node is selected.
+	* If it is, call `selectNode`, otherwise call `deselectNode`.
+	*/
+	handleSelectionUpdate() {
+		const pos = this.getPos();
+		if (typeof pos !== "number") return;
+		if ((0, _tiptap_core.isNodeViewSelected)({
+			selection: this.editor.state.selection,
+			pos,
+			nodeSize: this.node.nodeSize,
+			selectedOnTextSelection: this.options.selectedOnTextSelection
+		})) {
+			if (this.renderer.ref.$props.selected) return;
+			this.selectNode();
+		} else {
+			if (!this.renderer.ref.$props.selected) return;
+			this.deselectNode();
+		}
+	}
+	/**
+	* On update, update the React component.
+	* To prevent unnecessary updates, the `update` option can be used.
+	*/
+	update(node, decorations, innerDecorations) {
+		const rerenderComponent = (props) => {
+			this.decorationClasses.value = this.getDecorationClasses();
+			this.renderer.updateProps(props);
+		};
+		if (typeof this.options.update === "function") {
+			const oldNode = this.node;
+			const oldDecorations = this.decorations;
+			const oldInnerDecorations = this.innerDecorations;
+			this.node = node;
+			this.decorations = decorations;
+			this.innerDecorations = innerDecorations;
+			return this.options.update({
+				oldNode,
+				oldDecorations,
+				newNode: node,
+				newDecorations: decorations,
+				oldInnerDecorations,
+				innerDecorations,
+				updateProps: () => rerenderComponent({
+					node,
+					decorations,
+					innerDecorations
+				})
+			});
+		}
+		if (node.type !== this.node.type) return false;
+		if (!(node !== this.node)) {
+			this.node = node;
+			this.decorations = decorations;
+			this.innerDecorations = innerDecorations;
+			this.decorationClasses.value = this.getDecorationClasses();
+			return true;
+		}
+		this.node = node;
+		this.decorations = decorations;
+		this.innerDecorations = innerDecorations;
+		this.currentPos = this.getPos();
+		const extraProps = {
+			node,
+			decorations,
+			innerDecorations
+		};
+		if (this.options.trackNodeViewPosition) extraProps.getPos = () => this.getPos();
+		rerenderComponent(extraProps);
+		return true;
+	}
+	/**
+	* Select the node.
+	* Add the `selected` prop and the `ProseMirror-selectednode` class.
+	*/
+	selectNode() {
+		this.renderer.updateProps({ selected: true });
+		this.renderer.element.classList.add("ProseMirror-selectednode");
+	}
+	/**
+	* Deselect the node.
+	* Remove the `selected` prop and the `ProseMirror-selectednode` class.
+	*/
+	deselectNode() {
+		this.renderer.updateProps({ selected: false });
+		this.renderer.element.classList.remove("ProseMirror-selectednode");
+	}
+	getDecorationClasses() {
+		return this.decorations.flatMap((item) => item.type.attrs.class).join(" ");
+	}
+	destroy() {
+		this.renderer.destroy();
+		this.editor.off("selectionUpdate", this.handleSelectionUpdate);
+		if (this.options.trackNodeViewPosition) this.editor.off("update", this.handlePositionUpdate);
+		this.contentDOMElement = null;
+	}
 };
 function VueNodeViewRenderer(component, options) {
-  return (props) => {
-    if (!props.editor.contentComponent) {
-      return {};
-    }
-    return new VueNodeView(component, props, options);
-  };
+	return (props) => {
+		if (!props.editor.contentComponent) return {};
+		return new VueNodeView(component, props, options);
+	};
 }
-
-// src/VueWidgetRenderer.ts
-var import_core3 = require("@tiptap/core");
-
-// src/utils/createWidgetConstructor.ts
+//#endregion
+//#region src/utils/createWidgetConstructor.ts
+/**
+* Builds the Vue 2 constructor for a widget component.
+*
+* Extends the editor's own Vue constructor so the widget shares its context,
+* then auto-declares every passed prop the component does not declare itself.
+* Vue 2 fixes the prop list at construction, so undeclared keys would be
+* dropped. Existing declarations keep their type, default and validator.
+*
+* @param base The editor's Vue constructor, or undefined to fall back to `Vue`.
+* @param component The widget component.
+* @param props The props the widget is mounted with.
+* @returns A constructor that accepts every key in `props`.
+* @example
+* createWidgetConstructor(undefined, MyWidget, { editor, getPos, label: 'a' })
+*/
 function createWidgetConstructor(base, component, props) {
-  const VueBase = base != null ? base : Vue;
-  const Extended = VueBase.extend(component);
-  const declaredProps = {
-    ...Extended.options.props
-  };
-  for (const name of Object.keys(props)) {
-    if (!Object.prototype.hasOwnProperty.call(declaredProps, name)) {
-      declaredProps[name] = null;
-    }
-  }
-  return Extended.extend({ props: declaredProps });
+	const Extended = (base !== null && base !== void 0 ? base : Vue).extend(component);
+	const declaredProps = { ...Extended.options.props };
+	for (const name of Object.keys(props)) if (!Object.prototype.hasOwnProperty.call(declaredProps, name)) declaredProps[name] = null;
+	return Extended.extend({ props: declaredProps });
 }
-
-// src/VueWidgetRenderer.ts
-var WIDGET_CACHE = /* @__PURE__ */ Symbol("tiptapVue2WidgetCache");
-var isDev = process.env.NODE_ENV !== "production";
+//#endregion
+//#region src/VueWidgetRenderer.ts
+const WIDGET_CACHE = Symbol("tiptapVue2WidgetCache");
+const isDev = process.env.NODE_ENV !== "production";
 function warnUndeclaredProps(renderer, props, key) {
-  var _a;
-  if (!isDev) {
-    return;
-  }
-  const declared = (_a = renderer.ref.$props) != null ? _a : {};
-  for (const name of Object.keys(props)) {
-    if (!(name in declared)) {
-      console.warn(
-        `[tiptap warn]: VueWidgetRenderer prop "${name}" was not passed on first mount for widget "${key}".`,
-        "Vue 2 cannot declare new props after mount, so this value is ignored."
-      );
-    }
-  }
+	var _renderer$ref$$props;
+	if (!isDev) return;
+	const declared = (_renderer$ref$$props = renderer.ref.$props) !== null && _renderer$ref$$props !== void 0 ? _renderer$ref$$props : {};
+	for (const name of Object.keys(props)) if (!(name in declared)) console.warn(`[tiptap warn]: VueWidgetRenderer prop "${name}" was not passed on first mount for widget "${key}".`, "Vue 2 cannot declare new props after mount, so this value is ignored.");
 }
 function withPropWarnings(renderer, key) {
-  return {
-    renderer,
-    updateProps: (props) => {
-      warnUndeclaredProps(renderer, props, key);
-      renderer.updateProps(props);
-    },
-    destroy: () => renderer.destroy()
-  };
+	return {
+		renderer,
+		updateProps: (props) => {
+			warnUndeclaredProps(renderer, props, key);
+			renderer.updateProps(props);
+		},
+		destroy: () => renderer.destroy()
+	};
 }
+/**
+* Renders a Vue 2 component into a ProseMirror widget decoration.
+* Reuses Tiptap's `VueRenderer` so the component is mounted under the editor's
+* content component (inject/provide works as usual). Use a stable `key` for
+* stateful widgets. The component must render a single root element.
+* @example
+* addDecorations() {
+*   return {
+*     create: ({ editor, state }) =>
+*       findMatches(state.doc).map(match =>
+*         VueWidgetRenderer(MyWidget, {
+*           editor, pos: match.pos, key: `match-${match.id}`,
+*           props: { label: match.label },
+*         }),
+*       ),
+*   }
+* }
+*/
 function VueWidgetRenderer(component, options) {
-  const { editor, key, props = {} } = options;
-  return (0, import_core3.createWidgetDecoration)({
-    // Forwards editor, pos, key and the ProseMirror widget options unchanged.
-    ...options,
-    props,
-    cacheKey: WIDGET_CACHE,
-    // `view` is not passed on purpose: Vue 2 deeply observes props and
-    // observing a ProseMirror view corrupts its internals.
-    context: (getPos) => ({ editor, getPos }),
-    create: (renderProps) => {
-      var _a, _b;
-      const base = (_b = (_a = editor.contentComponent) == null ? void 0 : _a.$options) == null ? void 0 : _b._base;
-      const Constructor = createWidgetConstructor(base, component, renderProps);
-      return withPropWarnings(
-        new VueRenderer(Constructor, {
-          parent: editor.contentComponent,
-          propsData: renderProps
-        }),
-        key
-      );
-    },
-    materialize: (entry) => entry.renderer.element
-  });
+	const { editor, key, props = {} } = options;
+	return (0, _tiptap_core.createWidgetDecoration)({
+		...options,
+		props,
+		cacheKey: WIDGET_CACHE,
+		context: (getPos) => ({
+			editor,
+			getPos
+		}),
+		create: (renderProps) => {
+			var _editor$contentCompon;
+			return withPropWarnings(new VueRenderer(createWidgetConstructor((_editor$contentCompon = editor.contentComponent) === null || _editor$contentCompon === void 0 || (_editor$contentCompon = _editor$contentCompon.$options) === null || _editor$contentCompon === void 0 ? void 0 : _editor$contentCompon._base, component, renderProps), {
+				parent: editor.contentComponent,
+				propsData: renderProps
+			}), key);
+		},
+		materialize: (entry) => entry.renderer.element
+	});
 }
-
-// src/index.ts
-__reExport(index_exports, require("@tiptap/core"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Editor,
-  EditorContent,
-  NodeViewContent,
-  NodeViewWrapper,
-  VueNodeViewRenderer,
-  VueRenderer,
-  VueWidgetRenderer,
-  nodeViewProps,
-  ...require("@tiptap/core")
+//#endregion
+exports.Editor = Editor;
+exports.EditorContent = EditorContent;
+exports.NodeViewContent = NodeViewContent;
+exports.NodeViewWrapper = NodeViewWrapper;
+exports.VueNodeViewRenderer = VueNodeViewRenderer;
+exports.VueRenderer = VueRenderer;
+exports.VueWidgetRenderer = VueWidgetRenderer;
+exports.nodeViewProps = nodeViewProps;
+Object.keys(_tiptap_core).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return _tiptap_core[k];
+		}
+	});
 });
+
 //# sourceMappingURL=index.cjs.map