ckeditor5-phoenix 1.15.7 → 1.16.0

package/dist/index.mjs

@@ -1,4 +1,4 @@
-class V {
+class W {
   /**
    * Map of registered items.
    */
@@ -26,11 +26,11 @@ class V {
    */
   execute(t, e, i) {
     const a = this.items.get(t), n = this.initializationErrors.get(t);
-    return n ? (i?.(n), Promise.reject(n)) : a ? Promise.resolve(e(a)) : new Promise((s, u) => {
-      const o = this.getPendingCallbacks(t);
-      o.success.push(async (c) => {
-        s(await e(c));
-      }), i ? o.error.push(i) : o.error.push(u);
+    return n ? (i?.(n), Promise.reject(n)) : a ? Promise.resolve(e(a)) : new Promise((o, u) => {
+      const s = this.getPendingCallbacks(t);
+      s.success.push(async (c) => {
+        o(await e(c));
+      }), i ? s.error.push(i) : s.error.push(u);
     });
   }
   /**
@@ -167,7 +167,7 @@ class V {
 function Y(r) {
   return r.replace(/[-_\s]+(.)?/g, (t, e) => e ? e.toUpperCase() : "").replace(/^./, (t) => t.toLowerCase());
 }
-function A(r, t) {
+function O(r, t) {
   let e = null;
   return (...i) => {
     e && clearTimeout(e), e = setTimeout(() => {
@@ -196,6 +196,13 @@ function X(r, t) {
   const e = Object.entries(r).filter(([i, a]) => t(a, i));
   return Object.fromEntries(e);
 }
+function Q() {
+  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 P {
   /**
    * The current state of the hook.
@@ -238,7 +245,7 @@ class P {
     return this.state === "destroyed" || this.state === "destroying";
   }
 }
-function v(r) {
+function C(r) {
   return {
     /**
      * The mounted lifecycle callback for the LiveView hook object.
@@ -246,7 +253,7 @@ function v(r) {
      */
     async mounted() {
       const t = new r();
-      this.el.instance = t, t.el = this.el, t.liveSocket = this.liveSocket, t.pushEvent = (i, a, n) => this.pushEvent?.(i, a, n), t.pushEventTo = (i, a, n, s) => this.pushEventTo?.(i, a, n, s), t.handleEvent = (i, a) => this.handleEvent?.(i, a), t.state = "mounting";
+      this.el.instance = t, t.el = this.el, t.liveSocket = this.liveSocket, t.pushEvent = (i, a, n) => this.pushEvent?.(i, a, n), t.pushEventTo = (i, a, n, o) => this.pushEventTo?.(i, a, n, o), t.handleEvent = (i, a) => this.handleEvent?.(i, a), t.state = "mounting";
       const e = await t.mounted?.();
       return t.state = "mounted", e;
     },
@@ -280,7 +287,7 @@ function v(r) {
 function q(r) {
   return Object.keys(r).length === 0 && r.constructor === Object;
 }
-function Q(r) {
+function Z(r) {
   return r == null;
 }
 function S(r, t) {
@@ -293,58 +300,58 @@ function z(r) {
   const t = Number.parseInt(r, 10);
   return Number.isNaN(t) ? null : t;
 }
-function Z() {
+function tt() {
   return Math.random().toString(36).substring(2);
 }
-function tt(r, {
+function et(r, {
   timeOutAfter: t = 500,
   retryAfter: e = 100
 } = {}) {
   return new Promise((i, a) => {
     const n = Date.now();
-    let s = null;
+    let o = null;
     const u = setTimeout(() => {
-      a(s ?? new Error("Timeout"));
-    }, t), o = async () => {
+      a(o ?? new Error("Timeout"));
+    }, t), s = async () => {
       try {
         const c = await r();
         clearTimeout(u), i(c);
       } catch (c) {
-        s = c, Date.now() - n > t ? a(c) : setTimeout(o, e);
+        o = c, Date.now() - n > t ? a(c) : setTimeout(s, e);
       }
     };
-    o();
+    s();
   });
 }
-const T = Symbol.for("context-editor-watchdog");
-async function et({ element: r, context: t, creator: e, config: i }) {
-  const a = Z();
+const I = Symbol.for("context-editor-watchdog");
+async function rt({ element: r, context: t, creator: e, config: i }) {
+  const a = tt();
   await t.add({
-    creator: (o, c) => e.create(o, c),
+    creator: (s, c) => e.create(s, c),
     id: a,
     sourceElementOrData: r,
     type: "editor",
     config: i
   });
-  const n = t.getItem(a), s = {
+  const n = t.getItem(a), o = {
     state: "available",
     editorContextId: a,
     context: t
   };
-  n[T] = s;
+  n[I] = o;
   const u = t.destroy.bind(t);
-  return t.destroy = async () => (s.state = "unavailable", u()), {
-    ...s,
+  return t.destroy = async () => (o.state = "unavailable", u()), {
+    ...o,
     editor: n
   };
 }
-function rt(r) {
-  return T in r ? r[T] : null;
+function it(r) {
+  return I in r ? r[I] : null;
 }
 function E(r) {
   return ["inline", "classic", "balloon", "decoupled"].includes(r);
 }
-async function it(r) {
+async function at(r) {
   const t = await import("ckeditor5"), i = {
     inline: t.InlineEditor,
     balloon: t.BalloonEditor,
@@ -416,21 +423,21 @@ class D {
     return this.plugins.has(t);
   }
 }
-async function B(r) {
+async function V(r) {
   const t = await import("ckeditor5");
   let e = null;
   const i = r.map(async (a) => {
     const n = await D.the.get(a);
     if (n)
       return n;
-    const { [a]: s } = t;
-    if (s)
-      return s;
+    const { [a]: o } = t;
+    if (o)
+      return o;
     if (!e)
       try {
         e = await import("ckeditor5-premium-features");
-      } catch (o) {
-        console.error(`Failed to load premium package: ${o}`);
+      } catch (s) {
+        console.error(`Failed to load premium package: ${s}`);
       }
     const { [a]: u } = e || {};
     if (u)
@@ -442,25 +449,25 @@ async function B(r) {
     hasPremium: !!e
   };
 }
-async function L(r, t) {
+async function B(r, t) {
   const e = [r.ui, r.content];
   return await Promise.all(
     [
-      H("ckeditor5", e),
+      U("ckeditor5", e),
       /* v8 ignore next */
-      t && H("ckeditor5-premium-features", e)
+      t && U("ckeditor5-premium-features", e)
     ].filter((a) => !!a)
   ).then((a) => a.flat());
 }
-async function H(r, t) {
+async function U(r, t) {
   return await Promise.all(
     t.filter((e) => e !== "en").map(async (e) => {
-      const i = await at(r, e);
+      const i = await nt(r, e);
       return i?.default ?? i;
     }).filter(Boolean)
   );
 }
-async function at(r, t) {
+async function nt(r, t) {
   try {
     if (r === "ckeditor5")
       switch (t) {
@@ -760,27 +767,27 @@ async function at(r, t) {
     return console.error(`Failed to load translation for ${r}/${t}:`, e), null;
   }
 }
-function K(r) {
+function F(r) {
   return S(r, (t) => ({
     dictionary: t
   }));
 }
-function U(r) {
-  const t = _(r);
+function _(r) {
+  const t = K(r);
   return S(t, ({ content: e }) => e);
 }
-function N(r) {
-  const t = _(r), e = S(t, ({ initialValue: i }) => i);
+function R(r) {
+  const t = K(r), e = S(t, ({ initialValue: i }) => i);
   return X(e, (i) => typeof i == "string");
 }
-function _(r) {
+function K(r) {
   const t = document.querySelectorAll(
     [
       `[data-cke-editor-id="${r}"][data-cke-editable-root-name]`,
       "[data-cke-editable-root-name]:not([data-cke-editor-id])"
     ].join(", ")
-  ), e = Array.from(t).reduce((u, o) => {
-    const c = o.getAttribute("data-cke-editable-root-name"), l = o.getAttribute("data-cke-editable-initial-value") || "", m = o.querySelector("[data-cke-editable-content]");
+  ), e = Array.from(t).reduce((u, s) => {
+    const c = s.getAttribute("data-cke-editable-root-name"), l = s.getAttribute("data-cke-editable-initial-value") || "", m = s.querySelector("[data-cke-editable-content]");
     return !c || !m ? u : {
       ...u,
       [c]: {
@@ -791,12 +798,12 @@ function _(r) {
   }, /* @__PURE__ */ Object.create({})), i = document.querySelector(`[phx-hook="CKEditor5"][id="${r}"]`);
   if (!i)
     return e;
-  const a = i.getAttribute("cke-initial-value") || "", n = i.querySelector(`#${r}_editor `), s = e.main;
-  return s ? {
+  const a = i.getAttribute("cke-initial-value") || "", n = i.querySelector(`#${r}_editor `), o = e.main;
+  return o ? {
     ...e,
     main: {
-      ...s,
-      initialValue: s.initialValue || a
+      ...o,
+      initialValue: o.initialValue || a
     }
   } : n ? {
     ...e,
@@ -806,16 +813,16 @@ function _(r) {
     }
   } : e;
 }
-const R = ["inline", "classic", "balloon", "decoupled", "multiroot"];
-function nt(r) {
+const H = ["inline", "classic", "balloon", "decoupled", "multiroot"];
+function ot(r) {
   const t = r.getAttribute("cke-preset");
   if (!t)
     throw new Error('CKEditor5 hook requires a "cke-preset" attribute on the element.');
   const { type: e, config: i, license: a, ...n } = JSON.parse(t);
   if (!e || !i || !a)
     throw new Error('CKEditor5 hook configuration must include "editor", "config", and "license" properties.');
-  if (!R.includes(e))
-    throw new Error(`Invalid editor type: ${e}. Must be one of: ${R.join(", ")}.`);
+  if (!H.includes(e))
+    throw new Error(`Invalid editor type: ${e}. Must be one of: ${H.join(", ")}.`);
   return {
     type: e,
     license: a,
@@ -844,12 +851,12 @@ function st(r, t) {
     i.setStyle("height", `${t}px`, e.view.document.getRoot());
   });
 }
-const O = Symbol.for("elixir-editor-watchdog");
-async function ot(r) {
+const A = Symbol.for("elixir-editor-watchdog");
+async function ct(r) {
   const { EditorWatchdog: t } = await import("ckeditor5"), e = new t(r);
   return e.setCreator(async (...i) => {
     const a = await r.create(...i);
-    return a[O] = e, a;
+    return a[A] = e, a;
   }), {
     watchdog: e,
     Constructor: {
@@ -857,13 +864,13 @@ async function ot(r) {
     }
   };
 }
-function ct(r) {
-  return O in r ? r[O] : null;
+function ut(r) {
+  return A in r ? r[A] : null;
 }
-class w extends V {
+class w extends W {
   static the = new w();
 }
-function ut(r) {
+function lt(r) {
   const t = r.getAttribute("cke-context");
   if (!t)
     throw new Error('CKEditor5 hook requires a "cke-context" attribute on the element.');
@@ -874,7 +881,7 @@ function ut(r) {
     watchdogConfig: i.watchdogConfig || i.watchdog_config
   };
 }
-class lt extends P {
+class dt extends P {
   /**
    * The promise that resolves to the context instance.
    */
@@ -885,7 +892,7 @@ class lt extends P {
   get attrs() {
     const t = (i) => this.el.getAttribute(i) || null, e = {
       id: this.el.id,
-      config: ut(this.el),
+      config: lt(this.el),
       language: {
         ui: t("cke-language") || "en",
         content: t("cke-content-language") || "en"
@@ -902,17 +909,17 @@ class lt extends P {
    * Mounts the context component.
    */
   async mounted() {
-    const { id: t, language: e } = this.attrs, { customTranslations: i, watchdogConfig: a, config: { plugins: n, ...s } } = this.attrs.config, { loadedPlugins: u, hasPremium: o } = await B(n ?? []), l = [
-      ...await L(e, o),
-      K(i?.dictionary || {})
+    const { id: t, language: e } = this.attrs, { customTranslations: i, watchdogConfig: a, config: { plugins: n, ...o } } = this.attrs.config, { loadedPlugins: u, hasPremium: s } = await V(n ?? []), l = [
+      ...await B(e, s),
+      F(i?.dictionary || {})
     ].filter((f) => !q(f));
     this.contextPromise = (async () => {
-      const { ContextWatchdog: f, Context: C } = await import("ckeditor5"), p = new f(C, {
+      const { ContextWatchdog: f, Context: v } = await import("ckeditor5"), p = new f(v, {
         crashNumberLimit: 10,
         ...a
       });
       return await p.create({
-        ...s,
+        ...o,
         language: e,
         plugins: u,
         ...l.length && {
@@ -938,27 +945,27 @@ class lt extends P {
     }
   }
 }
-function dt(r) {
+function mt(r) {
   return r.hasAttribute("cke-context");
 }
-function mt(r) {
+function ht(r) {
   let t = r;
   for (; t; ) {
-    if (dt(t))
+    if (mt(t))
       return t;
     t = t.parentElement;
   }
   return null;
 }
-async function ht(r) {
-  const t = mt(r);
+async function pt(r) {
+  const t = ht(r);
   return t ? w.the.waitFor(t.id) : null;
 }
-const pt = v(lt);
-class h extends V {
+const wt = C(dt);
+class h extends W {
   static the = new h();
 }
-class wt extends P {
+class ft extends P {
   /**
    * The name of the hook.
    */
@@ -985,18 +992,18 @@ class wt extends P {
    */
   async mounted() {
     const { editableId: t, editorId: e, rootName: i, initialValue: a } = this.attrs, n = this.el.querySelector(`#${t}_input`);
-    this.editorPromise = h.the.execute(e, (s) => {
+    this.editorPromise = h.the.execute(e, (o) => {
       if (this.isBeingDestroyed())
         return null;
-      const { ui: u, editing: o, model: c } = s;
+      const { ui: u, editing: s, model: c } = o;
       if (c.document.getRoot(i))
-        return s;
-      s.addRoot(i, {
+        return o;
+      o.addRoot(i, {
         isUndoable: !1,
         data: a
       });
       const l = this.el.querySelector("[data-cke-editable-content]"), m = u.view.createEditable(i, l);
-      return u.addEditable(m), o.view.forceRender(), n && gt(n, s, i), s;
+      return u.addEditable(m), s.view.forceRender(), n && yt(n, o, i), o;
     });
   }
   /**
@@ -1012,14 +1019,86 @@ class wt extends P {
     }
   }
 }
-const ft = v(wt);
-function gt(r, t, e) {
+const gt = C(ft);
+function yt(r, t, e) {
   const i = () => {
     r.value = t.getData({ rootName: e });
   };
-  t.model.document.on("change:data", A(100, i)), i();
+  t.model.document.on("change:data", O(100, i)), i();
 }
-async function yt({
+async function bt() {
+  const { Plugin: r, FileRepository: t } = await import("ckeditor5");
+  return class extends r {
+    /**
+     * The name of the plugin.
+     */
+    static get pluginName() {
+      return "PhoenixUploadAdapter";
+    }
+    static get requires() {
+      return [t];
+    }
+    /**
+     * Initializes the plugin.
+     */
+    init() {
+      const { editor: i } = this, { plugins: a, config: n } = i, o = n.get("phoenixUpload.url");
+      if (!o || a.has("SimpleUploadAdapter") || a.has("Base64UploadAdapter") || a.has("CKFinderUploadAdapter"))
+        return;
+      const u = a.get(t);
+      u.createUploadAdapter = (s) => new Et(s, o);
+    }
+  };
+}
+class Et {
+  loader;
+  uploadUrl;
+  abortController = null;
+  constructor(t, e) {
+    this.loader = t, this.uploadUrl = e;
+  }
+  /**
+   * Starts the upload process.
+   */
+  async upload() {
+    const t = await this.loader.file;
+    this.abortController = new AbortController();
+    const e = new FormData();
+    e.append("file", t), t.size && (this.loader.uploadTotal = t.size, this.loader.uploaded = 0);
+    const i = {}, a = Q();
+    a && (i["X-CSRF-Token"] = a);
+    try {
+      const n = await fetch(this.uploadUrl, {
+        method: "POST",
+        headers: i,
+        body: e,
+        signal: this.abortController.signal
+      });
+      if (!n.ok) {
+        let u = "Couldn't upload file!";
+        try {
+          const s = await n.json();
+          s?.error?.message && (u = s.error.message);
+        } catch {
+        }
+        throw new Error(u);
+      }
+      return this.loader.uploaded = this.loader.uploadTotal, {
+        default: (await n.json()).url
+      };
+    } catch (n) {
+      throw n.name === "AbortError" ? n : n.message || "Couldn't upload file!";
+    }
+  }
+  /**
+   * Aborts the upload process.
+   */
+  /* v8 ignore next 4 */
+  abort() {
+    this.abortController?.abort(), this.abortController = null;
+  }
+}
+async function kt({
   editorId: r,
   saveDebounceMs: t
 }) {
@@ -1044,7 +1123,7 @@ async function yt({
      */
     afterInit() {
       const { editor: a } = this;
-      this.input = document.getElementById(`${r}_input`), this.input && (a.model.document.on("change:data", A(t, () => this.sync())), a.once("ready", this.sync), this.form = this.input.closest("form"), this.form?.addEventListener("submit", this.sync));
+      this.input = document.getElementById(`${r}_input`), this.input && (a.model.document.on("change:data", O(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.
@@ -1061,8 +1140,8 @@ async function yt({
     }
   };
 }
-async function bt(r) {
-  const { Plugin: t } = await import("ckeditor5"), { editorId: e, saveDebounceMs: i, events: a, pushEvent: n, handleEvent: s } = r;
+async function Pt(r) {
+  const { Plugin: t } = await import("ckeditor5"), { editorId: e, saveDebounceMs: i, events: a, pushEvent: n, handleEvent: o } = r;
   return class extends t {
     /**
      * The name of the plugin.
@@ -1074,37 +1153,37 @@ async function bt(r) {
      * Initializes the plugin.
      */
     init() {
-      const { editor: o } = this;
-      a.change && this.setupTypingContentPush(), a.blur && this.setupEventPush("blur"), a.focus && this.setupEventPush("focus"), s("ckeditor5:set-data", ({ editorId: c, data: l }) => {
-        (Q(c) || c === e) && o.setData(l);
+      const { editor: s } = this;
+      a.change && this.setupTypingContentPush(), a.blur && this.setupEventPush("blur"), a.focus && this.setupEventPush("focus"), o("ckeditor5:set-data", ({ editorId: c, data: l }) => {
+        (Z(c) || c === e) && s.setData(l);
       });
     }
     /**
      * Setups the content push event for the editor.
      */
     setupTypingContentPush() {
-      const { editor: o } = this, c = () => {
+      const { editor: s } = this, c = () => {
         n(
           "ckeditor5:change",
           {
             editorId: e,
-            data: W(this.editor)
+            data: N(this.editor)
           }
         );
       };
-      o.model.document.on("change:data", A(i, c)), o.once("ready", c);
+      s.model.document.on("change:data", O(i, c)), s.once("ready", c);
     }
     /**
      * Setups the event push for the editor.
      */
-    setupEventPush(o) {
+    setupEventPush(s) {
       const { editor: c } = this, l = () => {
         const { isFocused: m } = c.ui.focusTracker;
-        (m ? "focus" : "blur") === o && n(
-          `ckeditor5:${o}`,
+        (m ? "focus" : "blur") === s && n(
+          `ckeditor5:${s}`,
           {
             editorId: e,
-            data: W(c)
+            data: N(c)
           }
         );
       };
@@ -1112,10 +1191,10 @@ async function bt(r) {
     }
   };
 }
-function W(r) {
+function N(r) {
   return r.model.document.getRootNames().reduce((e, i) => (e[i] = r.getData({ rootName: i }), e), /* @__PURE__ */ Object.create({}));
 }
-class Et extends P {
+class Ct extends P {
   /**
    * The promise that resolves to the editor instance.
    */
@@ -1127,7 +1206,7 @@ class Et extends P {
     const { el: t } = this, e = t.getAttribute.bind(t), i = t.hasAttribute.bind(t), a = {
       editorId: e("id"),
       contextId: e("cke-context-id"),
-      preset: nt(t),
+      preset: ot(t),
       editableHeight: z(e("cke-editable-height")),
       watchdog: i("cke-watchdog"),
       events: {
@@ -1175,7 +1254,7 @@ class Et extends P {
       const t = await this.editorPromise;
       if (!t)
         return;
-      const e = rt(t), i = ct(t);
+      const e = it(t), i = ut(t);
       e ? e.state !== "unavailable" && await e.context.remove(e.editorContextId) : i ? await i.destroy() : await t.destroy();
     } finally {
       this.editorPromise = null;
@@ -1185,55 +1264,58 @@ class Et extends P {
    * Creates the CKEditor instance.
    */
   async createEditor() {
-    const { preset: t, editorId: e, contextId: i, editableHeight: a, events: n, saveDebounceMs: s, language: u, watchdog: o } = this.attrs, { customTranslations: c, type: l, license: m, config: { plugins: f, ...C } } = t;
-    let p = await it(l);
-    const g = await (i ? w.the.waitFor(i) : ht(this.el));
-    if (o && !g) {
-      const d = await ot(p);
+    const { preset: t, editorId: e, contextId: i, editableHeight: a, events: n, saveDebounceMs: o, language: u, watchdog: s } = this.attrs, { customTranslations: c, type: l, license: m, config: { plugins: f, ...v } } = t;
+    let p = await at(l);
+    const g = await (i ? w.the.waitFor(i) : pt(this.el));
+    if (s && !g) {
+      const d = await ct(p);
       ({ Constructor: p } = d), d.watchdog.on("restart", () => {
         const b = d.watchdog.editor;
         this.editorPromise = Promise.resolve(b), h.the.register(e, b);
       });
     }
-    const { loadedPlugins: I, hasPremium: G } = await B(f);
-    E(l) && I.push(
-      await yt({
-        editorId: e,
-        saveDebounceMs: s
-      })
-    ), I.push(
-      await bt({
+    const { loadedPlugins: T, hasPremium: G } = await V(f);
+    E(l) && T.push(
+      await kt({
         editorId: e,
-        saveDebounceMs: s,
-        events: n,
-        pushEvent: this.pushEvent.bind(this),
-        handleEvent: this.handleEvent.bind(this)
+        saveDebounceMs: o
       })
+    ), T.push(
+      ...await Promise.all([
+        Pt({
+          editorId: e,
+          saveDebounceMs: o,
+          events: n,
+          pushEvent: this.pushEvent.bind(this),
+          handleEvent: this.handleEvent.bind(this)
+        }),
+        bt()
+      ])
     );
     const j = [
-      ...await L(u, G),
-      K(c?.dictionary || {})
+      ...await B(u, G),
+      F(c?.dictionary || {})
     ].filter((d) => !q(d));
-    let y = N(e);
+    let y = R(e);
     E(l) && (y = y.main || "");
     const $ = await (async () => {
-      let d = U(e);
+      let d = _(e);
       if (!(d instanceof HTMLElement) && !("main" in d)) {
         const M = l === "decoupled" ? ["main"] : Object.keys(y);
-        F(d, M) || (d = await kt(e, M), y = N(e));
+        L(d, M) || (d = await vt(e, M), y = R(e));
       }
       E(l) && "main" in d && (d = d.main);
       const b = {
-        ...x(C),
+        ...x(v),
         initialData: y,
         licenseKey: m.key,
-        plugins: I,
+        plugins: T,
         language: u,
         ...j.length && {
           translations: j
         }
       };
-      return !g || !(d instanceof HTMLElement) ? p.create(d, b) : (await et({
+      return !g || !(d instanceof HTMLElement) ? p.create(d, b) : (await rt({
         context: g,
         element: d,
         creator: p,
@@ -1243,14 +1325,14 @@ class Et extends P {
     return E(l) && a && st($, a), $;
   }
 }
-function F(r, t) {
+function L(r, t) {
   return t.every((e) => r[e]);
 }
-async function kt(r, t) {
-  return tt(
+async function vt(r, t) {
+  return et(
     () => {
-      const e = U(r);
-      if (!F(e, t))
+      const e = _(r);
+      if (!L(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.
@@ -1262,8 +1344,8 @@ Missing roots: ${t.filter((i) => !e[i]).join(", ")}.`
     { timeOutAfter: 2e3, retryAfter: 100 }
   );
 }
-const Pt = v(Et);
-class vt extends P {
+const Tt = C(Ct);
+class It extends P {
   /**
    * The name of the hook.
    */
@@ -1291,12 +1373,12 @@ class vt extends P {
     this.mountedPromise = h.the.execute(t, (i) => {
       if (this.isBeingDestroyed())
         return;
-      const { ui: a } = i, n = Ct(e), s = a.view[n];
-      if (!s) {
+      const { ui: a } = i, n = xt(e), o = a.view[n];
+      if (!o) {
         console.error(`Unknown UI part name: "${e}". Supported names are "toolbar" and "menubar".`);
         return;
       }
-      this.el.appendChild(s.element);
+      this.el.appendChild(o.element);
     });
   }
   /**
@@ -1306,7 +1388,7 @@ class vt extends P {
     this.el.style.display = "none", await this.mountedPromise, this.mountedPromise = null, this.el.innerHTML = "";
   }
 }
-function Ct(r) {
+function xt(r) {
   switch (r) {
     case "toolbar":
       return "toolbar";
@@ -1316,17 +1398,18 @@ function Ct(r) {
       return null;
   }
 }
-const It = v(vt), St = {
-  CKEditor5: Pt,
-  CKEditable: ft,
-  CKUIPart: It,
-  CKContext: pt
+const At = C(It), Mt = {
+  CKEditor5: Tt,
+  CKEditable: gt,
+  CKUIPart: At,
+  CKContext: wt
 };
 export {
+  w as ContextsRegistry,
   D as CustomEditorPluginsRegistry,
   h as EditorsRegistry,
-  St as Hooks,
-  rt as unwrapEditorContext,
-  ct as unwrapEditorWatchdog
+  Mt as Hooks,
+  it as unwrapEditorContext,
+  ut as unwrapEditorWatchdog
 };
 //# sourceMappingURL=index.mjs.map