ckeditor5-blazor 1.11.1 → 1.12.0

package/dist/index.mjs

@@ -1,13 +1,13 @@
-class k extends Error {
+class v extends Error {
   constructor(t) {
     super(t), this.name = "CKEditor5BlazorError";
   }
 }
-function j(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;
 }
@@ -46,13 +46,13 @@ class H {
    * @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, u) => {
-      const s = this.getPendingCallbacks(t);
-      s.success.push(async (c) => {
-        o(await e(c));
-      }), a ? s.error.push(a) : s.error.push(u);
+  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));
+      }), n ? c.error.push(n) : c.error.push(s);
     });
   }
   /**
@@ -63,19 +63,19 @@ class H {
    * @returns A function that stops observing and immediately runs any pending cleanup.
    */
   mountEffect(t, e) {
-    let a, n, i = !1;
-    const o = this.watch((u) => {
-      const s = u.get(t);
-      if (s !== n && (a?.(), a = void 0, n = s, !!s))
+    let n, i, a = !1;
+    const o = this.watch((s) => {
+      const c = s.get(t);
+      if (c !== i && (n?.(), n = void 0, i = c, !!c))
         try {
-          const c = e(s);
-          i ? (c?.(), o()) : a = c;
-        } catch (c) {
-          throw console.error(c), c;
+          const u = e(c);
+          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 H {
       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 H {
   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 H {
    * @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 H {
    * Immediately dispatches the current state to all watchers if it changed.
    */
   flushWatchers() {
-    j(this.lastNotifiedItems, this.items) && j(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)
     )));
@@ -238,54 +238,54 @@ class H {
 }
 function W(r, t) {
   let e = null;
-  return (...a) => {
+  return (...n) => {
     e && clearTimeout(e), e = setTimeout(() => {
-      t(...a);
+      t(...n);
     }, r);
   };
 }
 function P(r) {
   return Object.keys(r).length === 0 && r.constructor === Object;
 }
-function at(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 it(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 nt() {
+function it() {
   return Math.random().toString(36).substring(2);
 }
 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 u = setTimeout(() => {
-      n(o ?? new Error("Timeout"));
-    }, t), s = async () => {
+    const s = setTimeout(() => {
+      i(o ?? new Error("Timeout"));
+    }, t), c = async () => {
       try {
-        const c = await r();
-        clearTimeout(u), a(c);
-      } catch (c) {
-        o = c, Date.now() - i > t ? n(c) : setTimeout(s, e);
+        const u = await r();
+        clearTimeout(s), n(u);
+      } catch (u) {
+        o = u, Date.now() - a > t ? i(u) : setTimeout(c, e);
       }
     };
-    s();
+    c();
   });
 }
-function x() {
+function R() {
   return new Promise((r) => {
     switch (document.readyState) {
       case "loading":
@@ -306,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 });
@@ -318,33 +318,34 @@ function L(r) {
     disconnect: () => t?.disconnect()
   };
 }
-function D(r) {
+function x(r) {
   r.setAttribute("data-cke-interactive", "true");
 }
 function st(r, t, e) {
-  const a = !r.editorName || r.editorName === "ClassicEditor", n = /* @__PURE__ */ new Set([
+  const n = !r.editorName || r.editorName === "ClassicEditor", i = /* @__PURE__ */ new Set([
     ...Object.keys(t),
     ...Object.keys(e.roots ?? {})
-  ]), i = Array.from(n).reduce((u, s) => ({
-    ...u,
-    [s]: {
+  ]), a = Array.from(i).reduce((s, c) => ({
+    ...s,
+    [c]: {
       /* v8 ignore next 1 */
-      ...e.roots?.[s],
-      ...s === "main" ? e.root : {},
-      /* v8 ignore next 11 */
-      ...s in t ? {
-        ...t[s].content !== null && {
-          initialData: t[s].content
+      ...e.roots?.[c],
+      ...c === "main" ? e.root : {},
+      /* v8 ignore next 12 */
+      ...c in t ? {
+        ...t[c].content !== null && {
+          initialData: t[c].content
         },
-        ...!a && t[s].element !== null && {
-          element: t[s].element
+        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,
-    ...a && t.main?.element && {
+    roots: a,
+    ...n && t.main?.element && {
       attachTo: t.main.element
     }
   };
@@ -356,14 +357,14 @@ function ct(r) {
     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",
@@ -371,52 +372,52 @@ function ct(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 z = /* @__PURE__ */ Symbol.for("context-editor-watchdog");
 async function ut({ context: r, creator: t, config: e }) {
-  const a = nt();
+  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[z] = 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 lt(r) {
   return z in r ? r[z] : null;
 }
 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({}));
+  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 V(r) {
   return ["inline", "classic", "balloon", "decoupled"].includes(r);
 }
-async function U(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)
-    throw new k(`Unsupported editor type: ${r}`);
-  return a;
+  if (!n)
+    throw new v(`Unsupported editor type: ${r}`);
+  return n;
 }
 class _ {
   static the = new _();
@@ -438,7 +439,7 @@ class _ {
    */
   register(t, e) {
     if (this.plugins.has(t))
-      throw new k(`Plugin with name "${t}" is already registered.`);
+      throw new v(`Plugin with name "${t}" is already registered.`);
     return this.plugins.set(t, e), this.unregister.bind(this, t);
   }
   /**
@@ -449,7 +450,7 @@ class _ {
    */
   unregister(t) {
     if (!this.plugins.has(t))
-      throw new k(`Plugin with name "${t}" is not registered.`);
+      throw new v(`Plugin with name "${t}" is not registered.`);
     this.plugins.delete(t);
   }
   /**
@@ -481,35 +482,35 @@ class _ {
 async function G(r) {
   const t = await import("ckeditor5");
   let e = null;
-  const a = r.map(async (n) => {
-    if (dt(n)) {
-      const { name: s, path: c } = 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 */
-        c
-      ), f = (Object.prototype.hasOwnProperty.call(d, s) ? d[s] : void 0) ?? (Object.prototype.hasOwnProperty.call(d, "default") ? d.default : void 0);
+        u
+      ), 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 k(`Plugin "${s}" not found in module "${c}".`);
+        throw new v(`Plugin "${c}" not found in module "${u}".`);
       return f;
     }
-    const i = await _.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 (s) {
-        throw console.error(`Failed to load premium package: ${s}`), new k(`Plugin "${n}" not found in base package and failed to load premium package.`);
+      } catch (c) {
+        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]: u } = e || {};
-    if (u)
-      return u;
-    throw new k(`Plugin "${n}" not found in base or premium packages.`);
+    const { [i]: s } = e || {};
+    if (s)
+      return s;
+    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
   };
 }
@@ -523,14 +524,14 @@ async function Y(r, t) {
       B("ckeditor5", e),
       /* v8 ignore next -- @preserve */
       t && B("ckeditor5-premium-features", e)
-    ].filter((n) => !!n)
-  ).then((n) => n.flat());
+    ].filter((i) => !!i)
+  ).then((i) => i.flat());
 }
 async function B(r, t) {
   return await Promise.all(
     t.filter((e) => e !== "en").map(async (e) => {
-      const a = await mt(r, e);
-      return a?.default ?? a;
+      const n = await mt(r, e);
+      return n?.default ?? n;
     }).filter(Boolean)
   );
 }
@@ -835,11 +836,11 @@ async function mt(r, t) {
   }
 }
 function X(r) {
-  return at(r, (t) => ({
+  return nt(r, (t) => ({
     dictionary: t
   }));
 }
-function K(r) {
+function Q(r) {
   return r ? typeof r == "string" ? {
     ui: r,
     content: r
@@ -848,87 +849,91 @@ function K(r) {
     content: "en"
   };
 }
-function Q(r) {
-  const t = Array.from(document.querySelectorAll(`cke5-editable[data-cke-editor-id="${r}"]`)).reduce((i, o) => {
-    const u = o.getAttribute("data-cke-root-name");
-    return i[u] = {
-      element: o.querySelector("[data-cke-editable-content]"),
-      content: o.getAttribute("data-cke-content")
-    }, i;
-  }, /* @__PURE__ */ Object.create({})), e = document.querySelector(`cke5-editor[data-cke-editor-id="${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-root-model-element-name") || null;
+    return o[c] = {
+      element: s.querySelector("[data-cke-editable-content]"),
+      content: s.getAttribute("data-cke-content"),
+      modelElement: u
+    }, o;
+  }, /* @__PURE__ */ Object.create(null)), e = document.querySelector(`cke5-editor[data-cke-editor-id="${r}"]`);
   if (!e)
     return t;
-  const a = JSON.parse(e.getAttribute("data-cke-content")) ?? {}, n = document.querySelector(`#${r}_editor`);
-  n && !t.main && (t.main = {
-    element: n,
-    content: a.main || ""
+  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 [i, o] of Object.entries(a))
-    t[i] ? t[i] = {
-      ...t[i],
-      content: t[i].content ?? o
-    } : t[i] = {
+  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: o
+      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 S(r) {
+function M(r) {
   if (!r || typeof r != "object")
     return r;
   if (Array.isArray(r))
-    return r.map((a) => S(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] = S(n);
+  for (const [n, i] of Object.entries(r))
+    e[n] = M(i);
   return e;
 }
-function R(r, t, e) {
+function S(r, t, e) {
   if (!e || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    return e.map((i) => R(r, t, i));
-  const a = e;
-  if (a.$translation && typeof a.$translation == "string") {
-    const i = a.$translation, o = ht(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] = R(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 ht(r, t, e) {
-  for (const a of r) {
-    const n = a[e];
-    if (n?.dictionary && t in n.dictionary)
-      return n.dictionary[t];
+  for (const n of r) {
+    const i = n[e];
+    if (i?.dictionary && t in i.dictionary)
+      return i.dictionary[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 $ = /* @__PURE__ */ Symbol.for("elixir-editor-watchdog");
 async function pt(r, t) {
-  const { EditorWatchdog: e } = await import("ckeditor5"), a = new e(null, 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[$] = a, n;
-  }), a;
+  return n.setCreator(async () => {
+    const i = await r();
+    return i[$] = n, i;
+  }), n;
 }
 function wt(r) {
   return $ in r ? r[$] : null;
@@ -949,31 +954,31 @@ class gt extends HTMLElement {
    * Mounts the context component.
    */
   async connectedCallback() {
-    await x(), this.interactiveWait = L(this), await this.interactiveWait.promise, await this.initializeContext();
+    await R(), this.interactiveWait = L(this), await this.interactiveWait.promise, await this.initializeContext();
   }
   /**
    * 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"), u = this.getAttribute("data-cke-language") ? JSON.parse(this.getAttribute("data-cke-language")) : K(i.language), { loadedPlugins: s, hasPremium: c } = await G(n ?? []), d = [
-      ...await Y(u, c),
+    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((g) => !P(g));
+    ].filter((b) => !P(b));
     this.contextPromise = (async () => {
-      const { ContextWatchdog: g, Context: p } = await import("ckeditor5"), w = new g(p, {
+      const { ContextWatchdog: b, Context: E } = await import("ckeditor5"), w = new b(E, {
         crashNumberLimit: 10,
-        ...a
+        ...n
       });
-      let h = S(i);
-      return h = R([...d].reverse(), u.ui, h), await w.create({
-        ...h,
-        language: u,
-        plugins: s,
-        ...d.length && {
-          translations: d
+      let g = M(a);
+      return g = S([...l].reverse(), s.ui, g), await w.create({
+        ...g,
+        language: s,
+        plugins: c,
+        ...l.length && {
+          translations: l
         }
-      }), w.on("itemError", (...v) => {
-        console.error("Context item error:", ...v);
+      }), w.on("itemError", (...h) => {
+        console.error("Context item error:", ...h);
       }), w;
     })();
     const f = await this.contextPromise;
@@ -1009,61 +1014,62 @@ class bt extends HTMLElement {
    * Mounts the editable component.
    */
   async connectedCallback() {
-    await x(), this.interactiveWait = L(this), await this.interactiveWait.promise, await this.initializeEditable();
+    await R(), this.interactiveWait = L(this), await this.interactiveWait.promise, await this.initializeEditable();
   }
   /**
    * Initializes the editable instance.
    */
   async initializeEditable() {
     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"), 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);
+    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 k("Editor ID or Root Name is missing.");
-    this.style.display = "block", this.unmountEffect = m.the.mountEffect(t, (o) => {
+      throw new v("Editor ID or Root Name is missing.");
+    this.style.display = "block", this.unmountEffect = m.the.mountEffect(t, (s) => {
       if (!this.isConnected)
         return;
-      const { ui: u, editing: s, model: c } = o, l = this.querySelector("input"), d = c.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
           });
         }
-        P(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]"), g = u.view.createEditable(e, f);
-      u.addEditable(g), s.view.forceRender();
-      const p = () => {
-        if (!c.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 = W(i, p);
-      return o.model.document.on("change:data", w), p(), () => {
-        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 (v) {
-              console.error("Unable unmount editable from root:", v);
+              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);
           }
         }
       };
@@ -1076,13 +1082,13 @@ class bt extends HTMLElement {
     this.interactiveWait?.disconnect(), this.style.display = "none", this.unmountEffect?.(), this.unmountEffect = null;
   }
 }
-async function yt({
+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.
      */
@@ -1093,19 +1099,19 @@ async function yt({
      * Initializes the plugin.
      */
     afterInit() {
-      const { editor: i } = this, o = W(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 y({
           editorId: t,
-          editor: i,
-          roots: J(i)
+          editor: a,
+          roots: J(a)
         })
       );
     };
@@ -1120,7 +1126,7 @@ class y extends CustomEvent {
     });
   }
 }
-async function Et(r) {
+async function yt(r) {
   const { Plugin: t } = await import("ckeditor5");
   return class extends t {
     /**
@@ -1141,16 +1147,16 @@ async function Et(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", W(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 }));
       }
     };
     /**
@@ -1174,7 +1180,7 @@ class kt extends HTMLElement {
    * Mounts the editor component.
    */
   async connectedCallback() {
-    await x(), this.interactiveWait = L(this), U("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.
@@ -1184,15 +1190,15 @@ class kt extends HTMLElement {
     m.the.resetErrors(t);
     try {
       this.style.display = "block";
-      const e = await this.createEditor(), a = lt(e), n = wt(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) {
@@ -1212,75 +1218,75 @@ class kt extends HTMLElement {
   async createEditor() {
     const t = JSON.parse(this.getAttribute("data-cke-preset")), {
       customTranslations: e,
-      editorType: a,
-      licenseKey: n,
-      watchdogConfig: i,
-      config: { plugins: o, ...u }
-    } = t, s = this.getAttribute("data-cke-editor-id"), c = 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), g = this.hasAttribute("data-cke-watchdog"), p = this.getAttribute("data-cke-language") ? JSON.parse(this.getAttribute("data-cke-language")) : K(t.config.language), w = await U(a), h = await (c ? C.the.waitFor(c) : null), v = async () => {
-      const { loadedPlugins: b, hasPremium: I } = await G(o);
-      b.push(
-        await yt({
+      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"), 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: s,
+          editorId: c,
           targetElement: this
         })
-      ), V(a) && b.push(
-        await Et(f)
+      ), V(n) && p.push(
+        await yt(f)
       );
       const A = [
-        ...await Y(p, I),
+        ...await Y(E, I),
         X(e || {})
       ].filter((N) => !P(N));
-      let T = Q(s);
-      const M = Object.keys(T);
-      V(a) && M.push("main"), Z(T, M) || (T = await vt(s, M));
-      let E = {
-        ...u,
-        licenseKey: n,
-        plugins: b,
-        language: p,
+      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
         }
       };
-      E = S(E), E = R([...A].reverse(), p.ui, E), E = st(w, T, E);
-      const O = await (async () => h ? (await ut({
-        context: h,
+      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: E
-      })).editor : w.create(E))();
-      return P(l) || O.model.change((N) => {
-        N.setAttributes(l, O.model.document.getRoot());
-      }), V(a) && d && ft(O, d), O;
+        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 (g && !h) {
-      const b = await pt(v, i);
-      return b.on("error", (I, { causesRestart: q }) => {
+    if (b && !g) {
+      const p = await pt(h, a);
+      return p.on("error", (I, { causesRestart: q }) => {
         if (q) {
-          const A = m.the.getItem(s);
-          A && (ct(A), m.the.unregister(s));
+          const A = m.the.getItem(c);
+          A && (ct(A), m.the.unregister(c));
         }
-      }), b.on("restart", () => {
-        const I = b.editor;
-        m.the.register(s, I);
-      }), await b.create({}), b.editor;
+      }), p.on("restart", () => {
+        const I = p.editor;
+        m.the.register(c, I);
+      }), await p.create({}), p.editor;
     }
-    return v();
+    return h();
   }
 }
-function Z(r, t) {
+function K(r, t) {
   return t.every((e) => r[e]?.element);
 }
 async function vt(r, t) {
   return ot(
     () => {
-      const e = Q(r);
-      if (!Z(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]?.element).join(", ")}.`
+Missing roots: ${t.filter((n) => !e[n]?.element).join(", ")}.`
         );
       return e;
     },
@@ -1296,14 +1302,14 @@ class At extends HTMLElement {
    * Mounts the UI part component.
    */
   async connectedCallback() {
-    await x();
+    await R();
     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, (a) => {
+    !t || !e || (this.style.display = "block", this.unmountEffect = m.the.mountEffect(t, (n) => {
       if (!this.isConnected)
         return;
-      const { ui: n } = a, i = Ct(e), o = n.view[i];
+      const { ui: i } = n, a = Ct(e), o = i.view[a];
       if (!o)
-        throw new k(`Unknown UI part name: "${e}". Supported names are "toolbar" and "menubar".`);
+        throw new v(`Unknown UI part name: "${e}". Supported names are "toolbar" and "menubar".`);
       return this.appendChild(o.element), () => {
         this.innerHTML = "";
       };
@@ -1337,8 +1343,8 @@ function Tt() {
   for (const [r, t] of Object.entries(It))
     window.customElements.get(r) || window.customElements.define(r, t);
 }
-function Rt(r) {
-  return D(r), {
+function St(r) {
+  return x(r), {
     unmount() {
     }
   };
@@ -1349,21 +1355,21 @@ function tt(r, t) {
     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, u) => {
-    if (u || e.pendingValue === null)
+  }, i = (a, o, s) => {
+    if (s || e.pendingValue === null)
       return;
-    const s = t.getCurrentValue();
-    t.isEqual(s, e.pendingValue) || t.applyValue(e.pendingValue), e.pendingValue = null;
+    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,
@@ -1372,20 +1378,20 @@ function tt(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));
     }
   };
 }
@@ -1402,93 +1408,93 @@ function et() {
 }
 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, u] of Object.entries(a ?? {}))
-          n.setAttribute(o, u, 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 xt(r, t) {
-  const e = r.getAttribute("data-cke-editor-id") ?? F()[0], a = r.getAttribute("data-cke-root-name") ?? "main";
-  let n = !1, i = null, o = null, u = et(), s = null;
-  const c = (l) => {
-    if (!(l instanceof y) || 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 && u.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), u = tt(l, {
-    getCurrentValue: () => l.getData({ rootName: a }) ?? "",
-    applyValue: (d) => l.setData({ [a]: d }),
-    isEqual: (d, f) => d === f
-  }), s = rt(l, a), () => {
-    u.unmount(), o && (globalThis.DotNet?.disposeJSObjectReference(o), o = null), s = null;
-  })), document.body.addEventListener(y.EVENT_NAME, c), D(r), {
+  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(y.EVENT_NAME, u), x(r), {
     /**
      * Cleans up all event listeners when the Blazor component is disposed.
      */
     unmount() {
-      n || (document.body.removeEventListener(y.EVENT_NAME, c), 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), u.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), s?.(l));
+    setRootAttributes: async (d) => {
+      i || (await m.the.waitFor(e), c?.(d));
     }
   };
 }
-function Dt(r, t) {
+function xt(r, t) {
   const e = r.getAttribute("data-cke-editor-id");
-  let a = !1, n = null, i = et(), o = null, u = null;
-  const s = (c) => {
-    !(c instanceof y) || c.detail.editorId !== e || i.shouldNotify(c.detail.roots) && t.invokeMethodAsync("OnChangeEditorData", u, c.detail.roots);
+  let n = !1, i = null, a = et(), o = null, s = null;
+  const c = (u) => {
+    !(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, (c) => {
-    u = globalThis.DotNet.createJSObjectReference(c), i = tt(c, {
-      getCurrentValue: () => J(c),
-      applyValue: (d) => c.setData(d),
-      isEqual: it
-    }), o = rt(c, "main");
-    const l = (d, f, g) => {
-      const p = g ? "OnEditorFocus" : "OnEditorBlur";
-      t.invokeMethodAsync(p, u);
+  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 c.ui.focusTracker.on("change:isFocused", l), t.invokeMethodAsync("OnEditorReady", u), () => {
-      c.ui.focusTracker.off("change:isFocused", l), i.unmount(), u && (globalThis.DotNet?.disposeJSObjectReference(u), u = 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(y.EVENT_NAME, s), Tt(), D(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 (c) => {
-      a || (await m.the.waitFor(e), i.setValue(c));
+    setValue: async (u) => {
+      n || (await m.the.waitFor(e), a.setValue(u));
     },
     /**
      * Updates the root attributes on the editor instance.
      */
-    setRootAttributes: async (c) => {
-      a || (await m.the.waitFor(e), o?.(c));
+    setRootAttributes: async (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(y.EVENT_NAME, s), 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.
@@ -1496,8 +1502,8 @@ function Dt(r, t) {
      * to avoid unnecessary overhead for consumers that don't use this feature.
      */
     attachImageUploadAdapter: async () => {
-      a || m.the.mountEffect(e, (c) => {
-        Ot(c, t);
+      n || m.the.mountEffect(e, (u) => {
+        Ot(u, t);
       });
     }
   };
@@ -1506,47 +1512,47 @@ 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 Nt(i), u = 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 (!u)
+        if (!s)
           throw new Error(
             "OnImageUpload handler returned null. Make sure the OnImageUpload parameter is set on the <CKE5Editor> component."
           );
-        return { default: u };
+        return { default: s };
       },
       abort() {
-        n = !0;
+        i = !0;
       }
     };
   };
 }
 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 Mt(r) {
-  return D(r), {
+function Dt(r) {
+  return x(r), {
     unmount() {
     }
   };
 }
 export {
-  k as CKEditor5BlazorError,
+  v as CKEditor5BlazorError,
   y as CKEditor5ChangeDataEvent,
   C as ContextsRegistry,
   _ as CustomEditorPluginsRegistry,
@@ -1554,10 +1560,10 @@ export {
   kt as EditorComponentElement,
   m as EditorsRegistry,
   At as UIPartComponentElement,
-  Rt as createContextBlazorInterop,
-  xt as createEditableBlazorInterop,
-  Dt as createEditorBlazorInterop,
-  Mt as createUIPartBlazorInterop,
+  St as createContextBlazorInterop,
+  Rt as createEditableBlazorInterop,
+  xt as createEditorBlazorInterop,
+  Dt as createUIPartBlazorInterop,
   Tt as ensureEditorElementsRegistered
 };
 //# sourceMappingURL=index.mjs.map