ckeditor5-blazor 1.11.0 → 1.11.1

package/dist/index.mjs

@@ -1,9 +1,9 @@
-class v extends Error {
+class k extends Error {
   constructor(t) {
     super(t), this.name = "CKEditor5BlazorError";
   }
 }
-function B(r, t) {
+function j(r, t) {
   if (!r || r.size !== t.size)
     return !1;
   for (const [e, a] of r)
@@ -11,7 +11,7 @@ function B(r, t) {
       return !1;
   return !0;
 }
-class Y {
+class H {
   /**
    * Map of registered items.
    */
@@ -48,11 +48,11 @@ class Y {
    */
   execute(t, e, a) {
     const n = this.items.get(t), i = this.initializationErrors.get(t);
-    return i ? (a?.(i), Promise.reject(i)) : n ? Promise.resolve(e(n)) : new Promise((o, s) => {
-      const c = this.getPendingCallbacks(t);
-      c.success.push(async (u) => {
-        o(await e(u));
-      }), a ? c.error.push(a) : c.error.push(s);
+    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);
     });
   }
   /**
@@ -64,14 +64,14 @@ class Y {
    */
   mountEffect(t, e) {
     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))
+    const o = this.watch((u) => {
+      const s = u.get(t);
+      if (s !== n && (a?.(), a = void 0, n = s, !!s))
         try {
-          const u = e(c);
-          i ? (u?.(), o()) : a = u;
-        } catch (u) {
-          throw console.error(u), u;
+          const c = e(s);
+          i ? (c?.(), o()) : a = c;
+        } catch (c) {
+          throw console.error(c), c;
         }
     });
     return () => {
@@ -220,7 +220,7 @@ class Y {
    * Immediately dispatches the current state to all watchers if it changed.
    */
   flushWatchers() {
-    B(this.lastNotifiedItems, this.items) && B(this.lastNotifiedErrors, this.initializationErrors) || (this.lastNotifiedItems = new Map(this.items), this.lastNotifiedErrors = new Map(this.initializationErrors), this.watchers.forEach((t) => t(
+    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(
       new Map(this.items),
       new Map(this.initializationErrors)
     )));
@@ -236,7 +236,7 @@ class Y {
     return e || (e = { success: [], error: [] }, this.pendingCallbacks.set(t, e)), e;
   }
 }
-function $(r, t) {
+function W(r, t) {
   let e = null;
   return (...a) => {
     e && clearTimeout(e), e = setTimeout(() => {
@@ -244,18 +244,14 @@ function $(r, t) {
     }, r);
   };
 }
-function st(r, t) {
-  const e = Object.entries(r).filter(([a, n]) => t(n, a));
-  return Object.fromEntries(e);
-}
-function S(r) {
+function P(r) {
   return Object.keys(r).length === 0 && r.constructor === Object;
 }
-function W(r, t) {
+function at(r, t) {
   const e = Object.entries(r).map(([a, n]) => [a, t(n, a)]);
   return Object.fromEntries(e);
 }
-function ct(r, t) {
+function it(r, t) {
   if (r === t)
     return !0;
   const e = Object.keys(r), a = Object.keys(t);
@@ -266,30 +262,30 @@ function ct(r, t) {
       return !1;
   return !0;
 }
-function ut() {
+function nt() {
   return Math.random().toString(36).substring(2);
 }
-function lt(r, {
+function ot(r, {
   timeOutAfter: t = 500,
   retryAfter: e = 100
 } = {}) {
   return new Promise((a, n) => {
     const i = Date.now();
     let o = null;
-    const s = setTimeout(() => {
+    const u = setTimeout(() => {
       n(o ?? new Error("Timeout"));
-    }, t), c = async () => {
+    }, t), s = async () => {
       try {
-        const u = await r();
-        clearTimeout(s), a(u);
-      } catch (u) {
-        o = u, Date.now() - i > t ? n(u) : setTimeout(c, e);
+        const c = await r();
+        clearTimeout(u), a(c);
+      } catch (c) {
+        o = c, Date.now() - i > t ? n(c) : setTimeout(s, e);
       }
     };
-    c();
+    s();
   });
 }
-function R() {
+function x() {
   return new Promise((r) => {
     switch (document.readyState) {
       case "loading":
@@ -322,63 +318,39 @@ function L(r) {
     disconnect: () => t?.disconnect()
   };
 }
-function x(r) {
+function D(r) {
   r.setAttribute("data-cke-interactive", "true");
 }
-function dt(r, t) {
-  const e = mt(r), a = /* @__PURE__ */ new Set([
-    ...Object.keys(e),
-    ...Object.keys(t.roots ?? {})
-  ]), n = Array.from(a).reduce((o, s) => ({
-    ...o,
-    [s]: {
-      ...t.roots?.[s],
-      ...s === "main" ? t.root : {},
-      /* v8 ignore next 5 */
-      ...s in e ? {
-        initialData: e[s]
-      } : {}
-    }
-  }), Object.create(t.roots || {})), i = {
-    ...t,
-    roots: n
-  };
-  return delete i.root, i;
-}
-function mt(r) {
-  return typeof r == "string" ? { main: r } : { ...r };
-}
-function ht(r, t, e) {
-  const a = ft(t);
-  if (!r.editorName || r.editorName === "ClassicEditor")
-    return {
-      ...e,
-      attachTo: a.main
-    };
-  const n = /* @__PURE__ */ new Set([
-    ...Object.keys(a),
+function st(r, t, e) {
+  const a = !r.editorName || r.editorName === "ClassicEditor", n = /* @__PURE__ */ new Set([
+    ...Object.keys(t),
     ...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]
+  ]), i = Array.from(n).reduce((u, s) => ({
+    ...u,
+    [s]: {
+      /* 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
+        },
+        ...!a && t[s].element !== null && {
+          element: t[s].element
+        }
       } : {}
     }
   }), Object.create(e.roots || {})), o = {
     ...e,
-    roots: i
+    roots: i,
+    ...a && t.main?.element && {
+      attachTo: t.main.element
+    }
   };
   return delete o.root, o;
 }
-function ft(r) {
-  return r instanceof HTMLElement ? { main: r } : { ...r };
-}
-function pt(r) {
+function ct(r) {
   const t = [
     r.ui?.element,
     r.ui?.view?.toolbar?.element,
@@ -404,9 +376,9 @@ function pt(r) {
     i.hasAttribute("data-cke-controlled") ? i.innerHTML = "" : i.remove();
   }
 }
-const V = /* @__PURE__ */ Symbol.for("context-editor-watchdog");
-async function wt({ context: r, creator: t, config: e }) {
-  const a = ut();
+const z = /* @__PURE__ */ Symbol.for("context-editor-watchdog");
+async function ut({ context: r, creator: t, config: e }) {
+  const a = nt();
   await r.add({
     creator: t.create.bind(t),
     id: a,
@@ -418,23 +390,23 @@ async function wt({ context: r, creator: t, config: e }) {
     editorContextId: a,
     context: r
   };
-  n[V] = i;
+  n[z] = i;
   const o = r.destroy.bind(r);
   return r.destroy = async () => (i.state = "unavailable", o()), {
     ...i,
     editor: n
   };
 }
-function gt(r) {
-  return V in r ? r[V] : null;
+function lt(r) {
+  return z in r ? r[z] : null;
 }
-function X(r) {
+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({}));
 }
-function T(r) {
+function V(r) {
   return ["inline", "classic", "balloon", "decoupled"].includes(r);
 }
-async function H(r) {
+async function U(r) {
   const t = await import("ckeditor5"), a = {
     inline: t.InlineEditor,
     balloon: t.BalloonEditor,
@@ -443,11 +415,11 @@ async function H(r) {
     multiroot: t.MultiRootEditor
   }[r];
   if (!a)
-    throw new v(`Unsupported editor type: ${r}`);
+    throw new k(`Unsupported editor type: ${r}`);
   return a;
 }
-class j {
-  static the = new j();
+class _ {
+  static the = new _();
   /**
    * Map of registered custom plugins.
    */
@@ -466,7 +438,7 @@ class j {
    */
   register(t, e) {
     if (this.plugins.has(t))
-      throw new v(`Plugin with name "${t}" is already registered.`);
+      throw new k(`Plugin with name "${t}" is already registered.`);
     return this.plugins.set(t, e), this.unregister.bind(this, t);
   }
   /**
@@ -477,7 +449,7 @@ class j {
    */
   unregister(t) {
     if (!this.plugins.has(t))
-      throw new v(`Plugin with name "${t}" is not registered.`);
+      throw new k(`Plugin with name "${t}" is not registered.`);
     this.plugins.delete(t);
   }
   /**
@@ -506,20 +478,20 @@ class j {
     return this.plugins.has(t);
   }
 }
-async function K(r) {
+async function G(r) {
   const t = await import("ckeditor5");
   let e = null;
   const a = r.map(async (n) => {
-    if (bt(n)) {
-      const { name: c, path: u } = n.$import, d = await import(
+    if (dt(n)) {
+      const { name: s, path: c } = n.$import, d = await import(
         /* @vite-ignore */
-        u
-      ), f = (Object.prototype.hasOwnProperty.call(d, c) ? d[c] : void 0) ?? (Object.prototype.hasOwnProperty.call(d, "default") ? d.default : void 0);
+        c
+      ), f = (Object.prototype.hasOwnProperty.call(d, s) ? d[s] : void 0) ?? (Object.prototype.hasOwnProperty.call(d, "default") ? d.default : void 0);
       if (!f)
-        throw new v(`Plugin "${c}" not found in module "${u}".`);
+        throw new k(`Plugin "${s}" not found in module "${c}".`);
       return f;
     }
-    const i = await j.the.get(n);
+    const i = await _.the.get(n);
     if (i)
       return i;
     const { [n]: o } = t;
@@ -528,41 +500,41 @@ async function K(r) {
     if (!e)
       try {
         e = await import("ckeditor5-premium-features");
-      } catch (c) {
-        throw console.error(`Failed to load premium package: ${c}`), new v(`Plugin "${n}" not found in base package and failed to load premium package.`);
+      } 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.`);
       }
-    const { [n]: s } = e || {};
-    if (s)
-      return s;
-    throw new v(`Plugin "${n}" not found in base or premium packages.`);
+    const { [n]: u } = e || {};
+    if (u)
+      return u;
+    throw new k(`Plugin "${n}" not found in base or premium packages.`);
   });
   return {
     loadedPlugins: await Promise.all(a),
     hasPremium: !!e
   };
 }
-function bt(r) {
+function dt(r) {
   return typeof r == "object" && r !== null && "$import" in r;
 }
-async function Q(r, t) {
+async function Y(r, t) {
   const e = [r.ui, r.content];
   return await Promise.all(
     [
-      J("ckeditor5", e),
+      B("ckeditor5", e),
       /* v8 ignore next -- @preserve */
-      t && J("ckeditor5-premium-features", e)
+      t && B("ckeditor5-premium-features", e)
     ].filter((n) => !!n)
   ).then((n) => n.flat());
 }
-async function J(r, t) {
+async function B(r, t) {
   return await Promise.all(
     t.filter((e) => e !== "en").map(async (e) => {
-      const a = await yt(r, e);
+      const a = await mt(r, e);
       return a?.default ?? a;
     }).filter(Boolean)
   );
 }
-async function yt(r, t) {
+async function mt(r, t) {
   try {
     if (r === "ckeditor5")
       switch (t) {
@@ -862,12 +834,12 @@ async function yt(r, t) {
     return console.error(`Failed to load translation for ${r}/${t}:`, e), null;
   }
 }
-function Z(r) {
-  return W(r, (t) => ({
+function X(r) {
+  return at(r, (t) => ({
     dictionary: t
   }));
 }
-function tt(r) {
+function K(r) {
   return r ? typeof r == "string" ? {
     ui: r,
     content: r
@@ -876,47 +848,39 @@ function tt(r) {
     content: "en"
   };
 }
-function _() {
-  return Array.from(document.querySelectorAll("cke5-editor")).map((r) => r.getAttribute("data-cke-editor-id")).filter((r) => r !== null);
-}
-function et(r) {
-  const t = rt(r);
-  return W(t, ({ element: e }) => e);
-}
-function G(r) {
-  const t = rt(r), e = W(t, ({ content: a }) => a);
-  return st(e, (a) => typeof a == "string");
-}
-function rt(r) {
-  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;
+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}"]`);
   if (!e)
     return t;
-  const a = t.main, n = JSON.parse(e.getAttribute("data-cke-content")), i = document.querySelector(`#${r}_editor `);
-  return a && n?.main ? {
-    ...t,
-    main: {
-      ...a,
-      content: a.content || n.main
-    }
-  } : i ? {
-    ...t,
-    main: {
-      element: i,
-      content: n?.main || null
-    }
-  } : t;
+  const a = JSON.parse(e.getAttribute("data-cke-content")) ?? {}, n = document.querySelector(`#${r}_editor`);
+  n && !t.main && (t.main = {
+    element: n,
+    content: a.main || ""
+  });
+  for (const [i, o] of Object.entries(a))
+    t[i] ? t[i] = {
+      ...t[i],
+      content: t[i].content ?? o
+    } : t[i] = {
+      element: null,
+      content: o
+    };
+  return t;
+}
+function F() {
+  return Array.from(document.querySelectorAll("cke5-editor")).map((r) => r.getAttribute("data-cke-editor-id")).filter((r) => r !== null);
 }
-function M(r) {
+function S(r) {
   if (!r || typeof r != "object")
     return r;
   if (Array.isArray(r))
-    return r.map((a) => M(a));
+    return r.map((a) => S(a));
   const t = r;
   if (t.$element && typeof t.$element == "string") {
     const a = document.querySelector(t.$element);
@@ -924,55 +888,55 @@ function M(r) {
   }
   const e = /* @__PURE__ */ Object.create(null);
   for (const [a, n] of Object.entries(r))
-    e[a] = M(n);
+    e[a] = S(n);
   return e;
 }
-function D(r, t, e) {
+function R(r, t, e) {
   if (!e || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    return e.map((i) => D(r, t, i));
+    return e.map((i) => R(r, t, i));
   const a = e;
   if (a.$translation && typeof a.$translation == "string") {
-    const i = a.$translation, o = Et(r, i, t);
+    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;
   }
   const n = /* @__PURE__ */ Object.create(null);
   for (const [i, o] of Object.entries(e))
-    n[i] = D(r, t, o);
+    n[i] = R(r, t, o);
   return n;
 }
-function Et(r, t, e) {
+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];
   }
 }
-function kt(r, t) {
+function ft(r, t) {
   const { editing: e } = r;
   e.view.change((a) => {
     a.setStyle("height", `${t}px`, e.view.document.getRoot());
   });
 }
-const z = /* @__PURE__ */ Symbol.for("elixir-editor-watchdog");
-async function vt(r, t) {
+const $ = /* @__PURE__ */ Symbol.for("elixir-editor-watchdog");
+async function pt(r, t) {
   const { EditorWatchdog: e } = await import("ckeditor5"), a = new e(null, t ?? {
     crashNumberLimit: 10,
     minimumNonErrorTimePeriod: 5e3
   });
   return a.setCreator(async () => {
     const n = await r();
-    return n[z] = a, n;
+    return n[$] = a, n;
   }), a;
 }
-function At(r) {
-  return z in r ? r[z] : null;
+function wt(r) {
+  return $ in r ? r[$] : null;
 }
-class O extends Y {
-  static the = new O();
+class C extends H {
+  static the = new C();
 }
-class Ct extends HTMLElement {
+class gt extends HTMLElement {
   /**
    * The promise that resolves to the context instance.
    */
@@ -985,35 +949,35 @@ class Ct extends HTMLElement {
    * Mounts the context component.
    */
   async connectedCallback() {
-    await R(), this.interactiveWait = L(this), await this.interactiveWait.promise, await this.initializeContext();
+    await x(), 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"), s = this.getAttribute("data-cke-language") ? JSON.parse(this.getAttribute("data-cke-language")) : tt(i.language), { loadedPlugins: c, hasPremium: u } = await K(n ?? []), d = [
-      ...await Q(s, u),
-      Z(e || {})
-    ].filter((b) => !S(b));
+    const t = JSON.parse(this.getAttribute("data-cke-context")), { customTranslations: e, watchdogConfig: 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),
+      X(e || {})
+    ].filter((g) => !P(g));
     this.contextPromise = (async () => {
-      const { ContextWatchdog: b, Context: y } = await import("ckeditor5"), w = new b(y, {
+      const { ContextWatchdog: g, Context: p } = await import("ckeditor5"), w = new g(p, {
         crashNumberLimit: 10,
         ...a
       });
-      let h = M(i);
-      return h = D([...d].reverse(), s.ui, h), await w.create({
+      let h = S(i);
+      return h = R([...d].reverse(), u.ui, h), await w.create({
         ...h,
-        language: s,
-        plugins: c,
+        language: u,
+        plugins: s,
         ...d.length && {
           translations: d
         }
-      }), w.on("itemError", (...A) => {
-        console.error("Context item error:", ...A);
+      }), w.on("itemError", (...v) => {
+        console.error("Context item error:", ...v);
       }), w;
     })();
     const f = await this.contextPromise;
-    this.isConnected && O.the.register(o, f);
+    this.isConnected && C.the.register(o, f);
   }
   /**
    * Destroys the context component. Unmounts root from the editor.
@@ -1025,14 +989,14 @@ class Ct extends HTMLElement {
     try {
       await (await this.contextPromise)?.destroy();
     } finally {
-      this.contextPromise = null, t && O.the.hasItem(t) && O.the.unregister(t);
+      this.contextPromise = null, t && C.the.hasItem(t) && C.the.unregister(t);
     }
   }
 }
-class m extends Y {
+class m extends H {
   static the = new m();
 }
-class Ot extends HTMLElement {
+class bt extends HTMLElement {
   /**
    * Stops observing the editor registry and immediately runs any pending cleanup.
    */
@@ -1045,20 +1009,20 @@ class Ot extends HTMLElement {
    * Mounts the editable component.
    */
   async connectedCallback() {
-    await R(), this.interactiveWait = L(this), await this.interactiveWait.promise, await this.initializeEditable();
+    await x(), 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", _()[0]);
+    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);
     if (!t || !e)
-      throw new v("Editor ID or Root Name is missing.");
+      throw new k("Editor ID or Root Name is missing.");
     this.style.display = "block", this.unmountEffect = m.the.mountEffect(t, (o) => {
       if (!this.isConnected)
         return;
-      const { ui: s, editing: c, model: u } = o, l = this.querySelector("input"), d = u.document.getRoot(e);
+      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 });
@@ -1066,7 +1030,7 @@ class Ot extends HTMLElement {
             [e]: n
           });
         }
-        S(a) || o.model.change((h) => {
+        P(a) || o.model.change((h) => {
           h.setAttributes(a, d);
         });
         return;
@@ -1078,10 +1042,10 @@ class Ot extends HTMLElement {
           initialData: n
         }
       });
-      const f = this.querySelector("[data-cke-editable-content]"), b = s.view.createEditable(e, f);
-      s.addEditable(b), c.view.forceRender();
-      const y = () => {
-        if (!u.document.getRoot(e)?.isAttached())
+      const 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())
           return;
         const h = o.getData({ rootName: e });
         l && (l.value = h, l.dispatchEvent(new Event("input"))), this.dispatchEvent(new CustomEvent("change", {
@@ -1089,15 +1053,15 @@ class Ot extends HTMLElement {
             value: h
           }
         }));
-      }, w = $(i, y);
-      return o.model.document.on("change:data", w), y(), () => {
+      }, 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) {
             try {
               o.ui.view.editables[e] && o.detachEditable(h);
-            } catch (A) {
-              console.error("Unable unmount editable from root:", A);
+            } catch (v) {
+              console.error("Unable unmount editable from root:", v);
             }
             h.isAttached() && o.detachRoot(e, !1);
           }
@@ -1112,7 +1076,7 @@ class Ot extends HTMLElement {
     this.interactiveWait?.disconnect(), this.style.display = "none", this.unmountEffect?.(), this.unmountEffect = null;
   }
 }
-async function It({
+async function yt({
   saveDebounceMs: r,
   editorId: t,
   targetElement: e
@@ -1129,7 +1093,7 @@ async function It({
      * Initializes the plugin.
      */
     afterInit() {
-      const { editor: i } = this, o = $(r, this.dispatch);
+      const { editor: i } = this, o = W(r, this.dispatch);
       i.model.document.on("change:data", o), i.once("ready", this.dispatch);
     }
     /**
@@ -1138,25 +1102,25 @@ async function It({
     dispatch = () => {
       const { editor: i } = this;
       e.dispatchEvent(
-        new k({
+        new y({
           editorId: t,
           editor: i,
-          roots: X(i)
+          roots: J(i)
         })
       );
     };
   };
 }
-class k extends CustomEvent {
+class y extends CustomEvent {
   static EVENT_NAME = "ckeditor5:change:data";
   constructor(t) {
-    super(k.EVENT_NAME, {
+    super(y.EVENT_NAME, {
       detail: t,
       bubbles: !0
     });
   }
 }
-async function Tt(r) {
+async function Et(r) {
   const { Plugin: t } = await import("ckeditor5");
   return class extends t {
     /**
@@ -1178,7 +1142,7 @@ async function Tt(r) {
      */
     afterInit() {
       const { editor: a } = this, i = a.sourceElement.id.replace(/_editor$/, "");
-      this.input = document.getElementById(`${i}_input`), this.input && (a.model.document.on("change:data", $(r, () => this.sync())), a.once("ready", this.sync), this.form = this.input.closest("form"), this.form?.addEventListener("submit", this.sync));
+      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));
     }
     /**
      * Synchronizes the editor's content with the input field.
@@ -1197,7 +1161,7 @@ async function Tt(r) {
     }
   };
 }
-class Nt extends HTMLElement {
+class kt extends HTMLElement {
   /**
    * Stops observing the editor registry and immediately runs any pending cleanup.
    */
@@ -1210,7 +1174,7 @@ class Nt extends HTMLElement {
    * Mounts the editor component.
    */
   async connectedCallback() {
-    await R(), this.interactiveWait = L(this), H("classic"), await this.interactiveWait.promise, await this.initializeEditor();
+    await x(), this.interactiveWait = L(this), U("classic"), await this.interactiveWait.promise, await this.initializeEditor();
   }
   /**
    * Initializes the editor instance.
@@ -1220,7 +1184,7 @@ class Nt extends HTMLElement {
     m.the.resetErrors(t);
     try {
       this.style.display = "block";
-      const e = await this.createEditor(), a = gt(e), n = At(e);
+      const e = await this.createEditor(), a = lt(e), n = wt(e);
       if (this.isConnected) {
         const i = m.the.mountEffect(t, (o) => {
           o.once("destroy", () => {
@@ -1251,91 +1215,79 @@ class Nt extends HTMLElement {
       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({
+      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({
           saveDebounceMs: f,
-          editorId: c,
+          editorId: s,
           targetElement: this
         })
-      ), T(a) && E.push(
-        await Tt(f)
+      ), V(a) && b.push(
+        await Et(f)
       );
-      const C = [
-        ...await Q(w, N),
-        Z(e || {})
-      ].filter((p) => !S(p));
-      let I = {
-        ...y,
-        ...G(c)
-      };
-      T(a) && (I = I.main || "");
-      const P = await (async () => {
-        let p = et(c);
-        if (!p.main) {
-          const U = T(a) ? ["main"] : Object.keys(I);
-          at(p, U) || (p = await Pt(c, U), I = {
-            ...y,
-            ...G(c)
-          });
+      const A = [
+        ...await Y(p, 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,
+        ...A.length && {
+          translations: A
         }
-        T(a) && "main" in p && (p = p.main);
-        let g = {
-          ...s,
-          licenseKey: n,
-          plugins: E,
-          language: w,
-          ...C.length && {
-            translations: C
-          }
-        };
-        return g = M(g), g = D([...C].reverse(), w.ui, g), g = ht(h, p, g), g = dt(I, g), A ? (await wt({
-          context: A,
-          creator: h,
-          config: g
-        })).editor : h.create(g);
-      })();
-      return S(l) || P.model.change((p) => {
-        p.setAttributes(l, P.model.document.getRoot());
-      }), T(a) && d && kt(P, d), P;
+      };
+      E = S(E), E = R([...A].reverse(), p.ui, E), E = st(w, T, E);
+      const O = await (async () => h ? (await ut({
+        context: h,
+        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;
     };
-    if (b && !A) {
-      const E = await vt(q, i);
-      return E.on("error", (N, { causesRestart: F }) => {
-        if (F) {
-          const C = m.the.getItem(c);
-          C && (pt(C), m.the.unregister(c));
+    if (g && !h) {
+      const b = await pt(v, i);
+      return b.on("error", (I, { causesRestart: q }) => {
+        if (q) {
+          const A = m.the.getItem(s);
+          A && (ct(A), m.the.unregister(s));
         }
-      }), E.on("restart", () => {
-        const N = E.editor;
-        m.the.register(c, N);
-      }), await E.create({}), E.editor;
+      }), b.on("restart", () => {
+        const I = b.editor;
+        m.the.register(s, I);
+      }), await b.create({}), b.editor;
     }
-    return q();
+    return v();
   }
 }
-function at(r, t) {
-  return t.every((e) => r[e]);
+function Z(r, t) {
+  return t.every((e) => r[e]?.element);
 }
-async function Pt(r, t) {
-  return lt(
+async function vt(r, t) {
+  return ot(
     () => {
-      const e = et(r);
-      if (!at(e, t))
+      const e = Q(r);
+      if (!Z(e, t))
         throw new Error(
           `It looks like not all required root elements are present yet.
 * If you want to wait for them, ensure they are registered before editor initialization.
 * If you want lazy initialize roots, consider removing root values from the \`initialData\` config and assign initial data in editable components.
-Missing roots: ${t.filter((a) => !e[a]).join(", ")}.`
+Missing roots: ${t.filter((a) => !e[a]?.element).join(", ")}.`
         );
       return e;
     },
     { timeOutAfter: 2e3, retryAfter: 100 }
   );
 }
-class St extends HTMLElement {
+class At extends HTMLElement {
   /**
    * Stops observing the editor registry and immediately runs any pending cleanup.
    */
@@ -1344,14 +1296,14 @@ class St extends HTMLElement {
    * Mounts the UI part component.
    */
   async connectedCallback() {
-    await R();
-    const t = this.getAttribute("data-cke-editor-id") || _()[0], e = this.getAttribute("data-cke-name");
+    await x();
+    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) => {
       if (!this.isConnected)
         return;
-      const { ui: n } = a, i = Mt(e), o = n.view[i];
+      const { ui: n } = a, i = Ct(e), o = n.view[i];
       if (!o)
-        throw new v(`Unknown UI part name: "${e}". Supported names are "toolbar" and "menubar".`);
+        throw new k(`Unknown UI part name: "${e}". Supported names are "toolbar" and "menubar".`);
       return this.appendChild(o.element), () => {
         this.innerHTML = "";
       };
@@ -1364,7 +1316,7 @@ class St extends HTMLElement {
     this.style.display = "none", this.unmountEffect?.(), this.unmountEffect = null;
   }
 }
-function Mt(r) {
+function Ct(r) {
   switch (r) {
     case "toolbar":
       return "toolbar";
@@ -1375,23 +1327,23 @@ function Mt(r) {
       return null;
   }
 }
-const Dt = {
-  "cke5-editor": Nt,
-  "cke5-context": Ct,
-  "cke5-ui-part": St,
-  "cke5-editable": Ot
+const It = {
+  "cke5-editor": kt,
+  "cke5-context": gt,
+  "cke5-ui-part": At,
+  "cke5-editable": bt
 };
-function Rt() {
-  for (const [r, t] of Object.entries(Dt))
+function Tt() {
+  for (const [r, t] of Object.entries(It))
     window.customElements.get(r) || window.customElements.define(r, t);
 }
-function Lt(r) {
-  return x(r), {
+function Rt(r) {
+  return D(r), {
     unmount() {
     }
   };
 }
-function nt(r, t) {
+function tt(r, t) {
   const e = {
     /** Value received from Blazor while the editor was focused, pending application on blur. */
     pendingValue: null,
@@ -1399,11 +1351,11 @@ function nt(r, t) {
     lastSyncedValue: null
   }, a = () => {
     e.pendingValue = null;
-  }, n = (i, o, s) => {
-    if (s || e.pendingValue === null)
+  }, n = (i, o, u) => {
+    if (u || e.pendingValue === null)
       return;
-    const c = t.getCurrentValue();
-    t.isEqual(c, e.pendingValue) || t.applyValue(e.pendingValue), e.pendingValue = null;
+    const s = t.getCurrentValue();
+    t.isEqual(s, e.pendingValue) || t.applyValue(e.pendingValue), e.pendingValue = null;
   };
   return r.model.document.on("change:data", a), r.ui.focusTracker.on("change:isFocused", n), {
     /**
@@ -1437,7 +1389,7 @@ function nt(r, t) {
     }
   };
 }
-function it() {
+function et() {
   return {
     unmount() {
     },
@@ -1448,7 +1400,7 @@ function it() {
     }
   };
 }
-function ot(r, t) {
+function rt(r, t) {
   const e = /* @__PURE__ */ new Set();
   return (a) => {
     r.model.enqueueChange({ isUndoable: !1 }, (n) => {
@@ -1456,87 +1408,87 @@ function ot(r, t) {
       if (i) {
         for (const o of e)
           a && o in a || (n.removeAttribute(o, i), e.delete(o));
-        for (const [o, s] of Object.entries(a ?? {}))
-          n.setAttribute(o, s, i), e.add(o);
+        for (const [o, u] of Object.entries(a ?? {}))
+          n.setAttribute(o, u, i), e.add(o);
       }
     });
   };
 }
-function jt(r, t) {
-  const e = r.getAttribute("data-cke-editor-id") ?? _()[0], a = r.getAttribute("data-cke-root-name") ?? "main";
-  let n = !1, i = null, o = null, s = it(), c = null;
-  const u = (l) => {
-    if (!(l instanceof k) || l.detail.editorId !== e)
+function 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)
       return;
     const d = l.detail.roots[a];
-    d !== void 0 && s.shouldNotify(d) && t.invokeMethodAsync("OnChangeEditableData", o, d);
+    d !== void 0 && u.shouldNotify(d) && t.invokeMethodAsync("OnChangeEditableData", o, d);
   };
-  return i = m.the.mountEffect(e, (l) => (o = globalThis.DotNet.createJSObjectReference(l), s = nt(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
-  }), c = ot(l, a), () => {
-    s.unmount(), o && (globalThis.DotNet?.disposeJSObjectReference(o), o = null), c = null;
-  })), document.body.addEventListener(k.EVENT_NAME, u), x(r), {
+  }), s = rt(l, a), () => {
+    u.unmount(), o && (globalThis.DotNet?.disposeJSObjectReference(o), o = null), s = null;
+  })), document.body.addEventListener(y.EVENT_NAME, c), D(r), {
     /**
      * Cleans up all event listeners when the Blazor component is disposed.
      */
     unmount() {
-      n || (document.body.removeEventListener(k.EVENT_NAME, u), i?.(), i = null, n = !0);
+      n || (document.body.removeEventListener(y.EVENT_NAME, c), 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 (l) => {
-      n || (await m.the.waitFor(e), s.setValue(l));
+      n || (await m.the.waitFor(e), u.setValue(l));
     },
     /**
      * Updates the root attributes on the editor. This is useful when the Blazor component
      * re-renders with new root attributes.
      */
     setRootAttributes: async (l) => {
-      n || (await m.the.waitFor(e), c?.(l));
+      n || (await m.the.waitFor(e), s?.(l));
     }
   };
 }
-function _t(r, t) {
+function Dt(r, t) {
   const e = r.getAttribute("data-cke-editor-id");
-  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);
+  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);
   };
-  return n = m.the.mountEffect(e, (u) => {
-    s = globalThis.DotNet.createJSObjectReference(u), i = nt(u, {
-      getCurrentValue: () => X(u),
-      applyValue: (d) => u.setData(d),
-      isEqual: ct
-    }), o = ot(u, "main");
-    const l = (d, f, b) => {
-      const y = b ? "OnEditorFocus" : "OnEditorBlur";
-      t.invokeMethodAsync(y, s);
+  return 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 u.ui.focusTracker.on("change:isFocused", l), t.invokeMethodAsync("OnEditorReady", s), () => {
-      u.ui.focusTracker.off("change:isFocused", l), i.unmount(), s && (globalThis.DotNet?.disposeJSObjectReference(s), s = null), o = null;
+    return 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;
     };
-  }), document.body.addEventListener(k.EVENT_NAME, c), Rt(), x(r), {
+  }), document.body.addEventListener(y.EVENT_NAME, s), Tt(), D(r), {
     /**
      * Updates the editor data from Blazor. If the editor is focused, the update is deferred until blur to avoid interrupting the user.
      */
-    setValue: async (u) => {
-      a || (await m.the.waitFor(e), i.setValue(u));
+    setValue: async (c) => {
+      a || (await m.the.waitFor(e), i.setValue(c));
     },
     /**
      * Updates the root attributes on the editor instance.
      */
-    setRootAttributes: async (u) => {
-      a || (await m.the.waitFor(e), o?.(u));
+    setRootAttributes: async (c) => {
+      a || (await m.the.waitFor(e), o?.(c));
     },
     /**
      * Cleans up all event listeners when the Blazor component is disposed.
      */
     unmount() {
-      a || (document.body.removeEventListener(k.EVENT_NAME, c), n?.(), n = null, a = !0);
+      a || (document.body.removeEventListener(y.EVENT_NAME, s), n?.(), n = null, a = !0);
     },
     /**
      * Installs the custom image upload adapter that delegates uploads to Blazor.
@@ -1544,13 +1496,13 @@ function _t(r, t) {
      * to avoid unnecessary overhead for consumers that don't use this feature.
      */
     attachImageUploadAdapter: async () => {
-      a || m.the.mountEffect(e, (u) => {
-        xt(u, t);
+      a || m.the.mountEffect(e, (c) => {
+        Ot(c, t);
       });
     }
   };
 }
-function xt(r, t) {
+function Ot(r, t) {
   if (!r.plugins.has("FileRepository"))
     return;
   const e = r.plugins.get("FileRepository");
@@ -1561,16 +1513,16 @@ function xt(r, t) {
         const i = await a.file;
         if (n)
           throw new Error("Upload aborted.");
-        const o = await Vt(i), s = await t.invokeMethodAsync("OnEditorImageUpload", {
+        const o = await Nt(i), u = await t.invokeMethodAsync("OnEditorImageUpload", {
           fileName: i.name,
           mimeType: i.type,
           payload: o
         });
-        if (!s)
+        if (!u)
           throw new Error(
             "OnImageUpload handler returned null. Make sure the OnImageUpload parameter is set on the <CKE5Editor> component."
           );
-        return { default: s };
+        return { default: u };
       },
       abort() {
         n = !0;
@@ -1578,7 +1530,7 @@ function xt(r, t) {
     };
   };
 }
-function Vt(r) {
+function Nt(r) {
   return new Promise((t, e) => {
     const a = new FileReader();
     a.onload = () => {
@@ -1587,25 +1539,25 @@ function Vt(r) {
     }, a.onerror = () => e(a.error), a.readAsDataURL(r);
   });
 }
-function qt(r) {
-  return x(r), {
+function Mt(r) {
+  return D(r), {
     unmount() {
     }
   };
 }
 export {
-  v as CKEditor5BlazorError,
-  k as CKEditor5ChangeDataEvent,
-  O as ContextsRegistry,
-  j as CustomEditorPluginsRegistry,
-  Ot as EditableComponentElement,
-  Nt as EditorComponentElement,
+  k as CKEditor5BlazorError,
+  y as CKEditor5ChangeDataEvent,
+  C as ContextsRegistry,
+  _ as CustomEditorPluginsRegistry,
+  bt as EditableComponentElement,
+  kt as EditorComponentElement,
   m as EditorsRegistry,
-  St as UIPartComponentElement,
-  Lt as createContextBlazorInterop,
-  jt as createEditableBlazorInterop,
-  _t as createEditorBlazorInterop,
-  qt as createUIPartBlazorInterop,
-  Rt as ensureEditorElementsRegistered
+  At as UIPartComponentElement,
+  Rt as createContextBlazorInterop,
+  xt as createEditableBlazorInterop,
+  Dt as createEditorBlazorInterop,
+  Mt as createUIPartBlazorInterop,
+  Tt as ensureEditorElementsRegistered
 };
 //# sourceMappingURL=index.mjs.map