ckeditor5-livewire 1.12.1 → 1.13.0

package/dist/index.mjs

@@ -162,25 +162,19 @@ function i(e, t) {
 	};
 }
 //#endregion
-//#region src/shared/filter-object-values.ts
-function a(e, t) {
-	let n = Object.entries(e).filter(([e, n]) => t(n, e));
-	return Object.fromEntries(n);
-}
-//#endregion
 //#region src/shared/is-empty-object.ts
-function o(e) {
+function a(e) {
 	return Object.keys(e).length === 0 && e.constructor === Object;
 }
 //#endregion
 //#region src/shared/map-object-values.ts
-function s(e, t) {
+function o(e, t) {
 	let n = Object.entries(e).map(([e, n]) => [e, t(n, e)]);
 	return Object.fromEntries(n);
 }
 //#endregion
 //#region src/shared/shallow-equal.ts
-function c(e, t) {
+function s(e, t) {
 	if (e === t) return !0;
 	let n = Object.keys(e), r = Object.keys(t);
 	if (n.length !== r.length) return !1;
@@ -189,12 +183,12 @@ function c(e, t) {
 }
 //#endregion
 //#region src/shared/uid.ts
-function l() {
+function c() {
 	return Math.random().toString(36).substring(2);
 }
 //#endregion
 //#region src/shared/wait-for.ts
-function u(e, { timeOutAfter: t = 500, retryAfter: n = 100 } = {}) {
+function l(e, { timeOutAfter: t = 500, retryAfter: n = 100 } = {}) {
 	return new Promise((r, i) => {
 		let a = Date.now(), o = null, s = setTimeout(() => {
 			i(o ?? /* @__PURE__ */ Error("Timeout"));
@@ -210,51 +204,29 @@ function u(e, { timeOutAfter: t = 500, retryAfter: n = 100 } = {}) {
 	});
 }
 //#endregion
-//#region src/hooks/editor/utils/assign-initial-data-to-editor-config.ts
-function d(e, t) {
-	let n = f(e), r = new Set([...Object.keys(n), ...Object.keys(t.roots ?? {})]), i = Array.from(r).reduce((e, r) => ({
-		...e,
-		[r]: {
-			...t.roots?.[r],
-			...r === "main" ? t.root : {},
-			...r in n ? { initialData: n[r] } : {}
-		}
-	}), Object.create(t.roots || {})), a = {
-		...t,
-		roots: i
-	};
-	return delete a.root, a;
-}
-function f(e) {
-	return typeof e == "string" ? { main: e } : { ...e };
-}
-//#endregion
-//#region src/hooks/editor/utils/assign-source-elements-to-editor-config.ts
-function p(e, t, n) {
-	let r = m(t);
-	if (!e.editorName || e.editorName === "ClassicEditor") return {
-		...n,
-		attachTo: r.main
-	};
-	let i = new Set([...Object.keys(r), ...Object.keys(n.roots ?? {})]), a = Array.from(i).reduce((e, t) => ({
+//#region src/hooks/editor/utils/assign-editor-roots-to-config.ts
+function u(e, t, n) {
+	let r = !e.editorName || e.editorName === "ClassicEditor", i = new Set([...Object.keys(t), ...Object.keys(n.roots ?? {})]), a = Array.from(i).reduce((e, i) => ({
 		...e,
-		[t]: {
-			...n.roots?.[t],
-			...t === "main" ? n.root : {},
-			...t in r ? { element: r[t] } : {}
+		[i]: {
+			...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 }
+			} : {}
 		}
 	}), Object.create(n.roots || {})), o = {
 		...n,
-		roots: a
+		roots: a,
+		...r && t.main?.element && { attachTo: t.main.element }
 	};
 	return delete o.root, o;
 }
-function m(e) {
-	return e instanceof HTMLElement ? { main: e } : { ...e };
-}
 //#endregion
 //#region src/hooks/editor/utils/cleanup-orphan-editor-elements.ts
-function h(e) {
+function d(e) {
 	let t = [
 		e.ui?.element,
 		e.ui?.view?.toolbar?.element,
@@ -271,9 +243,9 @@ function h(e) {
 }
 //#endregion
 //#region src/hooks/editor/utils/create-editor-in-context.ts
-var g = Symbol.for("context-editor-watchdog");
-async function _({ context: e, creator: t, config: n }) {
-	let r = l();
+var f = Symbol.for("context-editor-watchdog");
+async function p({ context: e, creator: t, config: n }) {
+	let r = c();
 	await e.add({
 		creator: t.create.bind(t),
 		id: r,
@@ -285,29 +257,29 @@ async function _({ context: e, creator: t, config: n }) {
 		editorContextId: r,
 		context: e
 	};
-	i[g] = a;
+	i[f] = a;
 	let o = e.destroy.bind(e);
 	return e.destroy = async () => (a.state = "unavailable", o()), {
 		...a,
 		editor: i
 	};
 }
-function v(e) {
-	return g in e ? e[g] : null;
+function m(e) {
+	return f in e ? e[f] : null;
 }
 //#endregion
 //#region src/hooks/editor/utils/get-editor-roots-values.ts
-function y(e) {
-	return e.model.document.getRootNames().reduce((t, n) => (t[n] = e.getData({ rootName: n }), t), Object.create({}));
+function h(e) {
+	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
-function b(e) {
+function g(e) {
 	return "addEditable" in e.ui;
 }
 //#endregion
 //#region src/hooks/editor/utils/is-single-root-editor.ts
-function x(e) {
+function _(e) {
 	return [
 		"inline",
 		"classic",
@@ -317,7 +289,7 @@ function x(e) {
 }
 //#endregion
 //#region src/hooks/editor/utils/load-editor-constructor.ts
-async function S(e) {
+async function v(e) {
 	let t = await import("ckeditor5"), n = {
 		inline: t.InlineEditor,
 		balloon: t.BalloonEditor,
@@ -330,7 +302,7 @@ async function S(e) {
 }
 //#endregion
 //#region src/hooks/editor/custom-editor-plugins.ts
-var C = class e {
+var y = class e {
 	static the = new e();
 	plugins = /* @__PURE__ */ new Map();
 	constructor() {}
@@ -354,9 +326,9 @@ var C = class e {
 };
 //#endregion
 //#region src/hooks/editor/utils/load-editor-plugins.ts
-async function w(e) {
+async function b(e) {
 	let t = await import("ckeditor5"), n = null, r = e.map(async (e) => {
-		let r = await C.the.get(e);
+		let r = await y.the.get(e);
 		if (r) return r;
 		let { [e]: i } = t;
 		if (i) return i;
@@ -378,19 +350,19 @@ async function w(e) {
 }
 //#endregion
 //#region src/hooks/editor/utils/load-editor-translations.ts
-async function T(e, t) {
-	let n = [e.ui, e.content], r = [E("ckeditor5", n)];
-	return t && r.push(E("ckeditor5-premium-features", n)), await Promise.all(r).then((e) => e.flat());
+async function x(e, t) {
+	let n = [e.ui, e.content], r = [S("ckeditor5", n)];
+	return t && r.push(S("ckeditor5-premium-features", n)), await Promise.all(r).then((e) => e.flat());
 }
-async function E(e, t) {
+async function S(e, t) {
 	/* v8 ignore next */
 	return await Promise.all(t.filter((e) => e !== "en").map(async (t) => {
-		let n = await D(e, t);
+		let n = await C(e, t);
 		/* v8 ignore next -- @preserve */
 		return n?.default ?? n;
 	}).filter(Boolean));
 }
-async function D(e, t) {
+async function C(e, t) {
 	try {
 		/* v8 ignore next if -- @preserve */
 		if (e === "ckeditor5") switch (t) {
@@ -550,68 +522,69 @@ catch (n) {
 }
 //#endregion
 //#region src/hooks/editor/utils/normalize-custom-translations.ts
-function O(e) {
-	return s(e, (e) => ({ dictionary: e }));
+function w(e) {
+	return o(e, (e) => ({ dictionary: e }));
 }
 //#endregion
-//#region src/hooks/editor/utils/query-editor-editables.ts
-function k(e) {
-	return s(A(e), ({ element: e }) => e);
-}
-function A(e) {
-	let t = window.Livewire.all().filter(({ name: t, canonical: n }) => t === "ckeditor5-editable" && n.editorId === e).reduce((e, { canonical: t, el: n }) => ({
-		...e,
-		[t.rootName]: {
+//#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, i = t.modelElement || null;
+		return e[r] = {
 			element: n.querySelector("[data-cke-editable-content]"),
-			content: t.content
-		}
-	}), Object.create({})), n = window.Livewire.all().find(({ name: t, canonical: n }) => t === "ckeditor5" && n.editorId === e)?.canonical.content, r = document.querySelector(`#${e}_editor `), i = t.main;
-	return i && n?.main ? {
-		...t,
-		main: {
-			...i,
-			content: i.content || n.main
-		}
-	} : r ? {
-		...t,
-		main: {
-			element: r,
-			content: n?.main || null
-		}
-	} : t;
-}
-function j(e) {
-	return a(s(A(e), ({ content: e }) => e), (e) => typeof e == "string");
+			content: t.content,
+			modelElement: i
+		}, 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 = 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,
+		modelElement: t[e].modelElement ?? i
+	} : t[e] = {
+		element: null,
+		content: n,
+		modelElement: i
+	};
+	return t;
 }
 //#endregion
 //#region src/hooks/editor/utils/resolve-editor-config-elements-references.ts
-function M(e) {
+function E(e) {
 	if (!e || typeof e != "object") return e;
-	if (Array.isArray(e)) return e.map((e) => M(e));
+	if (Array.isArray(e)) return e.map((e) => E(e));
 	let t = e;
 	if (t.$element && typeof t.$element == "string") {
 		let e = document.querySelector(t.$element);
 		return e || console.warn(`Element not found for selector: ${t.$element}`), e || null;
 	}
 	let n = Object.create(null);
-	for (let [t, r] of Object.entries(e)) n[t] = M(r);
+	for (let [t, r] of Object.entries(e)) n[t] = E(r);
 	return n;
 }
 //#endregion
 //#region src/hooks/editor/utils/resolve-editor-config-translations.ts
-function N(e, t, n) {
+function D(e, t, n) {
 	if (!n || typeof n != "object") return n;
-	if (Array.isArray(n)) return n.map((n) => N(e, t, n));
+	if (Array.isArray(n)) return n.map((n) => D(e, t, n));
 	let r = n;
 	if (r.$translation && typeof r.$translation == "string") {
-		let n = r.$translation, i = P(e, n, t);
+		let n = r.$translation, i = O(e, n, t);
 		return i === void 0 && console.warn(`Translation not found for key: ${n}`), i === void 0 ? null : i;
 	}
 	let i = Object.create(null);
-	for (let [r, a] of Object.entries(n)) i[r] = N(e, t, a);
+	for (let [r, a] of Object.entries(n)) i[r] = D(e, t, a);
 	return i;
 }
-function P(e, t, n) {
+function O(e, t, n) {
 	for (let r of e) {
 		let e = r[n];
 		if (e?.dictionary && t in e.dictionary) return e.dictionary[t];
@@ -619,7 +592,7 @@ function P(e, t, n) {
 }
 //#endregion
 //#region src/hooks/editor/utils/set-editor-editable-height.ts
-function F(e, t) {
+function k(e, t) {
 	let { editing: n } = e;
 	n.view.change((e) => {
 		e.setStyle("height", `${t}px`, n.view.document.getRoot());
@@ -627,34 +600,34 @@ function F(e, t) {
 }
 //#endregion
 //#region src/hooks/editor/utils/wrap-with-watchdog.ts
-var I = Symbol.for("livewire-editor-watchdog");
-async function L(e, t) {
+var A = Symbol.for("livewire-editor-watchdog");
+async function j(e, t) {
 	let { EditorWatchdog: n } = await import("ckeditor5"), r = new n(null, t ?? {
 		crashNumberLimit: 10,
 		minimumNonErrorTimePeriod: 5e3
 	});
 	return r.setCreator(async () => {
 		let t = await e();
-		return t[I] = r, t;
+		return t[A] = r, t;
 	}), r;
 }
-function R(e) {
-	return I in e ? e[I] : null;
+function M(e) {
+	return A in e ? e[A] : null;
 }
 //#endregion
 //#region src/hooks/context/contexts-registry.ts
-var z = class e extends r {
+var N = class e extends r {
 	static the = new e();
-}, B = class extends e {
+}, P = class extends e {
 	contextPromise = null;
 	async mounted() {
-		let { contextId: e, language: t, context: n } = this.canonical, { customTranslations: r, watchdogConfig: i, config: { plugins: a, ...s } } = n, { loadedPlugins: c, hasPremium: l } = await w(a ?? []), u = [...await T(t, l), O(r || {})].filter((e) => !o(e));
+		let { contextId: e, language: t, context: n } = this.canonical, { customTranslations: r, watchdogConfig: i, config: { plugins: o, ...s } } = n, { loadedPlugins: c, hasPremium: l } = await b(o ?? []), u = [...await x(t, l), w(r || {})].filter((e) => !a(e));
 		this.contextPromise = (async () => {
 			let { ContextWatchdog: e, Context: n } = await import("ckeditor5"), r = new e(n, {
 				crashNumberLimit: 10,
 				...i
-			}), a = M(s);
-			return a = N([...u].reverse(), t.ui, a), await r.create({
+			}), a = E(s);
+			return a = D([...u].reverse(), t.ui, a), await r.create({
 				...a,
 				language: t,
 				plugins: c,
@@ -665,7 +638,7 @@ var z = class e extends r {
 		})();
 		let d = await this.contextPromise;
 		/* v8 ignore next if -- @preserve */
-		this.isBeingDestroyed() || z.the.register(e, d);
+		this.isBeingDestroyed() || N.the.register(e, d);
 	}
 	async destroyed() {
 		let { contextId: e } = this.canonical;
@@ -673,15 +646,15 @@ var z = class e extends r {
 		try {
 			await (await this.contextPromise)?.destroy();
 		} finally {
-			this.contextPromise = null, z.the.hasItem(e) && z.the.unregister(e);
+			this.contextPromise = null, N.the.hasItem(e) && N.the.unregister(e);
 		}
 	}
-}, V = class e extends r {
+}, F = class e extends r {
 	static the = new e();
 };
 //#endregion
 //#region src/hooks/utils/is-wire-model-connected.ts
-function H(e) {
+function I(e) {
 	let t = e;
 	for (; t;) {
 		for (let e of t.attributes) if (e.name.startsWith("wire:model")) return !0;
@@ -691,7 +664,7 @@ function H(e) {
 }
 //#endregion
 //#region src/hooks/utils/root-attributes-updater.ts
-function U(e, t) {
+function L(e, t) {
 	let n = /* @__PURE__ */ new Set();
 	return (r) => {
 		e.model.enqueueChange({ isUndoable: !1 }, (i) => {
@@ -705,35 +678,36 @@ function U(e, t) {
 }
 //#endregion
 //#region src/hooks/editable.ts
-var W = class extends e {
+var R = class extends e {
 	rootAttributesUpdater = null;
 	pendingContent = null;
 	mounted() {
-		let { editorId: e, rootName: t, content: n } = this.canonical, r = V.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 && b(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 && b(e)) {
+					if (n && g(e)) {
 						try {
 							/* v8 ignore else -- @preserve */
 							e.ui.view.editables[t] && e.detachEditable(n);
@@ -746,10 +720,10 @@ var W = class extends e {
 				}
 			};
 		});
-		this.onBeforeDestroy(r);
+		this.onBeforeDestroy(i);
 	}
 	async afterCommitSynced() {
-		let { editorId: e } = this.canonical, t = await V.the.waitFor(e);
+		let { editorId: e } = this.canonical, t = await F.the.waitFor(e);
 		this.applyCanonicalContentToEditor(t), this.applyRootAttributes(t);
 	}
 	destroyed() {
@@ -778,7 +752,7 @@ var W = class extends e {
 		};
 	}
 	applyCanonicalContentToEditor(e) {
-		if (!H(this.element)) return;
+		if (!I(this.element)) return;
 		let { content: t, rootName: n } = this.canonical, { ui: r } = e;
 		if (e.getData({ rootName: n }) !== (t ?? "")) {
 			if (r.focusTracker.isFocused) {
@@ -790,12 +764,12 @@ var W = class extends e {
 	}
 	applyRootAttributes(e) {
 		let { rootName: t, rootAttributes: n } = this.canonical;
-		this.rootAttributesUpdater ??= U(e, t), this.rootAttributesUpdater(n);
+		this.rootAttributesUpdater ??= L(e, t), this.rootAttributesUpdater(n);
 	}
 };
 //#endregion
 //#region src/hooks/editor/plugins/livewire-sync.ts
-async function G({ saveDebounceMs: e, component: t }) {
+async function z({ saveDebounceMs: e, component: t }) {
 	let { Plugin: n } = await import("ckeditor5");
 	return class extends n {
 		static get pluginName() {
@@ -807,15 +781,15 @@ async function G({ saveDebounceMs: e, component: t }) {
 		setupAfterCommitHandler() {
 			let { editor: e } = this, { model: n, ui: { focusTracker: r } } = e, i = null;
 			e.on("afterCommitSynced", () => {
-				if (!H(t.element)) return;
+				if (!I(t.element)) return;
 				let { content: n } = t.canonical, a = this.getEditorRootsValues();
 				if (r.isFocused) {
 					/* v8 ignore next else -- @preserve */
-					c(n, a) || (i = n);
+					s(n, a) || (i = n);
 					return;
 				}
 				/* v8 ignore next else -- @preserve */
-				c(n, a) || e.setData(n);
+				s(n, a) || e.setData(n);
 			}), n.document.on("change:data", () => {
 				i = null;
 			}), r.on("change:isFocused", () => {
@@ -830,17 +804,17 @@ async function G({ saveDebounceMs: e, component: t }) {
 		}
 		setupSetEditorContentHandler() {
 			let { editor: e } = this, n = Livewire.on("set-editor-content", ({ editorId: n, content: r }) => {
-				n === t.canonical.editorId && (c(this.getEditorRootsValues(), r) || e.setData(r));
+				n === t.canonical.editorId && (s(this.getEditorRootsValues(), r) || e.setData(r));
 			});
 			/* v8 ignore next if -- @preserve */
 			typeof n == "function" && e.once("destroy", n);
 		}
 		setupTypingContentPush() {
-			let { editor: n } = this, { model: r, ui: a } = n, { $wire: o } = t, s = !1, l = () => {
+			let { editor: n } = this, { model: r, ui: a } = n, { $wire: o } = t, c = !1, l = () => {
 				/* v8 ignore next if -- @preserve */
-				if (s) return;
+				if (c) return;
 				let e = this.getEditorRootsValues();
-				c(e, t.canonical.content ?? {}) || (o.set("content", e), o.dispatch("editor-content-changed", {
+				s(e, t.canonical.content ?? {}) || (o.set("content", e), o.dispatch("editor-content-changed", {
 					editorId: t.canonical.editorId,
 					content: e
 				}));
@@ -848,24 +822,24 @@ async function G({ saveDebounceMs: e, component: t }) {
 			r.document.on("change:data", i(10, () => {
 				a.focusTracker.isFocused ? u() : l();
 			})), n.once("ready", l), n.once("destroy", () => {
-				s = !0;
+				c = !0;
 			});
 		}
 		setupFocusableEventPush() {
 			let { ui: e } = this.editor, { $wire: n } = t;
 			e.focusTracker.on("change:isFocused", () => {
 				let r = this.getEditorRootsValues();
-				n.set("focused", e.focusTracker.isFocused), c(r, t.canonical.content ?? {}) || n.set("content", r);
+				n.set("focused", e.focusTracker.isFocused), s(r, t.canonical.content ?? {}) || n.set("content", r);
 			});
 		}
 		getEditorRootsValues() {
-			return y(this.editor);
+			return h(this.editor);
 		}
 	};
 }
 //#endregion
 //#region src/hooks/editor/plugins/sync-editor-with-input.ts
-async function K(e) {
+async function B(e) {
 	let { Plugin: t } = await import("ckeditor5");
 	return class extends t {
 		input = null;
@@ -891,101 +865,88 @@ async function K(e) {
 }
 //#endregion
 //#region src/hooks/editor/editor.ts
-var q = class extends e {
+var V = class extends e {
 	rootAttributesUpdater = null;
 	async mounted() {
 		let { editorId: e } = this.canonical;
-		V.the.resetErrors(e);
+		F.the.resetErrors(e);
 		try {
-			let t = await this.createEditor(), n = v(t), r = R(t);
+			let t = await this.createEditor(), n = m(t), r = M(t);
 			/* v8 ignore next 3 */
 			if (this.isBeingDestroyed()) return;
-			let i = V.the.mountEffect(e, (t) => {
+			let i = F.the.mountEffect(e, (t) => {
 				t.once("destroy", () => {
-					V.the.unregister(e, !1);
+					F.the.unregister(e, !1);
 				}, { priority: "highest" });
 			});
 			this.onBeforeDestroy(async () => {
-				V.the.unregister(e), i(), n ? n.state !== "unavailable" && await n.context.remove(n.editorContextId) : r ? await r.destroy() : await t.destroy();
-			}), V.the.register(e, t);
+				F.the.unregister(e), i(), n ? n.state !== "unavailable" && await n.context.remove(n.editorContextId) : r ? await r.destroy() : await t.destroy();
+			}), F.the.register(e, t);
 		} catch (t) {
-			console.error(`Error initializing CKEditor5 instance with ID "${e}":`, t), V.the.error(e, t);
+			console.error(`Error initializing CKEditor5 instance with ID "${e}":`, t), F.the.error(e, t);
 		}
 	}
 	async destroyed() {
 		this.element.style.display = "none";
 	}
 	async afterCommitSynced() {
-		let e = await V.the.waitFor(this.canonical.editorId);
+		let e = await F.the.waitFor(this.canonical.editorId);
 		/* v8 ignore if -- @preserve */
 		e && (e.fire("afterCommitSynced"), this.applyRootAttributes(e));
 	}
 	applyRootAttributes(e) {
 		let { rootAttributes: t } = this.canonical;
-		this.rootAttributesUpdater ??= U(e, "main"), this.rootAttributesUpdater(t);
+		this.rootAttributesUpdater ??= L(e, "main"), this.rootAttributesUpdater(t);
 	}
 	async createEditor() {
-		let { preset: e, editorId: t, contextId: n, editableHeight: r, saveDebounceMs: i, language: a, watchdog: s, content: c } = this.canonical, { customTranslations: l, editorType: u, licenseKey: f, watchdogConfig: m, config: { plugins: g, ...v } } = e, y = await S(u), b = await (n ? z.the.waitFor(n) : null), C = async () => {
-			let { loadedPlugins: e, hasPremium: n } = await w(g);
-			e.push(await G({
+		let { preset: e, editorId: t, contextId: n, editableHeight: r, saveDebounceMs: i, language: o, watchdog: s } = this.canonical, { customTranslations: c, editorType: l, licenseKey: f, watchdogConfig: m, config: { plugins: h, ...g } } = e, y = await v(l), S = await (n ? N.the.waitFor(n) : null), C = async () => {
+			let { loadedPlugins: e, hasPremium: n } = await b(h);
+			e.push(await z({
 				saveDebounceMs: i,
 				component: this
-			})), x(u) && e.push(await K(i));
-			let s = [...await T(a, n), O(l || {})].filter((e) => !o(e)), m = {
-				...c,
-				...j(t)
+			})), _(l) && e.push(await B(i));
+			let s = [...await x(o, n), w(c || {})].filter((e) => !a(e)), d = T(t), m = Object.keys(d);
+			_(l) && m.push("main"), H(d, m) || (d = await U(t, m));
+			let v = {
+				...g,
+				licenseKey: f,
+				plugins: e,
+				language: o,
+				...s.length && { translations: s }
 			};
-			x(u) && (m = m.main || "");
-			let h = await (async () => {
-				let n = k(t);
-				if (!(n instanceof HTMLElement) && !("main" in n)) {
-					let e = u === "decoupled" ? ["main"] : Object.keys(m);
-					J(n, e) || (n = await Y(t, e), m = {
-						...c,
-						...j(t)
-					});
-				}
-				x(u) && "main" in n && (n = n.main);
-				let r = {
-					...v,
-					licenseKey: f,
-					plugins: e,
-					language: a,
-					...s.length && { translations: s }
-				};
-				return r = M(r), r = N([...s].reverse(), a.ui, r), r = p(y, n, r), r = d(m, r), b ? (await _({
-					context: b,
-					creator: y,
-					config: r
-				})).editor : y.create(r);
-			})();
-			return x(u) && r && F(h, r), this.applyRootAttributes(h), h;
+			v = E(v), v = D([...s].reverse(), o.ui, v), v = u(y, d, v);
+			let C = await (async () => S ? (await p({
+				context: S,
+				creator: y,
+				config: v
+			})).editor : y.create(v))();
+			return _(l) && r && k(C, r), this.applyRootAttributes(C), C;
 		};
-		if (s && !b) {
-			let e = await L(C, m);
+		if (s && !S) {
+			let e = await j(C, m);
 			return e.on("error", (e, { causesRestart: n }) => {
 				if (n) {
-					let e = V.the.getItem(t);
+					let e = F.the.getItem(t);
 					/* v8 ignore next 3 */
-					e && (h(e), V.the.unregister(t));
+					e && (d(e), F.the.unregister(t));
 				}
 			}), e.on("restart", () => {
-				V.the.register(t, e.editor);
+				F.the.register(t, e.editor);
 			}), await e.create({}), e.editor;
 		}
 		return C();
 	}
 };
-function J(e, t) {
-	return t.every((t) => e[t]);
+function H(e, t) {
+	return t.every((t) => e[t]?.element);
 }
-async function Y(e, t) {
-	return u(() => {
-		let n = k(e);
-		if (!J(n, t)) throw Error(`It looks like not all required root elements are present yet.
+async function U(e, t) {
+	return l(() => {
+		let n = T(e);
+		if (!H(n, t)) throw Error(`It looks like not all required root elements are present yet.
 * If you want to wait for them, ensure they are registered before editor initialization.
 * If you want lazy initialize roots, consider removing root values from the \`initialData\` config and assign initial data in editable components.
-Missing roots: ${t.filter((e) => !n[e]).join(", ")}.`);
+Missing roots: ${t.filter((e) => !n[e]?.element).join(", ")}.`);
 		return n;
 	}, {
 		timeOutAfter: 2e3,
@@ -994,12 +955,12 @@ Missing roots: ${t.filter((e) => !n[e]).join(", ")}.`);
 }
 //#endregion
 //#region src/hooks/ui-part.ts
-var X = class extends e {
+var W = class extends e {
 	mounted() {
-		let { editorId: e, name: t } = this.canonical, n = V.the.mountEffect(e, (e) => {
+		let { editorId: e, name: t } = this.canonical, n = F.the.mountEffect(e, (e) => {
 			/* v8 ignore next if -- @preserve */
 			if (this.isBeingDestroyed()) return;
-			let { ui: n } = e, r = Z(t), i = n.view[r];
+			let { ui: n } = e, r = G(t), i = n.view[r];
 			if (!i) {
 				console.error(`Unknown UI part name: "${t}". Supported names are "toolbar" and "menubar".`);
 				return;
@@ -1014,7 +975,7 @@ var X = class extends e {
 		this.element.style.display = "none";
 	}
 };
-function Z(e) {
+function G(e) {
 	switch (e) {
 		case "toolbar": return "toolbar";
 		case "menubar": return "menuBarView";
@@ -1023,19 +984,19 @@ function Z(e) {
 }
 //#endregion
 //#region src/hooks/index.ts
-var Q = {
-	ckeditor5: q,
-	"ckeditor5-context": B,
-	"ckeditor5-ui-part": X,
-	"ckeditor5-editable": W
+var K = {
+	ckeditor5: V,
+	"ckeditor5-context": P,
+	"ckeditor5-ui-part": W,
+	"ckeditor5-editable": R
 };
-function $() {
-	for (let [e, n] of Object.entries(Q)) t(e, n);
+function q() {
+	for (let [e, n] of Object.entries(K)) t(e, n);
 }
 //#endregion
 //#region src/index.ts
-$();
+q();
 //#endregion
-export { e as ClassHook, z as ContextsRegistry, C as CustomEditorPluginsRegistry, W as EditableComponentHook, q as EditorComponentHook, V as EditorsRegistry, X as UIPartComponentHook, t as registerLivewireComponentHook };
+export { e as ClassHook, N as ContextsRegistry, y as CustomEditorPluginsRegistry, R as EditableComponentHook, V as EditorComponentHook, F as EditorsRegistry, W as UIPartComponentHook, t as registerLivewireComponentHook };
 
 //# sourceMappingURL=index.mjs.map