ckeditor5-blazor 1.9.1 → 1.10.0

package/dist/index.mjs

@@ -1,9 +1,17 @@
-class E extends Error {
+class k extends Error {
   constructor(t) {
     super(t), this.name = "CKEditor5BlazorError";
   }
 }
-class B {
+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)
+      return !1;
+  return !0;
+}
+class Y {
   /**
    * Map of registered items.
    */
@@ -20,6 +28,15 @@ class B {
    * Set of watchers that observe changes to the registry.
    */
   watchers = /* @__PURE__ */ new Set();
+  /**
+   * Batch nesting depth. When > 0, watcher notifications are deferred.
+   */
+  batchDepth = 0;
+  /**
+   * Snapshot of the last state dispatched to watchers, used for change detection.
+   */
+  lastNotifiedItems = null;
+  lastNotifiedErrors = null;
   /**
    * Executes a function on an item.
    * If the item is not yet registered, it will wait for it to be registered.
@@ -31,12 +48,35 @@ class B {
    */
   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, s) => {
+    return n ? (i?.(n), Promise.reject(n)) : a ? Promise.resolve(e(a)) : new Promise((o, c) => {
       const u = this.getPendingCallbacks(t);
-      u.success.push(async (d) => {
-        o(await e(d));
-      }), i ? u.error.push(i) : u.error.push(s);
+      u.success.push(async (s) => {
+        o(await e(s));
+      }), i ? u.error.push(i) : u.error.push(c);
+    });
+  }
+  /**
+   * Reactively binds a mount/unmount lifecycle to a single registry item.
+   *
+   * @param id The ID of the item to observe.
+   * @param onMount Function executed when the item mounts.
+   * @returns A function that stops observing and immediately runs any pending cleanup.
+   */
+  mountEffect(t, e) {
+    let i, a, n = !1;
+    const o = this.watch((c) => {
+      const u = c.get(t);
+      if (u !== a && (i?.(), i = void 0, a = u, !!u))
+        try {
+          const s = e(u);
+          n ? (s?.(), o()) : i = s;
+        } catch (s) {
+          throw console.error(s), s;
+        }
     });
+    return () => {
+      n = !0, a && (o(), i?.(), i = void 0);
+    };
   }
   /**
    * Registers an item.
@@ -45,11 +85,13 @@ class B {
    * @param item The item instance.
    */
   register(t, e) {
-    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.registerAsDefault(t, e), this.notifyWatchers();
+    this.batch(() => {
+      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);
+    });
   }
   /**
    * Registers an error for an item.
@@ -58,9 +100,11 @@ class B {
    * @param error The error to register.
    */
   error(t, e) {
-    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), this.notifyWatchers();
+    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);
+    });
   }
   /**
    * Resets errors for an item.
@@ -75,11 +119,12 @@ class B {
    * Un-registers an item.
    *
    * @param id The ID of the item.
+   * @param resetPendingCallbacks If true resets pending callbacks.
    */
-  unregister(t) {
-    if (!this.items.has(t))
-      throw new Error(`Item with ID "${t}" is not registered.`);
-    t && this.items.get(null) === this.items.get(t) && this.unregister(null), this.items.delete(t), this.pendingCallbacks.delete(t), this.notifyWatchers();
+  unregister(t, e = !0) {
+    this.batch(() => {
+      t && this.items.get(null) === this.items.get(t) && this.unregister(null, !1), this.items.delete(t), e && this.pendingCallbacks.delete(t), this.resetErrors(t);
+    });
   }
   /**
    * Gets all registered items.
@@ -89,6 +134,14 @@ class B {
   getItems() {
     return Array.from(this.items.values());
   }
+  /**
+   * Returns single registered item.
+   *
+   * @returns Registered item.
+   */
+  getItem(t) {
+    return this.items.get(t);
+  }
   /**
    * Checks if an item with the given ID is registered.
    *
@@ -103,23 +156,11 @@ class B {
    * If the item is not registered yet, it will wait for it to be registered.
    *
    * @param id The ID of the item.
-   * @param timeout Optional timeout in milliseconds.
    * @returns A promise that resolves with the item instance.
    */
-  waitFor(t, e) {
-    return new Promise((i, a) => {
-      let n = !1, o = null;
-      this.execute(
-        t,
-        (s) => {
-          n || (o !== null && clearTimeout(o), i(s));
-        },
-        (s) => {
-          n || (o !== null && clearTimeout(o), a(s));
-        }
-      ), e && (o = setTimeout(() => {
-        n = !0, a(new Error(`Timeout waiting for item with ID "${t}" to be registered.`));
-      }, e));
+  waitFor(t) {
+    return new Promise((e, i) => {
+      this.execute(t, e, i);
     });
   }
   /**
@@ -128,7 +169,32 @@ class B {
    */
   async destroyAll() {
     const t = Array.from(new Set(this.items.values())).map((e) => e.destroy());
-    this.items.clear(), this.pendingCallbacks.clear(), await Promise.all(t), this.notifyWatchers();
+    this.items.clear(), this.pendingCallbacks.clear(), await Promise.all(t), this.flushWatchers();
+  }
+  /**
+   * Destroys all registered editors and removes all watchers.
+   */
+  async reset() {
+    await this.destroyAll(), this.watchers.clear();
+  }
+  /**
+   * Executes a callback while deferring all watcher notifications.
+   * A single notification is fired synchronously after the callback returns,
+   * but only if the registry actually changed.
+   *
+   * Batches can be nested — watchers are notified only when the outermost
+   * batch completes.
+   *
+   * @param fn The callback to execute.
+   * @returns The return value of the callback.
+   */
+  batch(t) {
+    this.batchDepth++;
+    try {
+      return t();
+    } finally {
+      this.batchDepth--, this.batchDepth === 0 && this.flushWatchers();
+    }
   }
   /**
    * Registers a watcher that will be called whenever the registry changes.
@@ -151,21 +217,13 @@ class B {
     this.watchers.delete(t);
   }
   /**
-   * Resets the registry by clearing all items, errors, and pending callbacks.
-   */
-  reset() {
-    this.items.clear(), this.initializationErrors.clear(), this.pendingCallbacks.clear(), this.notifyWatchers();
-  }
-  /**
-   * Notifies all watchers about changes to the registry.
+   * Immediately dispatches the current state to all watchers if it changed.
    */
-  notifyWatchers() {
-    this.watchers.forEach(
-      (t) => t(
-        new Map(this.items),
-        new Map(this.initializationErrors)
-      )
-    );
+  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(
+      new Map(this.items),
+      new Map(this.initializationErrors)
+    )));
   }
   /**
    * Gets or creates pending callbacks for a specific ID.
@@ -177,17 +235,8 @@ class B {
     let e = this.pendingCallbacks.get(t);
     return e || (e = { success: [], error: [] }, this.pendingCallbacks.set(t, e)), e;
   }
-  /**
-   * Registers an item as the default (null ID) item if it's the first one.
-   *
-   * @param id The ID of the item being registered.
-   * @param item The item instance.
-   */
-  registerAsDefault(t, e) {
-    this.items.size === 1 && t !== null && this.register(null, e);
-  }
 }
-function R(r, t) {
+function $(r, t) {
   let e = null;
   return (...i) => {
     e && clearTimeout(e), e = setTimeout(() => {
@@ -195,18 +244,18 @@ function R(r, t) {
     }, r);
   };
 }
-function it(r, t) {
+function st(r, t) {
   const e = Object.entries(r).filter(([i, a]) => t(a, i));
   return Object.fromEntries(e);
 }
-function T(r) {
+function N(r) {
   return Object.keys(r).length === 0 && r.constructor === Object;
 }
-function M(r, t) {
+function W(r, t) {
   const e = Object.entries(r).map(([i, a]) => [i, t(a, i)]);
   return Object.fromEntries(e);
 }
-function at(r, t) {
+function ct(r, t) {
   if (r === t)
     return !0;
   const e = Object.keys(r), i = Object.keys(t);
@@ -217,30 +266,30 @@ function at(r, t) {
       return !1;
   return !0;
 }
-function nt() {
+function ut() {
   return Math.random().toString(36).substring(2);
 }
-function ot(r, {
+function lt(r, {
   timeOutAfter: t = 500,
   retryAfter: e = 100
 } = {}) {
   return new Promise((i, a) => {
     const n = Date.now();
     let o = null;
-    const s = setTimeout(() => {
+    const c = setTimeout(() => {
       a(o ?? new Error("Timeout"));
     }, t), u = async () => {
       try {
-        const d = await r();
-        clearTimeout(s), i(d);
-      } catch (d) {
-        o = d, Date.now() - n > t ? a(d) : setTimeout(u, e);
+        const s = await r();
+        clearTimeout(c), i(s);
+      } catch (s) {
+        o = s, Date.now() - n > t ? a(s) : setTimeout(u, e);
       }
     };
     u();
   });
 }
-function D() {
+function x() {
   return new Promise((r) => {
     switch (document.readyState) {
       case "loading":
@@ -255,7 +304,7 @@ function D() {
     }
   });
 }
-function $(r) {
+function L(r) {
   if (r.hasAttribute("data-cke-interactive"))
     return { promise: Promise.resolve(), disconnect: () => {
     } };
@@ -273,14 +322,40 @@ function $(r) {
     disconnect: () => t?.disconnect()
   };
 }
-function x(r) {
+function D(r) {
   r.setAttribute("data-cke-interactive", "true");
 }
-const z = /* @__PURE__ */ Symbol.for("context-editor-watchdog");
-async function st({ element: r, context: t, creator: e, config: i }) {
-  const a = nt();
+function dt(r) {
+  const t = [
+    r.ui?.element,
+    r.ui?.view?.toolbar?.element,
+    r.ui?.view?.menuBarView?.element
+  ].filter(Boolean);
+  for (const n of t)
+    a(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())
+      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",
+        "ck-editor__editable",
+        "ck-rounded-corners",
+        "ck-editor__editable_inline",
+        "ck-blurred",
+        "ck-focused"
+      ), a(n));
+  function a(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();
   await t.add({
-    creator: (u, d) => e.create(u, d),
+    creator: (u, s) => e.create(u, s),
     id: a,
     sourceElementOrData: r,
     type: "editor",
@@ -291,23 +366,23 @@ async function st({ element: r, context: t, creator: e, config: i }) {
     editorContextId: a,
     context: t
   };
-  n[z] = o;
-  const s = t.destroy.bind(t);
-  return t.destroy = async () => (o.state = "unavailable", s()), {
+  n[V] = o;
+  const c = t.destroy.bind(t);
+  return t.destroy = async () => (o.state = "unavailable", c()), {
     ...o,
     editor: n
   };
 }
-function ct(r) {
-  return z in r ? r[z] : null;
+function ht(r) {
+  return V in r ? r[V] : null;
 }
-function J(r) {
+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 P(r) {
+function O(r) {
   return ["inline", "classic", "balloon", "decoupled"].includes(r);
 }
-async function U(r) {
+async function J(r) {
   const t = await import("ckeditor5"), i = {
     inline: t.InlineEditor,
     balloon: t.BalloonEditor,
@@ -316,11 +391,11 @@ async function U(r) {
     multiroot: t.MultiRootEditor
   }[r];
   if (!i)
-    throw new E(`Unsupported editor type: ${r}`);
+    throw new k(`Unsupported editor type: ${r}`);
   return i;
 }
-class W {
-  static the = new W();
+class F {
+  static the = new F();
   /**
    * Map of registered custom plugins.
    */
@@ -339,7 +414,7 @@ class W {
    */
   register(t, e) {
     if (this.plugins.has(t))
-      throw new E(`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);
   }
   /**
@@ -350,7 +425,7 @@ class W {
    */
   unregister(t) {
     if (!this.plugins.has(t))
-      throw new E(`Plugin with name "${t}" is not registered.`);
+      throw new k(`Plugin with name "${t}" is not registered.`);
     this.plugins.delete(t);
   }
   /**
@@ -379,20 +454,20 @@ class W {
     return this.plugins.has(t);
   }
 }
-async function H(r) {
+async function Q(r) {
   const t = await import("ckeditor5");
   let e = null;
   const i = r.map(async (a) => {
-    if (ut(a)) {
-      const { name: u, path: d } = a.$import, l = await import(
+    if (ft(a)) {
+      const { name: u, path: s } = a.$import, l = await import(
         /* @vite-ignore */
-        d
-      ), w = (Object.prototype.hasOwnProperty.call(l, u) ? l[u] : void 0) ?? (Object.prototype.hasOwnProperty.call(l, "default") ? l.default : void 0);
-      if (!w)
-        throw new E(`Plugin "${u}" not found in module "${d}".`);
-      return w;
+        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;
     }
-    const n = await W.the.get(a);
+    const n = await F.the.get(a);
     if (n)
       return n;
     const { [a]: o } = t;
@@ -402,40 +477,40 @@ async function H(r) {
       try {
         e = await import("ckeditor5-premium-features");
       } catch (u) {
-        throw console.error(`Failed to load premium package: ${u}`), new E(`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 "${a}" not found in base package and failed to load premium package.`);
       }
-    const { [a]: s } = e || {};
-    if (s)
-      return s;
-    throw new E(`Plugin "${a}" not found in base or premium packages.`);
+    const { [a]: c } = e || {};
+    if (c)
+      return c;
+    throw new k(`Plugin "${a}" not found in base or premium packages.`);
   });
   return {
     loadedPlugins: await Promise.all(i),
     hasPremium: !!e
   };
 }
-function ut(r) {
+function ft(r) {
   return typeof r == "object" && r !== null && "$import" in r;
 }
-async function K(r, t) {
+async function Z(r, t) {
   const e = [r.ui, r.content];
   return await Promise.all(
     [
-      j("ckeditor5", e),
+      K("ckeditor5", e),
       /* v8 ignore next -- @preserve */
-      t && j("ckeditor5-premium-features", e)
+      t && K("ckeditor5-premium-features", e)
     ].filter((a) => !!a)
   ).then((a) => a.flat());
 }
-async function j(r, t) {
+async function K(r, t) {
   return await Promise.all(
     t.filter((e) => e !== "en").map(async (e) => {
-      const i = await lt(r, e);
+      const i = await pt(r, e);
       return i?.default ?? i;
     }).filter(Boolean)
   );
 }
-async function lt(r, t) {
+async function pt(r, t) {
   try {
     if (r === "ckeditor5")
       switch (t) {
@@ -735,28 +810,28 @@ async function lt(r, t) {
     return console.error(`Failed to load translation for ${r}/${t}:`, e), null;
   }
 }
-function G(r) {
-  return M(r, (t) => ({
+function tt(r) {
+  return W(r, (t) => ({
     dictionary: t
   }));
 }
-function F() {
+function _() {
   return Array.from(document.querySelectorAll("cke5-editor")).map((r) => r.getAttribute("data-cke-editor-id")).filter((r) => r !== null);
 }
-function Y(r) {
-  const t = X(r);
-  return M(t, ({ element: e }) => e);
+function et(r) {
+  const t = rt(r);
+  return W(t, ({ element: e }) => e);
 }
-function _(r) {
-  const t = X(r), e = M(t, ({ content: i }) => i);
-  return it(e, (i) => typeof i == "string");
+function G(r) {
+  const t = rt(r), e = W(t, ({ content: i }) => i);
+  return st(e, (i) => typeof i == "string");
 }
-function X(r) {
-  const t = Array.from(document.querySelectorAll(`cke5-editable[data-cke-editor-id="${r}"]`)).reduce((o, s) => {
-    const u = s.getAttribute("data-cke-root-name"), d = s.getAttribute("data-cke-content");
+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: s.querySelector("[data-cke-editable-content]"),
-      content: d
+      element: c.querySelector("[data-cke-editable-content]"),
+      content: s
     }, o;
   }, /* @__PURE__ */ Object.create({})), e = document.querySelector(`cke5-editor[data-cke-editor-id="${r}"]`);
   if (!e)
@@ -776,11 +851,11 @@ function X(r) {
     }
   } : t;
 }
-function O(r) {
+function S(r) {
   if (!r || typeof r != "object")
     return r;
   if (Array.isArray(r))
-    return r.map((i) => O(i));
+    return r.map((i) => S(i));
   const t = r;
   if (t.$element && typeof t.$element == "string") {
     const i = document.querySelector(t.$element);
@@ -788,57 +863,55 @@ function O(r) {
   }
   const e = /* @__PURE__ */ Object.create(null);
   for (const [i, a] of Object.entries(r))
-    e[i] = O(a);
+    e[i] = S(a);
   return e;
 }
-function S(r, t, e) {
+function M(r, t, e) {
   if (!e || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    return e.map((n) => S(r, t, n));
+    return e.map((n) => M(r, t, n));
   const i = e;
   if (i.$translation && typeof i.$translation == "string") {
-    const n = i.$translation, o = dt(r, n, t);
+    const n = i.$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);
   for (const [n, o] of Object.entries(e))
-    a[n] = S(r, t, o);
+    a[n] = M(r, t, o);
   return a;
 }
-function dt(r, t, e) {
+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];
   }
 }
-function mt(r, t) {
+function gt(r, t) {
   const { editing: e } = r;
   e.view.change((i) => {
     i.setStyle("height", `${t}px`, e.view.document.getRoot());
   });
 }
-const V = /* @__PURE__ */ Symbol.for("elixir-editor-watchdog");
-async function ht(r) {
-  const { EditorWatchdog: t } = await import("ckeditor5"), e = new t(r);
-  return e.setCreator(async (...i) => {
-    const a = await r.create(...i);
-    return a[V] = e, a;
-  }), {
-    watchdog: e,
-    Constructor: {
-      create: async (...i) => (await e.create(...i), e.editor)
-    }
-  };
+const z = /* @__PURE__ */ Symbol.for("elixir-editor-watchdog");
+async function bt(r, t) {
+  const { EditorWatchdog: e } = await import("ckeditor5"), i = new e(null, t ?? {
+    crashNumberLimit: 10,
+    minimumNonErrorTimePeriod: 5e3
+  });
+  return i.setCreator(async () => {
+    const a = await r();
+    return a[z] = i, a;
+  }), i;
 }
-function pt(r) {
-  return V in r ? r[V] : null;
+function yt(r) {
+  return z in r ? r[z] : null;
 }
-class v extends B {
-  static the = new v();
+class C extends Y {
+  static the = new C();
 }
-class wt extends HTMLElement {
+class Et extends HTMLElement {
   /**
    * The promise that resolves to the context instance.
    */
@@ -851,35 +924,35 @@ class wt extends HTMLElement {
    * Mounts the context component.
    */
   async connectedCallback() {
-    await D(), this.interactiveWait = $(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 = 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, ...s } } = i, { loadedPlugins: u, hasPremium: d } = await H(o ?? []), l = [
-      ...await K(e, d),
-      G(a || {})
-    ].filter((y) => !T(y));
+    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 = [
+      ...await Z(e, s),
+      tt(a || {})
+    ].filter((w) => !N(w));
     this.contextPromise = (async () => {
-      const { ContextWatchdog: y, Context: b } = await import("ckeditor5"), f = new y(b, {
+      const { ContextWatchdog: w, Context: y } = await import("ckeditor5"), E = new w(y, {
         crashNumberLimit: 10,
         ...n
       });
-      let p = O(s);
-      return p = S([...l].reverse(), e.ui, p), await f.create({
-        ...p,
+      let h = S(c);
+      return h = M([...l].reverse(), e.ui, h), await E.create({
+        ...h,
         language: e,
         plugins: u,
         ...l.length && {
           translations: l
         }
-      }), f.on("itemError", (...A) => {
-        console.error("Context item error:", ...A);
-      }), f;
+      }), E.on("itemError", (...v) => {
+        console.error("Context item error:", ...v);
+      }), E;
     })();
-    const w = await this.contextPromise;
-    this.isConnected && v.the.register(t, w);
+    const p = await this.contextPromise;
+    this.isConnected && C.the.register(t, p);
   }
   /**
    * Destroys the context component. Unmounts root from the editor.
@@ -891,60 +964,51 @@ class wt extends HTMLElement {
     try {
       await (await this.contextPromise)?.destroy();
     } finally {
-      this.contextPromise = null, t && v.the.hasItem(t) && v.the.unregister(t);
+      this.contextPromise = null, t && C.the.hasItem(t) && C.the.unregister(t);
     }
   }
 }
-class h extends B {
-  static the = new h();
+class m extends Y {
+  static the = new m();
 }
-class ft extends HTMLElement {
+class kt extends HTMLElement {
   /**
-   * The promise that resolves when the editable is mounted.
+   * Stops observing the editor registry and immediately runs any pending cleanup.
    */
-  editorPromise = null;
+  unmountEffect = null;
   /**
    * Wait result for the interactive attribute.
    */
   interactiveWait;
-  /**
-   * Callbacks to be invoked before the editable is destroyed.
-   */
-  beforeDestroyCallbacks = [];
-  /**
-   * Registers a callback to be called before the editable is destroyed.
-   */
-  onBeforeDestroy(t) {
-    this.beforeDestroyCallbacks.push(t);
-  }
   /**
    * Mounts the editable component.
    */
   async connectedCallback() {
-    await D(), this.interactiveWait = $(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", F()[0]);
+    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);
     if (!t || !e)
-      throw new E("Editor ID or Root Name is missing.");
-    this.style.display = "block", this.editorPromise = h.the.execute(t, async (o) => {
+      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 null;
-      const { ui: s, editing: u, model: d } = o, c = this.querySelector("input"), l = d.document.getRoot(e);
+        return;
+      const { ui: c, editing: u, model: s } = o, d = this.querySelector("input"), l = s.document.getRoot(e);
       if (l?.isAttached()) {
         if (a !== null) {
-          const p = o.getData({ rootName: e });
-          p && p !== a && o.setData({
+          const h = o.getData({ rootName: e });
+          h && h !== a && o.setData({
             [e]: a
           });
         }
-        return T(i) || o.model.change((p) => {
-          p.setAttributes(i, l);
-        }), o;
+        N(i) || o.model.change((h) => {
+          h.setAttributes(i, l);
+        });
+        return;
       }
       o.addRoot(e, {
         isUndoable: !1,
@@ -953,46 +1017,41 @@ class ft extends HTMLElement {
           data: a
         }
       });
-      const w = this.querySelector("[data-cke-editable-content]"), y = s.view.createEditable(e, w);
-      s.addEditable(y), u.view.forceRender();
-      const b = () => {
-        if (!d.document.getRoot(e)?.isAttached())
+      const p = this.querySelector("[data-cke-editable-content]"), w = c.view.createEditable(e, p);
+      c.addEditable(w), u.view.forceRender();
+      const y = () => {
+        if (!s.document.getRoot(e)?.isAttached())
           return;
-        const p = o.getData({ rootName: e });
-        c && (c.value = p, c.dispatchEvent(new Event("input"))), this.dispatchEvent(new CustomEvent("change", {
+        const h = o.getData({ rootName: e });
+        d && (d.value = h, d.dispatchEvent(new Event("input"))), this.dispatchEvent(new CustomEvent("change", {
           detail: {
-            value: p
+            value: h
           }
         }));
-      }, f = R(n, b);
-      return o.model.document.on("change:data", f), this.onBeforeDestroy(() => o.model.document.off("change:data", f)), b(), o;
+      }, E = $(n, y);
+      return o.model.document.on("change:data", E), y(), () => {
+        if (o.model.document.off("change:data", E), 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);
+            }
+            h.isAttached() && o.detachRoot(e, !1);
+          }
+        }
+      };
     });
   }
   /**
    * Destroys the editable component. Unmounts root from the editor.
    */
-  async disconnectedCallback() {
-    this.interactiveWait?.disconnect();
-    const t = this.getAttribute("data-cke-root-name");
-    this.style.display = "none";
-    const e = await this.editorPromise;
-    this.editorPromise = null;
-    for (const i of this.beforeDestroyCallbacks)
-      i();
-    if (this.beforeDestroyCallbacks = [], e && e.state !== "destroyed" && t) {
-      const i = e.model.document.getRoot(t);
-      if (i && "detachEditable" in e) {
-        try {
-          e.ui.view.editables[t] && e.detachEditable(i);
-        } catch (a) {
-          console.error("Unable unmount editable from root:", a);
-        }
-        i.isAttached() && e.detachRoot(t, !1);
-      }
-    }
+  disconnectedCallback() {
+    this.interactiveWait?.disconnect(), this.style.display = "none", this.unmountEffect?.(), this.unmountEffect = null;
   }
 }
-async function gt({
+async function vt({
   saveDebounceMs: r,
   editorId: t,
   targetElement: e
@@ -1009,7 +1068,7 @@ async function gt({
      * Initializes the plugin.
      */
     afterInit() {
-      const { editor: n } = this, o = R(r, this.dispatch);
+      const { editor: n } = this, o = $(r, this.dispatch);
       n.model.document.on("change:data", o), n.once("ready", this.dispatch);
     }
     /**
@@ -1018,25 +1077,25 @@ async function gt({
     dispatch = () => {
       const { editor: n } = this;
       e.dispatchEvent(
-        new g({
+        new b({
           editorId: t,
           editor: n,
-          roots: J(n)
+          roots: X(n)
         })
       );
     };
   };
 }
-class g extends CustomEvent {
+class b extends CustomEvent {
   static EVENT_NAME = "ckeditor5:change:data";
   constructor(t) {
-    super(g.EVENT_NAME, {
+    super(b.EVENT_NAME, {
       detail: t,
       bubbles: !0
     });
   }
 }
-async function yt(r) {
+async function At(r) {
   const { Plugin: t } = await import("ckeditor5");
   return class extends t {
     /**
@@ -1058,7 +1117,7 @@ async function yt(r) {
      */
     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(r, () => this.sync())), i.once("ready", this.sync), this.form = this.input.closest("form"), this.form?.addEventListener("submit", this.sync));
+      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));
     }
     /**
      * Synchronizes the editor's content with the input field.
@@ -1077,7 +1136,7 @@ async function yt(r) {
     }
   };
 }
-class bt extends HTMLElement {
+class Ct extends HTMLElement {
   /**
    * The promise that resolves to the editor instance.
    */
@@ -1090,22 +1149,22 @@ class bt extends HTMLElement {
    * Mounts the editor component.
    */
   async connectedCallback() {
-    await D(), this.interactiveWait = $(this), U("classic"), await this.interactiveWait.promise, await this.initializeEditor();
+    await x(), this.interactiveWait = L(this), J("classic"), await this.interactiveWait.promise, await this.initializeEditor();
   }
   /**
    * Initializes the editor instance.
    */
   async initializeEditor() {
     const t = this.getAttribute("data-cke-editor-id");
-    h.the.resetErrors(t);
+    m.the.resetErrors(t);
     try {
       this.style.display = "block", this.editorPromise = this.createEditor();
       const e = await this.editorPromise;
-      this.isConnected && (h.the.register(t, e), e.once("destroy", () => {
-        h.the.hasItem(t) && h.the.unregister(t);
+      this.isConnected && (m.the.register(t, e), e.once("destroy", () => {
+        m.the.hasItem(t) && m.the.unregister(t);
       }));
     } catch (e) {
-      console.error(`Error initializing CKEditor5 instance with ID "${t}":`, e), this.editorPromise = null, h.the.error(t, e);
+      console.error(`Error initializing CKEditor5 instance with ID "${t}":`, e), this.editorPromise = null, m.the.error(t, e);
     }
   }
   /**
@@ -1118,7 +1177,7 @@ class bt extends HTMLElement {
       const t = await this.editorPromise;
       if (!t)
         return;
-      const e = ct(t), i = pt(t);
+      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;
@@ -1128,82 +1187,88 @@ class bt extends HTMLElement {
    * 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), s = JSON.parse(this.getAttribute("data-cke-language")), u = this.hasAttribute("data-cke-watchdog"), d = JSON.parse(this.getAttribute("data-cke-content")), {
-      customTranslations: c,
+    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")), {
+      customTranslations: d,
       editorType: l,
-      licenseKey: w,
-      config: { plugins: y, ...b }
-    } = e;
-    let f = await U(l);
-    const p = await (i ? v.the.waitFor(i) : null);
-    if (u && !p) {
-      const m = await ht(f);
-      ({ Constructor: f } = m), m.watchdog.on("restart", () => {
-        const k = m.watchdog.editor;
-        this.editorPromise = Promise.resolve(k), h.the.register(t, k);
-      });
-    }
-    const { loadedPlugins: A, hasPremium: rt } = await H(y);
-    A.push(
-      await gt({
-        saveDebounceMs: o,
-        editorId: t,
-        targetElement: this
-      })
-    ), P(l) && A.push(
-      await yt(o)
-    );
-    const N = [
-      ...await K(s, rt),
-      G(c || {})
-    ].filter((m) => !T(m));
-    let C = {
-      ...d,
-      ..._(t)
+      licenseKey: p,
+      watchdogConfig: w,
+      config: { plugins: y, ...E }
+    } = e, h = await J(l), v = await (i ? C.the.waitFor(i) : null), q = async () => {
+      const { loadedPlugins: g, hasPremium: T } = await Q(y);
+      g.push(
+        await vt({
+          saveDebounceMs: o,
+          editorId: t,
+          targetElement: this
+        })
+      ), O(l) && g.push(
+        await At(o)
+      );
+      const A = [
+        ...await Z(c, T),
+        tt(d || {})
+      ].filter((f) => !N(f));
+      let I = {
+        ...s,
+        ...G(t)
+      };
+      O(l) && (I = I.main || "");
+      const P = 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 = {
+            ...s,
+            ...G(t)
+          });
+        }
+        O(l) && "main" in f && (f = f.main);
+        let R = S(E);
+        R = M([...A].reverse(), c.ui, R);
+        const j = {
+          ...R,
+          initialData: I,
+          licenseKey: p,
+          plugins: g,
+          language: c,
+          ...A.length && {
+            translations: A
+          }
+        };
+        return !v || !(f instanceof HTMLElement) ? h.create(f, j) : (await mt({
+          context: v,
+          element: f,
+          creator: h,
+          config: j
+        })).editor;
+      })();
+      return N(a) || P.model.change((f) => {
+        f.setAttributes(a, P.model.document.getRoot());
+      }), O(l) && n && gt(P, n), P;
     };
-    P(l) && (C = C.main || "");
-    const I = await (async () => {
-      let m = Y(t);
-      if (!m.main) {
-        const L = P(l) ? ["main"] : Object.keys(C);
-        Q(m, L) || (m = await Et(t, L), C = {
-          ...d,
-          ..._(t)
-        });
-      }
-      P(l) && "main" in m && (m = m.main);
-      let k = O(b);
-      k = S([...N].reverse(), s.ui, k);
-      const q = {
-        ...k,
-        initialData: C,
-        licenseKey: w,
-        plugins: A,
-        language: s,
-        ...N.length && {
-          translations: N
+    if (u && !v) {
+      const g = await bt(q, w);
+      return g.on("error", (T, { causesRestart: U }) => {
+        if (U) {
+          const A = m.the.getItem(t);
+          A && (dt(A), m.the.unregister(t));
         }
-      };
-      return !p || !(m instanceof HTMLElement) ? f.create(m, q) : (await st({
-        context: p,
-        element: m,
-        creator: f,
-        config: q
-      })).editor;
-    })();
-    return T(a) || I.model.change((m) => {
-      m.setAttributes(a, I.model.document.getRoot());
-    }), P(l) && n && mt(I, n), I;
+      }), g.on("restart", () => {
+        const T = g.editor;
+        m.the.register(t, T);
+      }), await g.create({}), g.editor;
+    }
+    return q();
   }
 }
-function Q(r, t) {
+function it(r, t) {
   return t.every((e) => r[e]);
 }
-async function Et(r, t) {
-  return ot(
+async function It(r, t) {
+  return lt(
     () => {
-      const e = Y(r);
-      if (!Q(e, t))
+      const e = et(r);
+      if (!it(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.
@@ -1215,34 +1280,36 @@ Missing roots: ${t.filter((i) => !e[i]).join(", ")}.`
     { timeOutAfter: 2e3, retryAfter: 100 }
   );
 }
-class kt extends HTMLElement {
+class Ot extends HTMLElement {
   /**
-   * The promise that resolves when the UI part is mounted.
+   * Stops observing the editor registry and immediately runs any pending cleanup.
    */
-  mountedPromise = null;
+  unmountEffect = null;
   /**
    * Mounts the UI part component.
    */
   async connectedCallback() {
-    await D();
-    const t = this.getAttribute("data-cke-editor-id") || F()[0], e = this.getAttribute("data-cke-name");
-    !t || !e || (this.style.display = "block", this.mountedPromise = h.the.execute(t, (i) => {
+    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) => {
       if (!this.isConnected)
         return;
-      const { ui: a } = i, n = vt(e), o = a.view[n];
+      const { ui: a } = i, n = Tt(e), o = a.view[n];
       if (!o)
-        throw new E(`Unknown UI part name: "${e}". Supported names are "toolbar" and "menubar".`);
-      this.appendChild(o.element);
+        throw new k(`Unknown UI part name: "${e}". Supported names are "toolbar" and "menubar".`);
+      return this.appendChild(o.element), () => {
+        this.innerHTML = "";
+      };
     }));
   }
   /**
    * Destroys the UI part component. Unmounts UI parts from the editor.
    */
-  async disconnectedCallback() {
-    this.style.display = "none", await this.mountedPromise, this.mountedPromise = null, this.innerHTML = "";
+  disconnectedCallback() {
+    this.style.display = "none", this.unmountEffect?.(), this.unmountEffect = null;
   }
 }
-function vt(r) {
+function Tt(r) {
   switch (r) {
     case "toolbar":
       return "toolbar";
@@ -1253,23 +1320,23 @@ function vt(r) {
       return null;
   }
 }
-const At = {
-  "cke5-editor": bt,
-  "cke5-context": wt,
-  "cke5-ui-part": kt,
-  "cke5-editable": ft
+const Pt = {
+  "cke5-editor": Ct,
+  "cke5-context": Et,
+  "cke5-ui-part": Ot,
+  "cke5-editable": kt
 };
-function Ct() {
-  for (const [r, t] of Object.entries(At))
+function Nt() {
+  for (const [r, t] of Object.entries(Pt))
     window.customElements.get(r) || window.customElements.define(r, t);
 }
-function xt(r) {
-  return x(r), {
+function Vt(r) {
+  return D(r), {
     unmount() {
     }
   };
 }
-function Z(r, t) {
+function at(r, t) {
   const e = {
     /** Value received from Blazor while the editor was focused, pending application on blur. */
     pendingValue: null,
@@ -1277,8 +1344,8 @@ function Z(r, t) {
     lastSyncedValue: null
   }, i = () => {
     e.pendingValue = null;
-  }, a = (n, o, s) => {
-    if (s || e.pendingValue === null)
+  }, a = (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;
@@ -1315,7 +1382,7 @@ function Z(r, t) {
     }
   };
 }
-function tt() {
+function nt() {
   return {
     unmount() {
     },
@@ -1326,7 +1393,7 @@ function tt() {
     }
   };
 }
-function et(r, t) {
+function ot(r, t) {
   const e = /* @__PURE__ */ new Set();
   return (i) => {
     r.model.enqueueChange({ isUndoable: !1 }, (a) => {
@@ -1334,89 +1401,87 @@ function et(r, t) {
       if (n) {
         for (const o of e)
           i && o in i || (a.removeAttribute(o, n), e.delete(o));
-        for (const [o, s] of Object.entries(i ?? {}))
-          a.setAttribute(o, s, n), e.add(o);
+        for (const [o, c] of Object.entries(i ?? {}))
+          a.setAttribute(o, c, n), e.add(o);
       }
     });
   };
 }
-function Nt(r, t) {
-  const e = r.getAttribute("data-cke-editor-id") ?? F()[0], i = r.getAttribute("data-cke-root-name") ?? "main";
-  let a = !1, n = null, o = tt(), s = null;
-  const u = (c) => {
-    if (!(c instanceof g) || c.detail.editorId !== e)
+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 s = (d) => {
+    if (!(d instanceof b) || d.detail.editorId !== e)
       return;
-    const l = c.detail.roots[i];
-    l !== void 0 && o.shouldNotify(l) && t.invokeMethodAsync("OnChangeEditableData", n, l);
+    const l = d.detail.roots[i];
+    l !== void 0 && c.shouldNotify(l) && t.invokeMethodAsync("OnChangeEditableData", o, l);
   };
-  return (async () => {
-    const c = await h.the.waitFor(e);
-    n = DotNet.createJSObjectReference(c), o = Z(c, {
-      getCurrentValue: () => c.getData({ rootName: i }) ?? "",
-      applyValue: (l) => c.setData({ [i]: l }),
-      isEqual: (l, w) => l === w
-    }), s = et(c, i);
-  })(), document.body.addEventListener(g.EVENT_NAME, u), x(r), {
+  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 }),
+    isEqual: (l, p) => l === p
+  }), u = ot(d, i), () => {
+    c.unmount(), o && (globalThis.DotNet?.disposeJSObjectReference(o), o = null), u = null;
+  })), document.body.addEventListener(b.EVENT_NAME, s), D(r), {
     /**
      * Cleans up all event listeners when the Blazor component is disposed.
      */
     unmount() {
-      a || (document.body.removeEventListener(g.EVENT_NAME, u), o.unmount(), n && (DotNet.disposeJSObjectReference(n), n = null), s = null, a = !0);
+      a || (document.body.removeEventListener(b.EVENT_NAME, s), n?.(), n = null, a = !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 (c) => {
-      a || (await h.the.waitFor(e), o.setValue(c));
+    setValue: async (d) => {
+      a || (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 (c) => {
-      a || (await h.the.waitFor(e), s?.(c));
+    setRootAttributes: async (d) => {
+      a || (await m.the.waitFor(e), u?.(d));
     }
   };
 }
-function zt(r, t) {
+function $t(r, t) {
   const e = r.getAttribute("data-cke-editor-id");
-  let i = !1, a = null, n = tt(), o = null, s = null;
-  const u = (c) => {
-    !(c instanceof g) || c.detail.editorId !== e || n.shouldNotify(c.detail.roots) && t.invokeMethodAsync("OnChangeEditorData", s, c.detail.roots);
+  let i = !1, a = 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 (async () => {
-    const c = await h.the.waitFor(e);
-    s = globalThis.DotNet.createJSObjectReference(c), n = Z(c, {
-      getCurrentValue: () => J(c),
-      applyValue: (w) => c.setData(w),
-      isEqual: at
-    }), o = et(c, "main");
-    const l = (w, y, b) => {
-      const f = b ? "OnEditorFocus" : "OnEditorBlur";
-      t.invokeMethodAsync(f, s);
+  return a = m.the.mountEffect(e, (s) => {
+    c = globalThis.DotNet.createJSObjectReference(s), n = at(s, {
+      getCurrentValue: () => X(s),
+      applyValue: (l) => s.setData(l),
+      isEqual: ct
+    }), o = ot(s, "main");
+    const d = (l, p, w) => {
+      const y = w ? "OnEditorFocus" : "OnEditorBlur";
+      t.invokeMethodAsync(y, c);
     };
-    c.ui.focusTracker.on("change:isFocused", l), t.invokeMethodAsync("OnEditorReady", s), a = () => {
-      c.ui.focusTracker.off("change:isFocused", l);
+    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(g.EVENT_NAME, u), Ct(), x(r), {
+  }), document.body.addEventListener(b.EVENT_NAME, u), Nt(), 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 (c) => {
-      i || (await h.the.waitFor(e), n.setValue(c));
+    setValue: async (s) => {
+      i || (await m.the.waitFor(e), n.setValue(s));
     },
     /**
      * Updates the root attributes on the editor instance.
      */
-    setRootAttributes: async (c) => {
-      i || (await h.the.waitFor(e), o?.(c));
+    setRootAttributes: async (s) => {
+      i || (await m.the.waitFor(e), o?.(s));
     },
     /**
      * Cleans up all event listeners when the Blazor component is disposed.
      */
     unmount() {
-      i || (document.body.removeEventListener(g.EVENT_NAME, u), n.unmount(), a?.(), s && (globalThis.DotNet.disposeJSObjectReference(s), s = null), o = null, i = !0);
+      i || (document.body.removeEventListener(b.EVENT_NAME, u), a?.(), a = null, i = !0);
     },
     /**
      * Installs the custom image upload adapter that delegates uploads to Blazor.
@@ -1426,12 +1491,12 @@ function zt(r, t) {
     attachImageUploadAdapter: async () => {
       if (i)
         return;
-      const c = await h.the.waitFor(e);
-      Pt(c, t);
+      const s = await m.the.waitFor(e);
+      St(s, t);
     }
   };
 }
-function Pt(r, t) {
+function St(r, t) {
   if (!r.plugins.has("FileRepository"))
     return;
   const e = r.plugins.get("FileRepository");
@@ -1442,16 +1507,16 @@ function Pt(r, t) {
         const n = await i.file;
         if (a)
           throw new Error("Upload aborted.");
-        const o = await It(n), s = await t.invokeMethodAsync("OnEditorImageUpload", {
+        const o = await Mt(n), c = await t.invokeMethodAsync("OnEditorImageUpload", {
           fileName: n.name,
           mimeType: n.type,
           payload: o
         });
-        if (!s)
+        if (!c)
           throw new Error(
             "OnImageUpload handler returned null. Make sure the OnImageUpload parameter is set on the <CKE5Editor> component."
           );
-        return { default: s };
+        return { default: c };
       },
       abort() {
         a = !0;
@@ -1459,7 +1524,7 @@ function Pt(r, t) {
     };
   };
 }
-function It(r) {
+function Mt(r) {
   return new Promise((t, e) => {
     const i = new FileReader();
     i.onload = () => {
@@ -1468,25 +1533,25 @@ function It(r) {
     }, i.onerror = () => e(i.error), i.readAsDataURL(r);
   });
 }
-function Vt(r) {
-  return x(r), {
+function Wt(r) {
+  return D(r), {
     unmount() {
     }
   };
 }
 export {
-  E as CKEditor5BlazorError,
-  g as CKEditor5ChangeDataEvent,
-  v as ContextsRegistry,
-  W as CustomEditorPluginsRegistry,
-  ft as EditableComponentElement,
-  bt as EditorComponentElement,
-  h as EditorsRegistry,
-  kt as UIPartComponentElement,
-  xt as createContextBlazorInterop,
-  Nt as createEditableBlazorInterop,
-  zt as createEditorBlazorInterop,
-  Vt as createUIPartBlazorInterop,
-  Ct as ensureEditorElementsRegistered
+  k as CKEditor5BlazorError,
+  b as CKEditor5ChangeDataEvent,
+  C as ContextsRegistry,
+  F as CustomEditorPluginsRegistry,
+  kt as EditableComponentElement,
+  Ct as EditorComponentElement,
+  m as EditorsRegistry,
+  Ot as UIPartComponentElement,
+  Vt as createContextBlazorInterop,
+  zt as createEditableBlazorInterop,
+  $t as createEditorBlazorInterop,
+  Wt as createUIPartBlazorInterop,
+  Nt as ensureEditorElementsRegistered
 };
 //# sourceMappingURL=index.mjs.map