ckeditor5-blazor 1.10.2 → 1.11.0

package/dist/index.mjs

@@ -1,9 +1,9 @@
-class k extends Error {
+class v extends Error {
   constructor(t) {
     super(t), this.name = "CKEditor5BlazorError";
   }
 }
-function H(r, t) {
+function B(r, t) {
   if (!r || r.size !== t.size)
     return !1;
   for (const [e, a] of r)
@@ -47,12 +47,12 @@ class Y {
    * @returns A promise that resolves with the result of the function.
    */
   execute(t, e, a) {
-    const i = this.items.get(t), n = this.initializationErrors.get(t);
-    return n ? (a?.(n), Promise.reject(n)) : i ? Promise.resolve(e(i)) : new Promise((o, c) => {
-      const u = this.getPendingCallbacks(t);
-      u.success.push(async (s) => {
-        o(await e(s));
-      }), a ? u.error.push(a) : u.error.push(c);
+    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) => {
+      const c = this.getPendingCallbacks(t);
+      c.success.push(async (u) => {
+        o(await e(u));
+      }), a ? c.error.push(a) : 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, i, n = !1;
-    const o = this.watch((c) => {
-      const u = c.get(t);
-      if (u !== i && (a?.(), a = void 0, i = u, !!u))
+    let a, n, i = !1;
+    const o = this.watch((s) => {
+      const c = s.get(t);
+      if (c !== n && (a?.(), a = void 0, n = c, !!c))
         try {
-          const s = e(u);
-          n ? (s?.(), o()) : a = s;
-        } catch (s) {
-          throw console.error(s), s;
+          const u = e(c);
+          i ? (u?.(), o()) : a = u;
+        } catch (u) {
+          throw console.error(u), u;
         }
     });
     return () => {
-      n = !0, i && (o(), a?.(), a = void 0);
+      i = !0, n && (o(), a?.(), a = void 0);
     };
   }
   /**
@@ -90,7 +90,7 @@ class Y {
         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((i) => i(e)), this.pendingCallbacks.delete(t)), this.items.size === 1 && t !== null && this.register(null, e);
+      a && (a.success.forEach((n) => n(e)), this.pendingCallbacks.delete(t)), this.items.size === 1 && t !== null && this.register(null, e);
     });
   }
   /**
@@ -103,7 +103,7 @@ class Y {
     this.batch(() => {
       this.items.delete(t), this.initializationErrors.set(t, e);
       const a = this.pendingCallbacks.get(t);
-      a && (a.error.forEach((i) => i(e)), this.pendingCallbacks.delete(t)), this.initializationErrors.size === 1 && !this.items.size && this.error(null, e);
+      a && (a.error.forEach((n) => n(e)), this.pendingCallbacks.delete(t)), this.initializationErrors.size === 1 && !this.items.size && this.error(null, e);
     });
   }
   /**
@@ -220,7 +220,7 @@ class Y {
    * Immediately dispatches the current state to all watchers if it changed.
    */
   flushWatchers() {
-    H(this.lastNotifiedItems, this.items) && H(this.lastNotifiedErrors, this.initializationErrors) || (this.lastNotifiedItems = new Map(this.items), this.lastNotifiedErrors = new Map(this.initializationErrors), this.watchers.forEach((t) => t(
+    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(
       new Map(this.items),
       new Map(this.initializationErrors)
     )));
@@ -245,14 +245,14 @@ function $(r, t) {
   };
 }
 function st(r, t) {
-  const e = Object.entries(r).filter(([a, i]) => t(i, a));
+  const e = Object.entries(r).filter(([a, n]) => t(n, a));
   return Object.fromEntries(e);
 }
-function P(r) {
+function S(r) {
   return Object.keys(r).length === 0 && r.constructor === Object;
 }
 function W(r, t) {
-  const e = Object.entries(r).map(([a, i]) => [a, t(i, a)]);
+  const e = Object.entries(r).map(([a, n]) => [a, t(n, a)]);
   return Object.fromEntries(e);
 }
 function ct(r, t) {
@@ -261,8 +261,8 @@ function ct(r, t) {
   const e = Object.keys(r), a = Object.keys(t);
   if (e.length !== a.length)
     return !1;
-  for (const i of e)
-    if (r[i] !== t[i] || !Object.prototype.hasOwnProperty.call(t, i))
+  for (const n of e)
+    if (r[n] !== t[n] || !Object.prototype.hasOwnProperty.call(t, n))
       return !1;
   return !0;
 }
@@ -273,23 +273,23 @@ function lt(r, {
   timeOutAfter: t = 500,
   retryAfter: e = 100
 } = {}) {
-  return new Promise((a, i) => {
-    const n = Date.now();
+  return new Promise((a, n) => {
+    const i = Date.now();
     let o = null;
-    const c = setTimeout(() => {
-      i(o ?? new Error("Timeout"));
-    }, t), u = async () => {
+    const s = setTimeout(() => {
+      n(o ?? new Error("Timeout"));
+    }, t), c = async () => {
       try {
-        const s = await r();
-        clearTimeout(c), a(s);
-      } catch (s) {
-        o = s, Date.now() - n > t ? i(s) : setTimeout(u, e);
+        const u = await r();
+        clearTimeout(s), a(u);
+      } catch (u) {
+        o = u, Date.now() - i > t ? n(u) : setTimeout(c, e);
       }
     };
-    u();
+    c();
   });
 }
-function M() {
+function R() {
   return new Promise((r) => {
     switch (document.readyState) {
       case "loading":
@@ -311,9 +311,9 @@ function L(r) {
   let t;
   return {
     promise: new Promise((a) => {
-      t = new MutationObserver((i) => {
-        for (const n of i)
-          if (n.type === "attributes" && n.attributeName === "data-cke-interactive" && r.hasAttribute("data-cke-interactive")) {
+      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();
             break;
           }
@@ -325,20 +325,73 @@ function L(r) {
 function x(r) {
   r.setAttribute("data-cke-interactive", "true");
 }
-function dt(r) {
+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),
+    ...Object.keys(e.roots ?? {})
+  ]), i = Array.from(n).reduce((s, c) => ({
+    ...s,
+    [c]: {
+      /* v8 ignore next */
+      ...e.roots?.[c],
+      ...c === "main" ? e.root : {},
+      /* v8 ignore next 5 */
+      ...c in a ? {
+        element: a[c]
+      } : {}
+    }
+  }), Object.create(e.roots || {})), o = {
+    ...e,
+    roots: i
+  };
+  return delete o.root, o;
+}
+function ft(r) {
+  return r instanceof HTMLElement ? { main: r } : { ...r };
+}
+function pt(r) {
   const t = [
     r.ui?.element,
     r.ui?.view?.toolbar?.element,
     r.ui?.view?.menuBarView?.element
   ].filter(Boolean);
-  for (const n of t)
-    i(n);
+  for (const i of t)
+    n(i);
   const e = r.ui?.view?.body?._bodyCollectionContainer;
-  e?.isConnected && i(e);
+  e?.isConnected && n(e);
   const a = r.editing?.view;
   if (a)
-    for (const n of a.domRoots.values())
-      n instanceof HTMLElement && (n.removeAttribute("contenteditable"), n.removeAttribute("role"), n.removeAttribute("aria-label"), n.removeAttribute("aria-multiline"), n.removeAttribute("spellcheck"), n.classList.remove(
+    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(
         "ck",
         "ck-content",
         "ck-editor__editable",
@@ -346,43 +399,42 @@ function dt(r) {
         "ck-editor__editable_inline",
         "ck-blurred",
         "ck-focused"
-      ), i(n));
-  function i(n) {
-    n.hasAttribute("data-cke-controlled") ? n.innerHTML = "" : n.remove();
+      ), n(i));
+  function n(i) {
+    i.hasAttribute("data-cke-controlled") ? i.innerHTML = "" : i.remove();
   }
 }
 const V = /* @__PURE__ */ Symbol.for("context-editor-watchdog");
-async function mt({ element: r, context: t, creator: e, config: a }) {
-  const i = ut();
-  await t.add({
-    creator: (u, s) => e.create(u, s),
-    id: i,
-    sourceElementOrData: r,
+async function wt({ context: r, creator: t, config: e }) {
+  const a = ut();
+  await r.add({
+    creator: t.create.bind(t),
+    id: a,
     type: "editor",
-    config: a
+    config: e
   });
-  const n = t.getItem(i), o = {
+  const n = r.getItem(a), i = {
     state: "available",
-    editorContextId: i,
-    context: t
+    editorContextId: a,
+    context: r
   };
-  n[V] = o;
-  const c = t.destroy.bind(t);
-  return t.destroy = async () => (o.state = "unavailable", c()), {
-    ...o,
+  n[V] = i;
+  const o = r.destroy.bind(r);
+  return r.destroy = async () => (i.state = "unavailable", o()), {
+    ...i,
     editor: n
   };
 }
-function ht(r) {
+function gt(r) {
   return V in r ? r[V] : 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 O(r) {
+function T(r) {
   return ["inline", "classic", "balloon", "decoupled"].includes(r);
 }
-async function J(r) {
+async function H(r) {
   const t = await import("ckeditor5"), a = {
     inline: t.InlineEditor,
     balloon: t.BalloonEditor,
@@ -391,11 +443,11 @@ async function J(r) {
     multiroot: t.MultiRootEditor
   }[r];
   if (!a)
-    throw new k(`Unsupported editor type: ${r}`);
+    throw new v(`Unsupported editor type: ${r}`);
   return a;
 }
-class _ {
-  static the = new _();
+class j {
+  static the = new j();
   /**
    * Map of registered custom plugins.
    */
@@ -414,7 +466,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);
   }
   /**
@@ -425,7 +477,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);
   }
   /**
@@ -454,63 +506,63 @@ class _ {
     return this.plugins.has(t);
   }
 }
-async function Q(r) {
+async function K(r) {
   const t = await import("ckeditor5");
   let e = null;
-  const a = r.map(async (i) => {
-    if (ft(i)) {
-      const { name: u, path: s } = i.$import, l = await import(
+  const a = r.map(async (n) => {
+    if (bt(n)) {
+      const { name: c, path: u } = n.$import, d = await import(
         /* @vite-ignore */
-        s
-      ), p = (Object.prototype.hasOwnProperty.call(l, u) ? l[u] : void 0) ?? (Object.prototype.hasOwnProperty.call(l, "default") ? l.default : void 0);
-      if (!p)
-        throw new k(`Plugin "${u}" not found in module "${s}".`);
-      return p;
+        u
+      ), f = (Object.prototype.hasOwnProperty.call(d, c) ? d[c] : void 0) ?? (Object.prototype.hasOwnProperty.call(d, "default") ? d.default : void 0);
+      if (!f)
+        throw new v(`Plugin "${c}" not found in module "${u}".`);
+      return f;
     }
-    const n = await _.the.get(i);
-    if (n)
-      return n;
-    const { [i]: o } = t;
+    const i = await j.the.get(n);
+    if (i)
+      return i;
+    const { [n]: o } = t;
     if (o)
       return o;
     if (!e)
       try {
         e = await import("ckeditor5-premium-features");
-      } catch (u) {
-        throw console.error(`Failed to load premium package: ${u}`), new k(`Plugin "${i}" 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 "${n}" not found in base package and failed to load premium package.`);
       }
-    const { [i]: c } = e || {};
-    if (c)
-      return c;
-    throw new k(`Plugin "${i}" not found in base or premium packages.`);
+    const { [n]: s } = e || {};
+    if (s)
+      return s;
+    throw new v(`Plugin "${n}" not found in base or premium packages.`);
   });
   return {
     loadedPlugins: await Promise.all(a),
     hasPremium: !!e
   };
 }
-function ft(r) {
+function bt(r) {
   return typeof r == "object" && r !== null && "$import" in r;
 }
-async function Z(r, t) {
+async function Q(r, t) {
   const e = [r.ui, r.content];
   return await Promise.all(
     [
-      K("ckeditor5", e),
+      J("ckeditor5", e),
       /* v8 ignore next -- @preserve */
-      t && K("ckeditor5-premium-features", e)
-    ].filter((i) => !!i)
-  ).then((i) => i.flat());
+      t && J("ckeditor5-premium-features", e)
+    ].filter((n) => !!n)
+  ).then((n) => n.flat());
 }
-async function K(r, t) {
+async function J(r, t) {
   return await Promise.all(
     t.filter((e) => e !== "en").map(async (e) => {
-      const a = await pt(r, e);
+      const a = await yt(r, e);
       return a?.default ?? a;
     }).filter(Boolean)
   );
 }
-async function pt(r, t) {
+async function yt(r, t) {
   try {
     if (r === "ckeditor5")
       switch (t) {
@@ -810,12 +862,21 @@ async function pt(r, t) {
     return console.error(`Failed to load translation for ${r}/${t}:`, e), null;
   }
 }
-function tt(r) {
+function Z(r) {
   return W(r, (t) => ({
     dictionary: t
   }));
 }
-function q() {
+function tt(r) {
+  return r ? typeof r == "string" ? {
+    ui: r,
+    content: r
+  } : r : {
+    ui: "en",
+    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) {
@@ -827,91 +888,91 @@ function G(r) {
   return st(e, (a) => typeof a == "string");
 }
 function rt(r) {
-  const t = Array.from(document.querySelectorAll(`cke5-editable[data-cke-editor-id="${r}"]`)).reduce((o, c) => {
-    const u = c.getAttribute("data-cke-root-name"), s = c.getAttribute("data-cke-content");
-    return o[u] = {
-      element: c.querySelector("[data-cke-editable-content]"),
-      content: s
+  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");
+    return o[c] = {
+      element: s.querySelector("[data-cke-editable-content]"),
+      content: u
     }, o;
   }, /* @__PURE__ */ Object.create({})), e = document.querySelector(`cke5-editor[data-cke-editor-id="${r}"]`);
   if (!e)
     return t;
-  const a = t.main, i = JSON.parse(e.getAttribute("data-cke-content")), n = document.querySelector(`#${r}_editor `);
-  return a && i?.main ? {
+  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 || i.main
+      content: a.content || n.main
     }
-  } : n ? {
+  } : i ? {
     ...t,
     main: {
-      element: n,
-      content: i?.main || null
+      element: i,
+      content: n?.main || null
     }
   } : t;
 }
-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((a) => M(a));
   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 e = /* @__PURE__ */ Object.create(null);
-  for (const [a, i] of Object.entries(r))
-    e[a] = S(i);
+  for (const [a, n] of Object.entries(r))
+    e[a] = M(n);
   return e;
 }
 function D(r, t, e) {
   if (!e || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    return e.map((n) => D(r, t, n));
+    return e.map((i) => D(r, t, i));
   const a = e;
   if (a.$translation && typeof a.$translation == "string") {
-    const n = a.$translation, o = wt(r, n, t);
-    return o === void 0 && console.warn(`Translation not found for key: ${n}`), o !== void 0 ? o : null;
+    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;
   }
-  const i = /* @__PURE__ */ Object.create(null);
-  for (const [n, o] of Object.entries(e))
-    i[n] = D(r, t, o);
-  return i;
+  const n = /* @__PURE__ */ Object.create(null);
+  for (const [i, o] of Object.entries(e))
+    n[i] = D(r, t, o);
+  return n;
 }
-function wt(r, t, e) {
+function Et(r, t, e) {
   for (const a of r) {
-    const i = a[e];
-    if (i?.dictionary && t in i.dictionary)
-      return i.dictionary[t];
+    const n = a[e];
+    if (n?.dictionary && t in n.dictionary)
+      return n.dictionary[t];
   }
 }
-function gt(r, t) {
+function kt(r, t) {
   const { editing: e } = r;
   e.view.change((a) => {
     a.setStyle("height", `${t}px`, e.view.document.getRoot());
   });
 }
 const z = /* @__PURE__ */ Symbol.for("elixir-editor-watchdog");
-async function bt(r, t) {
+async function vt(r, t) {
   const { EditorWatchdog: e } = await import("ckeditor5"), a = new e(null, t ?? {
     crashNumberLimit: 10,
     minimumNonErrorTimePeriod: 5e3
   });
   return a.setCreator(async () => {
-    const i = await r();
-    return i[z] = a, i;
+    const n = await r();
+    return n[z] = a, n;
   }), a;
 }
-function yt(r) {
+function At(r) {
   return z in r ? r[z] : null;
 }
-class C extends Y {
-  static the = new C();
+class O extends Y {
+  static the = new O();
 }
-class Et extends HTMLElement {
+class Ct extends HTMLElement {
   /**
    * The promise that resolves to the context instance.
    */
@@ -924,35 +985,35 @@ class Et extends HTMLElement {
    * Mounts the context component.
    */
   async connectedCallback() {
-    await M(), 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 = this.getAttribute("data-cke-context-id"), e = JSON.parse(this.getAttribute("data-cke-language")), a = JSON.parse(this.getAttribute("data-cke-context")), { customTranslations: i, watchdogConfig: n, config: { plugins: o, ...c } } = a, { loadedPlugins: u, hasPremium: s } = await Q(o ?? []), l = [
-      ...await Z(e, s),
-      tt(i || {})
-    ].filter((w) => !P(w));
+    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));
     this.contextPromise = (async () => {
-      const { ContextWatchdog: w, Context: y } = await import("ckeditor5"), E = new w(y, {
+      const { ContextWatchdog: b, Context: y } = await import("ckeditor5"), w = new b(y, {
         crashNumberLimit: 10,
-        ...n
+        ...a
       });
-      let h = S(c);
-      return h = D([...l].reverse(), e.ui, h), await E.create({
+      let h = M(i);
+      return h = D([...d].reverse(), s.ui, h), await w.create({
         ...h,
-        language: e,
-        plugins: u,
-        ...l.length && {
-          translations: l
+        language: s,
+        plugins: c,
+        ...d.length && {
+          translations: d
         }
-      }), E.on("itemError", (...v) => {
-        console.error("Context item error:", ...v);
-      }), E;
+      }), w.on("itemError", (...A) => {
+        console.error("Context item error:", ...A);
+      }), w;
     })();
-    const p = await this.contextPromise;
-    this.isConnected && C.the.register(t, p);
+    const f = await this.contextPromise;
+    this.isConnected && O.the.register(o, f);
   }
   /**
    * Destroys the context component. Unmounts root from the editor.
@@ -964,14 +1025,14 @@ class Et extends HTMLElement {
     try {
       await (await this.contextPromise)?.destroy();
     } finally {
-      this.contextPromise = null, t && C.the.hasItem(t) && C.the.unregister(t);
+      this.contextPromise = null, t && O.the.hasItem(t) && O.the.unregister(t);
     }
   }
 }
 class m extends Y {
   static the = new m();
 }
-class kt extends HTMLElement {
+class Ot extends HTMLElement {
   /**
    * Stops observing the editor registry and immediately runs any pending cleanup.
    */
@@ -984,59 +1045,59 @@ class kt extends HTMLElement {
    * Mounts the editable component.
    */
   async connectedCallback() {
-    await M(), 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", q()[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") || "{}"), i = this.getAttribute("data-cke-content"), n = Number.parseInt(this.getAttribute("data-cke-save-debounce-ms"), 10);
+    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);
     if (!t || !e)
-      throw new k("Editor ID or Root Name is missing.");
+      throw new v("Editor ID or Root Name is missing.");
     this.style.display = "block", this.unmountEffect = m.the.mountEffect(t, (o) => {
       if (!this.isConnected)
         return;
-      const { ui: c, editing: u, model: s } = o, d = this.querySelector("input"), l = s.document.getRoot(e);
-      if (l?.isAttached()) {
-        if (i !== null) {
+      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 !== i && o.setData({
-            [e]: i
+          h && h !== n && o.setData({
+            [e]: n
           });
         }
-        P(a) || o.model.change((h) => {
-          h.setAttributes(a, l);
+        S(a) || o.model.change((h) => {
+          h.setAttributes(a, d);
         });
         return;
       }
       o.addRoot(e, {
         isUndoable: !1,
-        attributes: { ...a },
-        ...i !== null && {
-          data: i
+        modelAttributes: { ...a },
+        ...n !== null && {
+          initialData: n
         }
       });
-      const p = this.querySelector("[data-cke-editable-content]"), w = c.view.createEditable(e, p);
-      c.addEditable(w), u.view.forceRender();
+      const f = this.querySelector("[data-cke-editable-content]"), b = s.view.createEditable(e, f);
+      s.addEditable(b), c.view.forceRender();
       const y = () => {
-        if (!s.document.getRoot(e)?.isAttached())
+        if (!u.document.getRoot(e)?.isAttached())
           return;
         const h = o.getData({ rootName: e });
-        d && (d.value = h, d.dispatchEvent(new Event("input"))), this.dispatchEvent(new CustomEvent("change", {
+        l && (l.value = h, l.dispatchEvent(new Event("input"))), this.dispatchEvent(new CustomEvent("change", {
           detail: {
             value: h
           }
         }));
-      }, E = $(n, y);
-      return o.model.document.on("change:data", E), y(), () => {
-        if (o.model.document.off("change:data", E), o.state !== "destroyed" && e) {
+      }, 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) {
             try {
               o.ui.view.editables[e] && o.detachEditable(h);
-            } catch (v) {
-              console.error("Unable unmount editable from root:", v);
+            } catch (A) {
+              console.error("Unable unmount editable from root:", A);
             }
             h.isAttached() && o.detachRoot(e, !1);
           }
@@ -1051,7 +1112,7 @@ class kt extends HTMLElement {
     this.interactiveWait?.disconnect(), this.style.display = "none", this.unmountEffect?.(), this.unmountEffect = null;
   }
 }
-async function vt({
+async function It({
   saveDebounceMs: r,
   editorId: t,
   targetElement: e
@@ -1068,34 +1129,34 @@ async function vt({
      * Initializes the plugin.
      */
     afterInit() {
-      const { editor: n } = this, o = $(r, this.dispatch);
-      n.model.document.on("change:data", o), n.once("ready", this.dispatch);
+      const { editor: i } = this, o = $(r, this.dispatch);
+      i.model.document.on("change:data", o), i.once("ready", this.dispatch);
     }
     /**
      * Dispatches a custom event with all roots data.
      */
     dispatch = () => {
-      const { editor: n } = this;
+      const { editor: i } = this;
       e.dispatchEvent(
-        new b({
+        new k({
           editorId: t,
-          editor: n,
-          roots: X(n)
+          editor: i,
+          roots: X(i)
         })
       );
     };
   };
 }
-class b extends CustomEvent {
+class k extends CustomEvent {
   static EVENT_NAME = "ckeditor5:change:data";
   constructor(t) {
-    super(b.EVENT_NAME, {
+    super(k.EVENT_NAME, {
       detail: t,
       bubbles: !0
     });
   }
 }
-async function At(r) {
+async function Tt(r) {
   const { Plugin: t } = await import("ckeditor5");
   return class extends t {
     /**
@@ -1116,8 +1177,8 @@ async function At(r) {
      * Initializes the plugin.
      */
     afterInit() {
-      const { editor: a } = this, n = a.sourceElement.id.replace(/_editor$/, "");
-      this.input = document.getElementById(`${n}_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: 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));
     }
     /**
      * Synchronizes the editor's content with the input field.
@@ -1136,7 +1197,7 @@ async function At(r) {
     }
   };
 }
-class Ct extends HTMLElement {
+class Nt extends HTMLElement {
   /**
    * Stops observing the editor registry and immediately runs any pending cleanup.
    */
@@ -1149,7 +1210,7 @@ class Ct extends HTMLElement {
    * Mounts the editor component.
    */
   async connectedCallback() {
-    await M(), this.interactiveWait = L(this), J("classic"), await this.interactiveWait.promise, await this.initializeEditor();
+    await R(), this.interactiveWait = L(this), H("classic"), await this.interactiveWait.promise, await this.initializeEditor();
   }
   /**
    * Initializes the editor instance.
@@ -1159,15 +1220,15 @@ class Ct extends HTMLElement {
     m.the.resetErrors(t);
     try {
       this.style.display = "block";
-      const e = await this.createEditor(), a = ht(e), i = yt(e);
+      const e = await this.createEditor(), a = gt(e), n = At(e);
       if (this.isConnected) {
-        const n = m.the.mountEffect(t, (o) => {
+        const i = m.the.mountEffect(t, (o) => {
           o.once("destroy", () => {
             m.the.unregister(t, !1);
           }, { priority: "highest" });
         });
         this.unmountEffect = async () => {
-          m.the.unregister(t), n(), a ? a.state !== "unavailable" && await a.context.remove(a.editorContextId) : i ? await i.destroy() : await e.destroy();
+          m.the.unregister(t), i(), a ? a.state !== "unavailable" && await a.context.remove(a.editorContextId) : n ? await n.destroy() : await e.destroy();
         }, m.the.register(t, e);
       }
     } catch (e) {
@@ -1185,84 +1246,80 @@ class Ct extends HTMLElement {
    * Creates the CKEditor instance.
    */
   async createEditor() {
-    const t = this.getAttribute("data-cke-editor-id"), e = JSON.parse(this.getAttribute("data-cke-preset")), a = this.getAttribute("data-cke-context-id"), i = JSON.parse(this.getAttribute("data-cke-root-attributes") || "{}"), n = this.getAttribute("data-cke-editable-height") ? Number.parseInt(this.getAttribute("data-cke-editable-height"), 10) : null, o = Number.parseInt(this.getAttribute("data-cke-save-debounce-ms"), 10), c = JSON.parse(this.getAttribute("data-cke-language")), u = this.hasAttribute("data-cke-watchdog"), s = JSON.parse(this.getAttribute("data-cke-content")), {
-      customTranslations: d,
-      editorType: l,
-      licenseKey: p,
-      watchdogConfig: w,
-      config: { plugins: y, ...E }
-    } = e, h = await J(l), v = await (a ? C.the.waitFor(a) : null), F = async () => {
-      const { loadedPlugins: g, hasPremium: T } = await Q(y);
-      g.push(
-        await vt({
-          saveDebounceMs: o,
-          editorId: t,
+    const t = JSON.parse(this.getAttribute("data-cke-preset")), {
+      customTranslations: e,
+      editorType: a,
+      licenseKey: n,
+      watchdogConfig: i,
+      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({
+          saveDebounceMs: f,
+          editorId: c,
           targetElement: this
         })
-      ), O(l) && g.push(
-        await At(o)
+      ), T(a) && E.push(
+        await Tt(f)
       );
-      const A = [
-        ...await Z(c, T),
-        tt(d || {})
-      ].filter((f) => !P(f));
+      const C = [
+        ...await Q(w, N),
+        Z(e || {})
+      ].filter((p) => !S(p));
       let I = {
-        ...s,
-        ...G(t)
+        ...y,
+        ...G(c)
       };
-      O(l) && (I = I.main || "");
-      const N = await (async () => {
-        let f = et(t);
-        if (!f.main) {
-          const B = O(l) ? ["main"] : Object.keys(I);
-          at(f, B) || (f = await It(t, B), I = {
-            ...s,
-            ...G(t)
+      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)
           });
         }
-        O(l) && "main" in f && (f = f.main);
-        let R = S(E);
-        R = D([...A].reverse(), c.ui, R);
-        const j = {
-          ...R,
-          initialData: I,
-          licenseKey: p,
-          plugins: g,
-          language: c,
-          ...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 !v || !(f instanceof HTMLElement) ? h.create(f, j) : (await mt({
-          context: v,
-          element: f,
+        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: j
-        })).editor;
+          config: g
+        })).editor : h.create(g);
       })();
-      return P(i) || N.model.change((f) => {
-        f.setAttributes(i, N.model.document.getRoot());
-      }), O(l) && n && gt(N, n), N;
+      return S(l) || P.model.change((p) => {
+        p.setAttributes(l, P.model.document.getRoot());
+      }), T(a) && d && kt(P, d), P;
     };
-    if (u && !v) {
-      const g = await bt(F, w);
-      return g.on("error", (T, { causesRestart: U }) => {
-        if (U) {
-          const A = m.the.getItem(t);
-          A && (dt(A), m.the.unregister(t));
+    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));
         }
-      }), g.on("restart", () => {
-        const T = g.editor;
-        m.the.register(t, T);
-      }), await g.create({}), g.editor;
+      }), E.on("restart", () => {
+        const N = E.editor;
+        m.the.register(c, N);
+      }), await E.create({}), E.editor;
     }
-    return F();
+    return q();
   }
 }
 function at(r, t) {
   return t.every((e) => r[e]);
 }
-async function It(r, t) {
+async function Pt(r, t) {
   return lt(
     () => {
       const e = et(r);
@@ -1278,7 +1335,7 @@ Missing roots: ${t.filter((a) => !e[a]).join(", ")}.`
     { timeOutAfter: 2e3, retryAfter: 100 }
   );
 }
-class Ot extends HTMLElement {
+class St extends HTMLElement {
   /**
    * Stops observing the editor registry and immediately runs any pending cleanup.
    */
@@ -1287,14 +1344,14 @@ class Ot extends HTMLElement {
    * Mounts the UI part component.
    */
   async connectedCallback() {
-    await M();
-    const t = this.getAttribute("data-cke-editor-id") || q()[0], e = this.getAttribute("data-cke-name");
+    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) => {
       if (!this.isConnected)
         return;
-      const { ui: i } = a, n = Tt(e), o = i.view[n];
+      const { ui: n } = a, i = Mt(e), o = n.view[i];
       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 = "";
       };
@@ -1307,7 +1364,7 @@ class Ot extends HTMLElement {
     this.style.display = "none", this.unmountEffect?.(), this.unmountEffect = null;
   }
 }
-function Tt(r) {
+function Mt(r) {
   switch (r) {
     case "toolbar":
       return "toolbar";
@@ -1318,23 +1375,23 @@ function Tt(r) {
       return null;
   }
 }
-const Nt = {
-  "cke5-editor": Ct,
-  "cke5-context": Et,
-  "cke5-ui-part": Ot,
-  "cke5-editable": kt
+const Dt = {
+  "cke5-editor": Nt,
+  "cke5-context": Ct,
+  "cke5-ui-part": St,
+  "cke5-editable": Ot
 };
-function Pt() {
-  for (const [r, t] of Object.entries(Nt))
+function Rt() {
+  for (const [r, t] of Object.entries(Dt))
     window.customElements.get(r) || window.customElements.define(r, t);
 }
-function Vt(r) {
+function Lt(r) {
   return x(r), {
     unmount() {
     }
   };
 }
-function it(r, t) {
+function nt(r, t) {
   const e = {
     /** Value received from Blazor while the editor was focused, pending application on blur. */
     pendingValue: null,
@@ -1342,19 +1399,19 @@ function it(r, t) {
     lastSyncedValue: null
   }, a = () => {
     e.pendingValue = null;
-  }, i = (n, o, c) => {
-    if (c || e.pendingValue === null)
+  }, n = (i, o, s) => {
+    if (s || e.pendingValue === null)
       return;
-    const u = t.getCurrentValue();
-    t.isEqual(u, 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", i), {
+  return r.model.document.on("change:data", a), r.ui.focusTracker.on("change:isFocused", n), {
     /**
      * 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", i);
+      r.model.document.off("change:data", a), r.ui.focusTracker.off("change:isFocused", n);
     },
     /**
      * Checks whether the given value differs from the last synced value and, if so,
@@ -1363,24 +1420,24 @@ function it(r, t) {
      * Call this from the `CKEditor5ChangeDataEvent` handler to conditionally invoke
      * the .NET interop method.
      */
-    shouldNotify(n) {
-      return e.lastSyncedValue !== null && t.isEqual(e.lastSyncedValue, n) ? !1 : (e.lastSyncedValue = n, !0);
+    shouldNotify(i) {
+      return e.lastSyncedValue !== null && t.isEqual(e.lastSyncedValue, i) ? !1 : (e.lastSyncedValue = i, !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(n) {
+    setValue(i) {
       if (r.ui.focusTracker.isFocused) {
-        e.pendingValue = n;
+        e.pendingValue = i;
         return;
       }
-      e.lastSyncedValue !== null && t.isEqual(e.lastSyncedValue, n) || (e.lastSyncedValue = n, t.applyValue(n));
+      e.lastSyncedValue !== null && t.isEqual(e.lastSyncedValue, i) || (e.lastSyncedValue = i, t.applyValue(i));
     }
   };
 }
-function nt() {
+function it() {
   return {
     unmount() {
     },
@@ -1394,92 +1451,92 @@ function nt() {
 function ot(r, t) {
   const e = /* @__PURE__ */ new Set();
   return (a) => {
-    r.model.enqueueChange({ isUndoable: !1 }, (i) => {
-      const n = r.model.document.getRoot(t);
-      if (n) {
+    r.model.enqueueChange({ isUndoable: !1 }, (n) => {
+      const i = r.model.document.getRoot(t);
+      if (i) {
         for (const o of e)
-          a && o in a || (i.removeAttribute(o, n), e.delete(o));
-        for (const [o, c] of Object.entries(a ?? {}))
-          i.setAttribute(o, c, n), e.add(o);
+          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);
       }
     });
   };
 }
-function zt(r, t) {
-  const e = r.getAttribute("data-cke-editor-id") ?? q()[0], a = r.getAttribute("data-cke-root-name") ?? "main";
-  let i = !1, n = null, o = null, c = nt(), u = null;
-  const s = (d) => {
-    if (!(d instanceof b) || d.detail.editorId !== e)
+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)
       return;
-    const l = d.detail.roots[a];
-    l !== void 0 && c.shouldNotify(l) && t.invokeMethodAsync("OnChangeEditableData", o, l);
+    const d = l.detail.roots[a];
+    d !== void 0 && s.shouldNotify(d) && t.invokeMethodAsync("OnChangeEditableData", o, d);
   };
-  return n = m.the.mountEffect(e, (d) => (o = globalThis.DotNet.createJSObjectReference(d), c = it(d, {
-    getCurrentValue: () => d.getData({ rootName: a }) ?? "",
-    applyValue: (l) => d.setData({ [a]: l }),
-    isEqual: (l, p) => l === p
-  }), u = ot(d, a), () => {
-    c.unmount(), o && (globalThis.DotNet?.disposeJSObjectReference(o), o = null), u = null;
-  })), document.body.addEventListener(b.EVENT_NAME, s), x(r), {
+  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), () => {
+    s.unmount(), o && (globalThis.DotNet?.disposeJSObjectReference(o), o = null), c = null;
+  })), document.body.addEventListener(k.EVENT_NAME, u), x(r), {
     /**
      * Cleans up all event listeners when the Blazor component is disposed.
      */
     unmount() {
-      i || (document.body.removeEventListener(b.EVENT_NAME, s), n?.(), n = null, i = !0);
+      n || (document.body.removeEventListener(k.EVENT_NAME, u), i?.(), i = null, n = !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 (d) => {
-      i || (await m.the.waitFor(e), c.setValue(d));
+    setValue: async (l) => {
+      n || (await m.the.waitFor(e), s.setValue(l));
     },
     /**
      * Updates the root attributes on the editor. This is useful when the Blazor component
      * re-renders with new root attributes.
      */
-    setRootAttributes: async (d) => {
-      i || (await m.the.waitFor(e), u?.(d));
+    setRootAttributes: async (l) => {
+      n || (await m.the.waitFor(e), c?.(l));
     }
   };
 }
-function $t(r, t) {
+function _t(r, t) {
   const e = r.getAttribute("data-cke-editor-id");
-  let a = !1, i = null, n = nt(), o = null, c = null;
-  const u = (s) => {
-    !(s instanceof b) || s.detail.editorId !== e || n.shouldNotify(s.detail.roots) && t.invokeMethodAsync("OnChangeEditorData", c, s.detail.roots);
+  let a = !1, n = null, i = it(), 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);
   };
-  return i = m.the.mountEffect(e, (s) => {
-    c = globalThis.DotNet.createJSObjectReference(s), n = it(s, {
-      getCurrentValue: () => X(s),
-      applyValue: (l) => s.setData(l),
+  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(s, "main");
-    const d = (l, p, w) => {
-      const y = w ? "OnEditorFocus" : "OnEditorBlur";
-      t.invokeMethodAsync(y, c);
+    }), o = ot(u, "main");
+    const l = (d, f, b) => {
+      const y = b ? "OnEditorFocus" : "OnEditorBlur";
+      t.invokeMethodAsync(y, s);
     };
-    return s.ui.focusTracker.on("change:isFocused", d), t.invokeMethodAsync("OnEditorReady", c), () => {
-      s.ui.focusTracker.off("change:isFocused", d), n.unmount(), c && (globalThis.DotNet?.disposeJSObjectReference(c), c = null), o = null;
+    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;
     };
-  }), document.body.addEventListener(b.EVENT_NAME, u), Pt(), x(r), {
+  }), document.body.addEventListener(k.EVENT_NAME, c), Rt(), 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 (s) => {
-      a || (await m.the.waitFor(e), n.setValue(s));
+    setValue: async (u) => {
+      a || (await m.the.waitFor(e), i.setValue(u));
     },
     /**
      * Updates the root attributes on the editor instance.
      */
-    setRootAttributes: async (s) => {
-      a || (await m.the.waitFor(e), o?.(s));
+    setRootAttributes: async (u) => {
+      a || (await m.the.waitFor(e), o?.(u));
     },
     /**
      * Cleans up all event listeners when the Blazor component is disposed.
      */
     unmount() {
-      a || (document.body.removeEventListener(b.EVENT_NAME, u), i?.(), i = null, a = !0);
+      a || (document.body.removeEventListener(k.EVENT_NAME, c), n?.(), n = null, a = !0);
     },
     /**
      * Installs the custom image upload adapter that delegates uploads to Blazor.
@@ -1487,68 +1544,68 @@ function $t(r, t) {
      * to avoid unnecessary overhead for consumers that don't use this feature.
      */
     attachImageUploadAdapter: async () => {
-      a || m.the.mountEffect(e, (s) => {
-        St(s, t);
+      a || m.the.mountEffect(e, (u) => {
+        xt(u, t);
       });
     }
   };
 }
-function St(r, t) {
+function xt(r, t) {
   if (!r.plugins.has("FileRepository"))
     return;
   const e = r.plugins.get("FileRepository");
   e.createUploadAdapter = (a) => {
-    let i = !1;
+    let n = !1;
     return {
       async upload() {
-        const n = await a.file;
-        if (i)
+        const i = await a.file;
+        if (n)
           throw new Error("Upload aborted.");
-        const o = await Dt(n), c = await t.invokeMethodAsync("OnEditorImageUpload", {
-          fileName: n.name,
-          mimeType: n.type,
+        const o = await Vt(i), s = await t.invokeMethodAsync("OnEditorImageUpload", {
+          fileName: i.name,
+          mimeType: i.type,
           payload: o
         });
-        if (!c)
+        if (!s)
           throw new Error(
             "OnImageUpload handler returned null. Make sure the OnImageUpload parameter is set on the <CKE5Editor> component."
           );
-        return { default: c };
+        return { default: s };
       },
       abort() {
-        i = !0;
+        n = !0;
       }
     };
   };
 }
-function Dt(r) {
+function Vt(r) {
   return new Promise((t, e) => {
     const a = new FileReader();
     a.onload = () => {
-      const i = a.result, n = i.split(",")[1] ?? i;
-      t(n);
+      const n = a.result, i = n.split(",")[1] ?? n;
+      t(i);
     }, a.onerror = () => e(a.error), a.readAsDataURL(r);
   });
 }
-function Wt(r) {
+function qt(r) {
   return x(r), {
     unmount() {
     }
   };
 }
 export {
-  k as CKEditor5BlazorError,
-  b as CKEditor5ChangeDataEvent,
-  C as ContextsRegistry,
-  _ as CustomEditorPluginsRegistry,
-  kt as EditableComponentElement,
-  Ct as EditorComponentElement,
+  v as CKEditor5BlazorError,
+  k as CKEditor5ChangeDataEvent,
+  O as ContextsRegistry,
+  j as CustomEditorPluginsRegistry,
+  Ot as EditableComponentElement,
+  Nt as EditorComponentElement,
   m as EditorsRegistry,
-  Ot as UIPartComponentElement,
-  Vt as createContextBlazorInterop,
-  zt as createEditableBlazorInterop,
-  $t as createEditorBlazorInterop,
-  Wt as createUIPartBlazorInterop,
-  Pt as ensureEditorElementsRegistered
+  St as UIPartComponentElement,
+  Lt as createContextBlazorInterop,
+  jt as createEditableBlazorInterop,
+  _t as createEditorBlazorInterop,
+  qt as createUIPartBlazorInterop,
+  Rt as ensureEditorElementsRegistered
 };
 //# sourceMappingURL=index.mjs.map