ckeditor5-livewire 1.5.0 → 1.6.0

package/dist/index.mjs

@@ -1,4 +1,4 @@
-class P {
+class D {
   constructor(t) {
     this.livewireComponent = t;
   }
@@ -51,7 +51,7 @@ class P {
     this._beforeDestroyCallbacks = [];
   }
 }
-function U(i, t) {
+function G(i, t) {
   const e = /* @__PURE__ */ new Map();
   window.Livewire?.hook("component.init", async ({ component: r, cleanup: n }) => {
     if (r.name !== i)
@@ -67,7 +67,7 @@ function U(i, t) {
     });
   });
 }
-class L {
+class V {
   /**
    * Map of registered items.
    */
@@ -95,11 +95,11 @@ class L {
    */
   execute(t, e, r) {
     const n = this.items.get(t), a = this.initializationErrors.get(t);
-    return a ? (r?.(a), Promise.reject(a)) : n ? Promise.resolve(e(n)) : new Promise((s, o) => {
+    return a ? (r?.(a), Promise.reject(a)) : n ? Promise.resolve(e(n)) : new Promise((o, s) => {
       const c = this.getPendingCallbacks(t);
       c.success.push(async (u) => {
-        s(await e(u));
-      }), r ? c.error.push(r) : c.error.push(o);
+        o(await e(u));
+      }), r ? c.error.push(r) : c.error.push(s);
     });
   }
   /**
@@ -233,7 +233,7 @@ class L {
     this.items.size === 1 && t !== null && this.register(null, e);
   }
 }
-function x(i, t) {
+function S(i, t) {
   let e = null;
   return (...r) => {
     e && clearTimeout(e), e = setTimeout(() => {
@@ -241,18 +241,18 @@ function x(i, t) {
     }, i);
   };
 }
-function K(i, t) {
+function Y(i, t) {
   const e = Object.entries(i).filter(([r, n]) => t(n, r));
   return Object.fromEntries(e);
 }
-function A(i) {
+function W(i) {
   return Object.keys(i).length === 0 && i.constructor === Object;
 }
-function O(i, t) {
+function R(i, t) {
   const e = Object.entries(i).map(([r, n]) => [r, t(n, r)]);
   return Object.fromEntries(e);
 }
-function b(i, t) {
+function C(i, t) {
   if (i === t)
     return !0;
   const e = Object.keys(i), r = Object.keys(t);
@@ -263,32 +263,32 @@ function b(i, t) {
       return !1;
   return !0;
 }
-function G() {
+function X() {
   return Math.random().toString(36).substring(2);
 }
-function Y(i, {
+function J(i, {
   timeOutAfter: t = 500,
   retryAfter: e = 100
 } = {}) {
   return new Promise((r, n) => {
     const a = Date.now();
-    let s = null;
-    const o = setTimeout(() => {
-      n(s ?? new Error("Timeout"));
+    let o = null;
+    const s = setTimeout(() => {
+      n(o ?? new Error("Timeout"));
     }, t), c = async () => {
       try {
         const u = await i();
-        clearTimeout(o), r(u);
+        clearTimeout(s), r(u);
       } catch (u) {
-        s = u, Date.now() - a > t ? n(u) : setTimeout(c, e);
+        o = u, Date.now() - a > t ? n(u) : setTimeout(c, e);
       }
     };
     c();
   });
 }
-const D = Symbol.for("context-editor-watchdog");
-async function X({ element: i, context: t, creator: e, config: r }) {
-  const n = G();
+const O = Symbol.for("context-editor-watchdog");
+async function Q({ element: i, context: t, creator: e, config: r }) {
+  const n = X();
   await t.add({
     creator: (c, u) => e.create(c, u),
     id: n,
@@ -296,28 +296,28 @@ async function X({ element: i, context: t, creator: e, config: r }) {
     type: "editor",
     config: r
   });
-  const a = t.getItem(n), s = {
+  const a = t.getItem(n), o = {
     state: "available",
     editorContextId: n,
     context: t
   };
-  a[D] = s;
-  const o = t.destroy.bind(t);
-  return t.destroy = async () => (s.state = "unavailable", o()), {
-    ...s,
+  a[O] = o;
+  const s = t.destroy.bind(t);
+  return t.destroy = async () => (o.state = "unavailable", s()), {
+    ...o,
     editor: a
   };
 }
-function J(i) {
-  return D in i ? i[D] : null;
+function Z(i) {
+  return O in i ? i[O] : null;
 }
-function Q(i) {
+function tt(i) {
   return i.model.document.getRootNames().reduce((e, r) => (e[r] = i.getData({ rootName: r }), e), /* @__PURE__ */ Object.create({}));
 }
 function k(i) {
   return ["inline", "classic", "balloon", "decoupled"].includes(i);
 }
-function F(i) {
+function B(i) {
   let t = i;
   for (; t; ) {
     for (const e of t.attributes)
@@ -327,7 +327,7 @@ function F(i) {
   }
   return !1;
 }
-async function Z(i) {
+async function et(i) {
   const t = await import("ckeditor5"), r = {
     inline: t.InlineEditor,
     balloon: t.BalloonEditor,
@@ -339,8 +339,8 @@ async function Z(i) {
     throw new Error(`Unsupported editor type: ${i}`);
   return r;
 }
-class S {
-  static the = new S();
+class H {
+  static the = new H();
   /**
    * Map of registered custom plugins.
    */
@@ -399,25 +399,25 @@ class S {
     return this.plugins.has(t);
   }
 }
-async function W(i) {
+async function N(i) {
   const t = await import("ckeditor5");
   let e = null;
   const r = i.map(async (n) => {
-    const a = await S.the.get(n);
+    const a = await H.the.get(n);
     if (a)
       return a;
-    const { [n]: s } = t;
-    if (s)
-      return s;
+    const { [n]: o } = t;
+    if (o)
+      return o;
     if (!e)
       try {
         e = await import("ckeditor5-premium-features");
       } catch (c) {
         console.error(`Failed to load premium package: ${c}`);
       }
-    const { [n]: o } = e || {};
-    if (o)
-      return o;
+    const { [n]: s } = e || {};
+    if (s)
+      return s;
     throw new Error(`Plugin "${n}" not found in base or premium packages.`);
   });
   return {
@@ -425,25 +425,25 @@ async function W(i) {
     hasPremium: !!e
   };
 }
-async function V(i, t) {
+async function q(i, t) {
   const e = [i.ui, i.content];
   return await Promise.all(
     [
-      M("ckeditor5", e),
+      L("ckeditor5", e),
       /* v8 ignore next */
-      t && M("ckeditor5-premium-features", e)
+      t && L("ckeditor5-premium-features", e)
     ].filter((n) => !!n)
   ).then((n) => n.flat());
 }
-async function M(i, t) {
+async function L(i, t) {
   return await Promise.all(
     t.filter((e) => e !== "en").map(async (e) => {
-      const r = await tt(i, e);
+      const r = await rt(i, e);
       return r?.default ?? r;
     }).filter(Boolean)
   );
 }
-async function tt(i, t) {
+async function rt(i, t) {
   try {
     if (i === "ckeditor5")
       switch (t) {
@@ -743,23 +743,23 @@ async function tt(i, t) {
     return console.error(`Failed to load translation for ${i}/${t}:`, e), null;
   }
 }
-function B(i) {
-  return O(i, (t) => ({
+function _(i) {
+  return R(i, (t) => ({
     dictionary: t
   }));
 }
 function j(i) {
-  const t = N(i);
-  return O(t, ({ element: e }) => e);
+  const t = U(i);
+  return R(t, ({ element: e }) => e);
 }
-function N(i) {
-  const t = window.Livewire.all().filter(({ name: s, canonical: o }) => s === "ckeditor5-editable" && o.editorId === i).reduce((s, { canonical: o, el: c }) => ({
-    ...s,
-    [o.rootName]: {
+function U(i) {
+  const t = window.Livewire.all().filter(({ name: o, canonical: s }) => o === "ckeditor5-editable" && s.editorId === i).reduce((o, { canonical: s, el: c }) => ({
+    ...o,
+    [s.rootName]: {
       element: c.querySelector("[data-cke-editable-content]"),
-      content: o.content
+      content: s.content
     }
-  }), /* @__PURE__ */ Object.create({})), r = window.Livewire.all().find(({ name: s, canonical: o }) => s === "ckeditor5" && o.editorId === i)?.canonical.content, n = document.querySelector(`#${i}_editor `), a = t.main;
+  }), /* @__PURE__ */ Object.create({})), r = window.Livewire.all().find(({ name: o, canonical: s }) => o === "ckeditor5" && s.editorId === i)?.canonical.content, n = document.querySelector(`#${i}_editor `), a = t.main;
   return a && r?.main ? {
     ...t,
     main: {
@@ -774,15 +774,15 @@ function N(i) {
     }
   } : t;
 }
-function z(i) {
-  const t = N(i), e = O(t, ({ content: r }) => r);
-  return K(e, (r) => typeof r == "string");
+function F(i) {
+  const t = U(i), e = R(t, ({ content: r }) => r);
+  return Y(e, (r) => typeof r == "string");
 }
-function I(i) {
+function v(i) {
   if (!i || typeof i != "object")
     return i;
   if (Array.isArray(i))
-    return i.map((r) => I(r));
+    return i.map((r) => v(r));
   const t = i;
   if (t.$element && typeof t.$element == "string") {
     const r = document.querySelector(t.$element);
@@ -790,21 +790,43 @@ function I(i) {
   }
   const e = /* @__PURE__ */ Object.create(null);
   for (const [r, n] of Object.entries(i))
-    e[r] = I(n);
+    e[r] = v(n);
   return e;
 }
-function et(i, t) {
+function P(i, t, e) {
+  if (!e || typeof e != "object")
+    return e;
+  if (Array.isArray(e))
+    return e.map((a) => P(i, t, a));
+  const r = e;
+  if (r.$translation && typeof r.$translation == "string") {
+    const a = r.$translation, o = it(i, a, t);
+    return o === void 0 && console.warn(`Translation not found for key: ${a}`), o !== void 0 ? o : null;
+  }
+  const n = /* @__PURE__ */ Object.create(null);
+  for (const [a, o] of Object.entries(e))
+    n[a] = P(i, t, o);
+  return n;
+}
+function it(i, t, e) {
+  for (const r of i) {
+    const n = r[e];
+    if (n?.dictionary && t in n.dictionary)
+      return n.dictionary[t];
+  }
+}
+function nt(i, t) {
   const { editing: e } = i;
   e.view.change((r) => {
     r.setStyle("height", `${t}px`, e.view.document.getRoot());
   });
 }
-const T = Symbol.for("elixir-editor-watchdog");
-async function rt(i) {
+const $ = Symbol.for("elixir-editor-watchdog");
+async function at(i) {
   const { EditorWatchdog: t } = await import("ckeditor5"), e = new t(i);
   return e.setCreator(async (...r) => {
     const n = await i.create(...r);
-    return n[T] = e, n;
+    return n[$] = e, n;
   }), {
     watchdog: e,
     Constructor: {
@@ -812,13 +834,13 @@ async function rt(i) {
     }
   };
 }
-function it(i) {
-  return T in i ? i[T] : null;
+function ot(i) {
+  return $ in i ? i[$] : null;
 }
-class w extends L {
-  static the = new w();
+class g extends V {
+  static the = new g();
 }
-class nt extends P {
+class st extends D {
   /**
    * The promise that resolves to the context instance.
    */
@@ -827,28 +849,29 @@ class nt extends P {
    * Mounts the context component.
    */
   async mounted() {
-    const { contextId: t, language: e, context: r } = this.canonical, { customTranslations: n, watchdogConfig: a, config: { plugins: s, ...o } } = r, { loadedPlugins: c, hasPremium: u } = await W(s ?? []), C = [
-      ...await V(e, u),
-      B(n || {})
-    ].filter((f) => !A(f));
+    const { contextId: t, language: e, context: r } = this.canonical, { customTranslations: n, watchdogConfig: a, config: { plugins: o, ...s } } = r, { loadedPlugins: c, hasPremium: u } = await N(o ?? []), y = [
+      ...await q(e, u),
+      _(n || {})
+    ].filter((E) => !W(E));
     this.contextPromise = (async () => {
-      const { ContextWatchdog: f, Context: p } = await import("ckeditor5"), h = new f(p, {
+      const { ContextWatchdog: E, Context: w } = await import("ckeditor5"), h = new E(w, {
         crashNumberLimit: 10,
         ...a
       });
-      return await h.create({
-        ...o,
+      let p = v(s);
+      return p = P([...y].reverse(), e.ui, p), await h.create({
+        ...p,
         language: e,
         plugins: c,
-        ...C.length && {
-          translations: C
+        ...y.length && {
+          translations: y
         }
-      }), h.on("itemError", (...g) => {
-        console.error("Context item error:", ...g);
+      }), h.on("itemError", (...I) => {
+        console.error("Context item error:", ...I);
       }), h;
     })();
-    const v = await this.contextPromise;
-    this.isBeingDestroyed() || w.the.register(t, v);
+    const T = await this.contextPromise;
+    this.isBeingDestroyed() || g.the.register(t, T);
   }
   /**
    * Destroys the context component. Unmounts root from the editor.
@@ -859,14 +882,14 @@ class nt extends P {
     try {
       await (await this.contextPromise)?.destroy();
     } finally {
-      this.contextPromise = null, w.the.hasItem(t) && w.the.unregister(t);
+      this.contextPromise = null, g.the.hasItem(t) && g.the.unregister(t);
     }
   }
 }
-class d extends L {
+class d extends V {
   static the = new d();
 }
-class at extends P {
+class ct extends D {
   /**
    * The promise that resolves when the editable is mounted.
    */
@@ -883,8 +906,8 @@ class at extends P {
     this.editorPromise = d.the.execute(t, (n) => {
       if (this.isBeingDestroyed())
         return null;
-      const { ui: a, editing: s, model: o } = n;
-      if (o.document.getRoot(e)) {
+      const { ui: a, editing: o, model: s } = n;
+      if (s.document.getRoot(e)) {
         if (r !== null) {
           const c = n.getData({ rootName: e });
           c && c !== r && n.setData({
@@ -899,7 +922,7 @@ class at extends P {
           }
         });
         const c = this.element.querySelector("[data-cke-editable-content]"), u = a.view.createEditable(e, c);
-        a.addEditable(u), s.view.forceRender();
+        a.addEditable(u), o.view.forceRender();
       }
       return this.syncTypingContentPush(n), this.setupPendingReceivedContentHandlers(n), n;
     });
@@ -909,11 +932,11 @@ class at extends P {
    */
   syncTypingContentPush(t) {
     const { rootName: e, saveDebounceMs: r } = this.canonical, n = this.element.querySelector("input"), a = () => {
-      const o = t.getData({ rootName: e });
-      n && (n.value = o), this.$wire.set("content", o);
-    }, s = x(r, a);
-    t.model.document.on("change:data", s), a(), this.onBeforeDestroy(() => {
-      t.model.document.off("change:data", s);
+      const s = t.getData({ rootName: e });
+      n && (n.value = s), this.$wire.set("content", s);
+    }, o = S(r, a);
+    t.model.document.on("change:data", o), a(), this.onBeforeDestroy(() => {
+      t.model.document.off("change:data", o);
     });
   }
   /**
@@ -921,22 +944,22 @@ class at extends P {
    * content on user edits and applies pending content on blur).
    */
   setupPendingReceivedContentHandlers(t) {
-    const { ui: e, model: r } = t, { focusTracker: n } = e, { rootName: a } = this.canonical, s = () => {
+    const { ui: e, model: r } = t, { focusTracker: n } = e, { rootName: a } = this.canonical, o = () => {
       this.pendingContent = null;
-    }, o = () => {
+    }, s = () => {
       !n.isFocused && this.pendingContent !== null && (t.setData({
         [a]: this.pendingContent
       }), this.pendingContent = null);
     };
-    r.document.on("change:data", s), n.on("change:isFocused", o), this.onBeforeDestroy(() => {
-      r.document.off("change:data", s), n.off("change:isFocused", o);
+    r.document.on("change:data", o), n.on("change:isFocused", s), this.onBeforeDestroy(() => {
+      r.document.off("change:data", o), n.off("change:isFocused", s);
     });
   }
   /**
    * Applies canonical content to the editor while respecting focus/pending state.
    */
   applyCanonicalContentToEditor(t) {
-    if (!F(this.element))
+    if (!B(this.element))
       return;
     const { content: e, rootName: r } = this.canonical, { ui: n } = t;
     if (t.getData({ rootName: r }) !== (e ?? "")) {
@@ -967,7 +990,7 @@ class at extends P {
     }
   }
 }
-async function st({
+async function ut({
   saveDebounceMs: i,
   component: t
 }) {
@@ -991,21 +1014,21 @@ async function st({
      * disrupting the user while editing.
      */
     setupAfterCommitHandler() {
-      const { editor: n } = this, { model: a, ui: { focusTracker: s } } = n;
-      let o = null;
+      const { editor: n } = this, { model: a, ui: { focusTracker: o } } = n;
+      let s = null;
       n.on("afterCommitSynced", () => {
-        if (!F(t.element))
+        if (!B(t.element))
           return;
         const { content: c } = t.canonical, u = this.getEditorRootsValues();
-        if (s.isFocused) {
-          b(c, u) || (o = c);
+        if (o.isFocused) {
+          C(c, u) || (s = c);
           return;
         }
-        b(c, u) || n.setData(c);
+        C(c, u) || n.setData(c);
       }), a.document.on("change:data", () => {
-        o = null;
-      }), s.on("change:isFocused", () => {
-        !s.isFocused && o !== null && (n.setData(o), o = null);
+        s = null;
+      }), o.on("change:isFocused", () => {
+        !o.isFocused && s !== null && (n.setData(s), s = null);
       });
     }
     /**
@@ -1030,42 +1053,42 @@ async function st({
       Livewire.on("set-editor-content", ({ editorId: n, content: a }) => {
         if (n !== t.canonical.editorId)
           return;
-        const s = this.getEditorRootsValues();
-        b(s, a) || this.editor.setData(a);
+        const o = this.getEditorRootsValues();
+        C(o, a) || this.editor.setData(a);
       });
     }
     /**
      * Setups the content push event for the editor.
      */
     setupTypingContentPush() {
-      const { model: n } = this.editor, { $wire: a } = t, s = () => {
-        const o = this.getEditorRootsValues();
-        b(o, t.canonical.content ?? {}) || (a.set("content", o), a.dispatch("editor-content-changed", {
+      const { model: n } = this.editor, { $wire: a } = t, o = () => {
+        const s = this.getEditorRootsValues();
+        C(s, t.canonical.content ?? {}) || (a.set("content", s), a.dispatch("editor-content-changed", {
           editorId: t.canonical.editorId,
-          content: o
+          content: s
         }));
       };
-      n.document.on("change:data", x(i, s)), this.editor.once("ready", s);
+      n.document.on("change:data", S(i, o)), this.editor.once("ready", o);
     }
     /**
      * Setups the event push for the editor.
      */
     setupFocusableEventPush() {
-      const { ui: n } = this.editor, { $wire: a } = t, s = () => {
-        const o = this.getEditorRootsValues();
-        a.set("focused", n.focusTracker.isFocused), b(o, t.canonical.content ?? {}) || a.set("content", o);
+      const { ui: n } = this.editor, { $wire: a } = t, o = () => {
+        const s = this.getEditorRootsValues();
+        a.set("focused", n.focusTracker.isFocused), C(s, t.canonical.content ?? {}) || a.set("content", s);
       };
-      n.focusTracker.on("change:isFocused", s);
+      n.focusTracker.on("change:isFocused", o);
     }
     /**
      * Gets the current values of all editor roots.
      */
     getEditorRootsValues() {
-      return Q(this.editor);
+      return tt(this.editor);
     }
   };
 }
-async function ot(i) {
+async function lt(i) {
   const { Plugin: t } = await import("ckeditor5");
   return class extends t {
     /**
@@ -1087,7 +1110,7 @@ async function ot(i) {
      */
     afterInit() {
       const { editor: r } = this, a = r.sourceElement.id.replace(/_editor$/, "");
-      this.input = document.getElementById(`${a}_input`), this.input && (r.model.document.on("change:data", x(i, () => this.sync())), r.once("ready", this.sync), this.form = this.input.closest("form"), this.form?.addEventListener("submit", this.sync));
+      this.input = document.getElementById(`${a}_input`), this.input && (r.model.document.on("change:data", S(i, () => this.sync())), r.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.
@@ -1106,7 +1129,7 @@ async function ot(i) {
     }
   };
 }
-class ct extends P {
+class dt extends D {
   /**
    * The promise that resolves to the editor instance.
    */
@@ -1137,7 +1160,7 @@ class ct extends P {
       const t = await this.editorPromise;
       if (!t)
         return;
-      const e = J(t), r = it(t);
+      const e = Z(t), r = ot(t);
       e ? e.state !== "unavailable" && await e.context.remove(e.editorContextId) : r ? await r.destroy() : await t.destroy();
     } finally {
       this.editorPromise = null;
@@ -1159,82 +1182,84 @@ class ct extends P {
       contextId: r,
       editableHeight: n,
       saveDebounceMs: a,
-      language: s,
-      watchdog: o,
+      language: o,
+      watchdog: s,
       content: c
     } = this.canonical, {
       customTranslations: u,
       editorType: m,
-      licenseKey: C,
-      config: { plugins: v, ...f }
+      licenseKey: y,
+      config: { plugins: T, ...E }
     } = t;
-    let p = await Z(m);
-    const h = await (r ? w.the.waitFor(r) : null);
-    if (o && !h) {
-      const l = await rt(p);
-      ({ Constructor: p } = l), l.watchdog.on("restart", () => {
-        const E = l.watchdog.editor;
-        this.editorPromise = Promise.resolve(E), d.the.register(e, E);
+    let w = await et(m);
+    const h = await (r ? g.the.waitFor(r) : null);
+    if (s && !h) {
+      const l = await at(w);
+      ({ Constructor: w } = l), l.watchdog.on("restart", () => {
+        const f = l.watchdog.editor;
+        this.editorPromise = Promise.resolve(f), d.the.register(e, f);
       });
     }
-    const { loadedPlugins: g, hasPremium: _ } = await W(v);
-    g.push(
-      await st(
+    const { loadedPlugins: p, hasPremium: I } = await N(T);
+    p.push(
+      await ut(
         {
           saveDebounceMs: a,
           component: this
         }
       )
-    ), k(m) && g.push(
-      await ot(a)
+    ), k(m) && p.push(
+      await lt(a)
     );
-    const $ = [
-      ...await V(s, _),
-      B(u || {})
-    ].filter((l) => !A(l));
-    let y = {
+    const x = [
+      ...await q(o, I),
+      _(u || {})
+    ].filter((l) => !W(l));
+    let b = {
       ...c,
-      ...z(e)
+      ...F(e)
     };
-    k(m) && (y = y.main || "");
-    const R = await (async () => {
+    k(m) && (b = b.main || "");
+    const M = await (async () => {
       let l = j(e);
       if (!(l instanceof HTMLElement) && !("main" in l)) {
-        const H = m === "decoupled" ? ["main"] : Object.keys(y);
-        q(l, H) || (l = await ut(e, H), y = {
+        const A = m === "decoupled" ? ["main"] : Object.keys(b);
+        K(l, A) || (l = await mt(e, A), b = {
           ...c,
-          ...z(e)
+          ...F(e)
         });
       }
       k(m) && "main" in l && (l = l.main);
-      const E = {
-        ...I(f),
-        initialData: y,
-        licenseKey: C,
-        plugins: g,
-        language: s,
-        ...$.length && {
-          translations: $
+      let f = v(E);
+      f = P([...x].reverse(), o.ui, f);
+      const z = {
+        ...f,
+        initialData: b,
+        licenseKey: y,
+        plugins: p,
+        language: o,
+        ...x.length && {
+          translations: x
         }
       };
-      return !h || !(l instanceof HTMLElement) ? p.create(l, E) : (await X({
+      return !h || !(l instanceof HTMLElement) ? w.create(l, z) : (await Q({
         context: h,
         element: l,
-        creator: p,
-        config: E
+        creator: w,
+        config: z
       })).editor;
     })();
-    return k(m) && n && et(R, n), R;
+    return k(m) && n && nt(M, n), M;
   }
 }
-function q(i, t) {
+function K(i, t) {
   return t.every((e) => i[e]);
 }
-async function ut(i, t) {
-  return Y(
+async function mt(i, t) {
+  return J(
     () => {
       const e = j(i);
-      if (!q(e, t))
+      if (!K(e, t))
         throw new Error(
           `It looks like not all required root elements are present yet.
 * If you want to wait for them, ensure they are registered before editor initialization.
@@ -1246,7 +1271,7 @@ Missing roots: ${t.filter((r) => !e[r]).join(", ")}.`
     { timeOutAfter: 2e3, retryAfter: 100 }
   );
 }
-class lt extends P {
+class ht extends D {
   /**
    * The promise that resolves when the UI part is mounted.
    */
@@ -1259,12 +1284,12 @@ class lt extends P {
     this.mountedPromise = d.the.execute(t, (r) => {
       if (this.isBeingDestroyed())
         return;
-      const { ui: n } = r, a = dt(e), s = n.view[a];
-      if (!s) {
+      const { ui: n } = r, a = pt(e), o = n.view[a];
+      if (!o) {
         console.error(`Unknown UI part name: "${e}". Supported names are "toolbar" and "menubar".`);
         return;
       }
-      this.element.appendChild(s.element);
+      this.element.appendChild(o.element);
     });
   }
   /**
@@ -1274,7 +1299,7 @@ class lt extends P {
     this.element.style.display = "none", await this.mountedPromise, this.mountedPromise = null, this.element.innerHTML = "";
   }
 }
-function dt(i) {
+function pt(i) {
   switch (i) {
     case "toolbar":
       return "toolbar";
@@ -1284,25 +1309,25 @@ function dt(i) {
       return null;
   }
 }
-const mt = {
-  ckeditor5: ct,
-  "ckeditor5-context": nt,
-  "ckeditor5-ui-part": lt,
-  "ckeditor5-editable": at
+const wt = {
+  ckeditor5: dt,
+  "ckeditor5-context": st,
+  "ckeditor5-ui-part": ht,
+  "ckeditor5-editable": ct
 };
-function ht() {
-  for (const [i, t] of Object.entries(mt))
-    U(i, t);
+function ft() {
+  for (const [i, t] of Object.entries(wt))
+    G(i, t);
 }
-ht();
+ft();
 export {
-  P as ClassHook,
-  w as ContextsRegistry,
-  S as CustomEditorPluginsRegistry,
-  at as EditableComponentHook,
-  ct as EditorComponentHook,
+  D as ClassHook,
+  g as ContextsRegistry,
+  H as CustomEditorPluginsRegistry,
+  ct as EditableComponentHook,
+  dt as EditorComponentHook,
   d as EditorsRegistry,
-  lt as UIPartComponentHook,
-  U as registerLivewireComponentHook
+  ht as UIPartComponentHook,
+  G as registerLivewireComponentHook
 };
 //# sourceMappingURL=index.mjs.map