ckeditor5-blazor 1.11.0 → 1.12.0

package/dist/index.mjs

@@ -3,15 +3,15 @@ class v extends Error {
     super(t), this.name = "CKEditor5BlazorError";
   }
 }
-function B(r, t) {
+function U(r, t) {
   if (!r || r.size !== t.size)
     return !1;
-  for (const [e, a] of r)
-    if (!t.has(e) || t.get(e) !== a)
+  for (const [e, n] of r)
+    if (!t.has(e) || t.get(e) !== n)
       return !1;
   return !0;
 }
-class Y {
+class H {
   /**
    * Map of registered items.
    */
@@ -46,13 +46,13 @@ class Y {
    * @param onError Optional error callback.
    * @returns A promise that resolves with the result of the function.
    */
-  execute(t, e, a) {
-    const n = this.items.get(t), i = this.initializationErrors.get(t);
-    return i ? (a?.(i), Promise.reject(i)) : n ? Promise.resolve(e(n)) : new Promise((o, s) => {
+  execute(t, e, n) {
+    const i = this.items.get(t), a = this.initializationErrors.get(t);
+    return a ? (n?.(a), Promise.reject(a)) : i ? Promise.resolve(e(i)) : new Promise((o, s) => {
       const c = this.getPendingCallbacks(t);
       c.success.push(async (u) => {
         o(await e(u));
-      }), a ? c.error.push(a) : c.error.push(s);
+      }), n ? c.error.push(n) : c.error.push(s);
     });
   }
   /**
@@ -63,19 +63,19 @@ class Y {
    * @returns A function that stops observing and immediately runs any pending cleanup.
    */
   mountEffect(t, e) {
-    let a, n, i = !1;
+    let n, i, a = !1;
     const o = this.watch((s) => {
       const c = s.get(t);
-      if (c !== n && (a?.(), a = void 0, n = c, !!c))
+      if (c !== i && (n?.(), n = void 0, i = c, !!c))
         try {
           const u = e(c);
-          i ? (u?.(), o()) : a = u;
+          a ? (u?.(), o()) : n = u;
         } catch (u) {
           throw console.error(u), u;
         }
     });
     return () => {
-      i = !0, n && (o(), a?.(), a = void 0);
+      a = !0, i && (o(), n?.(), n = void 0);
     };
   }
   /**
@@ -89,8 +89,8 @@ class Y {
       if (this.items.has(t))
         throw new Error(`Item with ID "${t}" is already registered.`);
       this.resetErrors(t), this.items.set(t, e);
-      const a = this.pendingCallbacks.get(t);
-      a && (a.success.forEach((n) => n(e)), this.pendingCallbacks.delete(t)), this.items.size === 1 && t !== null && this.register(null, e);
+      const n = this.pendingCallbacks.get(t);
+      n && (n.success.forEach((i) => i(e)), this.pendingCallbacks.delete(t)), this.items.size === 1 && t !== null && this.register(null, e);
     });
   }
   /**
@@ -102,8 +102,8 @@ class Y {
   error(t, e) {
     this.batch(() => {
       this.items.delete(t), this.initializationErrors.set(t, e);
-      const a = this.pendingCallbacks.get(t);
-      a && (a.error.forEach((n) => n(e)), this.pendingCallbacks.delete(t)), this.initializationErrors.size === 1 && !this.items.size && this.error(null, e);
+      const n = this.pendingCallbacks.get(t);
+      n && (n.error.forEach((i) => i(e)), this.pendingCallbacks.delete(t)), this.initializationErrors.size === 1 && !this.items.size && this.error(null, e);
     });
   }
   /**
@@ -159,8 +159,8 @@ class Y {
    * @returns A promise that resolves with the item instance.
    */
   waitFor(t) {
-    return new Promise((e, a) => {
-      this.execute(t, e, a);
+    return new Promise((e, n) => {
+      this.execute(t, e, n);
     });
   }
   /**
@@ -220,7 +220,7 @@ class Y {
    * Immediately dispatches the current state to all watchers if it changed.
    */
   flushWatchers() {
-    B(this.lastNotifiedItems, this.items) && B(this.lastNotifiedErrors, this.initializationErrors) || (this.lastNotifiedItems = new Map(this.items), this.lastNotifiedErrors = new Map(this.initializationErrors), this.watchers.forEach((t) => t(
+    U(this.lastNotifiedItems, this.items) && U(this.lastNotifiedErrors, this.initializationErrors) || (this.lastNotifiedItems = new Map(this.items), this.lastNotifiedErrors = new Map(this.initializationErrors), this.watchers.forEach((t) => t(
       new Map(this.items),
       new Map(this.initializationErrors)
     )));
@@ -236,54 +236,50 @@ class Y {
     return e || (e = { success: [], error: [] }, this.pendingCallbacks.set(t, e)), e;
   }
 }
-function $(r, t) {
+function W(r, t) {
   let e = null;
-  return (...a) => {
+  return (...n) => {
     e && clearTimeout(e), e = setTimeout(() => {
-      t(...a);
+      t(...n);
     }, r);
   };
 }
-function st(r, t) {
-  const e = Object.entries(r).filter(([a, n]) => t(n, a));
-  return Object.fromEntries(e);
-}
-function S(r) {
+function P(r) {
   return Object.keys(r).length === 0 && r.constructor === Object;
 }
-function W(r, t) {
-  const e = Object.entries(r).map(([a, n]) => [a, t(n, a)]);
+function nt(r, t) {
+  const e = Object.entries(r).map(([n, i]) => [n, t(i, n)]);
   return Object.fromEntries(e);
 }
-function ct(r, t) {
+function at(r, t) {
   if (r === t)
     return !0;
-  const e = Object.keys(r), a = Object.keys(t);
-  if (e.length !== a.length)
+  const e = Object.keys(r), n = Object.keys(t);
+  if (e.length !== n.length)
     return !1;
-  for (const n of e)
-    if (r[n] !== t[n] || !Object.prototype.hasOwnProperty.call(t, n))
+  for (const i of e)
+    if (r[i] !== t[i] || !Object.prototype.hasOwnProperty.call(t, i))
       return !1;
   return !0;
 }
-function ut() {
+function it() {
   return Math.random().toString(36).substring(2);
 }
-function lt(r, {
+function ot(r, {
   timeOutAfter: t = 500,
   retryAfter: e = 100
 } = {}) {
-  return new Promise((a, n) => {
-    const i = Date.now();
+  return new Promise((n, i) => {
+    const a = Date.now();
     let o = null;
     const s = setTimeout(() => {
-      n(o ?? new Error("Timeout"));
+      i(o ?? new Error("Timeout"));
     }, t), c = async () => {
       try {
         const u = await r();
-        clearTimeout(s), a(u);
+        clearTimeout(s), n(u);
       } catch (u) {
-        o = u, Date.now() - i > t ? n(u) : setTimeout(c, e);
+        o = u, Date.now() - a > t ? i(u) : setTimeout(c, e);
       }
     };
     c();
@@ -310,11 +306,11 @@ function L(r) {
     } };
   let t;
   return {
-    promise: new Promise((a) => {
-      t = new MutationObserver((n) => {
-        for (const i of n)
-          if (i.type === "attributes" && i.attributeName === "data-cke-interactive" && r.hasAttribute("data-cke-interactive")) {
-            t.disconnect(), a();
+    promise: new Promise((n) => {
+      t = new MutationObserver((i) => {
+        for (const a of i)
+          if (a.type === "attributes" && a.attributeName === "data-cke-interactive" && r.hasAttribute("data-cke-interactive")) {
+            t.disconnect(), n();
             break;
           }
       }), t.observe(r, { attributes: !0 });
@@ -325,73 +321,50 @@ function L(r) {
 function x(r) {
   r.setAttribute("data-cke-interactive", "true");
 }
-function dt(r, t) {
-  const e = mt(r), a = /* @__PURE__ */ new Set([
-    ...Object.keys(e),
-    ...Object.keys(t.roots ?? {})
-  ]), n = Array.from(a).reduce((o, s) => ({
-    ...o,
-    [s]: {
-      ...t.roots?.[s],
-      ...s === "main" ? t.root : {},
-      /* v8 ignore next 5 */
-      ...s in e ? {
-        initialData: e[s]
-      } : {}
-    }
-  }), Object.create(t.roots || {})), i = {
-    ...t,
-    roots: n
-  };
-  return delete i.root, i;
-}
-function mt(r) {
-  return typeof r == "string" ? { main: r } : { ...r };
-}
-function ht(r, t, e) {
-  const a = ft(t);
-  if (!r.editorName || r.editorName === "ClassicEditor")
-    return {
-      ...e,
-      attachTo: a.main
-    };
-  const n = /* @__PURE__ */ new Set([
-    ...Object.keys(a),
+function st(r, t, e) {
+  const n = !r.editorName || r.editorName === "ClassicEditor", i = /* @__PURE__ */ new Set([
+    ...Object.keys(t),
     ...Object.keys(e.roots ?? {})
-  ]), i = Array.from(n).reduce((s, c) => ({
+  ]), a = Array.from(i).reduce((s, c) => ({
     ...s,
     [c]: {
-      /* v8 ignore next */
+      /* v8 ignore next 1 */
       ...e.roots?.[c],
       ...c === "main" ? e.root : {},
-      /* v8 ignore next 5 */
-      ...c in a ? {
-        element: a[c]
+      /* v8 ignore next 12 */
+      ...c in t ? {
+        ...t[c].content !== null && {
+          initialData: t[c].content
+        },
+        modelElement: t[c].modelElement || "$root",
+        ...!n && t[c].element !== null && {
+          element: t[c].element
+        }
       } : {}
     }
-  }), Object.create(e.roots || {})), o = {
+  }), { ...e.roots || {} }), o = {
     ...e,
-    roots: i
+    roots: a,
+    ...n && t.main?.element && {
+      attachTo: t.main.element
+    }
   };
   return delete o.root, o;
 }
-function ft(r) {
-  return r instanceof HTMLElement ? { main: r } : { ...r };
-}
-function pt(r) {
+function ct(r) {
   const t = [
     r.ui?.element,
     r.ui?.view?.toolbar?.element,
     r.ui?.view?.menuBarView?.element
   ].filter(Boolean);
-  for (const i of t)
-    n(i);
+  for (const a of t)
+    i(a);
   const e = r.ui?.view?.body?._bodyCollectionContainer;
-  e?.isConnected && n(e);
-  const a = r.editing?.view;
-  if (a)
-    for (const i of a.domRoots.values())
-      i instanceof HTMLElement && (i.removeAttribute("contenteditable"), i.removeAttribute("role"), i.removeAttribute("aria-label"), i.removeAttribute("aria-multiline"), i.removeAttribute("spellcheck"), i.classList.remove(
+  e?.isConnected && i(e);
+  const n = r.editing?.view;
+  if (n)
+    for (const a of n.domRoots.values())
+      a instanceof HTMLElement && (a.removeAttribute("contenteditable"), a.removeAttribute("role"), a.removeAttribute("aria-label"), a.removeAttribute("aria-multiline"), a.removeAttribute("spellcheck"), a.classList.remove(
         "ck",
         "ck-content",
         "ck-editor__editable",
@@ -399,55 +372,55 @@ function pt(r) {
         "ck-editor__editable_inline",
         "ck-blurred",
         "ck-focused"
-      ), n(i));
-  function n(i) {
-    i.hasAttribute("data-cke-controlled") ? i.innerHTML = "" : i.remove();
+      ), i(a));
+  function i(a) {
+    a.hasAttribute("data-cke-controlled") ? a.innerHTML = "" : a.remove();
   }
 }
-const V = /* @__PURE__ */ Symbol.for("context-editor-watchdog");
-async function wt({ context: r, creator: t, config: e }) {
-  const a = ut();
+const z = /* @__PURE__ */ Symbol.for("context-editor-watchdog");
+async function ut({ context: r, creator: t, config: e }) {
+  const n = it();
   await r.add({
     creator: t.create.bind(t),
-    id: a,
+    id: n,
     type: "editor",
     config: e
   });
-  const n = r.getItem(a), i = {
+  const i = r.getItem(n), a = {
     state: "available",
-    editorContextId: a,
+    editorContextId: n,
     context: r
   };
-  n[V] = i;
+  i[z] = a;
   const o = r.destroy.bind(r);
-  return r.destroy = async () => (i.state = "unavailable", o()), {
-    ...i,
-    editor: n
+  return r.destroy = async () => (a.state = "unavailable", o()), {
+    ...a,
+    editor: i
   };
 }
-function gt(r) {
-  return V in r ? r[V] : null;
+function lt(r) {
+  return z in r ? r[z] : null;
 }
-function X(r) {
-  return Array.from(r.model.document.getRoots()).reduce((t, e) => (e.rootName === "$graveyard" || (t[e.rootName] = r.getData({ rootName: e.rootName })), t), /* @__PURE__ */ Object.create({}));
+function J(r) {
+  return Array.from(r.model.document.getRoots()).reduce((t, e) => (e.rootName === "$graveyard" || (t[e.rootName] = r.getData({ rootName: e.rootName })), t), /* @__PURE__ */ Object.create(null));
 }
-function T(r) {
+function V(r) {
   return ["inline", "classic", "balloon", "decoupled"].includes(r);
 }
-async function H(r) {
-  const t = await import("ckeditor5"), a = {
+async function j(r) {
+  const t = await import("ckeditor5"), n = {
     inline: t.InlineEditor,
     balloon: t.BalloonEditor,
     classic: t.ClassicEditor,
     decoupled: t.DecoupledEditor,
     multiroot: t.MultiRootEditor
   }[r];
-  if (!a)
+  if (!n)
     throw new v(`Unsupported editor type: ${r}`);
-  return a;
+  return n;
 }
-class j {
-  static the = new j();
+class _ {
+  static the = new _();
   /**
    * Map of registered custom plugins.
    */
@@ -506,63 +479,63 @@ class j {
     return this.plugins.has(t);
   }
 }
-async function K(r) {
+async function G(r) {
   const t = await import("ckeditor5");
   let e = null;
-  const a = r.map(async (n) => {
-    if (bt(n)) {
-      const { name: c, path: u } = n.$import, d = await import(
+  const n = r.map(async (i) => {
+    if (dt(i)) {
+      const { name: c, path: u } = i.$import, l = await import(
         /* @vite-ignore */
         u
-      ), f = (Object.prototype.hasOwnProperty.call(d, c) ? d[c] : void 0) ?? (Object.prototype.hasOwnProperty.call(d, "default") ? d.default : void 0);
+      ), f = (Object.prototype.hasOwnProperty.call(l, c) ? l[c] : void 0) ?? (Object.prototype.hasOwnProperty.call(l, "default") ? l.default : void 0);
       if (!f)
         throw new v(`Plugin "${c}" not found in module "${u}".`);
       return f;
     }
-    const i = await j.the.get(n);
-    if (i)
-      return i;
-    const { [n]: o } = t;
+    const a = await _.the.get(i);
+    if (a)
+      return a;
+    const { [i]: o } = t;
     if (o)
       return o;
     if (!e)
       try {
         e = await import("ckeditor5-premium-features");
       } catch (c) {
-        throw console.error(`Failed to load premium package: ${c}`), new v(`Plugin "${n}" not found in base package and failed to load premium package.`);
+        throw console.error(`Failed to load premium package: ${c}`), new v(`Plugin "${i}" not found in base package and failed to load premium package.`);
       }
-    const { [n]: s } = e || {};
+    const { [i]: s } = e || {};
     if (s)
       return s;
-    throw new v(`Plugin "${n}" not found in base or premium packages.`);
+    throw new v(`Plugin "${i}" not found in base or premium packages.`);
   });
   return {
-    loadedPlugins: await Promise.all(a),
+    loadedPlugins: await Promise.all(n),
     hasPremium: !!e
   };
 }
-function bt(r) {
+function dt(r) {
   return typeof r == "object" && r !== null && "$import" in r;
 }
-async function Q(r, t) {
+async function Y(r, t) {
   const e = [r.ui, r.content];
   return await Promise.all(
     [
-      J("ckeditor5", e),
+      B("ckeditor5", e),
       /* v8 ignore next -- @preserve */
-      t && J("ckeditor5-premium-features", e)
-    ].filter((n) => !!n)
-  ).then((n) => n.flat());
+      t && B("ckeditor5-premium-features", e)
+    ].filter((i) => !!i)
+  ).then((i) => i.flat());
 }
-async function J(r, t) {
+async function B(r, t) {
   return await Promise.all(
     t.filter((e) => e !== "en").map(async (e) => {
-      const a = await yt(r, e);
-      return a?.default ?? a;
+      const n = await mt(r, e);
+      return n?.default ?? n;
     }).filter(Boolean)
   );
 }
-async function yt(r, t) {
+async function mt(r, t) {
   try {
     if (r === "ckeditor5")
       switch (t) {
@@ -862,12 +835,12 @@ async function yt(r, t) {
     return console.error(`Failed to load translation for ${r}/${t}:`, e), null;
   }
 }
-function Z(r) {
-  return W(r, (t) => ({
+function X(r) {
+  return nt(r, (t) => ({
     dictionary: t
   }));
 }
-function tt(r) {
+function Q(r) {
   return r ? typeof r == "string" ? {
     ui: r,
     content: r
@@ -876,103 +849,99 @@ function tt(r) {
     content: "en"
   };
 }
-function _() {
-  return Array.from(document.querySelectorAll("cke5-editor")).map((r) => r.getAttribute("data-cke-editor-id")).filter((r) => r !== null);
-}
-function et(r) {
-  const t = rt(r);
-  return W(t, ({ element: e }) => e);
-}
-function G(r) {
-  const t = rt(r), e = W(t, ({ content: a }) => a);
-  return st(e, (a) => typeof a == "string");
-}
-function rt(r) {
+function Z(r) {
   const t = Array.from(document.querySelectorAll(`cke5-editable[data-cke-editor-id="${r}"]`)).reduce((o, s) => {
-    const c = s.getAttribute("data-cke-root-name"), u = s.getAttribute("data-cke-content");
+    const c = s.getAttribute("data-cke-root-name"), u = s.getAttribute("data-cke-root-model-element-name") || null;
     return o[c] = {
       element: s.querySelector("[data-cke-editable-content]"),
-      content: u
+      content: s.getAttribute("data-cke-content"),
+      modelElement: u
     }, o;
-  }, /* @__PURE__ */ Object.create({})), e = document.querySelector(`cke5-editor[data-cke-editor-id="${r}"]`);
+  }, /* @__PURE__ */ Object.create(null)), e = document.querySelector(`cke5-editor[data-cke-editor-id="${r}"]`);
   if (!e)
     return t;
-  const a = t.main, n = JSON.parse(e.getAttribute("data-cke-content")), i = document.querySelector(`#${r}_editor `);
-  return a && n?.main ? {
-    ...t,
-    main: {
-      ...a,
-      content: a.content || n.main
-    }
-  } : i ? {
-    ...t,
-    main: {
-      element: i,
-      content: n?.main || null
-    }
-  } : t;
+  const n = JSON.parse(e.getAttribute("data-cke-content")) ?? {}, i = document.querySelector(`#${r}_editor`), a = e.getAttribute("data-cke-root-model-element-name");
+  i && !t.main && (t.main = {
+    element: i,
+    content: n.main || "",
+    modelElement: a
+  });
+  for (const [o, s] of Object.entries(n))
+    t[o] ? t[o] = {
+      ...t[o],
+      content: t[o].content ?? s,
+      modelElement: t[o].modelElement ?? a
+    } : t[o] = {
+      element: null,
+      content: s,
+      modelElement: a
+    };
+  return t;
+}
+function F() {
+  return Array.from(document.querySelectorAll("cke5-editor")).map((r) => r.getAttribute("data-cke-editor-id")).filter((r) => r !== null);
 }
 function M(r) {
   if (!r || typeof r != "object")
     return r;
   if (Array.isArray(r))
-    return r.map((a) => M(a));
+    return r.map((n) => M(n));
   const t = r;
   if (t.$element && typeof t.$element == "string") {
-    const a = document.querySelector(t.$element);
-    return a || console.warn(`Element not found for selector: ${t.$element}`), a || null;
+    const n = document.querySelector(t.$element);
+    return n || console.warn(`Element not found for selector: ${t.$element}`), n || null;
   }
   const e = /* @__PURE__ */ Object.create(null);
-  for (const [a, n] of Object.entries(r))
-    e[a] = M(n);
+  for (const [n, i] of Object.entries(r))
+    e[n] = M(i);
   return e;
 }
-function D(r, t, e) {
+function S(r, t, e) {
   if (!e || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    return e.map((i) => D(r, t, i));
-  const a = e;
-  if (a.$translation && typeof a.$translation == "string") {
-    const i = a.$translation, o = Et(r, i, t);
-    return o === void 0 && console.warn(`Translation not found for key: ${i}`), o !== void 0 ? o : null;
+    return e.map((a) => S(r, t, a));
+  const n = e;
+  if (n.$translation && typeof n.$translation == "string") {
+    const a = n.$translation, o = ht(r, a, t);
+    return o === void 0 && console.warn(`Translation not found for key: ${a}`), o !== void 0 ? o : null;
   }
-  const n = /* @__PURE__ */ Object.create(null);
-  for (const [i, o] of Object.entries(e))
-    n[i] = D(r, t, o);
-  return n;
+  const i = /* @__PURE__ */ Object.create(null);
+  for (const [a, o] of Object.entries(e))
+    i[a] = S(r, t, o);
+  return i;
 }
-function Et(r, t, e) {
-  for (const a of r) {
-    const n = a[e];
-    if (n?.dictionary && t in n.dictionary)
-      return n.dictionary[t];
+function ht(r, t, e) {
+  for (const n of r) {
+    const i = n[e];
+    if (i?.dictionary && t in i.dictionary)
+      return i.dictionary[t];
   }
 }
-function kt(r, t) {
+function ft(r, t) {
   const { editing: e } = r;
-  e.view.change((a) => {
-    a.setStyle("height", `${t}px`, e.view.document.getRoot());
+  e.view.change((n) => {
+    n.setStyle("height", `${t}px`, e.view.document.getRoot());
   });
 }
-const z = /* @__PURE__ */ Symbol.for("elixir-editor-watchdog");
-async function vt(r, t) {
-  const { EditorWatchdog: e } = await import("ckeditor5"), a = new e(null, t ?? {
+const $ = /* @__PURE__ */ Symbol.for("elixir-editor-watchdog");
+async function pt(r, t) {
+  const { EditorWatchdog: e } = await import("ckeditor5"), n = new e(null, t ?? {
     crashNumberLimit: 10,
     minimumNonErrorTimePeriod: 5e3
   });
-  return a.setCreator(async () => {
-    const n = await r();
-    return n[z] = a, n;
-  }), a;
+  return n.setCreator(async () => {
+    const i = await r();
+    return i[$] = n, i;
+  }), n;
 }
-function At(r) {
-  return z in r ? r[z] : null;
+function wt(r) {
+  return $ in r ? r[$] : null;
 }
-class O extends Y {
-  static the = new O();
+class C extends H {
+  static the = new C();
 }
-class Ct extends HTMLElement {
+class gt extends HTMLElement {
   /**
    * The promise that resolves to the context instance.
    */
@@ -991,29 +960,29 @@ class Ct extends HTMLElement {
    * Initializes the context component.
    */
   async initializeContext() {
-    const t = JSON.parse(this.getAttribute("data-cke-context")), { customTranslations: e, watchdogConfig: a, config: { plugins: n, ...i } } = t, o = this.getAttribute("data-cke-context-id"), s = this.getAttribute("data-cke-language") ? JSON.parse(this.getAttribute("data-cke-language")) : tt(i.language), { loadedPlugins: c, hasPremium: u } = await K(n ?? []), d = [
-      ...await Q(s, u),
-      Z(e || {})
-    ].filter((b) => !S(b));
+    const t = JSON.parse(this.getAttribute("data-cke-context")), { customTranslations: e, watchdogConfig: n, config: { plugins: i, ...a } } = t, o = this.getAttribute("data-cke-context-id"), s = this.getAttribute("data-cke-language") ? JSON.parse(this.getAttribute("data-cke-language")) : Q(a.language), { loadedPlugins: c, hasPremium: u } = await G(i ?? []), l = [
+      ...await Y(s, u),
+      X(e || {})
+    ].filter((b) => !P(b));
     this.contextPromise = (async () => {
-      const { ContextWatchdog: b, Context: y } = await import("ckeditor5"), w = new b(y, {
+      const { ContextWatchdog: b, Context: E } = await import("ckeditor5"), w = new b(E, {
         crashNumberLimit: 10,
-        ...a
+        ...n
       });
-      let h = M(i);
-      return h = D([...d].reverse(), s.ui, h), await w.create({
-        ...h,
+      let g = M(a);
+      return g = S([...l].reverse(), s.ui, g), await w.create({
+        ...g,
         language: s,
         plugins: c,
-        ...d.length && {
-          translations: d
+        ...l.length && {
+          translations: l
         }
-      }), w.on("itemError", (...A) => {
-        console.error("Context item error:", ...A);
+      }), w.on("itemError", (...h) => {
+        console.error("Context item error:", ...h);
       }), w;
     })();
     const f = await this.contextPromise;
-    this.isConnected && O.the.register(o, f);
+    this.isConnected && C.the.register(o, f);
   }
   /**
    * Destroys the context component. Unmounts root from the editor.
@@ -1025,14 +994,14 @@ class Ct extends HTMLElement {
     try {
       await (await this.contextPromise)?.destroy();
     } finally {
-      this.contextPromise = null, t && O.the.hasItem(t) && O.the.unregister(t);
+      this.contextPromise = null, t && C.the.hasItem(t) && C.the.unregister(t);
     }
   }
 }
-class m extends Y {
+class m extends H {
   static the = new m();
 }
-class Ot extends HTMLElement {
+class bt extends HTMLElement {
   /**
    * Stops observing the editor registry and immediately runs any pending cleanup.
    */
@@ -1051,55 +1020,56 @@ class Ot extends HTMLElement {
    * Initializes the editable instance.
    */
   async initializeEditable() {
-    this.hasAttribute("data-cke-editor-id") || this.setAttribute("data-cke-editor-id", _()[0]);
-    const t = this.getAttribute("data-cke-editor-id"), e = this.getAttribute("data-cke-root-name"), a = JSON.parse(this.getAttribute("data-cke-root-attributes") || "{}"), n = this.getAttribute("data-cke-content"), i = Number.parseInt(this.getAttribute("data-cke-save-debounce-ms"), 10);
+    this.hasAttribute("data-cke-editor-id") || this.setAttribute("data-cke-editor-id", F()[0]);
+    const t = this.getAttribute("data-cke-editor-id"), e = this.getAttribute("data-cke-root-name"), n = JSON.parse(this.getAttribute("data-cke-root-attributes") || "{}"), i = this.getAttribute("data-cke-root-model-element-name") || "$root", a = this.getAttribute("data-cke-content"), o = Number.parseInt(this.getAttribute("data-cke-save-debounce-ms"), 10);
     if (!t || !e)
       throw new v("Editor ID or Root Name is missing.");
-    this.style.display = "block", this.unmountEffect = m.the.mountEffect(t, (o) => {
+    this.style.display = "block", this.unmountEffect = m.the.mountEffect(t, (s) => {
       if (!this.isConnected)
         return;
-      const { ui: s, editing: c, model: u } = o, l = this.querySelector("input"), d = u.document.getRoot(e);
-      if (d?.isAttached()) {
-        if (n !== null) {
-          const h = o.getData({ rootName: e });
-          h && h !== n && o.setData({
-            [e]: n
+      const { ui: c, editing: u, model: d } = s, l = this.querySelector("input"), f = d.document.getRoot(e);
+      if (f?.isAttached()) {
+        if (a !== null) {
+          const h = s.getData({ rootName: e });
+          h && h !== a && s.setData({
+            [e]: a
           });
         }
-        S(a) || o.model.change((h) => {
-          h.setAttributes(a, d);
+        P(n) || s.model.change((h) => {
+          h.setAttributes(n, f);
         });
         return;
       }
-      o.addRoot(e, {
+      s.addRoot(e, {
         isUndoable: !1,
-        modelAttributes: { ...a },
-        ...n !== null && {
-          initialData: n
+        modelAttributes: { ...n },
+        modelElement: i,
+        ...a !== null && {
+          initialData: a
         }
       });
-      const f = this.querySelector("[data-cke-editable-content]"), b = s.view.createEditable(e, f);
-      s.addEditable(b), c.view.forceRender();
-      const y = () => {
-        if (!u.document.getRoot(e)?.isAttached())
+      const b = this.querySelector("[data-cke-editable-content]"), E = c.view.createEditable(e, b);
+      c.addEditable(E), u.view.forceRender();
+      const w = () => {
+        if (!d.document.getRoot(e)?.isAttached())
           return;
-        const h = o.getData({ rootName: e });
+        const h = s.getData({ rootName: e });
         l && (l.value = h, l.dispatchEvent(new Event("input"))), this.dispatchEvent(new CustomEvent("change", {
           detail: {
             value: h
           }
         }));
-      }, w = $(i, y);
-      return o.model.document.on("change:data", w), y(), () => {
-        if (o.model.document.off("change:data", w), o.state !== "destroyed" && e) {
-          const h = o.model.document.getRoot(e);
-          if (h && "detachEditable" in o) {
+      }, g = W(o, w);
+      return s.model.document.on("change:data", g), w(), () => {
+        if (s.model.document.off("change:data", g), s.state !== "destroyed" && e) {
+          const h = s.model.document.getRoot(e);
+          if (h && "detachEditable" in s) {
             try {
-              o.ui.view.editables[e] && o.detachEditable(h);
-            } catch (A) {
-              console.error("Unable unmount editable from root:", A);
+              s.ui.view.editables[e] && s.detachEditable(h);
+            } catch (p) {
+              console.error("Unable unmount editable from root:", p);
             }
-            h.isAttached() && o.detachRoot(e, !1);
+            h.isAttached() && s.detachRoot(e, !1);
           }
         }
       };
@@ -1112,13 +1082,13 @@ class Ot extends HTMLElement {
     this.interactiveWait?.disconnect(), this.style.display = "none", this.unmountEffect?.(), this.unmountEffect = null;
   }
 }
-async function It({
+async function Et({
   saveDebounceMs: r,
   editorId: t,
   targetElement: e
 }) {
-  const { Plugin: a } = await import("ckeditor5");
-  return class extends a {
+  const { Plugin: n } = await import("ckeditor5");
+  return class extends n {
     /**
      * The name of the plugin.
      */
@@ -1129,34 +1099,34 @@ async function It({
      * Initializes the plugin.
      */
     afterInit() {
-      const { editor: i } = this, o = $(r, this.dispatch);
-      i.model.document.on("change:data", o), i.once("ready", this.dispatch);
+      const { editor: a } = this, o = W(r, this.dispatch);
+      a.model.document.on("change:data", o), a.once("ready", this.dispatch);
     }
     /**
      * Dispatches a custom event with all roots data.
      */
     dispatch = () => {
-      const { editor: i } = this;
+      const { editor: a } = this;
       e.dispatchEvent(
-        new k({
+        new y({
           editorId: t,
-          editor: i,
-          roots: X(i)
+          editor: a,
+          roots: J(a)
         })
       );
     };
   };
 }
-class k extends CustomEvent {
+class y extends CustomEvent {
   static EVENT_NAME = "ckeditor5:change:data";
   constructor(t) {
-    super(k.EVENT_NAME, {
+    super(y.EVENT_NAME, {
       detail: t,
       bubbles: !0
     });
   }
 }
-async function Tt(r) {
+async function yt(r) {
   const { Plugin: t } = await import("ckeditor5");
   return class extends t {
     /**
@@ -1177,16 +1147,16 @@ async function Tt(r) {
      * Initializes the plugin.
      */
     afterInit() {
-      const { editor: a } = this, i = a.sourceElement.id.replace(/_editor$/, "");
-      this.input = document.getElementById(`${i}_input`), this.input && (a.model.document.on("change:data", $(r, () => this.sync())), a.once("ready", this.sync), this.form = this.input.closest("form"), this.form?.addEventListener("submit", this.sync));
+      const { editor: n } = this, a = n.sourceElement.id.replace(/_editor$/, "");
+      this.input = document.getElementById(`${a}_input`), this.input && (n.model.document.on("change:data", W(r, () => this.sync())), n.once("ready", this.sync), this.form = this.input.closest("form"), this.form?.addEventListener("submit", this.sync));
     }
     /**
      * Synchronizes the editor's content with the input field.
      */
     sync = () => {
       if (this.input) {
-        const a = this.editor.getData();
-        this.input.value = a, this.input.dispatchEvent(new Event("input", { bubbles: !0 }));
+        const n = this.editor.getData();
+        this.input.value = n, this.input.dispatchEvent(new Event("input", { bubbles: !0 }));
       }
     };
     /**
@@ -1197,7 +1167,7 @@ async function Tt(r) {
     }
   };
 }
-class Nt extends HTMLElement {
+class kt extends HTMLElement {
   /**
    * Stops observing the editor registry and immediately runs any pending cleanup.
    */
@@ -1210,7 +1180,7 @@ class Nt extends HTMLElement {
    * Mounts the editor component.
    */
   async connectedCallback() {
-    await R(), this.interactiveWait = L(this), H("classic"), await this.interactiveWait.promise, await this.initializeEditor();
+    await R(), this.interactiveWait = L(this), j("classic"), await this.interactiveWait.promise, await this.initializeEditor();
   }
   /**
    * Initializes the editor instance.
@@ -1220,15 +1190,15 @@ class Nt extends HTMLElement {
     m.the.resetErrors(t);
     try {
       this.style.display = "block";
-      const e = await this.createEditor(), a = gt(e), n = At(e);
+      const e = await this.createEditor(), n = lt(e), i = wt(e);
       if (this.isConnected) {
-        const i = m.the.mountEffect(t, (o) => {
+        const a = m.the.mountEffect(t, (o) => {
           o.once("destroy", () => {
             m.the.unregister(t, !1);
           }, { priority: "highest" });
         });
         this.unmountEffect = async () => {
-          m.the.unregister(t), i(), a ? a.state !== "unavailable" && await a.context.remove(a.editorContextId) : n ? await n.destroy() : await e.destroy();
+          m.the.unregister(t), a(), n ? n.state !== "unavailable" && await n.context.remove(n.editorContextId) : i ? await i.destroy() : await e.destroy();
         }, m.the.register(t, e);
       }
     } catch (e) {
@@ -1248,94 +1218,82 @@ class Nt extends HTMLElement {
   async createEditor() {
     const t = JSON.parse(this.getAttribute("data-cke-preset")), {
       customTranslations: e,
-      editorType: a,
-      licenseKey: n,
-      watchdogConfig: i,
+      editorType: n,
+      licenseKey: i,
+      watchdogConfig: a,
       config: { plugins: o, ...s }
-    } = t, c = this.getAttribute("data-cke-editor-id"), u = this.getAttribute("data-cke-context-id"), l = JSON.parse(this.getAttribute("data-cke-root-attributes") || "{}"), d = this.getAttribute("data-cke-editable-height") ? Number.parseInt(this.getAttribute("data-cke-editable-height"), 10) : null, f = Number.parseInt(this.getAttribute("data-cke-save-debounce-ms"), 10), b = this.hasAttribute("data-cke-watchdog"), y = JSON.parse(this.getAttribute("data-cke-content")), w = this.getAttribute("data-cke-language") ? JSON.parse(this.getAttribute("data-cke-language")) : tt(t.config.language), h = await H(a), A = await (u ? O.the.waitFor(u) : null), q = async () => {
-      const { loadedPlugins: E, hasPremium: N } = await K(o);
-      E.push(
-        await It({
+    } = t, c = this.getAttribute("data-cke-editor-id"), u = this.getAttribute("data-cke-context-id"), d = JSON.parse(this.getAttribute("data-cke-root-attributes") || "{}"), l = this.getAttribute("data-cke-editable-height") ? Number.parseInt(this.getAttribute("data-cke-editable-height"), 10) : null, f = Number.parseInt(this.getAttribute("data-cke-save-debounce-ms"), 10), b = this.hasAttribute("data-cke-watchdog"), E = this.getAttribute("data-cke-language") ? JSON.parse(this.getAttribute("data-cke-language")) : Q(t.config.language), w = await j(n), g = await (u ? C.the.waitFor(u) : null), h = async () => {
+      const { loadedPlugins: p, hasPremium: I } = await G(o);
+      p.push(
+        await Et({
           saveDebounceMs: f,
           editorId: c,
           targetElement: this
         })
-      ), T(a) && E.push(
-        await Tt(f)
+      ), V(n) && p.push(
+        await yt(f)
       );
-      const C = [
-        ...await Q(w, N),
-        Z(e || {})
-      ].filter((p) => !S(p));
-      let I = {
-        ...y,
-        ...G(c)
-      };
-      T(a) && (I = I.main || "");
-      const P = await (async () => {
-        let p = et(c);
-        if (!p.main) {
-          const U = T(a) ? ["main"] : Object.keys(I);
-          at(p, U) || (p = await Pt(c, U), I = {
-            ...y,
-            ...G(c)
-          });
+      const A = [
+        ...await Y(E, I),
+        X(e || {})
+      ].filter((N) => !P(N));
+      let T = Z(c);
+      const D = Object.keys(T);
+      V(n) && D.push("main"), K(T, D) || (T = await vt(c, D));
+      let k = {
+        ...s,
+        licenseKey: i,
+        plugins: p,
+        language: E,
+        ...A.length && {
+          translations: A
         }
-        T(a) && "main" in p && (p = p.main);
-        let g = {
-          ...s,
-          licenseKey: n,
-          plugins: E,
-          language: w,
-          ...C.length && {
-            translations: C
-          }
-        };
-        return g = M(g), g = D([...C].reverse(), w.ui, g), g = ht(h, p, g), g = dt(I, g), A ? (await wt({
-          context: A,
-          creator: h,
-          config: g
-        })).editor : h.create(g);
-      })();
-      return S(l) || P.model.change((p) => {
-        p.setAttributes(l, P.model.document.getRoot());
-      }), T(a) && d && kt(P, d), P;
+      };
+      k = M(k), k = S([...A].reverse(), E.ui, k), k = st(w, T, k);
+      const O = await (async () => g ? (await ut({
+        context: g,
+        creator: w,
+        config: k
+      })).editor : w.create(k))();
+      return P(d) || O.model.change((N) => {
+        N.setAttributes(d, O.model.document.getRoot());
+      }), V(n) && l && ft(O, l), O;
     };
-    if (b && !A) {
-      const E = await vt(q, i);
-      return E.on("error", (N, { causesRestart: F }) => {
-        if (F) {
-          const C = m.the.getItem(c);
-          C && (pt(C), m.the.unregister(c));
+    if (b && !g) {
+      const p = await pt(h, a);
+      return p.on("error", (I, { causesRestart: q }) => {
+        if (q) {
+          const A = m.the.getItem(c);
+          A && (ct(A), m.the.unregister(c));
         }
-      }), E.on("restart", () => {
-        const N = E.editor;
-        m.the.register(c, N);
-      }), await E.create({}), E.editor;
+      }), p.on("restart", () => {
+        const I = p.editor;
+        m.the.register(c, I);
+      }), await p.create({}), p.editor;
     }
-    return q();
+    return h();
   }
 }
-function at(r, t) {
-  return t.every((e) => r[e]);
+function K(r, t) {
+  return t.every((e) => r[e]?.element);
 }
-async function Pt(r, t) {
-  return lt(
+async function vt(r, t) {
+  return ot(
     () => {
-      const e = et(r);
-      if (!at(e, t))
+      const e = Z(r);
+      if (!K(e, t))
         throw new 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((a) => !e[a]).join(", ")}.`
+Missing roots: ${t.filter((n) => !e[n]?.element).join(", ")}.`
         );
       return e;
     },
     { timeOutAfter: 2e3, retryAfter: 100 }
   );
 }
-class St extends HTMLElement {
+class At extends HTMLElement {
   /**
    * Stops observing the editor registry and immediately runs any pending cleanup.
    */
@@ -1345,11 +1303,11 @@ class St extends HTMLElement {
    */
   async connectedCallback() {
     await R();
-    const t = this.getAttribute("data-cke-editor-id") || _()[0], e = this.getAttribute("data-cke-name");
-    !t || !e || (this.style.display = "block", this.unmountEffect = m.the.mountEffect(t, (a) => {
+    const t = this.getAttribute("data-cke-editor-id") || F()[0], e = this.getAttribute("data-cke-name");
+    !t || !e || (this.style.display = "block", this.unmountEffect = m.the.mountEffect(t, (n) => {
       if (!this.isConnected)
         return;
-      const { ui: n } = a, i = Mt(e), o = n.view[i];
+      const { ui: i } = n, a = Ct(e), o = i.view[a];
       if (!o)
         throw new v(`Unknown UI part name: "${e}". Supported names are "toolbar" and "menubar".`);
       return this.appendChild(o.element), () => {
@@ -1364,7 +1322,7 @@ class St extends HTMLElement {
     this.style.display = "none", this.unmountEffect?.(), this.unmountEffect = null;
   }
 }
-function Mt(r) {
+function Ct(r) {
   switch (r) {
     case "toolbar":
       return "toolbar";
@@ -1375,43 +1333,43 @@ function Mt(r) {
       return null;
   }
 }
-const Dt = {
-  "cke5-editor": Nt,
-  "cke5-context": Ct,
-  "cke5-ui-part": St,
-  "cke5-editable": Ot
+const It = {
+  "cke5-editor": kt,
+  "cke5-context": gt,
+  "cke5-ui-part": At,
+  "cke5-editable": bt
 };
-function Rt() {
-  for (const [r, t] of Object.entries(Dt))
+function Tt() {
+  for (const [r, t] of Object.entries(It))
     window.customElements.get(r) || window.customElements.define(r, t);
 }
-function Lt(r) {
+function St(r) {
   return x(r), {
     unmount() {
     }
   };
 }
-function nt(r, t) {
+function tt(r, t) {
   const e = {
     /** Value received from Blazor while the editor was focused, pending application on blur. */
     pendingValue: null,
     /** The last value sent to or received from Blazor to prevent circular updates. */
     lastSyncedValue: null
-  }, a = () => {
+  }, n = () => {
     e.pendingValue = null;
-  }, n = (i, o, s) => {
+  }, i = (a, o, s) => {
     if (s || e.pendingValue === null)
       return;
     const c = t.getCurrentValue();
     t.isEqual(c, e.pendingValue) || t.applyValue(e.pendingValue), e.pendingValue = null;
   };
-  return r.model.document.on("change:data", a), r.ui.focusTracker.on("change:isFocused", n), {
+  return r.model.document.on("change:data", n), r.ui.focusTracker.on("change:isFocused", i), {
     /**
      * Removes all editor listeners registered by this sync instance.
      * Call this when the Blazor component is disposed.
      */
     unmount() {
-      r.model.document.off("change:data", a), r.ui.focusTracker.off("change:isFocused", n);
+      r.model.document.off("change:data", n), r.ui.focusTracker.off("change:isFocused", i);
     },
     /**
      * Checks whether the given value differs from the last synced value and, if so,
@@ -1420,24 +1378,24 @@ function nt(r, t) {
      * Call this from the `CKEditor5ChangeDataEvent` handler to conditionally invoke
      * the .NET interop method.
      */
-    shouldNotify(i) {
-      return e.lastSyncedValue !== null && t.isEqual(e.lastSyncedValue, i) ? !1 : (e.lastSyncedValue = i, !0);
+    shouldNotify(a) {
+      return e.lastSyncedValue !== null && t.isEqual(e.lastSyncedValue, a) ? !1 : (e.lastSyncedValue = a, !0);
     },
     /**
      * Pushes a new value from Blazor into the editor.
      * If the editor is currently focused, the update is deferred until blur.
      * If the value matches the last synced state, the update is skipped entirely.
      */
-    setValue(i) {
+    setValue(a) {
       if (r.ui.focusTracker.isFocused) {
-        e.pendingValue = i;
+        e.pendingValue = a;
         return;
       }
-      e.lastSyncedValue !== null && t.isEqual(e.lastSyncedValue, i) || (e.lastSyncedValue = i, t.applyValue(i));
+      e.lastSyncedValue !== null && t.isEqual(e.lastSyncedValue, a) || (e.lastSyncedValue = a, t.applyValue(a));
     }
   };
 }
-function it() {
+function et() {
   return {
     unmount() {
     },
@@ -1448,95 +1406,95 @@ function it() {
     }
   };
 }
-function ot(r, t) {
+function rt(r, t) {
   const e = /* @__PURE__ */ new Set();
-  return (a) => {
-    r.model.enqueueChange({ isUndoable: !1 }, (n) => {
-      const i = r.model.document.getRoot(t);
-      if (i) {
+  return (n) => {
+    r.model.enqueueChange({ isUndoable: !1 }, (i) => {
+      const a = r.model.document.getRoot(t);
+      if (a) {
         for (const o of e)
-          a && o in a || (n.removeAttribute(o, i), e.delete(o));
-        for (const [o, s] of Object.entries(a ?? {}))
-          n.setAttribute(o, s, i), e.add(o);
+          n && o in n || (i.removeAttribute(o, a), e.delete(o));
+        for (const [o, s] of Object.entries(n ?? {}))
+          i.setAttribute(o, s, a), e.add(o);
       }
     });
   };
 }
-function jt(r, t) {
-  const e = r.getAttribute("data-cke-editor-id") ?? _()[0], a = r.getAttribute("data-cke-root-name") ?? "main";
-  let n = !1, i = null, o = null, s = it(), c = null;
-  const u = (l) => {
-    if (!(l instanceof k) || l.detail.editorId !== e)
+function Rt(r, t) {
+  const e = r.getAttribute("data-cke-editor-id") ?? F()[0], n = r.getAttribute("data-cke-root-name") ?? "main";
+  let i = !1, a = null, o = null, s = et(), c = null;
+  const u = (d) => {
+    if (!(d instanceof y) || d.detail.editorId !== e)
       return;
-    const d = l.detail.roots[a];
-    d !== void 0 && s.shouldNotify(d) && t.invokeMethodAsync("OnChangeEditableData", o, d);
+    const l = d.detail.roots[n];
+    l !== void 0 && s.shouldNotify(l) && t.invokeMethodAsync("OnChangeEditableData", o, l);
   };
-  return i = m.the.mountEffect(e, (l) => (o = globalThis.DotNet.createJSObjectReference(l), s = nt(l, {
-    getCurrentValue: () => l.getData({ rootName: a }) ?? "",
-    applyValue: (d) => l.setData({ [a]: d }),
-    isEqual: (d, f) => d === f
-  }), c = ot(l, a), () => {
+  return a = m.the.mountEffect(e, (d) => (o = globalThis.DotNet.createJSObjectReference(d), s = tt(d, {
+    getCurrentValue: () => d.getData({ rootName: n }) ?? "",
+    applyValue: (l) => d.setData({ [n]: l }),
+    isEqual: (l, f) => l === f
+  }), c = rt(d, n), () => {
     s.unmount(), o && (globalThis.DotNet?.disposeJSObjectReference(o), o = null), c = null;
-  })), document.body.addEventListener(k.EVENT_NAME, u), x(r), {
+  })), document.body.addEventListener(y.EVENT_NAME, u), x(r), {
     /**
      * Cleans up all event listeners when the Blazor component is disposed.
      */
     unmount() {
-      n || (document.body.removeEventListener(k.EVENT_NAME, u), i?.(), i = null, n = !0);
+      i || (document.body.removeEventListener(y.EVENT_NAME, u), a?.(), a = null, i = !0);
     },
     /**
      * Updates this editable root's data from Blazor.
      * If the editor is focused, the update is deferred until blur to avoid interrupting the user.
      */
-    setValue: async (l) => {
-      n || (await m.the.waitFor(e), s.setValue(l));
+    setValue: async (d) => {
+      i || (await m.the.waitFor(e), s.setValue(d));
     },
     /**
      * Updates the root attributes on the editor. This is useful when the Blazor component
      * re-renders with new root attributes.
      */
-    setRootAttributes: async (l) => {
-      n || (await m.the.waitFor(e), c?.(l));
+    setRootAttributes: async (d) => {
+      i || (await m.the.waitFor(e), c?.(d));
     }
   };
 }
-function _t(r, t) {
+function xt(r, t) {
   const e = r.getAttribute("data-cke-editor-id");
-  let a = !1, n = null, i = it(), o = null, s = null;
+  let n = !1, i = null, a = et(), o = null, s = null;
   const c = (u) => {
-    !(u instanceof k) || u.detail.editorId !== e || i.shouldNotify(u.detail.roots) && t.invokeMethodAsync("OnChangeEditorData", s, u.detail.roots);
+    !(u instanceof y) || u.detail.editorId !== e || a.shouldNotify(u.detail.roots) && t.invokeMethodAsync("OnChangeEditorData", s, u.detail.roots);
   };
-  return n = m.the.mountEffect(e, (u) => {
-    s = globalThis.DotNet.createJSObjectReference(u), i = nt(u, {
-      getCurrentValue: () => X(u),
-      applyValue: (d) => u.setData(d),
-      isEqual: ct
-    }), o = ot(u, "main");
-    const l = (d, f, b) => {
-      const y = b ? "OnEditorFocus" : "OnEditorBlur";
-      t.invokeMethodAsync(y, s);
+  return i = m.the.mountEffect(e, (u) => {
+    s = globalThis.DotNet.createJSObjectReference(u), a = tt(u, {
+      getCurrentValue: () => J(u),
+      applyValue: (l) => u.setData(l),
+      isEqual: at
+    }), o = rt(u, "main");
+    const d = (l, f, b) => {
+      const E = b ? "OnEditorFocus" : "OnEditorBlur";
+      t.invokeMethodAsync(E, s);
     };
-    return u.ui.focusTracker.on("change:isFocused", l), t.invokeMethodAsync("OnEditorReady", s), () => {
-      u.ui.focusTracker.off("change:isFocused", l), i.unmount(), s && (globalThis.DotNet?.disposeJSObjectReference(s), s = null), o = null;
+    return u.ui.focusTracker.on("change:isFocused", d), t.invokeMethodAsync("OnEditorReady", s), () => {
+      u.ui.focusTracker.off("change:isFocused", d), a.unmount(), s && (globalThis.DotNet?.disposeJSObjectReference(s), s = null), o = null;
     };
-  }), document.body.addEventListener(k.EVENT_NAME, c), Rt(), x(r), {
+  }), document.body.addEventListener(y.EVENT_NAME, c), Tt(), x(r), {
     /**
      * Updates the editor data from Blazor. If the editor is focused, the update is deferred until blur to avoid interrupting the user.
      */
     setValue: async (u) => {
-      a || (await m.the.waitFor(e), i.setValue(u));
+      n || (await m.the.waitFor(e), a.setValue(u));
     },
     /**
      * Updates the root attributes on the editor instance.
      */
     setRootAttributes: async (u) => {
-      a || (await m.the.waitFor(e), o?.(u));
+      n || (await m.the.waitFor(e), o?.(u));
     },
     /**
      * Cleans up all event listeners when the Blazor component is disposed.
      */
     unmount() {
-      a || (document.body.removeEventListener(k.EVENT_NAME, c), n?.(), n = null, a = !0);
+      n || (document.body.removeEventListener(y.EVENT_NAME, c), i?.(), i = null, n = !0);
     },
     /**
      * Installs the custom image upload adapter that delegates uploads to Blazor.
@@ -1544,26 +1502,26 @@ function _t(r, t) {
      * to avoid unnecessary overhead for consumers that don't use this feature.
      */
     attachImageUploadAdapter: async () => {
-      a || m.the.mountEffect(e, (u) => {
-        xt(u, t);
+      n || m.the.mountEffect(e, (u) => {
+        Ot(u, t);
       });
     }
   };
 }
-function xt(r, t) {
+function Ot(r, t) {
   if (!r.plugins.has("FileRepository"))
     return;
   const e = r.plugins.get("FileRepository");
-  e.createUploadAdapter = (a) => {
-    let n = !1;
+  e.createUploadAdapter = (n) => {
+    let i = !1;
     return {
       async upload() {
-        const i = await a.file;
-        if (n)
+        const a = await n.file;
+        if (i)
           throw new Error("Upload aborted.");
-        const o = await Vt(i), s = await t.invokeMethodAsync("OnEditorImageUpload", {
-          fileName: i.name,
-          mimeType: i.type,
+        const o = await Nt(a), s = await t.invokeMethodAsync("OnEditorImageUpload", {
+          fileName: a.name,
+          mimeType: a.type,
           payload: o
         });
         if (!s)
@@ -1573,21 +1531,21 @@ function xt(r, t) {
         return { default: s };
       },
       abort() {
-        n = !0;
+        i = !0;
       }
     };
   };
 }
-function Vt(r) {
+function Nt(r) {
   return new Promise((t, e) => {
-    const a = new FileReader();
-    a.onload = () => {
-      const n = a.result, i = n.split(",")[1] ?? n;
-      t(i);
-    }, a.onerror = () => e(a.error), a.readAsDataURL(r);
+    const n = new FileReader();
+    n.onload = () => {
+      const i = n.result, a = i.split(",")[1] ?? i;
+      t(a);
+    }, n.onerror = () => e(n.error), n.readAsDataURL(r);
   });
 }
-function qt(r) {
+function Dt(r) {
   return x(r), {
     unmount() {
     }
@@ -1595,17 +1553,17 @@ function qt(r) {
 }
 export {
   v as CKEditor5BlazorError,
-  k as CKEditor5ChangeDataEvent,
-  O as ContextsRegistry,
-  j as CustomEditorPluginsRegistry,
-  Ot as EditableComponentElement,
-  Nt as EditorComponentElement,
+  y as CKEditor5ChangeDataEvent,
+  C as ContextsRegistry,
+  _ as CustomEditorPluginsRegistry,
+  bt as EditableComponentElement,
+  kt as EditorComponentElement,
   m as EditorsRegistry,
-  St as UIPartComponentElement,
-  Lt as createContextBlazorInterop,
-  jt as createEditableBlazorInterop,
-  _t as createEditorBlazorInterop,
-  qt as createUIPartBlazorInterop,
-  Rt as ensureEditorElementsRegistered
+  At as UIPartComponentElement,
+  St as createContextBlazorInterop,
+  Rt as createEditableBlazorInterop,
+  xt as createEditorBlazorInterop,
+  Dt as createUIPartBlazorInterop,
+  Tt as ensureEditorElementsRegistered
 };
 //# sourceMappingURL=index.mjs.map