ckeditor5-blazor 1.10.0 → 1.10.2

package/dist/index.mjs

@@ -6,8 +6,8 @@ class k extends Error {
 function H(r, t) {
   if (!r || r.size !== t.size)
     return !1;
-  for (const [e, i] of r)
-    if (!t.has(e) || t.get(e) !== i)
+  for (const [e, a] of r)
+    if (!t.has(e) || t.get(e) !== a)
       return !1;
   return !0;
 }
@@ -46,13 +46,13 @@ class Y {
    * @param onError Optional error callback.
    * @returns A promise that resolves with the result of the function.
    */
-  execute(t, e, i) {
-    const a = this.items.get(t), n = this.initializationErrors.get(t);
-    return n ? (i?.(n), Promise.reject(n)) : a ? Promise.resolve(e(a)) : new Promise((o, c) => {
+  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));
-      }), i ? u.error.push(i) : u.error.push(c);
+      }), a ? u.error.push(a) : u.error.push(c);
     });
   }
   /**
@@ -63,19 +63,19 @@ class Y {
    * @returns A function that stops observing and immediately runs any pending cleanup.
    */
   mountEffect(t, e) {
-    let i, a, n = !1;
+    let a, i, n = !1;
     const o = this.watch((c) => {
       const u = c.get(t);
-      if (u !== a && (i?.(), i = void 0, a = u, !!u))
+      if (u !== i && (a?.(), a = void 0, i = u, !!u))
         try {
           const s = e(u);
-          n ? (s?.(), o()) : i = s;
+          n ? (s?.(), o()) : a = s;
         } catch (s) {
           throw console.error(s), s;
         }
     });
     return () => {
-      n = !0, a && (o(), i?.(), i = void 0);
+      n = !0, i && (o(), a?.(), a = void 0);
     };
   }
   /**
@@ -89,8 +89,8 @@ class Y {
       if (this.items.has(t))
         throw new Error(`Item with ID "${t}" is already registered.`);
       this.resetErrors(t), this.items.set(t, e);
-      const i = this.pendingCallbacks.get(t);
-      i && (i.success.forEach((a) => a(e)), this.pendingCallbacks.delete(t)), this.items.size === 1 && t !== null && this.register(null, 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);
     });
   }
   /**
@@ -102,8 +102,8 @@ class Y {
   error(t, e) {
     this.batch(() => {
       this.items.delete(t), this.initializationErrors.set(t, e);
-      const i = this.pendingCallbacks.get(t);
-      i && (i.error.forEach((a) => a(e)), this.pendingCallbacks.delete(t)), this.initializationErrors.size === 1 && !this.items.size && this.error(null, 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);
     });
   }
   /**
@@ -159,8 +159,8 @@ class Y {
    * @returns A promise that resolves with the item instance.
    */
   waitFor(t) {
-    return new Promise((e, i) => {
-      this.execute(t, e, i);
+    return new Promise((e, a) => {
+      this.execute(t, e, a);
     });
   }
   /**
@@ -238,31 +238,31 @@ class Y {
 }
 function $(r, t) {
   let e = null;
-  return (...i) => {
+  return (...a) => {
     e && clearTimeout(e), e = setTimeout(() => {
-      t(...i);
+      t(...a);
     }, r);
   };
 }
 function st(r, t) {
-  const e = Object.entries(r).filter(([i, a]) => t(a, i));
+  const e = Object.entries(r).filter(([a, i]) => t(i, a));
   return Object.fromEntries(e);
 }
-function N(r) {
+function P(r) {
   return Object.keys(r).length === 0 && r.constructor === Object;
 }
 function W(r, t) {
-  const e = Object.entries(r).map(([i, a]) => [i, t(a, i)]);
+  const e = Object.entries(r).map(([a, i]) => [a, t(i, a)]);
   return Object.fromEntries(e);
 }
 function ct(r, t) {
   if (r === t)
     return !0;
-  const e = Object.keys(r), i = Object.keys(t);
-  if (e.length !== i.length)
+  const e = Object.keys(r), a = Object.keys(t);
+  if (e.length !== a.length)
     return !1;
-  for (const a of e)
-    if (r[a] !== t[a] || !Object.prototype.hasOwnProperty.call(t, a))
+  for (const i of e)
+    if (r[i] !== t[i] || !Object.prototype.hasOwnProperty.call(t, i))
       return !1;
   return !0;
 }
@@ -273,23 +273,23 @@ function lt(r, {
   timeOutAfter: t = 500,
   retryAfter: e = 100
 } = {}) {
-  return new Promise((i, a) => {
+  return new Promise((a, i) => {
     const n = Date.now();
     let o = null;
     const c = setTimeout(() => {
-      a(o ?? new Error("Timeout"));
+      i(o ?? new Error("Timeout"));
     }, t), u = async () => {
       try {
         const s = await r();
-        clearTimeout(c), i(s);
+        clearTimeout(c), a(s);
       } catch (s) {
-        o = s, Date.now() - n > t ? a(s) : setTimeout(u, e);
+        o = s, Date.now() - n > t ? i(s) : setTimeout(u, e);
       }
     };
     u();
   });
 }
-function x() {
+function M() {
   return new Promise((r) => {
     switch (document.readyState) {
       case "loading":
@@ -310,11 +310,11 @@ function L(r) {
     } };
   let t;
   return {
-    promise: new Promise((i) => {
-      t = new MutationObserver((a) => {
-        for (const n of a)
+    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.disconnect(), i();
+            t.disconnect(), a();
             break;
           }
       }), t.observe(r, { attributes: !0 });
@@ -322,7 +322,7 @@ function L(r) {
     disconnect: () => t?.disconnect()
   };
 }
-function D(r) {
+function x(r) {
   r.setAttribute("data-cke-interactive", "true");
 }
 function dt(r) {
@@ -332,12 +332,12 @@ function dt(r) {
     r.ui?.view?.menuBarView?.element
   ].filter(Boolean);
   for (const n of t)
-    a(n);
+    i(n);
   const e = r.ui?.view?.body?._bodyCollectionContainer;
-  e?.isConnected && a(e);
-  const i = r.editing?.view;
-  if (i)
-    for (const n of i.domRoots.values())
+  e?.isConnected && i(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(
         "ck",
         "ck-content",
@@ -346,24 +346,24 @@ function dt(r) {
         "ck-editor__editable_inline",
         "ck-blurred",
         "ck-focused"
-      ), a(n));
-  function a(n) {
+      ), i(n));
+  function i(n) {
     n.hasAttribute("data-cke-controlled") ? n.innerHTML = "" : n.remove();
   }
 }
 const V = /* @__PURE__ */ Symbol.for("context-editor-watchdog");
-async function mt({ element: r, context: t, creator: e, config: i }) {
-  const a = ut();
+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: a,
+    id: i,
     sourceElementOrData: r,
     type: "editor",
-    config: i
+    config: a
   });
-  const n = t.getItem(a), o = {
+  const n = t.getItem(i), o = {
     state: "available",
-    editorContextId: a,
+    editorContextId: i,
     context: t
   };
   n[V] = o;
@@ -383,19 +383,19 @@ function O(r) {
   return ["inline", "classic", "balloon", "decoupled"].includes(r);
 }
 async function J(r) {
-  const t = await import("ckeditor5"), i = {
+  const t = await import("ckeditor5"), a = {
     inline: t.InlineEditor,
     balloon: t.BalloonEditor,
     classic: t.ClassicEditor,
     decoupled: t.DecoupledEditor,
     multiroot: t.MultiRootEditor
   }[r];
-  if (!i)
+  if (!a)
     throw new k(`Unsupported editor type: ${r}`);
-  return i;
+  return a;
 }
-class F {
-  static the = new F();
+class _ {
+  static the = new _();
   /**
    * Map of registered custom plugins.
    */
@@ -457,9 +457,9 @@ class F {
 async function Q(r) {
   const t = await import("ckeditor5");
   let e = null;
-  const i = r.map(async (a) => {
-    if (ft(a)) {
-      const { name: u, path: s } = a.$import, l = await import(
+  const a = r.map(async (i) => {
+    if (ft(i)) {
+      const { name: u, path: s } = i.$import, l = 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);
@@ -467,25 +467,25 @@ async function Q(r) {
         throw new k(`Plugin "${u}" not found in module "${s}".`);
       return p;
     }
-    const n = await F.the.get(a);
+    const n = await _.the.get(i);
     if (n)
       return n;
-    const { [a]: o } = t;
+    const { [i]: 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 "${a}" not found in base package and failed to load premium package.`);
+        throw console.error(`Failed to load premium package: ${u}`), new k(`Plugin "${i}" not found in base package and failed to load premium package.`);
       }
-    const { [a]: c } = e || {};
+    const { [i]: c } = e || {};
     if (c)
       return c;
-    throw new k(`Plugin "${a}" not found in base or premium packages.`);
+    throw new k(`Plugin "${i}" not found in base or premium packages.`);
   });
   return {
-    loadedPlugins: await Promise.all(i),
+    loadedPlugins: await Promise.all(a),
     hasPremium: !!e
   };
 }
@@ -499,14 +499,14 @@ async function Z(r, t) {
       K("ckeditor5", e),
       /* v8 ignore next -- @preserve */
       t && K("ckeditor5-premium-features", e)
-    ].filter((a) => !!a)
-  ).then((a) => a.flat());
+    ].filter((i) => !!i)
+  ).then((i) => i.flat());
 }
 async function K(r, t) {
   return await Promise.all(
     t.filter((e) => e !== "en").map(async (e) => {
-      const i = await pt(r, e);
-      return i?.default ?? i;
+      const a = await pt(r, e);
+      return a?.default ?? a;
     }).filter(Boolean)
   );
 }
@@ -815,7 +815,7 @@ function tt(r) {
     dictionary: t
   }));
 }
-function _() {
+function q() {
   return Array.from(document.querySelectorAll("cke5-editor")).map((r) => r.getAttribute("data-cke-editor-id")).filter((r) => r !== null);
 }
 function et(r) {
@@ -823,8 +823,8 @@ function et(r) {
   return W(t, ({ element: e }) => e);
 }
 function G(r) {
-  const t = rt(r), e = W(t, ({ content: i }) => i);
-  return st(e, (i) => typeof i == "string");
+  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, c) => {
@@ -836,18 +836,18 @@ function rt(r) {
   }, /* @__PURE__ */ Object.create({})), e = document.querySelector(`cke5-editor[data-cke-editor-id="${r}"]`);
   if (!e)
     return t;
-  const i = t.main, a = JSON.parse(e.getAttribute("data-cke-content")), n = document.querySelector(`#${r}_editor `);
-  return i && a?.main ? {
+  const a = t.main, i = JSON.parse(e.getAttribute("data-cke-content")), n = document.querySelector(`#${r}_editor `);
+  return a && i?.main ? {
     ...t,
     main: {
-      ...i,
-      content: i.content || a.main
+      ...a,
+      content: a.content || i.main
     }
   } : n ? {
     ...t,
     main: {
       element: n,
-      content: a?.main || null
+      content: i?.main || null
     }
   } : t;
 }
@@ -855,55 +855,55 @@ function S(r) {
   if (!r || typeof r != "object")
     return r;
   if (Array.isArray(r))
-    return r.map((i) => S(i));
+    return r.map((a) => S(a));
   const t = r;
   if (t.$element && typeof t.$element == "string") {
-    const i = document.querySelector(t.$element);
-    return i || console.warn(`Element not found for selector: ${t.$element}`), i || null;
+    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 [i, a] of Object.entries(r))
-    e[i] = S(a);
+  for (const [a, i] of Object.entries(r))
+    e[a] = S(i);
   return e;
 }
-function M(r, t, e) {
+function D(r, t, e) {
   if (!e || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    return e.map((n) => M(r, t, n));
-  const i = e;
-  if (i.$translation && typeof i.$translation == "string") {
-    const n = i.$translation, o = wt(r, n, t);
+    return e.map((n) => D(r, t, n));
+  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 a = /* @__PURE__ */ Object.create(null);
+  const i = /* @__PURE__ */ Object.create(null);
   for (const [n, o] of Object.entries(e))
-    a[n] = M(r, t, o);
-  return a;
+    i[n] = D(r, t, o);
+  return i;
 }
 function wt(r, t, e) {
-  for (const i of r) {
-    const a = i[e];
-    if (a?.dictionary && t in a.dictionary)
-      return a.dictionary[t];
+  for (const a of r) {
+    const i = a[e];
+    if (i?.dictionary && t in i.dictionary)
+      return i.dictionary[t];
   }
 }
 function gt(r, t) {
   const { editing: e } = r;
-  e.view.change((i) => {
-    i.setStyle("height", `${t}px`, e.view.document.getRoot());
+  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) {
-  const { EditorWatchdog: e } = await import("ckeditor5"), i = new e(null, t ?? {
+  const { EditorWatchdog: e } = await import("ckeditor5"), a = new e(null, t ?? {
     crashNumberLimit: 10,
     minimumNonErrorTimePeriod: 5e3
   });
-  return i.setCreator(async () => {
-    const a = await r();
-    return a[z] = i, a;
-  }), i;
+  return a.setCreator(async () => {
+    const i = await r();
+    return i[z] = a, i;
+  }), a;
 }
 function yt(r) {
   return z in r ? r[z] : null;
@@ -924,23 +924,23 @@ class Et extends HTMLElement {
    * Mounts the context component.
    */
   async connectedCallback() {
-    await x(), this.interactiveWait = L(this), await this.interactiveWait.promise, await this.initializeContext();
+    await M(), 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")), i = JSON.parse(this.getAttribute("data-cke-context")), { customTranslations: a, watchdogConfig: n, config: { plugins: o, ...c } } = i, { loadedPlugins: u, hasPremium: s } = await Q(o ?? []), l = [
+    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(a || {})
-    ].filter((w) => !N(w));
+      tt(i || {})
+    ].filter((w) => !P(w));
     this.contextPromise = (async () => {
       const { ContextWatchdog: w, Context: y } = await import("ckeditor5"), E = new w(y, {
         crashNumberLimit: 10,
         ...n
       });
       let h = S(c);
-      return h = M([...l].reverse(), e.ui, h), await E.create({
+      return h = D([...l].reverse(), e.ui, h), await E.create({
         ...h,
         language: e,
         plugins: u,
@@ -984,14 +984,14 @@ class kt extends HTMLElement {
    * Mounts the editable component.
    */
   async connectedCallback() {
-    await x(), this.interactiveWait = L(this), await this.interactiveWait.promise, await this.initializeEditable();
+    await M(), 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]);
-    const t = this.getAttribute("data-cke-editor-id"), e = this.getAttribute("data-cke-root-name"), i = JSON.parse(this.getAttribute("data-cke-root-attributes") || "{}"), a = 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", 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);
     if (!t || !e)
       throw new k("Editor ID or Root Name is missing.");
     this.style.display = "block", this.unmountEffect = m.the.mountEffect(t, (o) => {
@@ -999,22 +999,22 @@ class kt extends HTMLElement {
         return;
       const { ui: c, editing: u, model: s } = o, d = this.querySelector("input"), l = s.document.getRoot(e);
       if (l?.isAttached()) {
-        if (a !== null) {
+        if (i !== null) {
           const h = o.getData({ rootName: e });
-          h && h !== a && o.setData({
-            [e]: a
+          h && h !== i && o.setData({
+            [e]: i
           });
         }
-        N(i) || o.model.change((h) => {
-          h.setAttributes(i, l);
+        P(a) || o.model.change((h) => {
+          h.setAttributes(a, l);
         });
         return;
       }
       o.addRoot(e, {
         isUndoable: !1,
-        attributes: { ...i },
-        ...a !== null && {
-          data: a
+        attributes: { ...a },
+        ...i !== null && {
+          data: i
         }
       });
       const p = this.querySelector("[data-cke-editable-content]"), w = c.view.createEditable(e, p);
@@ -1056,8 +1056,8 @@ async function vt({
   editorId: t,
   targetElement: e
 }) {
-  const { Plugin: i } = await import("ckeditor5");
-  return class extends i {
+  const { Plugin: a } = await import("ckeditor5");
+  return class extends a {
     /**
      * The name of the plugin.
      */
@@ -1116,16 +1116,16 @@ async function At(r) {
      * Initializes the plugin.
      */
     afterInit() {
-      const { editor: i } = this, n = i.sourceElement.id.replace(/_editor$/, "");
-      this.input = document.getElementById(`${n}_input`), this.input && (i.model.document.on("change:data", $(r, () => this.sync())), i.once("ready", this.sync), this.form = this.input.closest("form"), this.form?.addEventListener("submit", this.sync));
+      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));
     }
     /**
      * Synchronizes the editor's content with the input field.
      */
     sync = () => {
       if (this.input) {
-        const i = this.editor.getData();
-        this.input.value = i, this.input.dispatchEvent(new Event("input", { bubbles: !0 }));
+        const a = this.editor.getData();
+        this.input.value = a, this.input.dispatchEvent(new Event("input", { bubbles: !0 }));
       }
     };
     /**
@@ -1138,9 +1138,9 @@ async function At(r) {
 }
 class Ct extends HTMLElement {
   /**
-   * The promise that resolves to the editor instance.
+   * Stops observing the editor registry and immediately runs any pending cleanup.
    */
-  editorPromise = null;
+  unmountEffect = null;
   /**
    * Wait result for the interactive attribute.
    */
@@ -1149,7 +1149,7 @@ class Ct extends HTMLElement {
    * Mounts the editor component.
    */
   async connectedCallback() {
-    await x(), this.interactiveWait = L(this), J("classic"), await this.interactiveWait.promise, await this.initializeEditor();
+    await M(), this.interactiveWait = L(this), J("classic"), await this.interactiveWait.promise, await this.initializeEditor();
   }
   /**
    * Initializes the editor instance.
@@ -1158,13 +1158,20 @@ class Ct extends HTMLElement {
     const t = this.getAttribute("data-cke-editor-id");
     m.the.resetErrors(t);
     try {
-      this.style.display = "block", this.editorPromise = this.createEditor();
-      const e = await this.editorPromise;
-      this.isConnected && (m.the.register(t, e), e.once("destroy", () => {
-        m.the.hasItem(t) && m.the.unregister(t);
-      }));
+      this.style.display = "block";
+      const e = await this.createEditor(), a = ht(e), i = yt(e);
+      if (this.isConnected) {
+        const n = 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.register(t, e);
+      }
     } catch (e) {
-      console.error(`Error initializing CKEditor5 instance with ID "${t}":`, e), this.editorPromise = null, m.the.error(t, e);
+      console.error(`Error initializing CKEditor5 instance with ID "${t}":`, e), m.the.error(t, e);
     }
   }
   /**
@@ -1172,28 +1179,19 @@ class Ct extends HTMLElement {
    * This is important to prevent memory leaks and ensure that the editor is properly cleaned up.
    */
   async disconnectedCallback() {
-    this.interactiveWait?.disconnect(), this.style.display = "none";
-    try {
-      const t = await this.editorPromise;
-      if (!t)
-        return;
-      const e = ht(t), i = yt(t);
-      e ? e.state !== "unavailable" && await e.context.remove(e.editorContextId) : i ? await i.destroy() : await t.destroy();
-    } finally {
-      this.editorPromise = null;
-    }
+    this.interactiveWait?.disconnect(), this.style.display = "none", this.unmountEffect?.();
   }
   /**
    * Creates the CKEditor instance.
    */
   async createEditor() {
-    const t = this.getAttribute("data-cke-editor-id"), e = JSON.parse(this.getAttribute("data-cke-preset")), i = this.getAttribute("data-cke-context-id"), a = 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")), {
+    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 (i ? C.the.waitFor(i) : null), q = async () => {
+    } = 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({
@@ -1207,24 +1205,24 @@ class Ct extends HTMLElement {
       const A = [
         ...await Z(c, T),
         tt(d || {})
-      ].filter((f) => !N(f));
+      ].filter((f) => !P(f));
       let I = {
         ...s,
         ...G(t)
       };
       O(l) && (I = I.main || "");
-      const P = await (async () => {
+      const N = await (async () => {
         let f = et(t);
         if (!f.main) {
           const B = O(l) ? ["main"] : Object.keys(I);
-          it(f, B) || (f = await It(t, B), I = {
+          at(f, B) || (f = await It(t, B), I = {
             ...s,
             ...G(t)
           });
         }
         O(l) && "main" in f && (f = f.main);
         let R = S(E);
-        R = M([...A].reverse(), c.ui, R);
+        R = D([...A].reverse(), c.ui, R);
         const j = {
           ...R,
           initialData: I,
@@ -1242,12 +1240,12 @@ class Ct extends HTMLElement {
           config: j
         })).editor;
       })();
-      return N(a) || P.model.change((f) => {
-        f.setAttributes(a, P.model.document.getRoot());
-      }), O(l) && n && gt(P, n), P;
+      return P(i) || N.model.change((f) => {
+        f.setAttributes(i, N.model.document.getRoot());
+      }), O(l) && n && gt(N, n), N;
     };
     if (u && !v) {
-      const g = await bt(q, w);
+      const g = await bt(F, w);
       return g.on("error", (T, { causesRestart: U }) => {
         if (U) {
           const A = m.the.getItem(t);
@@ -1258,22 +1256,22 @@ class Ct extends HTMLElement {
         m.the.register(t, T);
       }), await g.create({}), g.editor;
     }
-    return q();
+    return F();
   }
 }
-function it(r, t) {
+function at(r, t) {
   return t.every((e) => r[e]);
 }
 async function It(r, t) {
   return lt(
     () => {
       const e = et(r);
-      if (!it(e, t))
+      if (!at(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((i) => !e[i]).join(", ")}.`
+Missing roots: ${t.filter((a) => !e[a]).join(", ")}.`
         );
       return e;
     },
@@ -1289,12 +1287,12 @@ class Ot extends HTMLElement {
    * Mounts the UI part component.
    */
   async connectedCallback() {
-    await x();
-    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, (i) => {
+    await M();
+    const t = this.getAttribute("data-cke-editor-id") || q()[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: a } = i, n = Tt(e), o = a.view[n];
+      const { ui: i } = a, n = Tt(e), o = i.view[n];
       if (!o)
         throw new k(`Unknown UI part name: "${e}". Supported names are "toolbar" and "menubar".`);
       return this.appendChild(o.element), () => {
@@ -1320,43 +1318,43 @@ function Tt(r) {
       return null;
   }
 }
-const Pt = {
+const Nt = {
   "cke5-editor": Ct,
   "cke5-context": Et,
   "cke5-ui-part": Ot,
   "cke5-editable": kt
 };
-function Nt() {
-  for (const [r, t] of Object.entries(Pt))
+function Pt() {
+  for (const [r, t] of Object.entries(Nt))
     window.customElements.get(r) || window.customElements.define(r, t);
 }
 function Vt(r) {
-  return D(r), {
+  return x(r), {
     unmount() {
     }
   };
 }
-function at(r, t) {
+function it(r, t) {
   const e = {
     /** Value received from Blazor while the editor was focused, pending application on blur. */
     pendingValue: null,
     /** The last value sent to or received from Blazor to prevent circular updates. */
     lastSyncedValue: null
-  }, i = () => {
+  }, a = () => {
     e.pendingValue = null;
-  }, a = (n, o, c) => {
+  }, i = (n, o, c) => {
     if (c || e.pendingValue === null)
       return;
     const u = t.getCurrentValue();
     t.isEqual(u, e.pendingValue) || t.applyValue(e.pendingValue), e.pendingValue = null;
   };
-  return r.model.document.on("change:data", i), r.ui.focusTracker.on("change:isFocused", a), {
+  return r.model.document.on("change:data", a), 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", i), r.ui.focusTracker.off("change:isFocused", a);
+      r.model.document.off("change:data", a), r.ui.focusTracker.off("change:isFocused", i);
     },
     /**
      * Checks whether the given value differs from the last synced value and, if so,
@@ -1395,64 +1393,64 @@ function nt() {
 }
 function ot(r, t) {
   const e = /* @__PURE__ */ new Set();
-  return (i) => {
-    r.model.enqueueChange({ isUndoable: !1 }, (a) => {
+  return (a) => {
+    r.model.enqueueChange({ isUndoable: !1 }, (i) => {
       const n = r.model.document.getRoot(t);
       if (n) {
         for (const o of e)
-          i && o in i || (a.removeAttribute(o, n), e.delete(o));
-        for (const [o, c] of Object.entries(i ?? {}))
-          a.setAttribute(o, c, n), e.add(o);
+          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);
       }
     });
   };
 }
 function zt(r, t) {
-  const e = r.getAttribute("data-cke-editor-id") ?? _()[0], i = r.getAttribute("data-cke-root-name") ?? "main";
-  let a = !1, n = null, o = null, c = nt(), u = null;
+  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)
       return;
-    const l = d.detail.roots[i];
+    const l = d.detail.roots[a];
     l !== void 0 && c.shouldNotify(l) && t.invokeMethodAsync("OnChangeEditableData", o, l);
   };
-  return n = m.the.mountEffect(e, (d) => (o = globalThis.DotNet.createJSObjectReference(d), c = at(d, {
-    getCurrentValue: () => d.getData({ rootName: i }) ?? "",
-    applyValue: (l) => d.setData({ [i]: l }),
+  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, i), () => {
+  }), u = ot(d, a), () => {
     c.unmount(), o && (globalThis.DotNet?.disposeJSObjectReference(o), o = null), u = null;
-  })), document.body.addEventListener(b.EVENT_NAME, s), D(r), {
+  })), document.body.addEventListener(b.EVENT_NAME, s), x(r), {
     /**
      * Cleans up all event listeners when the Blazor component is disposed.
      */
     unmount() {
-      a || (document.body.removeEventListener(b.EVENT_NAME, s), n?.(), n = null, a = !0);
+      i || (document.body.removeEventListener(b.EVENT_NAME, s), n?.(), n = 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 (d) => {
-      a || (await m.the.waitFor(e), c.setValue(d));
+      i || (await m.the.waitFor(e), c.setValue(d));
     },
     /**
      * Updates the root attributes on the editor. This is useful when the Blazor component
      * re-renders with new root attributes.
      */
     setRootAttributes: async (d) => {
-      a || (await m.the.waitFor(e), u?.(d));
+      i || (await m.the.waitFor(e), u?.(d));
     }
   };
 }
 function $t(r, t) {
   const e = r.getAttribute("data-cke-editor-id");
-  let i = !1, a = null, n = nt(), o = null, c = null;
+  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);
   };
-  return a = m.the.mountEffect(e, (s) => {
-    c = globalThis.DotNet.createJSObjectReference(s), n = at(s, {
+  return i = m.the.mountEffect(e, (s) => {
+    c = globalThis.DotNet.createJSObjectReference(s), n = it(s, {
       getCurrentValue: () => X(s),
       applyValue: (l) => s.setData(l),
       isEqual: ct
@@ -1464,24 +1462,24 @@ function $t(r, t) {
     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;
     };
-  }), document.body.addEventListener(b.EVENT_NAME, u), Nt(), D(r), {
+  }), document.body.addEventListener(b.EVENT_NAME, u), Pt(), 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) => {
-      i || (await m.the.waitFor(e), n.setValue(s));
+      a || (await m.the.waitFor(e), n.setValue(s));
     },
     /**
      * Updates the root attributes on the editor instance.
      */
     setRootAttributes: async (s) => {
-      i || (await m.the.waitFor(e), o?.(s));
+      a || (await m.the.waitFor(e), o?.(s));
     },
     /**
      * Cleans up all event listeners when the Blazor component is disposed.
      */
     unmount() {
-      i || (document.body.removeEventListener(b.EVENT_NAME, u), a?.(), a = null, i = !0);
+      a || (document.body.removeEventListener(b.EVENT_NAME, u), i?.(), i = null, a = !0);
     },
     /**
      * Installs the custom image upload adapter that delegates uploads to Blazor.
@@ -1489,10 +1487,9 @@ function $t(r, t) {
      * to avoid unnecessary overhead for consumers that don't use this feature.
      */
     attachImageUploadAdapter: async () => {
-      if (i)
-        return;
-      const s = await m.the.waitFor(e);
-      St(s, t);
+      a || m.the.mountEffect(e, (s) => {
+        St(s, t);
+      });
     }
   };
 }
@@ -1500,14 +1497,14 @@ function St(r, t) {
   if (!r.plugins.has("FileRepository"))
     return;
   const e = r.plugins.get("FileRepository");
-  e.createUploadAdapter = (i) => {
-    let a = !1;
+  e.createUploadAdapter = (a) => {
+    let i = !1;
     return {
       async upload() {
-        const n = await i.file;
-        if (a)
+        const n = await a.file;
+        if (i)
           throw new Error("Upload aborted.");
-        const o = await Mt(n), c = await t.invokeMethodAsync("OnEditorImageUpload", {
+        const o = await Dt(n), c = await t.invokeMethodAsync("OnEditorImageUpload", {
           fileName: n.name,
           mimeType: n.type,
           payload: o
@@ -1519,22 +1516,22 @@ function St(r, t) {
         return { default: c };
       },
       abort() {
-        a = !0;
+        i = !0;
       }
     };
   };
 }
-function Mt(r) {
+function Dt(r) {
   return new Promise((t, e) => {
-    const i = new FileReader();
-    i.onload = () => {
-      const a = i.result, n = a.split(",")[1] ?? a;
+    const a = new FileReader();
+    a.onload = () => {
+      const i = a.result, n = i.split(",")[1] ?? i;
       t(n);
-    }, i.onerror = () => e(i.error), i.readAsDataURL(r);
+    }, a.onerror = () => e(a.error), a.readAsDataURL(r);
   });
 }
 function Wt(r) {
-  return D(r), {
+  return x(r), {
     unmount() {
     }
   };
@@ -1543,7 +1540,7 @@ export {
   k as CKEditor5BlazorError,
   b as CKEditor5ChangeDataEvent,
   C as ContextsRegistry,
-  F as CustomEditorPluginsRegistry,
+  _ as CustomEditorPluginsRegistry,
   kt as EditableComponentElement,
   Ct as EditorComponentElement,
   m as EditorsRegistry,
@@ -1552,6 +1549,6 @@ export {
   zt as createEditableBlazorInterop,
   $t as createEditorBlazorInterop,
   Wt as createUIPartBlazorInterop,
-  Nt as ensureEditorElementsRegistered
+  Pt as ensureEditorElementsRegistered
 };
 //# sourceMappingURL=index.mjs.map