@tiptap/vue-2 3.30.1 → 3.30.3

package/dist/index.js

@@ -1,470 +1,392 @@
-// src/Editor.ts
-import { Editor as CoreEditor } from "@tiptap/core";
-var Editor = class extends CoreEditor {
-  constructor() {
-    super(...arguments);
-    this.contentComponent = null;
-  }
+import { Editor as Editor$1, NodeView, createWidgetDecoration, isNodeViewSelected } from "@tiptap/core";
+import { booleanProp, functionProp, objectProp } from "vue-ts-types";
+import VueDefault from "vue";
+export * from "@tiptap/core";
+//#region src/Editor.ts
+var Editor = class extends Editor$1 {
+	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
-import { isNodeViewSelected, NodeView } from "@tiptap/core";
-import { booleanProp, functionProp, objectProp } from "vue-ts-types";
-
-// src/Vue.ts
-import VueDefault from "vue";
-var Vue = VueDefault;
-
-// src/VueRenderer.ts
+//#endregion
+//#region src/Vue.ts
+const Vue = VueDefault;
+//#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: objectProp().required,
-  node: objectProp().required,
-  decorations: objectProp().required,
-  selected: booleanProp().required,
-  extension: objectProp().required,
-  getPos: functionProp().required,
-  updateAttributes: functionProp().required,
-  deleteNode: functionProp().required
+//#endregion
+//#region src/VueNodeViewRenderer.ts
+const nodeViewProps = {
+	editor: objectProp().required,
+	node: objectProp().required,
+	decorations: objectProp().required,
+	selected: booleanProp().required,
+	extension: objectProp().required,
+	getPos: functionProp().required,
+	updateAttributes: functionProp().required,
+	deleteNode: functionProp().required
 };
 var VueNodeView = class extends 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 = 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;
-  }
+	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 (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
-import { createWidgetDecoration } from "@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 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 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
+	});
 }
+//#endregion
+export { Editor, EditorContent, NodeViewContent, NodeViewWrapper, VueNodeViewRenderer, VueRenderer, VueWidgetRenderer, nodeViewProps };
 
-// src/index.ts
-export * from "@tiptap/core";
-export {
-  Editor,
-  EditorContent,
-  NodeViewContent,
-  NodeViewWrapper,
-  VueNodeViewRenderer,
-  VueRenderer,
-  VueWidgetRenderer,
-  nodeViewProps
-};
 //# sourceMappingURL=index.js.map