ckeditor5-phoenix 1.26.0 → 1.27.0

package/dist/index.mjs

@@ -1,8 +1,8 @@
 function q(r, t) {
   if (!r || r.size !== t.size)
     return !1;
-  for (const [e, a] of r)
-    if (!t.has(e) || t.get(e) !== a)
+  for (const [e, n] of r)
+    if (!t.has(e) || t.get(e) !== n)
       return !1;
   return !0;
 }
@@ -41,13 +41,13 @@ class Y {
    * @param onError Optional error callback.
    * @returns A promise that resolves with the result of the function.
    */
-  execute(t, e, a) {
-    const n = this.items.get(t), i = this.initializationErrors.get(t);
-    return i ? (a?.(i), Promise.reject(i)) : n ? Promise.resolve(e(n)) : new Promise((s, c) => {
+  execute(t, e, n) {
+    const a = this.items.get(t), i = this.initializationErrors.get(t);
+    return i ? (n?.(i), Promise.reject(i)) : a ? Promise.resolve(e(a)) : new Promise((s, c) => {
       const o = this.getPendingCallbacks(t);
       o.success.push(async (u) => {
         s(await e(u));
-      }), a ? o.error.push(a) : o.error.push(c);
+      }), n ? o.error.push(n) : o.error.push(c);
     });
   }
   /**
@@ -58,19 +58,19 @@ class Y {
    * @returns A function that stops observing and immediately runs any pending cleanup.
    */
   mountEffect(t, e) {
-    let a, n, i = !1;
+    let n, a, i = !1;
     const s = this.watch((c) => {
       const o = c.get(t);
-      if (o !== n && (a?.(), a = void 0, n = o, !!o))
+      if (o !== a && (n?.(), n = void 0, a = o, !!o))
         try {
           const u = e(o);
-          i ? (u?.(), s()) : a = u;
+          i ? (u?.(), s()) : n = u;
         } catch (u) {
           throw console.error(u), u;
         }
     });
     return () => {
-      i = !0, n && (s(), a?.(), a = void 0);
+      i = !0, a && (s(), n?.(), n = void 0);
     };
   }
   /**
@@ -84,8 +84,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 a = this.pendingCallbacks.get(t);
-      a && (a.success.forEach((n) => n(e)), this.pendingCallbacks.delete(t)), this.items.size === 1 && t !== null && this.register(null, e);
+      const n = this.pendingCallbacks.get(t);
+      n && (n.success.forEach((a) => a(e)), this.pendingCallbacks.delete(t)), this.items.size === 1 && t !== null && this.register(null, e);
     });
   }
   /**
@@ -97,8 +97,8 @@ class Y {
   error(t, e) {
     this.batch(() => {
       this.items.delete(t), this.initializationErrors.set(t, e);
-      const a = this.pendingCallbacks.get(t);
-      a && (a.error.forEach((n) => n(e)), this.pendingCallbacks.delete(t)), this.initializationErrors.size === 1 && !this.items.size && this.error(null, e);
+      const n = this.pendingCallbacks.get(t);
+      n && (n.error.forEach((a) => a(e)), this.pendingCallbacks.delete(t)), this.initializationErrors.size === 1 && !this.items.size && this.error(null, e);
     });
   }
   /**
@@ -154,8 +154,8 @@ class Y {
    * @returns A promise that resolves with the item instance.
    */
   waitFor(t) {
-    return new Promise((e, a) => {
-      this.execute(t, e, a);
+    return new Promise((e, n) => {
+      this.execute(t, e, n);
     });
   }
   /**
@@ -231,36 +231,36 @@ class Y {
     return e || (e = { success: [], error: [] }, this.pendingCallbacks.set(t, e)), e;
   }
 }
-function at(r) {
+function nt(r) {
   return r.replace(/[-_\s]+(.)?/g, (t, e) => e ? e.toUpperCase() : "").replace(/^./, (t) => t.toLowerCase());
 }
-function T(r, t) {
+function I(r, t) {
   let e = null;
-  return (...a) => {
+  return (...n) => {
     e && clearTimeout(e), e = setTimeout(() => {
-      t(...a);
+      t(...n);
     }, r);
   };
 }
-function nt(r) {
+function at(r) {
   if (Object.prototype.toString.call(r) !== "[object Object]")
     return !1;
   const t = Object.getPrototypeOf(r);
   return t === Object.prototype || t === null;
 }
-function I(r) {
+function O(r) {
   if (Array.isArray(r))
-    return r.map(I);
-  if (nt(r)) {
+    return r.map(O);
+  if (at(r)) {
     const t = /* @__PURE__ */ Object.create(null);
-    for (const [e, a] of Object.entries(r))
-      t[at(e)] = I(a);
+    for (const [e, n] of Object.entries(r))
+      t[nt(e)] = O(n);
     return t;
   }
   return r;
 }
 function it(r, t) {
-  const e = Object.entries(r).filter(([a, n]) => t(n, a));
+  const e = Object.entries(r).filter(([n, a]) => t(a, n));
   return Object.fromEntries(e);
 }
 function st() {
@@ -270,7 +270,7 @@ function st() {
   const t = document.cookie.match(/(?:^|; )_csrf_token=([^;]*)/);
   return t ? decodeURIComponent(t[1]) : null;
 }
-class D {
+class S {
   /**
    * The current state of the hook.
    */
@@ -345,7 +345,7 @@ class D {
     this._beforeDestroyCallbacks = [];
   }
 }
-function S(r) {
+function N(r) {
   return {
     /**
      * The mounted lifecycle callback for the LiveView hook object.
@@ -353,7 +353,7 @@ function S(r) {
      */
     async mounted() {
       const t = new r();
-      this.el.instance = t, t.el = this.el, t.pushEvent = (a, n, i) => this.pushEvent?.(a, n, i), t.pushEventTo = (a, n, i, s) => this.pushEventTo?.(a, n, i, s), t.handleEvent = (a, n) => this.handleEvent?.(a, n), t.state = "mounting";
+      this.el.instance = t, t.el = this.el, t.pushEvent = (n, a, i) => this.pushEvent?.(n, a, i), t.pushEventTo = (n, a, i, s) => this.pushEventTo?.(n, a, i, s), t.handleEvent = (n, a) => this.handleEvent?.(n, a), t.state = "mounting";
       const e = await t.mounted?.();
       return t.state = "mounted", e;
     },
@@ -396,8 +396,8 @@ function J(r) {
 function ot(r) {
   return r == null;
 }
-function $(r, t) {
-  const e = Object.entries(r).map(([a, n]) => [a, t(n, a)]);
+function j(r, t) {
+  const e = Object.entries(r).map(([n, a]) => [n, t(a, n)]);
   return Object.fromEntries(e);
 }
 function B(r) {
@@ -412,11 +412,11 @@ function ct(r) {
 function ut(r, t) {
   if (r === t)
     return !0;
-  const e = Object.keys(r), a = Object.keys(t);
-  if (e.length !== a.length)
+  const e = Object.keys(r), n = Object.keys(t);
+  if (e.length !== n.length)
     return !1;
-  for (const n of e)
-    if (r[n] !== t[n] || !Object.prototype.hasOwnProperty.call(t, n))
+  for (const a of e)
+    if (r[a] !== t[a] || !Object.prototype.hasOwnProperty.call(t, a))
       return !1;
   return !0;
 }
@@ -427,35 +427,88 @@ function dt(r, {
   timeOutAfter: t = 500,
   retryAfter: e = 100
 } = {}) {
-  return new Promise((a, n) => {
+  return new Promise((n, a) => {
     const i = Date.now();
     let s = null;
     const c = setTimeout(() => {
-      n(s ?? new Error("Timeout"));
+      a(s ?? new Error("Timeout"));
     }, t), o = async () => {
       try {
         const u = await r();
-        clearTimeout(c), a(u);
+        clearTimeout(c), n(u);
       } catch (u) {
-        s = u, Date.now() - i > t ? n(u) : setTimeout(o, e);
+        s = u, Date.now() - i > t ? a(u) : setTimeout(o, e);
       }
     };
     o();
   });
 }
-function ht(r) {
+function ht(r, t) {
+  const e = mt(r), n = /* @__PURE__ */ new Set([
+    ...Object.keys(e),
+    ...Object.keys(t.roots ?? {})
+  ]), a = Array.from(n).reduce((s, c) => ({
+    ...s,
+    [c]: {
+      ...t.roots?.[c],
+      ...c === "main" ? t.root : {},
+      /* v8 ignore next 5 */
+      ...c in e ? {
+        initialData: e[c]
+      } : {}
+    }
+  }), Object.create(t.roots || {})), i = {
+    ...t,
+    roots: a
+  };
+  return delete i.root, i;
+}
+function mt(r) {
+  return typeof r == "string" ? { main: r } : { ...r };
+}
+function pt(r, t, e) {
+  const n = ft(t);
+  if (!r.editorName || r.editorName === "ClassicEditor")
+    return {
+      ...e,
+      attachTo: n.main
+    };
+  const a = /* @__PURE__ */ new Set([
+    ...Object.keys(n),
+    ...Object.keys(e.roots ?? {})
+  ]), i = Array.from(a).reduce((c, o) => ({
+    ...c,
+    [o]: {
+      /* v8 ignore next */
+      ...e.roots?.[o],
+      ...o === "main" ? e.root : {},
+      /* v8 ignore next 5 */
+      ...o in n ? {
+        element: n[o]
+      } : {}
+    }
+  }), Object.create(e.roots || {})), s = {
+    ...e,
+    roots: i
+  };
+  return delete s.root, s;
+}
+function ft(r) {
+  return r instanceof HTMLElement ? { main: r } : { ...r };
+}
+function wt(r) {
   const t = [
     r.ui?.element,
     r.ui?.view?.toolbar?.element,
     r.ui?.view?.menuBarView?.element
   ].filter(Boolean);
   for (const i of t)
-    n(i);
+    a(i);
   const e = r.ui?.view?.body?._bodyCollectionContainer;
-  e?.isConnected && n(e);
-  const a = r.editing?.view;
-  if (a)
-    for (const i of a.domRoots.values())
+  e?.isConnected && a(e);
+  const n = r.editing?.view;
+  if (n)
+    for (const i of n.domRoots.values())
       i instanceof HTMLElement && (i.removeAttribute("contenteditable"), i.removeAttribute("role"), i.removeAttribute("aria-label"), i.removeAttribute("aria-multiline"), i.removeAttribute("spellcheck"), i.classList.remove(
         "ck",
         "ck-content",
@@ -464,56 +517,55 @@ function ht(r) {
         "ck-editor__editable_inline",
         "ck-blurred",
         "ck-focused"
-      ), n(i));
-  function n(i) {
+      ), a(i));
+  function a(i) {
     i.hasAttribute("data-cke-controlled") ? i.innerHTML = "" : i.remove();
   }
 }
 const R = /* @__PURE__ */ Symbol.for("context-editor-watchdog");
-async function mt({ element: r, context: t, creator: e, config: a }) {
+async function gt({ context: r, creator: t, config: e }) {
   const n = lt();
-  await t.add({
-    creator: (o, u) => e.create(o, u),
+  await r.add({
+    creator: t.create.bind(t),
     id: n,
-    sourceElementOrData: r,
     type: "editor",
-    config: a
+    config: e
   });
-  const i = t.getItem(n), s = {
+  const a = r.getItem(n), i = {
     state: "available",
     editorContextId: n,
-    context: t
+    context: r
   };
-  i[R] = s;
-  const c = t.destroy.bind(t);
-  return t.destroy = async () => (s.state = "unavailable", c()), {
-    ...s,
-    editor: i
+  a[R] = i;
+  const s = r.destroy.bind(r);
+  return r.destroy = async () => (i.state = "unavailable", s()), {
+    ...i,
+    editor: a
   };
 }
-function pt(r) {
+function bt(r) {
   return R in r ? r[R] : null;
 }
 function F(r) {
   return "addEditable" in r.ui;
 }
-function A(r) {
+function T(r) {
   return ["inline", "classic", "balloon", "decoupled"].includes(r);
 }
-async function ft(r) {
-  const t = await import("ckeditor5"), a = {
+async function yt(r) {
+  const t = await import("ckeditor5"), n = {
     inline: t.InlineEditor,
     balloon: t.BalloonEditor,
     classic: t.ClassicEditor,
     decoupled: t.DecoupledEditor,
     multiroot: t.MultiRootEditor
   }[r];
-  if (!a)
+  if (!n)
     throw new Error(`Unsupported editor type: ${r}`);
-  return a;
+  return n;
 }
-class _ {
-  static the = new _();
+class $ {
+  static the = new $();
   /**
    * Map of registered custom plugins.
    */
@@ -575,11 +627,11 @@ class _ {
 async function G(r) {
   const t = await import("ckeditor5");
   let e = null;
-  const a = r.map(async (n) => {
-    const i = await _.the.get(n);
+  const n = r.map(async (a) => {
+    const i = await $.the.get(a);
     if (i)
       return i;
-    const { [n]: s } = t;
+    const { [a]: s } = t;
     if (s)
       return s;
     if (!e)
@@ -588,13 +640,13 @@ async function G(r) {
       } catch (o) {
         console.error(`Failed to load premium package: ${o}`);
       }
-    const { [n]: c } = e || {};
+    const { [a]: c } = e || {};
     if (c)
       return c;
-    throw new Error(`Plugin "${n}" not found in base or premium packages.`);
+    throw new Error(`Plugin "${a}" not found in base or premium packages.`);
   });
   return {
-    loadedPlugins: await Promise.all(a),
+    loadedPlugins: await Promise.all(n),
     hasPremium: !!e
   };
 }
@@ -605,18 +657,18 @@ async function X(r, t) {
       L("ckeditor5", e),
       /* v8 ignore next */
       t && L("ckeditor5-premium-features", e)
-    ].filter((n) => !!n)
-  ).then((n) => n.flat());
+    ].filter((a) => !!a)
+  ).then((a) => a.flat());
 }
 async function L(r, t) {
   return await Promise.all(
     t.filter((e) => e !== "en").map(async (e) => {
-      const a = await wt(r, e);
-      return a?.default ?? a;
+      const n = await kt(r, e);
+      return n?.default ?? n;
     }).filter(Boolean)
   );
 }
-async function wt(r, t) {
+async function kt(r, t) {
   try {
     if (r === "ckeditor5")
       switch (t) {
@@ -917,17 +969,17 @@ async function wt(r, t) {
   }
 }
 function Q(r) {
-  return $(r, (t) => ({
+  return j(r, (t) => ({
     dictionary: t
   }));
 }
 function Z(r) {
   const t = tt(r);
-  return $(t, ({ content: e }) => e);
+  return j(t, ({ content: e }) => e);
 }
 function W(r) {
-  const t = tt(r), e = $(t, ({ initialValue: a }) => a);
-  return it(e, (a) => typeof a == "string");
+  const t = tt(r), e = j(t, ({ initialValue: n }) => n);
+  return it(e, (n) => typeof n == "string");
 }
 function tt(r) {
   const t = document.querySelectorAll(
@@ -944,39 +996,39 @@ function tt(r) {
         initialValue: l
       }
     };
-  }, /* @__PURE__ */ Object.create({})), a = document.querySelector(`[phx-hook="CKEditor5"][id="${r}"]`);
-  if (!a)
+  }, /* @__PURE__ */ Object.create({})), n = document.querySelector(`[phx-hook="CKEditor5"][id="${r}"]`);
+  if (!n)
     return e;
-  const n = a.getAttribute("data-cke-initial-value") || "", i = a.querySelector(`#${r}_editor `), s = e.main;
+  const a = n.getAttribute("data-cke-initial-value") || "", i = n.querySelector(`#${r}_editor `), s = e.main;
   return s ? {
     ...e,
     main: {
       ...s,
-      initialValue: s.initialValue || n
+      initialValue: s.initialValue || a
     }
   } : i ? {
     ...e,
     main: {
       content: i,
-      initialValue: n
+      initialValue: a
     }
   } : e;
 }
 const K = ["inline", "classic", "balloon", "decoupled", "multiroot"];
-function gt(r) {
+function Et(r) {
   const t = r.getAttribute("data-cke-preset");
   if (!t)
     throw new Error('CKEditor5 hook requires a "cke-preset" attribute on the element.');
-  const { type: e, config: a, license: n, watchdog: i, ...s } = JSON.parse(t);
-  if (!e || !a || !n)
+  const { type: e, config: n, license: a, watchdog: i, ...s } = JSON.parse(t);
+  if (!e || !n || !a)
     throw new Error('CKEditor5 hook configuration must include "editor", "config", and "license" properties.');
   if (!K.includes(e))
     throw new Error(`Invalid editor type: ${e}. Must be one of: ${K.join(", ")}.`);
   return {
     type: e,
-    license: n,
+    license: a,
     watchdog: i,
-    config: I(a),
+    config: O(n),
     customTranslations: s.customTranslations || s.custom_translations
   };
 }
@@ -984,74 +1036,74 @@ function x(r) {
   if (!r || typeof r != "object")
     return r;
   if (Array.isArray(r))
-    return r.map((a) => x(a));
+    return r.map((n) => x(n));
   const t = r;
   if (t.$element && typeof t.$element == "string") {
-    const a = document.querySelector(t.$element);
-    return a || console.warn(`Element not found for selector: ${t.$element}`), a || null;
+    const n = document.querySelector(t.$element);
+    return n || console.warn(`Element not found for selector: ${t.$element}`), n || null;
   }
   const e = /* @__PURE__ */ Object.create(null);
-  for (const [a, n] of Object.entries(r))
-    e[a] = x(n);
+  for (const [n, a] of Object.entries(r))
+    e[n] = x(a);
   return e;
 }
-function O(r, t, e) {
+function D(r, t, e) {
   if (!e || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    return e.map((i) => O(r, t, i));
-  const a = e;
-  if (a.$translation && typeof a.$translation == "string") {
-    const i = a.$translation, s = yt(r, i, t);
+    return e.map((i) => D(r, t, i));
+  const n = e;
+  if (n.$translation && typeof n.$translation == "string") {
+    const i = n.$translation, s = vt(r, i, t);
     return s === void 0 && console.warn(`Translation not found for key: ${i}`), s !== void 0 ? s : null;
   }
-  const n = /* @__PURE__ */ Object.create(null);
+  const a = /* @__PURE__ */ Object.create(null);
   for (const [i, s] of Object.entries(e))
-    n[i] = O(r, t, s);
-  return n;
+    a[i] = D(r, t, s);
+  return a;
 }
-function yt(r, t, e) {
-  for (const a of r) {
-    const n = a[e];
-    if (n?.dictionary && t in n.dictionary)
-      return n.dictionary[t];
+function vt(r, t, e) {
+  for (const n of r) {
+    const a = n[e];
+    if (a?.dictionary && t in a.dictionary)
+      return a.dictionary[t];
   }
 }
-function bt(r, t) {
+function Ct(r, t) {
   const { editing: e } = r;
-  e.view.change((a) => {
-    a.setStyle("height", `${t}px`, e.view.document.getRoot());
+  e.view.change((n) => {
+    n.setStyle("height", `${t}px`, e.view.document.getRoot());
   });
 }
-const U = /* @__PURE__ */ Symbol.for("elixir-editor-watchdog");
-async function kt(r, t) {
-  const { EditorWatchdog: e } = await import("ckeditor5"), a = new e(null, t ?? {
+const V = /* @__PURE__ */ Symbol.for("elixir-editor-watchdog");
+async function Pt(r, t) {
+  const { EditorWatchdog: e } = await import("ckeditor5"), n = new e(null, t ?? {
     crashNumberLimit: 10,
     minimumNonErrorTimePeriod: 5e3
   });
-  return a.setCreator(async () => {
-    const n = await r();
-    return n[U] = a, n;
-  }), a;
+  return n.setCreator(async () => {
+    const a = await r();
+    return a[V] = n, a;
+  }), n;
 }
-function Et(r) {
-  return U in r ? r[U] : null;
+function At(r) {
+  return V in r ? r[V] : null;
 }
 class y extends Y {
   static the = new y();
 }
-function vt(r) {
+function Tt(r) {
   const t = r.getAttribute("data-cke-context");
   if (!t)
     throw new Error('CKEditor5 hook requires a "data-cke-context" attribute on the element.');
-  const { config: e, ...a } = JSON.parse(t);
+  const { config: e, ...n } = JSON.parse(t);
   return {
-    config: I(e),
-    customTranslations: a.customTranslations || a.custom_translations,
-    watchdogConfig: a.watchdogConfig || a.watchdog_config
+    config: O(e),
+    customTranslations: n.customTranslations || n.custom_translations,
+    watchdogConfig: n.watchdogConfig || n.watchdog_config
   };
 }
-class Ct extends D {
+class It extends S {
   /**
    * The promise that resolves to the context instance.
    */
@@ -1060,9 +1112,9 @@ class Ct extends D {
    * Attributes for the context instance.
    */
   get attrs() {
-    const t = (a) => this.el.getAttribute(a) || null, e = {
+    const t = (n) => this.el.getAttribute(n) || null, e = {
       id: this.el.id,
-      config: vt(this.el),
+      config: Tt(this.el),
       language: {
         ui: t("data-cke-language") || "en",
         content: t("data-cke-content-language") || "en"
@@ -1079,29 +1131,29 @@ class Ct extends D {
    * Mounts the context component.
    */
   async mounted() {
-    const { id: t, language: e } = this.attrs, { customTranslations: a, watchdogConfig: n, config: { plugins: i, ...s } } = this.attrs.config, { loadedPlugins: c, hasPremium: o } = await G(i ?? []), l = [
+    const { id: t, language: e } = this.attrs, { customTranslations: n, watchdogConfig: a, config: { plugins: i, ...s } } = this.attrs.config, { loadedPlugins: c, hasPremium: o } = await G(i ?? []), l = [
       ...await X(e, o),
-      Q(a?.dictionary || {})
+      Q(n?.dictionary || {})
     ].filter((m) => !J(m));
     let d = x(s);
-    d = O([...l].reverse(), e.ui, d), this.contextPromise = (async () => {
-      const { ContextWatchdog: m, Context: v } = await import("ckeditor5"), g = new m(v, {
+    d = D([...l].reverse(), e.ui, d), this.contextPromise = (async () => {
+      const { ContextWatchdog: m, Context: E } = await import("ckeditor5"), b = new m(E, {
         crashNumberLimit: 10,
-        ...n
+        ...a
       });
-      return await g.create({
+      return await b.create({
         ...d,
         language: e,
         plugins: c,
         ...l.length && {
           translations: l
         }
-      }), g.on("itemError", (...C) => {
-        console.error("Context item error:", ...C);
-      }), g;
+      }), b.on("itemError", (...P) => {
+        console.error("Context item error:", ...P);
+      }), b;
     })();
-    const w = await this.contextPromise;
-    this.isBeingDestroyed() || y.the.register(t, w);
+    const g = await this.contextPromise;
+    this.isBeingDestroyed() || y.the.register(t, g);
   }
   /**
    * Destroys the context component. Unmounts root from the editor.
@@ -1116,39 +1168,39 @@ class Ct extends D {
     }
   }
 }
-function Pt(r) {
+function Ot(r) {
   return r.hasAttribute("data-cke-context");
 }
-function At(r) {
+function xt(r) {
   let t = r;
   for (; t; ) {
-    if (Pt(t))
+    if (Ot(t))
       return t;
     t = t.parentElement;
   }
   return null;
 }
-async function Tt(r) {
-  const t = At(r);
+async function Dt(r) {
+  const t = xt(r);
   return t ? y.the.waitFor(t.id) : null;
 }
-const It = S(Ct);
-function xt(r, t) {
+const St = N(It);
+function Nt(r, t) {
   const e = /* @__PURE__ */ new Set();
-  return (a) => {
-    let n = !1;
+  return (n) => {
+    let a = !1;
     return r.model.enqueueChange({ isUndoable: !1 }, (i) => {
       const s = r.model.document.getRoot(t);
       if (s) {
         for (const c of e)
-          a && c in a || (i.removeAttribute(c, s), e.delete(c), n = !0);
-        for (const [c, o] of Object.entries(a ?? {}))
-          i.setAttribute(c, o, s), e.add(c), n = !0;
+          n && c in n || (i.removeAttribute(c, s), e.delete(c), a = !0);
+        for (const [c, o] of Object.entries(n ?? {}))
+          i.setAttribute(c, o, s), e.add(c), a = !0;
       }
-    }), n;
+    }), a;
   };
 }
-async function Ot() {
+async function Mt() {
   const { Plugin: r, FileRepository: t } = await import("ckeditor5");
   return class extends r {
     /**
@@ -1164,15 +1216,15 @@ async function Ot() {
      * Initializes the plugin.
      */
     init() {
-      const { editor: a } = this, { plugins: n, config: i } = a, s = i.get("phoenixUpload.url");
-      if (!s || n.has("SimpleUploadAdapter") || n.has("Base64UploadAdapter") || n.has("CKFinderUploadAdapter"))
+      const { editor: n } = this, { plugins: a, config: i } = n, s = i.get("phoenixUpload.url");
+      if (!s || a.has("SimpleUploadAdapter") || a.has("Base64UploadAdapter") || a.has("CKFinderUploadAdapter"))
         return;
-      const c = n.get(t);
-      c.createUploadAdapter = (o) => new Dt(o, s);
+      const c = a.get(t);
+      c.createUploadAdapter = (o) => new Rt(o, s);
     }
   };
 }
-class Dt {
+class Rt {
   loader;
   uploadUrl;
   abortController = null;
@@ -1187,12 +1239,12 @@ class Dt {
     this.abortController = new AbortController();
     const e = new FormData();
     e.append("file", t), t.size && (this.loader.uploadTotal = t.size, this.loader.uploaded = 0);
-    const a = {}, n = st();
-    n && (a["X-CSRF-Token"] = n);
+    const n = {}, a = st();
+    a && (n["X-CSRF-Token"] = a);
     try {
       const i = await fetch(this.uploadUrl, {
         method: "POST",
-        headers: a,
+        headers: n,
         body: e,
         signal: this.abortController.signal
       });
@@ -1220,7 +1272,7 @@ class Dt {
     this.abortController?.abort(), this.abortController = null;
   }
 }
-async function St({
+async function Vt({
   editorId: r,
   saveDebounceMs: t
 }) {
@@ -1244,15 +1296,15 @@ async function St({
      * Initializes the plugin.
      */
     afterInit() {
-      const { editor: n } = this;
-      this.input = document.getElementById(`${r}_input`), this.input && (n.model.document.on("change:data", T(t, () => this.sync())), n.once("ready", this.sync), this.form = this.input.closest("form"), this.form?.addEventListener("submit", this.sync));
+      const { editor: a } = this;
+      this.input = document.getElementById(`${r}_input`), this.input && (a.model.document.on("change:data", I(t, () => 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 = () => {
-      const n = this.editor.getData();
-      this.input.value = n, 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 }));
     };
     /**
      * Destroys the plugin.
@@ -1262,9 +1314,9 @@ async function St({
     }
   };
 }
-const M = /* @__PURE__ */ Symbol("suppress-phoenix-sync");
-async function Nt(r) {
-  const { Plugin: t } = await import("ckeditor5"), { editorId: e, saveDebounceMs: a, events: n, pushEvent: i, handleEvent: s } = r;
+const U = /* @__PURE__ */ Symbol("suppress-phoenix-sync");
+async function Ut(r) {
+  const { Plugin: t } = await import("ckeditor5"), { editorId: e, saveDebounceMs: n, events: a, pushEvent: i, handleEvent: s } = r;
   return class extends t {
     /**
      * The name of the plugin.
@@ -1277,10 +1329,10 @@ async function Nt(r) {
      */
     init() {
       const { editor: o } = this;
-      n.change && this.setupTypingContentPush(), n.blur && this.setupEventPush("blur"), n.focus && this.setupEventPush("focus"), n.ready && this.editor.once("ready", () => {
+      a.change && this.setupTypingContentPush(), a.blur && this.setupEventPush("blur"), a.focus && this.setupEventPush("focus"), a.ready && this.editor.once("ready", () => {
         i("ckeditor5:ready", {
           editorId: e,
-          data: V(o)
+          data: M(o)
         });
       }), s("ckeditor5:set-data", ({ editorId: u, data: l }) => {
         (ot(u) || u === e) && o.setData(l);
@@ -1295,7 +1347,7 @@ async function Nt(r) {
       const d = () => {
         if (l)
           return;
-        const m = V(o);
+        const m = M(o);
         (!u || !ut(u, m)) && (i(
           "ckeditor5:change",
           {
@@ -1303,13 +1355,13 @@ async function Nt(r) {
             data: m
           }
         ), u = m);
-      }, w = T(a, d);
-      o.model.document.on("change:data", T(10, (m) => {
-        if (Vt(m)) {
+      }, g = I(n, d);
+      o.model.document.on("change:data", I(10, (m) => {
+        if (jt(m)) {
           u = null;
           return;
         }
-        o.ui.focusTracker.isFocused ? w() : d();
+        o.ui.focusTracker.isFocused ? g() : d();
       })), o.once("ready", d), o.once("destroy", () => {
         l = !0;
       });
@@ -1324,7 +1376,7 @@ async function Nt(r) {
           `ckeditor5:${o}`,
           {
             editorId: e,
-            data: V(u)
+            data: M(u)
           }
         );
       };
@@ -1332,17 +1384,17 @@ async function Nt(r) {
     }
   };
 }
-function V(r) {
-  return r.model.document.getRootNames().reduce((e, a) => (e[a] = r.getData({ rootName: a }), e), /* @__PURE__ */ Object.create({}));
+function M(r) {
+  return r.model.document.getRootNames().reduce((e, n) => (e[n] = r.getData({ rootName: n }), e), /* @__PURE__ */ Object.create({}));
 }
-function Vt(r) {
-  const t = r[M];
-  return delete r[M], !!t;
+function jt(r) {
+  const t = r[U];
+  return delete r[U], !!t;
 }
-function Rt(r) {
+function $t(r) {
   let t = !1;
-  const e = (a) => {
-    t || (a[M] = !0);
+  const e = (n) => {
+    t || (n[U] = !0);
   };
   return r.model.document.once("change:data", e, { priority: "highest" }), () => {
     t = !0, r.model.document.off("change:data", e);
@@ -1403,11 +1455,11 @@ class et {
   constructor({
     el: t,
     editor: e,
-    rootName: a,
-    valueAttrName: n = "data-cke-value",
+    rootName: n,
+    valueAttrName: a = "data-cke-value",
     rootAttrsAttrName: i = "data-cke-root-attrs"
   }) {
-    this.el = t, this.editor = e, this.rootName = a, this.valueAttrName = n, this.rootAttrsAttrName = i;
+    this.el = t, this.editor = e, this.rootName = n, this.valueAttrName = a, this.rootAttrsAttrName = i;
     const { value: s } = this.attrs;
     this.previousValue = s, this.setupSyncHandlers(e, this.rootName);
   }
@@ -1426,36 +1478,36 @@ class et {
    * However, if the editor is focused, we want to wait until it blurs to avoid disrupting the user while typing.
    */
   async updated() {
-    const { editor: t } = this, { value: e, rootAttributes: a } = this.attrs;
+    const { editor: t } = this, { value: e, rootAttributes: n } = this.attrs;
     if (!t || t.state === "destroyed" || this.isDestroyed)
       return;
-    let n = () => {
+    let a = () => {
     };
     t.model.enqueueChange({ isUndoable: !1 }, () => {
-      let i = this.attrsUpdater?.(a);
-      e !== this.previousValue && (this.previousValue = e, t.ui.focusTracker.isFocused ? this.pendingValue = e : (this.setRootValue(t, this.rootName, e), i = !0)), i && (n = Rt(t));
-    }), n();
+      let i = this.attrsUpdater?.(n);
+      e !== this.previousValue && (this.previousValue = e, t.ui.focusTracker.isFocused ? this.pendingValue = e : (this.setRootValue(t, this.rootName, e), i = !0)), i && (a = $t(t));
+    }), a();
   }
   /**
    * Sets up focus-aware sync handlers on the editor.
    * Registers cleanup via onBeforeDestroy.
    */
   setupSyncHandlers(t, e) {
-    this.attrsUpdater = xt(t, e), this.attrsUpdater(this.attrs.rootAttributes);
-    const a = () => {
+    this.attrsUpdater = Nt(t, e), this.attrsUpdater(this.attrs.rootAttributes);
+    const n = () => {
       this.pendingValue = null;
-    }, n = () => {
+    }, a = () => {
       !t.ui.focusTracker.isFocused && this.pendingValue !== null && (this.setRootValue(t, e, this.pendingValue), this.pendingValue = null);
     };
-    t.model.document.on("change:data", a), t.ui.focusTracker.on("change:isFocused", n), this.cleanupCallbacks.push(() => {
-      t.model.document.off("change:data", a), t.ui.focusTracker.off("change:isFocused", n);
+    t.model.document.on("change:data", n), t.ui.focusTracker.on("change:isFocused", a), this.cleanupCallbacks.push(() => {
+      t.model.document.off("change:data", n), t.ui.focusTracker.off("change:isFocused", a);
     });
   }
   /**
    * Sets the value of a specific root in the editor.
    */
-  setRootValue(t, e, a) {
-    t.getData({ rootName: e }) !== a && t.setData({ [e]: a });
+  setRootValue(t, e, n) {
+    t.getData({ rootName: e }) !== n && t.setData({ [e]: n });
   }
   /**
    * Disconnects the observer and cleans up editor event listeners.
@@ -1468,7 +1520,7 @@ class et {
 class h extends Y {
   static the = new h();
 }
-class Ut extends D {
+class _t extends S {
   /**
    * The sentinel instance responsible for tracking and updating root values and attributes
    * for single-root editors.
@@ -1478,17 +1530,17 @@ class Ut extends D {
    * Attributes for the editor instance.
    */
   get attrs() {
-    const { el: t } = this, e = t.getAttribute.bind(t), a = t.hasAttribute.bind(t), n = {
+    const { el: t } = this, e = t.getAttribute.bind(t), n = t.hasAttribute.bind(t), a = {
       editorId: e("id"),
       contextId: e("data-cke-context-id"),
-      preset: gt(t),
+      preset: Et(t),
       editableHeight: B(e("data-cke-editable-height")),
-      watchdog: a("data-cke-watchdog"),
+      watchdog: n("data-cke-watchdog"),
       events: {
-        change: a("data-cke-change-event"),
-        blur: a("data-cke-blur-event"),
-        focus: a("data-cke-focus-event"),
-        ready: a("data-cke-ready-event")
+        change: n("data-cke-change-event"),
+        blur: n("data-cke-blur-event"),
+        focus: n("data-cke-focus-event"),
+        ready: n("data-cke-ready-event")
       },
       saveDebounceMs: B(e("data-cke-save-debounce-ms")) ?? 400,
       language: {
@@ -1497,11 +1549,11 @@ class Ut extends D {
       }
     };
     return Object.defineProperty(this, "attrs", {
-      value: n,
+      value: a,
       writable: !1,
       configurable: !1,
       enumerable: !0
-    }), n;
+    }), a;
   }
   /**
    * Mounts the editor component.
@@ -1513,10 +1565,10 @@ class Ut extends D {
       const e = await this.createEditor();
       if (this.isBeingDestroyed())
         return;
-      const a = h.the.mountEffect(t, (n) => (n.once("destroy", () => {
+      const n = h.the.mountEffect(t, (a) => (a.once("destroy", () => {
         h.the.unregister(t, !1);
       }, { priority: "highest" }), this.sentinel = new et({
-        editor: n,
+        editor: a,
         el: this.el,
         rootName: "main",
         valueAttrName: "data-cke-initial-value",
@@ -1525,9 +1577,9 @@ class Ut extends D {
         this.sentinel?.destroy(), this.sentinel = null;
       }));
       this.onBeforeDestroy(async () => {
-        h.the.unregister(t), a();
-        const n = pt(e), i = Et(e);
-        n ? n.state !== "unavailable" && await n.context.remove(n.editorContextId) : i ? await i.destroy() : await e.destroy();
+        h.the.unregister(t), n();
+        const a = bt(e), i = At(e);
+        a ? a.state !== "unavailable" && await a.context.remove(a.editorContextId) : i ? await i.destroy() : await e.destroy();
       }), h.the.register(t, e);
     } catch (e) {
       console.error(e), h.the.error(t, e);
@@ -1553,22 +1605,22 @@ class Ut extends D {
     const {
       preset: t,
       editorId: e,
-      contextId: a,
-      editableHeight: n,
+      contextId: n,
+      editableHeight: a,
       events: i,
       saveDebounceMs: s,
       language: c,
       watchdog: o
-    } = this.attrs, { customTranslations: u, type: l, license: d, config: { plugins: w, ...m } } = t, v = await ft(l), g = await (a ? y.the.waitFor(a) : Tt(this.el)), C = async () => {
-      const { loadedPlugins: f, hasPremium: P } = await G(w);
-      A(l) && f.push(
-        await St({
+    } = this.attrs, { customTranslations: u, type: l, license: d, config: { plugins: g, ...m } } = t, E = await yt(l), b = await (n ? y.the.waitFor(n) : Dt(this.el)), P = async () => {
+      const { loadedPlugins: p, hasPremium: A } = await G(g);
+      T(l) && p.push(
+        await Vt({
           editorId: e,
           saveDebounceMs: s
         })
-      ), f.push(
+      ), p.push(
         ...await Promise.all([
-          Nt(
+          Ut(
             {
               editorId: e,
               saveDebounceMs: s,
@@ -1577,59 +1629,57 @@ class Ut extends D {
               handleEvent: this.handleEvent.bind(this)
             }
           ),
-          Ot()
+          Mt()
         ])
       );
-      const b = [
-        ...await X(c, P),
+      const k = [
+        ...await X(c, A),
         Q(u?.dictionary || {})
-      ].filter((E) => !J(E));
-      let k = W(e);
-      A(l) && (k = k.main || "");
-      let p = Z(e);
-      if (!(p instanceof HTMLElement) && !("main" in p)) {
-        const E = l === "decoupled" ? ["main"] : Object.keys(k);
-        rt(p, E) || (p = await Mt(e, E), k = W(e));
+      ].filter((C) => !J(C));
+      let v = W(e);
+      T(l) && (v = v.main || "");
+      let f = Z(e);
+      if (!(f instanceof HTMLElement) && !("main" in f)) {
+        const C = l === "decoupled" ? ["main"] : Object.keys(v);
+        rt(f, C) || (f = await zt(e, C), v = W(e));
       }
-      A(l) && "main" in p && (p = p.main);
-      let N = x(m);
-      N = O([...b].reverse(), c.ui, N);
-      const H = {
-        ...N,
-        initialData: k,
+      T(l) && "main" in f && (f = f.main);
+      let w = { ...m };
+      w = x(w), w = D([...k].reverse(), c.ui, w), w = pt(E, f, w), w = ht(v, w);
+      const z = {
+        ...w,
         licenseKey: d.key,
-        plugins: f,
+        plugins: p,
         language: c,
-        ...b.length && {
-          translations: b
+        ...k.length && {
+          translations: k
         }
-      }, j = await (async () => !g || !(p instanceof HTMLElement) ? v.create(p, H) : (await mt({
-        context: g,
-        element: p,
-        creator: v,
-        config: H
+      }, H = await (async () => !b || !(f instanceof HTMLElement) ? E.create(z) : (await gt({
+        context: b,
+        creator: E,
+        config: z
       })).editor)();
-      return A(l) && n && bt(j, n), j;
+      return T(l) && a && Ct(H, a), H;
     };
-    if (o && !g) {
-      const f = await kt(C, t.watchdog);
-      return f.on("error", (P, { causesRestart: z }) => {
-        if (z) {
-          const b = h.the.getItem(e);
-          b && (ht(b), h.the.unregister(e));
+    if (o && !b) {
+      const p = await Pt(P, t.watchdog);
+      return p.on("error", (A, { causesRestart: _ }) => {
+        if (_) {
+          const k = h.the.getItem(e);
+          k && (wt(k), h.the.unregister(e));
         }
-      }), f.on("restart", () => {
-        const P = f.editor;
-        h.the.register(e, P);
-      }), await f.create({}), f.editor;
+      }), p.on("restart", () => {
+        const A = p.editor;
+        h.the.register(e, A);
+      }), await p.create({}), p.editor;
     }
-    return C();
+    return P();
   }
 }
 function rt(r, t) {
   return t.every((e) => r[e]);
 }
-async function Mt(r, t) {
+async function zt(r, t) {
   return dt(
     () => {
       const e = Z(r);
@@ -1638,15 +1688,15 @@ async function Mt(r, t) {
           `It looks like not all required root elements are present yet.
 * If you want to wait for them, ensure they are registered before editor initialization.
 * If you want lazy initialize roots, consider removing root values from the \`initialData\` config and assign initial data in editable components.
-Missing roots: ${t.filter((a) => !e[a]).join(", ")}.`
+Missing roots: ${t.filter((n) => !e[n]).join(", ")}.`
         );
       return e;
     },
     { timeOutAfter: 2e3, retryAfter: 100 }
   );
 }
-const $t = S(Ut);
-class _t extends D {
+const Ht = N(_t);
+class qt extends S {
   /**
    * The sentinel instance responsible for tracking and updating root values and attributes.
    */
@@ -1672,32 +1722,32 @@ class _t extends D {
    * Mounts the editable component.
    */
   mounted() {
-    const { editableId: t, editorId: e, rootName: a, initialValue: n } = this.attrs, i = h.the.mountEffect(e, (s) => {
+    const { editableId: t, editorId: e, rootName: n, initialValue: a } = this.attrs, i = h.the.mountEffect(e, (s) => {
       const c = this.el.querySelector("[data-cke-editable-content]");
       if (this.isBeingDestroyed())
         return;
       const o = this.el.querySelector(`#${t}_input`);
-      if (F(s) && !s.model.document.getRoot(a)) {
+      if (F(s) && !s.model.document.getRoot(n)) {
         const { ui: l, editing: d } = s;
-        s.addRoot(a, {
+        s.addRoot(n, {
           isUndoable: !1,
-          data: n
+          initialData: a
         });
-        const w = l.view.createEditable(a, c);
-        l.addEditable(w), d.view.forceRender();
+        const g = l.view.createEditable(n, c);
+        l.addEditable(g), d.view.forceRender();
       }
       this.sentinel = new et({
         el: this.el,
         editor: s,
-        rootName: a,
+        rootName: n,
         valueAttrName: "data-cke-editable-initial-value",
         rootAttrsAttrName: "data-cke-editable-root-attrs"
       });
-      const u = o ? Ht(o, s, a) : null;
+      const u = o ? Ft(o, s, n) : null;
       return () => {
         if (u?.(), this.sentinel?.destroy(), this.sentinel = null, s.state !== "destroyed") {
-          const l = s.model.document.getRoot(a);
-          l && F(s) && (s.ui.view.editables[a] && s.detachEditable(l), l.isAttached() && s.detachRoot(a, !1));
+          const l = s.model.document.getRoot(n);
+          l && F(s) && (s.ui.view.editables[n] && s.detachEditable(l), l.isAttached() && s.detachRoot(n, !1));
         }
       };
     });
@@ -1712,16 +1762,16 @@ class _t extends D {
     this.sentinel?.updated();
   }
 }
-const zt = S(_t);
-function Ht(r, t, e) {
-  const a = () => {
+const Bt = N(qt);
+function Ft(r, t, e) {
+  const n = () => {
     r.value = t.getData({ rootName: e });
-  }, n = T(200, a);
-  return t.model.document.on("change:data", n), a(), () => {
-    t.model.document.off("change:data", n);
+  }, a = I(200, n);
+  return t.model.document.on("change:data", a), n(), () => {
+    t.model.document.off("change:data", a);
   };
 }
-class jt extends D {
+class Lt extends S {
   /**
    * Attributes for the editable instance.
    */
@@ -1741,10 +1791,10 @@ class jt extends D {
    * Mounts the UI part component.
    */
   mounted() {
-    const { editorId: t, name: e } = this.attrs, a = h.the.mountEffect(t, (n) => {
+    const { editorId: t, name: e } = this.attrs, n = h.the.mountEffect(t, (a) => {
       if (this.isBeingDestroyed())
         return;
-      const { ui: i } = n, s = qt(e), c = i.view[s];
+      const { ui: i } = a, s = Wt(e), c = i.view[s];
       if (!c) {
         console.error(`Unknown UI part name: "${e}". Supported names are "toolbar" and "menubar".`);
         return;
@@ -1754,11 +1804,11 @@ class jt extends D {
       };
     });
     this.onBeforeDestroy(() => {
-      this.el.style.display = "none", a();
+      this.el.style.display = "none", n();
     });
   }
 }
-function qt(r) {
+function Wt(r) {
   switch (r) {
     case "toolbar":
       return "toolbar";
@@ -1768,18 +1818,18 @@ function qt(r) {
       return null;
   }
 }
-const Bt = S(jt), Kt = {
-  CKEditor5: $t,
-  CKEditable: zt,
-  CKUIPart: Bt,
-  CKContext: It
+const Kt = N(Lt), Xt = {
+  CKEditor5: Ht,
+  CKEditable: Bt,
+  CKUIPart: Kt,
+  CKContext: St
 };
 export {
   y as ContextsRegistry,
-  _ as CustomEditorPluginsRegistry,
+  $ as CustomEditorPluginsRegistry,
   h as EditorsRegistry,
-  Kt as Hooks,
-  pt as unwrapEditorContext,
-  Et as unwrapEditorWatchdog
+  Xt as Hooks,
+  bt as unwrapEditorContext,
+  At as unwrapEditorWatchdog
 };
 //# sourceMappingURL=index.mjs.map