ckeditor5-phoenix 1.27.0 → 1.27.2

package/dist/index.mjs

@@ -1,12 +1,12 @@
-function q(r, t) {
+function j(r, t) {
   if (!r || r.size !== t.size)
     return !1;
-  for (const [e, n] of r)
-    if (!t.has(e) || t.get(e) !== n)
+  for (const [e, a] of r)
+    if (!t.has(e) || t.get(e) !== a)
       return !1;
   return !0;
 }
-class Y {
+class W {
   /**
    * Map of registered items.
    */
@@ -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, 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) => {
+  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) => {
       const o = this.getPendingCallbacks(t);
       o.success.push(async (u) => {
         s(await e(u));
-      }), n ? o.error.push(n) : o.error.push(c);
+      }), a ? o.error.push(a) : 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 n, a, i = !1;
+    let a, n, i = !1;
     const s = this.watch((c) => {
       const o = c.get(t);
-      if (o !== a && (n?.(), n = void 0, a = o, !!o))
+      if (o !== n && (a?.(), a = void 0, n = o, !!o))
         try {
           const u = e(o);
-          i ? (u?.(), s()) : n = u;
+          i ? (u?.(), s()) : a = u;
         } catch (u) {
           throw console.error(u), u;
         }
     });
     return () => {
-      i = !0, a && (s(), n?.(), n = void 0);
+      i = !0, n && (s(), a?.(), a = 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 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);
+      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);
     });
   }
   /**
@@ -97,8 +97,8 @@ class Y {
   error(t, e) {
     this.batch(() => {
       this.items.delete(t), this.initializationErrors.set(t, 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);
+      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);
     });
   }
   /**
@@ -154,8 +154,8 @@ class Y {
    * @returns A promise that resolves with the item instance.
    */
   waitFor(t) {
-    return new Promise((e, n) => {
-      this.execute(t, e, n);
+    return new Promise((e, a) => {
+      this.execute(t, e, a);
     });
   }
   /**
@@ -215,7 +215,7 @@ class Y {
    * Immediately dispatches the current state to all watchers if it changed.
    */
   flushWatchers() {
-    q(this.lastNotifiedItems, this.items) && q(this.lastNotifiedErrors, this.initializationErrors) || (this.lastNotifiedItems = new Map(this.items), this.lastNotifiedErrors = new Map(this.initializationErrors), this.watchers.forEach((t) => t(
+    j(this.lastNotifiedItems, this.items) && j(this.lastNotifiedErrors, this.initializationErrors) || (this.lastNotifiedItems = new Map(this.items), this.lastNotifiedErrors = new Map(this.initializationErrors), this.watchers.forEach((t) => t(
       new Map(this.items),
       new Map(this.initializationErrors)
     )));
@@ -231,46 +231,42 @@ class Y {
     return e || (e = { success: [], error: [] }, this.pendingCallbacks.set(t, e)), e;
   }
 }
-function nt(r) {
+function Z(r) {
   return r.replace(/[-_\s]+(.)?/g, (t, e) => e ? e.toUpperCase() : "").replace(/^./, (t) => t.toLowerCase());
 }
-function I(r, t) {
+function P(r, t) {
   let e = null;
-  return (...n) => {
+  return (...a) => {
     e && clearTimeout(e), e = setTimeout(() => {
-      t(...n);
+      t(...a);
     }, r);
   };
 }
-function at(r) {
+function tt(r) {
   if (Object.prototype.toString.call(r) !== "[object Object]")
     return !1;
   const t = Object.getPrototypeOf(r);
   return t === Object.prototype || t === null;
 }
-function O(r) {
+function A(r) {
   if (Array.isArray(r))
-    return r.map(O);
-  if (at(r)) {
+    return r.map(A);
+  if (tt(r)) {
     const t = /* @__PURE__ */ Object.create(null);
-    for (const [e, n] of Object.entries(r))
-      t[nt(e)] = O(n);
+    for (const [e, a] of Object.entries(r))
+      t[Z(e)] = A(a);
     return t;
   }
   return r;
 }
-function it(r, t) {
-  const e = Object.entries(r).filter(([n, a]) => t(a, n));
-  return Object.fromEntries(e);
-}
-function st() {
+function et() {
   const r = document.querySelector('meta[name="csrf-token"]');
   if (r)
     return r.getAttribute("content");
   const t = document.cookie.match(/(?:^|; )_csrf_token=([^;]*)/);
   return t ? decodeURIComponent(t[1]) : null;
 }
-class S {
+class x {
   /**
    * The current state of the hook.
    */
@@ -345,7 +341,7 @@ class S {
     this._beforeDestroyCallbacks = [];
   }
 }
-function N(r) {
+function O(r) {
   return {
     /**
      * The mounted lifecycle callback for the LiveView hook object.
@@ -353,7 +349,7 @@ function N(r) {
      */
     async mounted() {
       const t = new r();
-      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";
+      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";
       const e = await t.mounted?.();
       return t.state = "mounted", e;
     },
@@ -390,125 +386,97 @@ function N(r) {
     }
   };
 }
-function J(r) {
+function L(r) {
   return Object.keys(r).length === 0 && r.constructor === Object;
 }
-function ot(r) {
+function rt(r) {
   return r == null;
 }
-function j(r, t) {
-  const e = Object.entries(r).map(([n, a]) => [n, t(a, n)]);
+function at(r, t) {
+  const e = Object.entries(r).map(([a, n]) => [a, t(n, a)]);
   return Object.fromEntries(e);
 }
-function B(r) {
+function H(r) {
   if (r === null)
     return null;
   const t = Number.parseInt(r, 10);
   return Number.isNaN(t) ? null : t;
 }
-function ct(r) {
+function nt(r) {
   return r == null || r.trim() === "" ? null : JSON.parse(r);
 }
-function ut(r, t) {
+function it(r, t) {
   if (r === t)
     return !0;
-  const e = Object.keys(r), n = Object.keys(t);
-  if (e.length !== n.length)
+  const e = Object.keys(r), a = Object.keys(t);
+  if (e.length !== a.length)
     return !1;
-  for (const a of e)
-    if (r[a] !== t[a] || !Object.prototype.hasOwnProperty.call(t, a))
+  for (const n of e)
+    if (r[n] !== t[n] || !Object.prototype.hasOwnProperty.call(t, n))
       return !1;
   return !0;
 }
-function lt() {
+function st() {
   return Math.random().toString(36).substring(2);
 }
-function dt(r, {
+function ot(r, {
   timeOutAfter: t = 500,
   retryAfter: e = 100
 } = {}) {
-  return new Promise((n, a) => {
+  return new Promise((a, n) => {
     const i = Date.now();
     let s = null;
     const c = setTimeout(() => {
-      a(s ?? new Error("Timeout"));
+      n(s ?? new Error("Timeout"));
     }, t), o = async () => {
       try {
         const u = await r();
-        clearTimeout(c), n(u);
+        clearTimeout(c), a(u);
       } catch (u) {
-        s = u, Date.now() - i > t ? a(u) : setTimeout(o, e);
+        s = u, Date.now() - i > t ? n(u) : setTimeout(o, e);
       }
     };
     o();
   });
 }
-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),
+function ct(r, t, e) {
+  const a = !r.editorName || r.editorName === "ClassicEditor", n = /* @__PURE__ */ new Set([
+    ...Object.keys(t),
     ...Object.keys(e.roots ?? {})
-  ]), i = Array.from(a).reduce((c, o) => ({
+  ]), i = Array.from(n).reduce((c, o) => ({
     ...c,
     [o]: {
-      /* v8 ignore next */
+      /* v8 ignore next 1 */
       ...e.roots?.[o],
       ...o === "main" ? e.root : {},
-      /* v8 ignore next 5 */
-      ...o in n ? {
-        element: n[o]
+      /* v8 ignore next 6 */
+      ...o in t ? {
+        initialData: t[o].initialValue,
+        ...!a && { element: t[o].content }
       } : {}
     }
   }), Object.create(e.roots || {})), s = {
     ...e,
-    roots: i
+    roots: i,
+    ...a && {
+      attachTo: t.main?.content
+    }
   };
   return delete s.root, s;
 }
-function ft(r) {
-  return r instanceof HTMLElement ? { main: r } : { ...r };
-}
-function wt(r) {
+function ut(r) {
   const t = [
     r.ui?.element,
     r.ui?.view?.toolbar?.element,
     r.ui?.view?.menuBarView?.element
   ].filter(Boolean);
   for (const i of t)
-    a(i);
+    n(i);
   const e = r.ui?.view?.body?._bodyCollectionContainer;
-  e?.isConnected && a(e);
-  const n = r.editing?.view;
-  if (n)
-    for (const i of n.domRoots.values())
+  e?.isConnected && n(e);
+  const a = r.editing?.view;
+  if (a)
+    for (const i of a.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",
@@ -517,52 +485,52 @@ function wt(r) {
         "ck-editor__editable_inline",
         "ck-blurred",
         "ck-focused"
-      ), a(i));
-  function a(i) {
+      ), n(i));
+  function n(i) {
     i.hasAttribute("data-cke-controlled") ? i.innerHTML = "" : i.remove();
   }
 }
 const R = /* @__PURE__ */ Symbol.for("context-editor-watchdog");
-async function gt({ context: r, creator: t, config: e }) {
-  const n = lt();
+async function lt({ context: r, creator: t, config: e }) {
+  const a = st();
   await r.add({
     creator: t.create.bind(t),
-    id: n,
+    id: a,
     type: "editor",
     config: e
   });
-  const a = r.getItem(n), i = {
+  const n = r.getItem(a), i = {
     state: "available",
-    editorContextId: n,
+    editorContextId: a,
     context: r
   };
-  a[R] = i;
+  n[R] = i;
   const s = r.destroy.bind(r);
   return r.destroy = async () => (i.state = "unavailable", s()), {
     ...i,
-    editor: a
+    editor: n
   };
 }
-function bt(r) {
+function dt(r) {
   return R in r ? r[R] : null;
 }
-function F(r) {
+function q(r) {
   return "addEditable" in r.ui;
 }
-function T(r) {
+function N(r) {
   return ["inline", "classic", "balloon", "decoupled"].includes(r);
 }
-async function yt(r) {
-  const t = await import("ckeditor5"), n = {
+async function ht(r) {
+  const t = await import("ckeditor5"), a = {
     inline: t.InlineEditor,
     balloon: t.BalloonEditor,
     classic: t.ClassicEditor,
     decoupled: t.DecoupledEditor,
     multiroot: t.MultiRootEditor
   }[r];
-  if (!n)
+  if (!a)
     throw new Error(`Unsupported editor type: ${r}`);
-  return n;
+  return a;
 }
 class $ {
   static the = new $();
@@ -624,14 +592,14 @@ class $ {
     return this.plugins.has(t);
   }
 }
-async function G(r) {
+async function K(r) {
   const t = await import("ckeditor5");
   let e = null;
-  const n = r.map(async (a) => {
-    const i = await $.the.get(a);
+  const a = r.map(async (n) => {
+    const i = await $.the.get(n);
     if (i)
       return i;
-    const { [a]: s } = t;
+    const { [n]: s } = t;
     if (s)
       return s;
     if (!e)
@@ -640,35 +608,35 @@ async function G(r) {
       } catch (o) {
         console.error(`Failed to load premium package: ${o}`);
       }
-    const { [a]: c } = e || {};
+    const { [n]: c } = e || {};
     if (c)
       return c;
-    throw new Error(`Plugin "${a}" not found in base or premium packages.`);
+    throw new Error(`Plugin "${n}" not found in base or premium packages.`);
   });
   return {
-    loadedPlugins: await Promise.all(n),
+    loadedPlugins: await Promise.all(a),
     hasPremium: !!e
   };
 }
-async function X(r, t) {
+async function Y(r, t) {
   const e = [r.ui, r.content];
   return await Promise.all(
     [
-      L("ckeditor5", e),
+      B("ckeditor5", e),
       /* v8 ignore next */
-      t && L("ckeditor5-premium-features", e)
-    ].filter((a) => !!a)
-  ).then((a) => a.flat());
+      t && B("ckeditor5-premium-features", e)
+    ].filter((n) => !!n)
+  ).then((n) => n.flat());
 }
-async function L(r, t) {
+async function B(r, t) {
   return await Promise.all(
     t.filter((e) => e !== "en").map(async (e) => {
-      const n = await kt(r, e);
-      return n?.default ?? n;
+      const a = await mt(r, e);
+      return a?.default ?? a;
     }).filter(Boolean)
   );
 }
-async function kt(r, t) {
+async function mt(r, t) {
   try {
     if (r === "ckeditor5")
       switch (t) {
@@ -968,20 +936,12 @@ async function kt(r, t) {
     return console.error(`Failed to load translation for ${r}/${t}:`, e), null;
   }
 }
-function Q(r) {
-  return j(r, (t) => ({
+function J(r) {
+  return at(r, (t) => ({
     dictionary: t
   }));
 }
-function Z(r) {
-  const t = tt(r);
-  return j(t, ({ content: e }) => e);
-}
-function W(r) {
-  const t = tt(r), e = j(t, ({ initialValue: n }) => n);
-  return it(e, (n) => typeof n == "string");
-}
-function tt(r) {
+function G(r) {
   const t = document.querySelectorAll(
     [
       `[data-cke-editor-id="${r}"][data-cke-editable-root-name]`,
@@ -996,114 +956,114 @@ function tt(r) {
         initialValue: l
       }
     };
-  }, /* @__PURE__ */ Object.create({})), n = document.querySelector(`[phx-hook="CKEditor5"][id="${r}"]`);
-  if (!n)
+  }, /* @__PURE__ */ Object.create({})), a = document.querySelector(`[phx-hook="CKEditor5"][id="${r}"]`);
+  if (!a)
     return e;
-  const a = n.getAttribute("data-cke-initial-value") || "", i = n.querySelector(`#${r}_editor `), s = e.main;
+  const n = a.getAttribute("data-cke-initial-value") || "", i = a.querySelector(`#${r}_editor `), s = e.main;
   return s ? {
     ...e,
     main: {
       ...s,
-      initialValue: s.initialValue || a
+      initialValue: s.initialValue || n
     }
   } : i ? {
     ...e,
     main: {
       content: i,
-      initialValue: a
+      initialValue: n
     }
   } : e;
 }
-const K = ["inline", "classic", "balloon", "decoupled", "multiroot"];
-function Et(r) {
+const F = ["inline", "classic", "balloon", "decoupled", "multiroot"];
+function pt(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: n, license: a, watchdog: i, ...s } = JSON.parse(t);
-  if (!e || !n || !a)
+  const { type: e, config: a, license: n, watchdog: i, ...s } = JSON.parse(t);
+  if (!e || !a || !n)
     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(", ")}.`);
+  if (!F.includes(e))
+    throw new Error(`Invalid editor type: ${e}. Must be one of: ${F.join(", ")}.`);
   return {
     type: e,
-    license: a,
+    license: n,
     watchdog: i,
-    config: O(n),
+    config: A(a),
     customTranslations: s.customTranslations || s.custom_translations
   };
 }
-function x(r) {
+function T(r) {
   if (!r || typeof r != "object")
     return r;
   if (Array.isArray(r))
-    return r.map((n) => x(n));
+    return r.map((a) => T(a));
   const t = r;
   if (t.$element && typeof t.$element == "string") {
-    const n = document.querySelector(t.$element);
-    return n || console.warn(`Element not found for selector: ${t.$element}`), n || null;
+    const a = document.querySelector(t.$element);
+    return a || console.warn(`Element not found for selector: ${t.$element}`), a || null;
   }
   const e = /* @__PURE__ */ Object.create(null);
-  for (const [n, a] of Object.entries(r))
-    e[n] = x(a);
+  for (const [a, n] of Object.entries(r))
+    e[a] = T(n);
   return e;
 }
-function D(r, t, e) {
+function I(r, t, e) {
   if (!e || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    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 e.map((i) => I(r, t, i));
+  const a = e;
+  if (a.$translation && typeof a.$translation == "string") {
+    const i = a.$translation, s = ft(r, i, t);
     return s === void 0 && console.warn(`Translation not found for key: ${i}`), s !== void 0 ? s : null;
   }
-  const a = /* @__PURE__ */ Object.create(null);
+  const n = /* @__PURE__ */ Object.create(null);
   for (const [i, s] of Object.entries(e))
-    a[i] = D(r, t, s);
-  return a;
+    n[i] = I(r, t, s);
+  return n;
 }
-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 ft(r, t, e) {
+  for (const a of r) {
+    const n = a[e];
+    if (n?.dictionary && t in n.dictionary)
+      return n.dictionary[t];
   }
 }
-function Ct(r, t) {
+function wt(r, t) {
   const { editing: e } = r;
-  e.view.change((n) => {
-    n.setStyle("height", `${t}px`, e.view.document.getRoot());
+  e.view.change((a) => {
+    a.setStyle("height", `${t}px`, e.view.document.getRoot());
   });
 }
 const V = /* @__PURE__ */ Symbol.for("elixir-editor-watchdog");
-async function Pt(r, t) {
-  const { EditorWatchdog: e } = await import("ckeditor5"), n = new e(null, t ?? {
+async function gt(r, t) {
+  const { EditorWatchdog: e } = await import("ckeditor5"), a = new e(null, t ?? {
     crashNumberLimit: 10,
     minimumNonErrorTimePeriod: 5e3
   });
-  return n.setCreator(async () => {
-    const a = await r();
-    return a[V] = n, a;
-  }), n;
+  return a.setCreator(async () => {
+    const n = await r();
+    return n[V] = a, n;
+  }), a;
 }
-function At(r) {
+function yt(r) {
   return V in r ? r[V] : null;
 }
-class y extends Y {
+class y extends W {
   static the = new y();
 }
-function Tt(r) {
+function bt(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, ...n } = JSON.parse(t);
+  const { config: e, ...a } = JSON.parse(t);
   return {
-    config: O(e),
-    customTranslations: n.customTranslations || n.custom_translations,
-    watchdogConfig: n.watchdogConfig || n.watchdog_config
+    config: A(e),
+    customTranslations: a.customTranslations || a.custom_translations,
+    watchdogConfig: a.watchdogConfig || a.watchdog_config
   };
 }
-class It extends S {
+class kt extends x {
   /**
    * The promise that resolves to the context instance.
    */
@@ -1112,9 +1072,9 @@ class It extends S {
    * Attributes for the context instance.
    */
   get attrs() {
-    const t = (n) => this.el.getAttribute(n) || null, e = {
+    const t = (a) => this.el.getAttribute(a) || null, e = {
       id: this.el.id,
-      config: Tt(this.el),
+      config: bt(this.el),
       language: {
         ui: t("data-cke-language") || "en",
         content: t("data-cke-content-language") || "en"
@@ -1131,29 +1091,29 @@ class It extends S {
    * Mounts the context component.
    */
   async mounted() {
-    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(n?.dictionary || {})
-    ].filter((m) => !J(m));
-    let d = x(s);
-    d = D([...l].reverse(), e.ui, d), this.contextPromise = (async () => {
-      const { ContextWatchdog: m, Context: E } = await import("ckeditor5"), b = new m(E, {
+    const { id: t, language: e } = this.attrs, { customTranslations: a, watchdogConfig: n, config: { plugins: i, ...s } } = this.attrs.config, { loadedPlugins: c, hasPremium: o } = await K(i ?? []), l = [
+      ...await Y(e, o),
+      J(a?.dictionary || {})
+    ].filter((m) => !L(m));
+    let d = T(s);
+    d = I([...l].reverse(), e.ui, d), this.contextPromise = (async () => {
+      const { ContextWatchdog: m, Context: k } = await import("ckeditor5"), g = new m(k, {
         crashNumberLimit: 10,
-        ...a
+        ...n
       });
-      return await b.create({
+      return await g.create({
         ...d,
         language: e,
         plugins: c,
         ...l.length && {
           translations: l
         }
-      }), b.on("itemError", (...P) => {
-        console.error("Context item error:", ...P);
-      }), b;
+      }), g.on("itemError", (...E) => {
+        console.error("Context item error:", ...E);
+      }), g;
     })();
-    const g = await this.contextPromise;
-    this.isBeingDestroyed() || y.the.register(t, g);
+    const f = await this.contextPromise;
+    this.isBeingDestroyed() || y.the.register(t, f);
   }
   /**
    * Destroys the context component. Unmounts root from the editor.
@@ -1168,39 +1128,39 @@ class It extends S {
     }
   }
 }
-function Ot(r) {
+function Et(r) {
   return r.hasAttribute("data-cke-context");
 }
-function xt(r) {
+function vt(r) {
   let t = r;
   for (; t; ) {
-    if (Ot(t))
+    if (Et(t))
       return t;
     t = t.parentElement;
   }
   return null;
 }
-async function Dt(r) {
-  const t = xt(r);
+async function Ct(r) {
+  const t = vt(r);
   return t ? y.the.waitFor(t.id) : null;
 }
-const St = N(It);
-function Nt(r, t) {
+const Pt = O(kt);
+function At(r, t) {
   const e = /* @__PURE__ */ new Set();
-  return (n) => {
-    let a = !1;
+  return (a) => {
+    let n = !1;
     return r.model.enqueueChange({ isUndoable: !1 }, (i) => {
       const s = r.model.document.getRoot(t);
       if (s) {
         for (const c of e)
-          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;
+          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;
       }
-    }), a;
+    }), n;
   };
 }
-async function Mt() {
+async function Tt() {
   const { Plugin: r, FileRepository: t } = await import("ckeditor5");
   return class extends r {
     /**
@@ -1216,15 +1176,15 @@ async function Mt() {
      * Initializes the plugin.
      */
     init() {
-      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"))
+      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"))
         return;
-      const c = a.get(t);
-      c.createUploadAdapter = (o) => new Rt(o, s);
+      const c = n.get(t);
+      c.createUploadAdapter = (o) => new It(o, s);
     }
   };
 }
-class Rt {
+class It {
   loader;
   uploadUrl;
   abortController = null;
@@ -1239,12 +1199,12 @@ class Rt {
     this.abortController = new AbortController();
     const e = new FormData();
     e.append("file", t), t.size && (this.loader.uploadTotal = t.size, this.loader.uploaded = 0);
-    const n = {}, a = st();
-    a && (n["X-CSRF-Token"] = a);
+    const a = {}, n = et();
+    n && (a["X-CSRF-Token"] = n);
     try {
       const i = await fetch(this.uploadUrl, {
         method: "POST",
-        headers: n,
+        headers: a,
         body: e,
         signal: this.abortController.signal
       });
@@ -1272,7 +1232,7 @@ class Rt {
     this.abortController?.abort(), this.abortController = null;
   }
 }
-async function Vt({
+async function xt({
   editorId: r,
   saveDebounceMs: t
 }) {
@@ -1296,15 +1256,15 @@ async function Vt({
      * Initializes the plugin.
      */
     afterInit() {
-      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));
+      const { editor: n } = this;
+      this.input = document.getElementById(`${r}_input`), this.input && (n.model.document.on("change:data", P(t, () => this.sync())), n.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 a = this.editor.getData();
-      this.input.value = a, this.input.dispatchEvent(new Event("input", { bubbles: !0 }));
+      const n = this.editor.getData();
+      this.input.value = n, this.input.dispatchEvent(new Event("input", { bubbles: !0 }));
     };
     /**
      * Destroys the plugin.
@@ -1315,8 +1275,8 @@ async function Vt({
   };
 }
 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;
+async function Ot(r) {
+  const { Plugin: t } = await import("ckeditor5"), { editorId: e, saveDebounceMs: a, events: n, pushEvent: i, handleEvent: s } = r;
   return class extends t {
     /**
      * The name of the plugin.
@@ -1329,13 +1289,13 @@ async function Ut(r) {
      */
     init() {
       const { editor: o } = this;
-      a.change && this.setupTypingContentPush(), a.blur && this.setupEventPush("blur"), a.focus && this.setupEventPush("focus"), a.ready && this.editor.once("ready", () => {
+      n.change && this.setupTypingContentPush(), n.blur && this.setupEventPush("blur"), n.focus && this.setupEventPush("focus"), n.ready && this.editor.once("ready", () => {
         i("ckeditor5:ready", {
           editorId: e,
-          data: M(o)
+          data: S(o)
         });
       }), s("ckeditor5:set-data", ({ editorId: u, data: l }) => {
-        (ot(u) || u === e) && o.setData(l);
+        (rt(u) || u === e) && o.setData(l);
       });
     }
     /**
@@ -1347,21 +1307,21 @@ async function Ut(r) {
       const d = () => {
         if (l)
           return;
-        const m = M(o);
-        (!u || !ut(u, m)) && (i(
+        const m = S(o);
+        (!u || !it(u, m)) && (i(
           "ckeditor5:change",
           {
             editorId: e,
             data: m
           }
         ), u = m);
-      }, g = I(n, d);
-      o.model.document.on("change:data", I(10, (m) => {
-        if (jt(m)) {
+      }, f = P(a, d);
+      o.model.document.on("change:data", P(10, (m) => {
+        if (Dt(m)) {
           u = null;
           return;
         }
-        o.ui.focusTracker.isFocused ? g() : d();
+        o.ui.focusTracker.isFocused ? f() : d();
       })), o.once("ready", d), o.once("destroy", () => {
         l = !0;
       });
@@ -1376,7 +1336,7 @@ async function Ut(r) {
           `ckeditor5:${o}`,
           {
             editorId: e,
-            data: M(u)
+            data: S(u)
           }
         );
       };
@@ -1384,23 +1344,23 @@ async function Ut(r) {
     }
   };
 }
-function M(r) {
-  return r.model.document.getRootNames().reduce((e, n) => (e[n] = r.getData({ rootName: n }), e), /* @__PURE__ */ Object.create({}));
+function S(r) {
+  return r.model.document.getRootNames().reduce((e, a) => (e[a] = r.getData({ rootName: a }), e), /* @__PURE__ */ Object.create({}));
 }
-function jt(r) {
+function Dt(r) {
   const t = r[U];
   return delete r[U], !!t;
 }
-function $t(r) {
+function Nt(r) {
   let t = !1;
-  const e = (n) => {
-    t || (n[U] = !0);
+  const e = (a) => {
+    t || (a[U] = !0);
   };
   return r.model.document.once("change:data", e, { priority: "highest" }), () => {
     t = !0, r.model.document.off("change:data", e);
   };
 }
-class et {
+class X {
   /**
    * The DOM element being observed for attribute changes.
    */
@@ -1455,11 +1415,11 @@ class et {
   constructor({
     el: t,
     editor: e,
-    rootName: n,
-    valueAttrName: a = "data-cke-value",
+    rootName: a,
+    valueAttrName: n = "data-cke-value",
     rootAttrsAttrName: i = "data-cke-root-attrs"
   }) {
-    this.el = t, this.editor = e, this.rootName = n, this.valueAttrName = a, this.rootAttrsAttrName = i;
+    this.el = t, this.editor = e, this.rootName = a, this.valueAttrName = n, this.rootAttrsAttrName = i;
     const { value: s } = this.attrs;
     this.previousValue = s, this.setupSyncHandlers(e, this.rootName);
   }
@@ -1469,7 +1429,7 @@ class et {
    */
   get attrs() {
     return {
-      rootAttributes: ct(this.el.getAttribute(this.rootAttrsAttrName)),
+      rootAttributes: nt(this.el.getAttribute(this.rootAttrsAttrName)),
       value: this.el.getAttribute(this.valueAttrName)
     };
   }
@@ -1478,36 +1438,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: n } = this.attrs;
+    const { editor: t } = this, { value: e, rootAttributes: a } = this.attrs;
     if (!t || t.state === "destroyed" || this.isDestroyed)
       return;
-    let a = () => {
+    let n = () => {
     };
     t.model.enqueueChange({ isUndoable: !1 }, () => {
-      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();
+      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 = Nt(t));
+    }), n();
   }
   /**
    * Sets up focus-aware sync handlers on the editor.
    * Registers cleanup via onBeforeDestroy.
    */
   setupSyncHandlers(t, e) {
-    this.attrsUpdater = Nt(t, e), this.attrsUpdater(this.attrs.rootAttributes);
-    const n = () => {
+    this.attrsUpdater = At(t, e), this.attrsUpdater(this.attrs.rootAttributes);
+    const a = () => {
       this.pendingValue = null;
-    }, a = () => {
+    }, n = () => {
       !t.ui.focusTracker.isFocused && this.pendingValue !== null && (this.setRootValue(t, e, this.pendingValue), this.pendingValue = null);
     };
-    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);
+    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);
     });
   }
   /**
    * Sets the value of a specific root in the editor.
    */
-  setRootValue(t, e, n) {
-    t.getData({ rootName: e }) !== n && t.setData({ [e]: n });
+  setRootValue(t, e, a) {
+    t.getData({ rootName: e }) !== a && t.setData({ [e]: a });
   }
   /**
    * Disconnects the observer and cleans up editor event listeners.
@@ -1517,10 +1477,10 @@ class et {
     this.isDestroyed = !0, this.cleanupCallbacks.forEach((t) => t()), this.cleanupCallbacks = [];
   }
 }
-class h extends Y {
+class h extends W {
   static the = new h();
 }
-class _t extends S {
+class St extends x {
   /**
    * The sentinel instance responsible for tracking and updating root values and attributes
    * for single-root editors.
@@ -1530,30 +1490,30 @@ class _t extends S {
    * Attributes for the editor instance.
    */
   get attrs() {
-    const { el: t } = this, e = t.getAttribute.bind(t), n = t.hasAttribute.bind(t), a = {
+    const { el: t } = this, e = t.getAttribute.bind(t), a = t.hasAttribute.bind(t), n = {
       editorId: e("id"),
       contextId: e("data-cke-context-id"),
-      preset: Et(t),
-      editableHeight: B(e("data-cke-editable-height")),
-      watchdog: n("data-cke-watchdog"),
+      preset: pt(t),
+      editableHeight: H(e("data-cke-editable-height")),
+      watchdog: a("data-cke-watchdog"),
       events: {
-        change: n("data-cke-change-event"),
-        blur: n("data-cke-blur-event"),
-        focus: n("data-cke-focus-event"),
-        ready: n("data-cke-ready-event")
+        change: a("data-cke-change-event"),
+        blur: a("data-cke-blur-event"),
+        focus: a("data-cke-focus-event"),
+        ready: a("data-cke-ready-event")
       },
-      saveDebounceMs: B(e("data-cke-save-debounce-ms")) ?? 400,
+      saveDebounceMs: H(e("data-cke-save-debounce-ms")) ?? 400,
       language: {
         ui: e("data-cke-language") || "en",
         content: e("data-cke-content-language") || "en"
       }
     };
     return Object.defineProperty(this, "attrs", {
-      value: a,
+      value: n,
       writable: !1,
       configurable: !1,
       enumerable: !0
-    }), a;
+    }), n;
   }
   /**
    * Mounts the editor component.
@@ -1565,10 +1525,10 @@ class _t extends S {
       const e = await this.createEditor();
       if (this.isBeingDestroyed())
         return;
-      const n = h.the.mountEffect(t, (a) => (a.once("destroy", () => {
+      const a = h.the.mountEffect(t, (n) => (n.once("destroy", () => {
         h.the.unregister(t, !1);
-      }, { priority: "highest" }), this.sentinel = new et({
-        editor: a,
+      }, { priority: "highest" }), this.sentinel = new X({
+        editor: n,
         el: this.el,
         rootName: "main",
         valueAttrName: "data-cke-initial-value",
@@ -1577,9 +1537,9 @@ class _t extends S {
         this.sentinel?.destroy(), this.sentinel = null;
       }));
       this.onBeforeDestroy(async () => {
-        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.unregister(t), a();
+        const n = dt(e), i = yt(e);
+        n ? n.state !== "unavailable" && await n.context.remove(n.editorContextId) : i ? await i.destroy() : await e.destroy();
       }), h.the.register(t, e);
     } catch (e) {
       console.error(e), h.the.error(t, e);
@@ -1605,22 +1565,22 @@ class _t extends S {
     const {
       preset: t,
       editorId: e,
-      contextId: n,
-      editableHeight: a,
+      contextId: a,
+      editableHeight: n,
       events: i,
       saveDebounceMs: s,
       language: c,
       watchdog: o
-    } = 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({
+    } = this.attrs, { customTranslations: u, type: l, license: d, config: { plugins: f, ...m } } = t, k = await ht(l), g = await (a ? y.the.waitFor(a) : Ct(this.el)), E = async () => {
+      const { loadedPlugins: p, hasPremium: v } = await K(f);
+      N(l) && p.push(
+        await xt({
           editorId: e,
           saveDebounceMs: s
         })
       ), p.push(
         ...await Promise.all([
-          Ut(
+          Ot(
             {
               editorId: e,
               saveDebounceMs: s,
@@ -1629,74 +1589,69 @@ class _t extends S {
               handleEvent: this.handleEvent.bind(this)
             }
           ),
-          Mt()
+          Tt()
         ])
       );
-      const k = [
-        ...await X(c, A),
-        Q(u?.dictionary || {})
-      ].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));
-      }
-      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,
+      const b = [
+        ...await Y(c, v),
+        J(u?.dictionary || {})
+      ].filter((z) => !L(z));
+      let C = G(e);
+      const D = Object.keys(C);
+      N(l) && D.push("main"), Q(C, D) || (C = await Rt(e, D));
+      let w = {
+        ...m,
         licenseKey: d.key,
         plugins: p,
         language: c,
-        ...k.length && {
-          translations: k
+        ...b.length && {
+          translations: b
         }
-      }, H = await (async () => !b || !(f instanceof HTMLElement) ? E.create(z) : (await gt({
-        context: b,
-        creator: E,
-        config: z
-      })).editor)();
-      return T(l) && a && Ct(H, a), H;
+      };
+      w = T(w), w = I([...b].reverse(), c.ui, w), w = ct(k, C, w);
+      const _ = await (async () => g ? (await lt({
+        context: g,
+        creator: k,
+        config: w
+      })).editor : k.create(w))();
+      return N(l) && n && wt(_, n), _;
     };
-    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));
+    if (o && !g) {
+      const p = await gt(E, t.watchdog);
+      return p.on("error", (v, { causesRestart: M }) => {
+        if (M) {
+          const b = h.the.getItem(e);
+          b && (ut(b), h.the.unregister(e));
         }
       }), p.on("restart", () => {
-        const A = p.editor;
-        h.the.register(e, A);
+        const v = p.editor;
+        h.the.register(e, v);
       }), await p.create({}), p.editor;
     }
-    return P();
+    return E();
   }
 }
-function rt(r, t) {
+function Q(r, t) {
   return t.every((e) => r[e]);
 }
-async function zt(r, t) {
-  return dt(
+async function Rt(r, t) {
+  return ot(
     () => {
-      const e = Z(r);
-      if (!rt(e, t))
+      const e = G(r);
+      if (!Q(e, t))
         throw new Error(
           `It looks like not all required root elements are present yet.
 * If you want to wait for them, ensure they are registered before editor initialization.
 * If you want lazy initialize roots, consider removing root values from the \`initialData\` config and assign initial data in editable components.
-Missing roots: ${t.filter((n) => !e[n]).join(", ")}.`
+Missing roots: ${t.filter((a) => !e[a]).join(", ")}.`
         );
       return e;
     },
     { timeOutAfter: 2e3, retryAfter: 100 }
   );
 }
-const Ht = N(_t);
-class qt extends S {
+const Vt = O(St);
+class Ut extends x {
   /**
    * The sentinel instance responsible for tracking and updating root values and attributes.
    */
@@ -1722,32 +1677,32 @@ class qt extends S {
    * Mounts the editable component.
    */
   mounted() {
-    const { editableId: t, editorId: e, rootName: n, initialValue: a } = this.attrs, i = h.the.mountEffect(e, (s) => {
+    const { editableId: t, editorId: e, rootName: a, initialValue: n } = 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(n)) {
+      if (q(s) && !s.model.document.getRoot(a)) {
         const { ui: l, editing: d } = s;
-        s.addRoot(n, {
+        s.addRoot(a, {
           isUndoable: !1,
-          initialData: a
+          initialData: n
         });
-        const g = l.view.createEditable(n, c);
-        l.addEditable(g), d.view.forceRender();
+        const f = l.view.createEditable(a, c);
+        l.addEditable(f), d.view.forceRender();
       }
-      this.sentinel = new et({
+      this.sentinel = new X({
         el: this.el,
         editor: s,
-        rootName: n,
+        rootName: a,
         valueAttrName: "data-cke-editable-initial-value",
         rootAttrsAttrName: "data-cke-editable-root-attrs"
       });
-      const u = o ? Ft(o, s, n) : null;
+      const u = o ? Mt(o, s, a) : null;
       return () => {
         if (u?.(), this.sentinel?.destroy(), this.sentinel = null, s.state !== "destroyed") {
-          const l = s.model.document.getRoot(n);
-          l && F(s) && (s.ui.view.editables[n] && s.detachEditable(l), l.isAttached() && s.detachRoot(n, !1));
+          const l = s.model.document.getRoot(a);
+          l && q(s) && (s.ui.view.editables[a] && s.detachEditable(l), l.isAttached() && s.detachRoot(a, !1));
         }
       };
     });
@@ -1762,16 +1717,16 @@ class qt extends S {
     this.sentinel?.updated();
   }
 }
-const Bt = N(qt);
-function Ft(r, t, e) {
-  const n = () => {
+const $t = O(Ut);
+function Mt(r, t, e) {
+  const a = () => {
     r.value = t.getData({ rootName: e });
-  }, a = I(200, n);
-  return t.model.document.on("change:data", a), n(), () => {
-    t.model.document.off("change:data", a);
+  }, n = P(200, a);
+  return t.model.document.on("change:data", n), a(), () => {
+    t.model.document.off("change:data", n);
   };
 }
-class Lt extends S {
+class _t extends x {
   /**
    * Attributes for the editable instance.
    */
@@ -1791,10 +1746,10 @@ class Lt extends S {
    * Mounts the UI part component.
    */
   mounted() {
-    const { editorId: t, name: e } = this.attrs, n = h.the.mountEffect(t, (a) => {
+    const { editorId: t, name: e } = this.attrs, a = h.the.mountEffect(t, (n) => {
       if (this.isBeingDestroyed())
         return;
-      const { ui: i } = a, s = Wt(e), c = i.view[s];
+      const { ui: i } = n, s = zt(e), c = i.view[s];
       if (!c) {
         console.error(`Unknown UI part name: "${e}". Supported names are "toolbar" and "menubar".`);
         return;
@@ -1804,11 +1759,11 @@ class Lt extends S {
       };
     });
     this.onBeforeDestroy(() => {
-      this.el.style.display = "none", n();
+      this.el.style.display = "none", a();
     });
   }
 }
-function Wt(r) {
+function zt(r) {
   switch (r) {
     case "toolbar":
       return "toolbar";
@@ -1818,18 +1773,18 @@ function Wt(r) {
       return null;
   }
 }
-const Kt = N(Lt), Xt = {
-  CKEditor5: Ht,
-  CKEditable: Bt,
-  CKUIPart: Kt,
-  CKContext: St
+const jt = O(_t), Ft = {
+  CKEditor5: Vt,
+  CKEditable: $t,
+  CKUIPart: jt,
+  CKContext: Pt
 };
 export {
   y as ContextsRegistry,
   $ as CustomEditorPluginsRegistry,
   h as EditorsRegistry,
-  Xt as Hooks,
-  bt as unwrapEditorContext,
-  At as unwrapEditorWatchdog
+  Ft as Hooks,
+  dt as unwrapEditorContext,
+  yt as unwrapEditorWatchdog
 };
 //# sourceMappingURL=index.mjs.map