@templatical/editor 0.6.3 → 0.6.5

package/dist/cdn/chunks/{tiptap-ZhwKyFp7.js → tiptap-IyIsncxY.js}

@@ -1,6 +1,5 @@
-import { r as e } from "./rolldown-runtime-BNuo_Jkg.js";
-import { $ as t, A as n, C as r, G as i, P as a, S as o, V as s, Y as c, Z as l, a as u, at as d, j as f, k as p, nt as m, tt as h, w as g } from "./draggable-Bcb86AsV.js";
-import "./features-DEMb13KS.js";
+import { n as e } from "./rolldown-runtime-C266TIVP.js";
+import { $ as t, A as n, B as r, C as i, N as a, O as o, S as s, W as c, Y as l, Z as u, et as d, i as f, k as p, q as m, rt as h, x as g } from "./draggable-CNhyCGIO.js";
 //#region ../../node_modules/.pnpm/orderedmap@2.1.1/node_modules/orderedmap/dist/index.js
 function _(e) {
 	this.content = e;
@@ -14073,7 +14072,7 @@ var c_ = K.create({
 	wrappingInputRule: () => Vd
 });
 function m_(e) {
-	return i((t, n) => ({
+	return c((t, n) => ({
 		get() {
 			return t(), e;
 		},
@@ -14090,7 +14089,7 @@ var h_ = class extends Id {
 	constructor(e = {}) {
 		return super(e), this.contentComponent = null, this.appContext = null, this.reactiveState = m_(this.view.state), this.reactiveExtensionStorage = m_(this.extensionStorage), this.on("beforeTransaction", ({ nextState: e }) => {
 			this.reactiveState.value = e, this.reactiveExtensionStorage.value = this.extensionStorage;
-		}), c(this);
+		}), m(this);
 	}
 	get state() {
 		return this.reactiveState ? this.reactiveState.value : this.view.state;
@@ -14106,47 +14105,47 @@ var h_ = class extends Id {
 		let t = super.unregisterPlugin(e);
 		return this.reactiveState && t && (this.reactiveState.value = t), t;
 	}
-}, g_ = o({
+}, g_ = g({
 	name: "EditorContent",
 	props: { editor: {
 		default: null,
 		type: Object
 	} },
 	setup(e) {
-		let i = t(), a = r();
-		return s(() => {
-			let t = e.editor;
-			t && t.options.element && i.value && p(() => {
-				if (!i.value || !t.view.dom?.parentNode) return;
-				let e = d(i.value);
-				i.value.append(...t.view.dom.parentNode.childNodes), t.contentComponent = a.ctx._, a && (t.appContext = {
-					...a.appContext,
-					provides: a.provides
-				}), t.setOptions({ element: e }), t.createNodeViews();
+		let t = u(), n = s();
+		return r(() => {
+			let r = e.editor;
+			r && r.options.element && t.value && o(() => {
+				if (!t.value || !r.view.dom?.parentNode) return;
+				let e = h(t.value);
+				t.value.append(...r.view.dom.parentNode.childNodes), r.contentComponent = n.ctx._, n && (r.appContext = {
+					...n.appContext,
+					provides: n.provides
+				}), r.setOptions({ element: e }), r.createNodeViews();
 			});
-		}), n(() => {
+		}), p(() => {
 			let t = e.editor;
 			t && (t.contentComponent = null, t.appContext = null);
-		}), { rootEl: i };
+		}), { rootEl: t };
 	},
 	render() {
-		return g("div", { ref: (e) => {
+		return i("div", { ref: (e) => {
 			this.rootEl = e;
 		} });
 	}
-}), __ = o({
+}), __ = g({
 	name: "NodeViewContent",
 	props: { as: {
 		type: String,
 		default: "div"
 	} },
 	render() {
-		return g(this.as, {
+		return i(this.as, {
 			style: { whiteSpace: "pre-wrap" },
 			"data-node-view-content": ""
 		});
 	}
-}), v_ = o({
+}), v_ = g({
 	name: "NodeViewWrapper",
 	props: { as: {
 		type: String,
@@ -14155,7 +14154,7 @@ var h_ = class extends Id {
 	inject: ["onDragStart", "decorationClasses"],
 	render() {
 		var e;
-		return g(this.as, {
+		return i(this.as, {
 			class: this.decorationClasses,
 			style: { whiteSpace: "normal" },
 			"data-node-view-wrapper": "",
@@ -14163,17 +14162,17 @@ var h_ = class extends Id {
 		}, (e = this.$slots).default?.call(e));
 	}
 }), y_ = (e = {}) => {
-	let t = h();
-	return f(() => {
-		t.value = new h_(e);
-	}), n(() => {
-		var e, n;
-		let r = t.value?.view.dom?.parentNode, i = r?.cloneNode(!0);
-		(e = r?.parentNode) == null || e.replaceChild(i, r), (n = t.value) == null || n.destroy();
-	}), t;
+	let r = t();
+	return n(() => {
+		r.value = new h_(e);
+	}), p(() => {
+		var e, t;
+		let n = r.value?.view.dom?.parentNode, i = n?.cloneNode(!0);
+		(e = n?.parentNode) == null || e.replaceChild(i, n), (t = r.value) == null || t.destroy();
+	}), r;
 }, b_ = class {
 	constructor(e, { props: t = {}, editor: n }) {
-		this.destroyed = !1, this.editor = n, this.component = c(e), this.el = document.createElement("div"), this.props = l(t), this.renderedComponent = this.renderComponent();
+		this.destroyed = !1, this.editor = n, this.component = m(e), this.el = document.createElement("div"), this.props = l(t), this.renderedComponent = this.renderComponent();
 	}
 	get element() {
 		return this.renderedComponent.el;
@@ -14183,11 +14182,11 @@ var h_ = class extends Id {
 	}
 	renderComponent() {
 		if (this.destroyed) return this.renderedComponent;
-		let e = g(this.component, this.props);
-		return this.editor.appContext && (e.appContext = this.editor.appContext), typeof document < "u" && this.el && u(e, this.el), {
+		let e = i(this.component, this.props);
+		return this.editor.appContext && (e.appContext = this.editor.appContext), typeof document < "u" && this.el && f(e, this.el), {
 			vNode: e,
 			destroy: () => {
-				this.el && u(null, this.el), this.el = null, e = null;
+				this.el && f(null, this.el), this.el = null, e = null;
 			},
 			el: this.el ? this.el.firstElementChild : null
 		};
@@ -14229,14 +14228,14 @@ var h_ = class extends Id {
 		type: Object,
 		required: !0
 	}
-}, S_ = o({
+}, S_ = g({
 	name: "MarkViewContent",
 	props: { as: {
 		type: String,
 		default: "span"
 	} },
 	render() {
-		return g(this.as, {
+		return i(this.as, {
 			style: { whiteSpace: "inherit" },
 			"data-mark-view-content": ""
 		});
@@ -14247,7 +14246,7 @@ var h_ = class extends Id {
 		let r = {
 			...t,
 			updateAttributes: this.updateAttributes.bind(this)
-		}, i = o({
+		}, i = g({
 			extends: { ...e },
 			props: Object.keys(r),
 			template: this.component.template,
@@ -14269,7 +14268,7 @@ var h_ = class extends Id {
 		return this.dom.querySelector("[data-mark-view-content]");
 	}
 	updateAttributes(e) {
-		let t = m(this.mark);
+		let t = d(this.mark);
 		super.updateAttributes(e, t);
 	}
 	destroy() {
@@ -14350,15 +14349,15 @@ var T_ = {
 			getPos: () => this.getPos(),
 			updateAttributes: (e = {}) => this.updateAttributes(e),
 			deleteNode: () => this.deleteNode()
-		}, n = this.onDragStart.bind(this);
-		this.decorationClasses = t(this.getDecorationClasses());
-		let r = o({
+		}, t = this.onDragStart.bind(this);
+		this.decorationClasses = u(this.getDecorationClasses());
+		let n = g({
 			extends: { ...this.component },
 			props: Object.keys(e),
 			template: this.component.template,
 			setup: (e) => {
-				var t;
-				return a("onDragStart", n), a("decorationClasses", this.decorationClasses), (t = this.component).setup?.call(t, e, { expose: () => void 0 });
+				var n;
+				return a("onDragStart", t), a("decorationClasses", this.decorationClasses), (n = this.component).setup?.call(n, e, { expose: () => void 0 });
 			},
 			__scopeId: this.component.__scopeId,
 			__cssModules: this.component.__cssModules,
@@ -14369,7 +14368,7 @@ var T_ = {
 			if (!this.renderer) return;
 			let e = this.getPos();
 			typeof e != "number" || e === this.currentPos || (this.currentPos = e, this.renderer.updateProps({ getPos: () => this.getPos() }));
-		}, df(this.editor, this.positionCheckCallback), this.renderer = new b_(r, {
+		}, df(this.editor, this.positionCheckCallback), this.renderer = new b_(n, {
 			editor: this.editor,
 			props: e
 		});
@@ -14651,4 +14650,4 @@ var M_ = j_;
 //#endregion
 export { q as _, u_ as a, rh as c, Ff as d, Nf as f, id as g, K as h, p_ as i, eh as l, bf as m, v_ as n, lh as o, jf as p, D_ as r, oh as s, M_ as t, Vm as u, md as v, G as y };
 
-//# sourceMappingURL=tiptap-ZhwKyFp7.js.map
+//# sourceMappingURL=tiptap-IyIsncxY.js.map