ckeditor5-livewire 1.12.2 → 1.13.0

package/dist/index.mjs

@@ -212,6 +212,7 @@ function u(e, t, n) {
 			...n.roots?.[i],
 			...i === "main" ? n.root : {},
 			...i in t ? {
+				modelElement: t[i].modelElement || "$root",
 				...t[i].content !== null && { initialData: t[i].content },
 				...!r && t[i].element !== null && { element: t[i].element }
 			} : {}
@@ -269,7 +270,7 @@ function m(e) {
 //#endregion
 //#region src/hooks/editor/utils/get-editor-roots-values.ts
 function h(e) {
-	return e.model.document.getRootNames().reduce((t, n) => (t[n] = e.getData({ rootName: n }), t), Object.create({}));
+	return e.model.document.getRootNames().reduce((t, n) => (t[n] = e.getData({ rootName: n }), t), Object.create(null));
 }
 //#endregion
 //#region src/hooks/editor/utils/is-multiroot-editor-instance.ts
@@ -528,26 +529,30 @@ function w(e) {
 //#region src/hooks/editor/utils/query-all-editor-editables.ts
 function T(e) {
 	let t = window.Livewire.all().filter(({ name: t, canonical: n }) => t === "ckeditor5-editable" && n.editorId === e).reduce((e, { canonical: t, el: n }) => {
-		let r = t.rootName;
+		let r = t.rootName, i = t.modelElement || null;
 		return e[r] = {
 			element: n.querySelector("[data-cke-editable-content]"),
-			content: t.content
+			content: t.content,
+			modelElement: i
 		}, e;
-	}, Object.create({})), n = window.Livewire.all().find(({ name: t, canonical: n }) => t === "ckeditor5" && n.editorId === e);
+	}, Object.create(null)), n = window.Livewire.all().find(({ name: t, canonical: n }) => t === "ckeditor5" && n.editorId === e);
 	/* v8 ignore next -- @preserve */
 	if (!n) return t;
 	// v8 ignore next -- @preserve
-	let r = n.canonical.content ?? {}, i = document.querySelector(`#${e}_editor`);
-	i && !t.main && (t.main = {
-		element: i,
-		content: r.main ?? ""
+	let r = n.canonical.content ?? {}, i = n.canonical.modelElement || null, a = document.querySelector(`#${e}_editor`);
+	"main" in t ? t.main.modelElement ??= i : a && (t.main = {
+		element: a,
+		content: r.main ?? "",
+		modelElement: i
 	});
 	for (let [e, n] of Object.entries(r)) t[e] ? t[e] = {
 		...t[e],
-		content: t[e].content ?? n
+		content: t[e].content ?? n,
+		modelElement: t[e].modelElement ?? i
 	} : t[e] = {
 		element: null,
-		content: n
+		content: n,
+		modelElement: i
 	};
 	return t;
 }
@@ -677,28 +682,29 @@ var R = class extends e {
 	rootAttributesUpdater = null;
 	pendingContent = null;
 	mounted() {
-		let { editorId: e, rootName: t, content: n } = this.canonical, r = F.the.mountEffect(e, (e) => {
+		let { editorId: e, rootName: t, content: n, modelElement: r } = this.canonical, i = F.the.mountEffect(e, (e) => {
 			/* v8 ignore next if -- @preserve */
 			if (this.isBeingDestroyed()) return;
-			let r = e.model.document.getRoot(t);
-			if (r?.isAttached() && n !== null) {
+			let i = e.model.document.getRoot(t);
+			if (i?.isAttached() && n !== null) {
 				let r = e.getData({ rootName: t });
 				r && r !== n && e.setData({ [t]: n });
 			}
 			/* v8 ignore next else -- @preserve */
-			if (!r && g(e)) {
-				let { ui: r, editing: i } = e;
+			if (!i && g(e)) {
+				let { ui: i, editing: a } = e;
 				e.addRoot(t, {
 					isUndoable: !1,
+					modelElement: r ?? "$root",
 					...n !== null && { initialData: n }
 				});
-				let a = this.element.querySelector("[data-cke-editable-content]"), o = r.view.createEditable(t, a);
-				r.addEditable(o), i.view.forceRender();
+				let o = this.element.querySelector("[data-cke-editable-content]"), s = i.view.createEditable(t, o);
+				i.addEditable(s), a.view.forceRender();
 			}
-			let i = this.syncTypingContentPush(e), a = this.setupPendingReceivedContentHandlers(e);
+			let a = this.syncTypingContentPush(e), o = this.setupPendingReceivedContentHandlers(e);
 			return this.applyRootAttributes(e), () => {
 				/* v8 ignore next else -- @preserve */
-				if (i(), a(), this.rootAttributesUpdater?.(null), e.state !== "destroyed") {
+				if (a(), o(), this.rootAttributesUpdater?.(null), e.state !== "destroyed") {
 					let n = e.model.document.getRoot(t);
 					/* v8 ignore next if -- @preserve */
 					if (n && g(e)) {
@@ -714,7 +720,7 @@ var R = class extends e {
 				}
 			};
 		});
-		this.onBeforeDestroy(r);
+		this.onBeforeDestroy(i);
 	}
 	async afterCommitSynced() {
 		let { editorId: e } = this.canonical, t = await F.the.waitFor(e);