ckeditor5-blazor 1.3.0 → 1.4.0

package/dist/index.mjs

@@ -3,7 +3,7 @@ class b extends Error {
     super(t), this.name = "CKEditor5BlazorError";
   }
 }
-class _ {
+class j {
   /**
    * Map of registered items.
    */
@@ -199,7 +199,7 @@ function et(r, t) {
   const e = Object.entries(r).filter(([i, a]) => t(a, i));
   return Object.fromEntries(e);
 }
-function B(r) {
+function _(r) {
   return Object.keys(r).length === 0 && r.constructor === Object;
 }
 function V(r, t) {
@@ -240,7 +240,7 @@ function at(r, {
     u();
   });
 }
-function I() {
+function T() {
   return new Promise((r) => {
     switch (document.readyState) {
       case "loading":
@@ -301,7 +301,7 @@ async function nt({ element: r, context: t, creator: e, config: i }) {
 function ot(r) {
   return x in r ? r[x] : null;
 }
-function j(r) {
+function B(r) {
   return Array.from(r.model.document.getRoots()).reduce((t, e) => (e.rootName === "$graveyard" || (t[e.rootName] = r.getData({ rootName: e.rootName })), t), /* @__PURE__ */ Object.create({}));
 }
 function A(r) {
@@ -383,6 +383,15 @@ async function H(r) {
   const t = await import("ckeditor5");
   let e = null;
   const i = r.map(async (a) => {
+    if (st(a)) {
+      const { name: u, path: s } = a.$import, d = await import(
+        /* @vite-ignore */
+        s
+      ), g = (Object.prototype.hasOwnProperty.call(d, u) ? d[u] : void 0) ?? (Object.prototype.hasOwnProperty.call(d, "default") ? d.default : void 0);
+      if (!g)
+        throw new b(`Plugin "${u}" not found in module "${s}".`);
+      return g;
+    }
     const n = await R.the.get(a);
     if (n)
       return n;
@@ -405,6 +414,9 @@ async function H(r) {
     hasPremium: !!e
   };
 }
+function st(r) {
+  return typeof r == "object" && r !== null && "$import" in r;
+}
 async function J(r, t) {
   const e = [r.ui, r.content];
   return await Promise.all(
@@ -418,12 +430,12 @@ async function J(r, t) {
 async function q(r, t) {
   return await Promise.all(
     t.filter((e) => e !== "en").map(async (e) => {
-      const i = await st(r, e);
+      const i = await ct(r, e);
       return i?.default ?? i;
     }).filter(Boolean)
   );
 }
-async function st(r, t) {
+async function ct(r, t) {
   try {
     if (r === "ckeditor5")
       switch (t) {
@@ -779,36 +791,36 @@ function P(r) {
     e[i] = P(a);
   return e;
 }
-function T(r, t, e) {
+function I(r, t, e) {
   if (!e || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    return e.map((n) => T(r, t, n));
+    return e.map((n) => I(r, t, n));
   const i = e;
   if (i.$translation && typeof i.$translation == "string") {
-    const n = i.$translation, o = ct(r, n, t);
+    const n = i.$translation, o = ut(r, n, t);
     return o === void 0 && console.warn(`Translation not found for key: ${n}`), o !== void 0 ? o : null;
   }
   const a = /* @__PURE__ */ Object.create(null);
   for (const [n, o] of Object.entries(e))
-    a[n] = T(r, t, o);
+    a[n] = I(r, t, o);
   return a;
 }
-function ct(r, t, e) {
+function ut(r, t, e) {
   for (const i of r) {
     const a = i[e];
     if (a?.dictionary && t in a.dictionary)
       return a.dictionary[t];
   }
 }
-function ut(r, t) {
+function lt(r, t) {
   const { editing: e } = r;
   e.view.change((i) => {
     i.setStyle("height", `${t}px`, e.view.document.getRoot());
   });
 }
 const N = /* @__PURE__ */ Symbol.for("elixir-editor-watchdog");
-async function lt(r) {
+async function dt(r) {
   const { EditorWatchdog: t } = await import("ckeditor5"), e = new t(r);
   return e.setCreator(async (...i) => {
     const a = await r.create(...i);
@@ -820,13 +832,13 @@ async function lt(r) {
     }
   };
 }
-function dt(r) {
+function mt(r) {
   return N in r ? r[N] : null;
 }
-class v extends _ {
+class v extends j {
   static the = new v();
 }
-class mt extends HTMLElement {
+class ht extends HTMLElement {
   /**
    * The promise that resolves to the context instance.
    */
@@ -839,35 +851,35 @@ class mt extends HTMLElement {
    * Mounts the context component.
    */
   async connectedCallback() {
-    await I(), this.interactiveWait = M(this), await this.interactiveWait.promise, await this.initializeContext();
+    await T(), this.interactiveWait = M(this), await this.interactiveWait.promise, await this.initializeContext();
   }
   /**
    * Initializes the context component.
    */
   async initializeContext() {
-    const t = this.getAttribute("data-cke-context-id"), e = JSON.parse(this.getAttribute("data-cke-language")), i = JSON.parse(this.getAttribute("data-cke-context")), { customTranslations: a, watchdogConfig: n, config: { plugins: o, ...c } } = i, { loadedPlugins: u, hasPremium: s } = await H(o ?? []), p = [
+    const t = this.getAttribute("data-cke-context-id"), e = JSON.parse(this.getAttribute("data-cke-language")), i = JSON.parse(this.getAttribute("data-cke-context")), { customTranslations: a, watchdogConfig: n, config: { plugins: o, ...c } } = i, { loadedPlugins: u, hasPremium: s } = await H(o ?? []), d = [
       ...await J(e, s),
       K(a || {})
-    ].filter((f) => !B(f));
+    ].filter((f) => !_(f));
     this.contextPromise = (async () => {
-      const { ContextWatchdog: f, Context: w } = await import("ckeditor5"), h = new f(w, {
+      const { ContextWatchdog: f, Context: w } = await import("ckeditor5"), p = new f(w, {
         crashNumberLimit: 10,
         ...n
       });
-      let y = P(c);
-      return y = T([...p].reverse(), e.ui, y), await h.create({
-        ...y,
+      let E = P(c);
+      return E = I([...d].reverse(), e.ui, E), await p.create({
+        ...E,
         language: e,
         plugins: u,
-        ...p.length && {
-          translations: p
+        ...d.length && {
+          translations: d
         }
-      }), h.on("itemError", (...D) => {
+      }), p.on("itemError", (...D) => {
         console.error("Context item error:", ...D);
-      }), h;
+      }), p;
     })();
-    const E = await this.contextPromise;
-    this.isConnected && v.the.register(t, E);
+    const g = await this.contextPromise;
+    this.isConnected && v.the.register(t, g);
   }
   /**
    * Destroys the context component. Unmounts root from the editor.
@@ -883,10 +895,10 @@ class mt extends HTMLElement {
     }
   }
 }
-class m extends _ {
-  static the = new m();
+class h extends j {
+  static the = new h();
 }
-class ht extends HTMLElement {
+class pt extends HTMLElement {
   /**
    * The promise that resolves when the editable is mounted.
    */
@@ -909,7 +921,7 @@ class ht extends HTMLElement {
    * Mounts the editable component.
    */
   async connectedCallback() {
-    await I(), this.interactiveWait = M(this), await this.interactiveWait.promise, await this.initializeEditable();
+    await T(), this.interactiveWait = M(this), await this.interactiveWait.promise, await this.initializeEditable();
   }
   /**
    * Initializes the editable instance.
@@ -919,14 +931,14 @@ class ht extends HTMLElement {
     const t = this.getAttribute("data-cke-editor-id"), e = this.getAttribute("data-cke-root-name"), i = this.getAttribute("data-cke-content"), a = Number.parseInt(this.getAttribute("data-cke-save-debounce-ms"), 10);
     if (!t || !e)
       throw new b("Editor ID or Root Name is missing.");
-    this.style.display = "block", this.editorPromise = m.the.execute(t, async (n) => {
+    this.style.display = "block", this.editorPromise = h.the.execute(t, async (n) => {
       if (!this.isConnected)
         return null;
       const { ui: o, editing: c, model: u } = n, s = this.querySelector("input");
       if (u.document.getRoot(e)?.isAttached()) {
         if (i !== null) {
-          const h = n.getData({ rootName: e });
-          h && h !== i && n.setData({
+          const p = n.getData({ rootName: e });
+          p && p !== i && n.setData({
             [e]: i
           });
         }
@@ -938,15 +950,15 @@ class ht extends HTMLElement {
           data: i
         }
       });
-      const p = this.querySelector("[data-cke-editable-content]"), E = o.view.createEditable(e, p);
-      o.addEditable(E), c.view.forceRender();
+      const d = this.querySelector("[data-cke-editable-content]"), g = o.view.createEditable(e, d);
+      o.addEditable(g), c.view.forceRender();
       const f = () => {
         if (!u.document.getRoot(e)?.isAttached())
           return;
-        const h = n.getData({ rootName: e });
-        s && (s.value = h, s.dispatchEvent(new Event("input"))), this.dispatchEvent(new CustomEvent("change", {
+        const p = n.getData({ rootName: e });
+        s && (s.value = p, s.dispatchEvent(new Event("input"))), this.dispatchEvent(new CustomEvent("change", {
           detail: {
-            value: h
+            value: p
           }
         }));
       }, w = z(a, f);
@@ -977,7 +989,7 @@ class ht extends HTMLElement {
     }
   }
 }
-async function pt({
+async function wt({
   saveDebounceMs: r,
   editorId: t,
   targetElement: e
@@ -1003,25 +1015,25 @@ async function pt({
     dispatch = () => {
       const { editor: n } = this;
       e.dispatchEvent(
-        new g({
+        new y({
           editorId: t,
           editor: n,
-          roots: j(n)
+          roots: B(n)
         })
       );
     };
   };
 }
-class g extends CustomEvent {
+class y extends CustomEvent {
   static EVENT_NAME = "ckeditor5:change:data";
   constructor(t) {
-    super(g.EVENT_NAME, {
+    super(y.EVENT_NAME, {
       detail: t,
       bubbles: !0
     });
   }
 }
-async function wt(r) {
+async function ft(r) {
   const { Plugin: t } = await import("ckeditor5");
   return class extends t {
     /**
@@ -1062,7 +1074,7 @@ async function wt(r) {
     }
   };
 }
-class ft extends HTMLElement {
+class gt extends HTMLElement {
   /**
    * The promise that resolves to the editor instance.
    */
@@ -1075,22 +1087,22 @@ class ft extends HTMLElement {
    * Mounts the editor component.
    */
   async connectedCallback() {
-    await I(), this.interactiveWait = M(this), L("classic"), await this.interactiveWait.promise, await this.initializeEditor();
+    await T(), this.interactiveWait = M(this), L("classic"), await this.interactiveWait.promise, await this.initializeEditor();
   }
   /**
    * Initializes the editor instance.
    */
   async initializeEditor() {
     const t = this.getAttribute("data-cke-editor-id");
-    m.the.resetErrors(t);
+    h.the.resetErrors(t);
     try {
       this.style.display = "block", this.editorPromise = this.createEditor();
       const e = await this.editorPromise;
-      this.isConnected && (m.the.register(t, e), e.once("destroy", () => {
-        m.the.hasItem(t) && m.the.unregister(t);
+      this.isConnected && (h.the.register(t, e), e.once("destroy", () => {
+        h.the.hasItem(t) && h.the.unregister(t);
       }));
     } catch (e) {
-      console.error(`Error initializing CKEditor5 instance with ID "${t}":`, e), this.editorPromise = null, m.the.error(t, e);
+      console.error(`Error initializing CKEditor5 instance with ID "${t}":`, e), this.editorPromise = null, h.the.error(t, e);
     }
   }
   /**
@@ -1103,7 +1115,7 @@ class ft extends HTMLElement {
       const t = await this.editorPromise;
       if (!t)
         return;
-      const e = ot(t), i = dt(t);
+      const e = ot(t), i = mt(t);
       e ? e.state !== "unavailable" && await e.context.remove(e.editorContextId) : i ? await i.destroy() : await t.destroy();
     } finally {
       this.editorPromise = null;
@@ -1116,73 +1128,73 @@ class ft extends HTMLElement {
     const t = this.getAttribute("data-cke-editor-id"), e = JSON.parse(this.getAttribute("data-cke-preset")), i = this.getAttribute("data-cke-context-id"), a = this.getAttribute("data-cke-editable-height") ? Number.parseInt(this.getAttribute("data-cke-editable-height"), 10) : null, n = Number.parseInt(this.getAttribute("data-cke-save-debounce-ms"), 10), o = JSON.parse(this.getAttribute("data-cke-language")), c = this.hasAttribute("data-cke-watchdog"), u = JSON.parse(this.getAttribute("data-cke-content")), {
       customTranslations: s,
       editorType: l,
-      licenseKey: p,
-      config: { plugins: E, ...f }
+      licenseKey: d,
+      config: { plugins: g, ...f }
     } = e;
     let w = await L(l);
-    const h = await (i ? v.the.waitFor(i) : null);
-    if (c && !h) {
-      const d = await lt(w);
-      ({ Constructor: w } = d), d.watchdog.on("restart", () => {
-        const k = d.watchdog.editor;
-        this.editorPromise = Promise.resolve(k), m.the.register(t, k);
+    const p = await (i ? v.the.waitFor(i) : null);
+    if (c && !p) {
+      const m = await dt(w);
+      ({ Constructor: w } = m), m.watchdog.on("restart", () => {
+        const k = m.watchdog.editor;
+        this.editorPromise = Promise.resolve(k), h.the.register(t, k);
       });
     }
-    const { loadedPlugins: y, hasPremium: D } = await H(E);
-    y.push(
-      await pt({
+    const { loadedPlugins: E, hasPremium: D } = await H(g);
+    E.push(
+      await wt({
         saveDebounceMs: n,
         editorId: t,
         targetElement: this
       })
-    ), A(l) && y.push(
-      await wt(n)
+    ), A(l) && E.push(
+      await ft(n)
     );
     const S = [
       ...await J(o, D),
       K(s || {})
-    ].filter((d) => !B(d));
+    ].filter((m) => !_(m));
     let C = {
       ...u,
       ...U(t)
     };
     A(l) && (C = C.main || "");
     const $ = await (async () => {
-      let d = Y(t);
-      if (!d.main) {
+      let m = Y(t);
+      if (!m.main) {
         const F = A(l) ? ["main"] : Object.keys(C);
-        Q(d, F) || (d = await gt(t, F), C = {
+        Q(m, F) || (m = await yt(t, F), C = {
           ...u,
           ...U(t)
         });
       }
-      A(l) && "main" in d && (d = d.main);
+      A(l) && "main" in m && (m = m.main);
       let k = P(f);
-      k = T([...S].reverse(), o.ui, k);
+      k = I([...S].reverse(), o.ui, k);
       const W = {
         ...k,
         initialData: C,
-        licenseKey: p,
-        plugins: y,
+        licenseKey: d,
+        plugins: E,
         language: o,
         ...S.length && {
           translations: S
         }
       };
-      return !h || !(d instanceof HTMLElement) ? w.create(d, W) : (await nt({
-        context: h,
-        element: d,
+      return !p || !(m instanceof HTMLElement) ? w.create(m, W) : (await nt({
+        context: p,
+        element: m,
         creator: w,
         config: W
       })).editor;
     })();
-    return A(l) && a && ut($, a), $;
+    return A(l) && a && lt($, a), $;
   }
 }
 function Q(r, t) {
   return t.every((e) => r[e]);
 }
-async function gt(r, t) {
+async function yt(r, t) {
   return at(
     () => {
       const e = Y(r);
@@ -1198,7 +1210,7 @@ Missing roots: ${t.filter((i) => !e[i]).join(", ")}.`
     { timeOutAfter: 2e3, retryAfter: 100 }
   );
 }
-class yt extends HTMLElement {
+class bt extends HTMLElement {
   /**
    * The promise that resolves when the UI part is mounted.
    */
@@ -1207,12 +1219,12 @@ class yt extends HTMLElement {
    * Mounts the UI part component.
    */
   async connectedCallback() {
-    await I();
+    await T();
     const t = this.getAttribute("data-cke-editor-id") || G()[0], e = this.getAttribute("data-cke-name");
-    !t || !e || (this.style.display = "block", this.mountedPromise = m.the.execute(t, (i) => {
+    !t || !e || (this.style.display = "block", this.mountedPromise = h.the.execute(t, (i) => {
       if (!this.isConnected)
         return;
-      const { ui: a } = i, n = bt(e), o = a.view[n];
+      const { ui: a } = i, n = Et(e), o = a.view[n];
       if (!o)
         throw new b(`Unknown UI part name: "${e}". Supported names are "toolbar" and "menubar".`);
       this.appendChild(o.element);
@@ -1225,7 +1237,7 @@ class yt extends HTMLElement {
     this.style.display = "none", await this.mountedPromise, this.mountedPromise = null, this.innerHTML = "";
   }
 }
-function bt(r) {
+function Et(r) {
   switch (r) {
     case "toolbar":
       return "toolbar";
@@ -1236,17 +1248,17 @@ function bt(r) {
       return null;
   }
 }
-const Et = {
-  "cke5-editor": ft,
-  "cke5-context": mt,
-  "cke5-ui-part": yt,
-  "cke5-editable": ht
+const kt = {
+  "cke5-editor": gt,
+  "cke5-context": ht,
+  "cke5-ui-part": bt,
+  "cke5-editable": pt
 };
-function kt() {
-  for (const [r, t] of Object.entries(Et))
+function vt() {
+  for (const [r, t] of Object.entries(kt))
     window.customElements.get(r) || window.customElements.define(r, t);
 }
-function Ot(r) {
+function Dt(r) {
   return O(r), {
     unmount() {
     }
@@ -1309,70 +1321,70 @@ function tt() {
     }
   };
 }
-function Dt(r, t) {
+function St(r, t) {
   const e = r.getAttribute("data-cke-editor-id"), i = r.getAttribute("data-cke-root-name") ?? "main";
   let a = !1, n = tt(), o = null;
   const c = (s) => {
-    if (!(s instanceof g) || s.detail.editorId !== e)
+    if (!(s instanceof y) || s.detail.editorId !== e)
       return;
     const l = s.detail.roots[i];
     l !== void 0 && n.shouldNotify(l) && t.invokeMethodAsync("OnChangeEditableData", o, l);
   };
   return (async () => {
-    const s = await m.the.waitFor(e);
+    const s = await h.the.waitFor(e);
     o = DotNet.createJSObjectReference(s), n = Z(s, {
       getCurrentValue: () => s.getData({ rootName: i }) ?? "",
       applyValue: (l) => s.setData({ [i]: l }),
-      isEqual: (l, p) => l === p
+      isEqual: (l, d) => l === d
     });
-  })(), document.body.addEventListener(g.EVENT_NAME, c), O(r), {
+  })(), document.body.addEventListener(y.EVENT_NAME, c), O(r), {
     /**
      * Cleans up all event listeners when the Blazor component is disposed.
      */
     unmount() {
-      a || (document.body.removeEventListener(g.EVENT_NAME, c), n.unmount(), o && (DotNet.disposeJSObjectReference(o), o = null), a = !0);
+      a || (document.body.removeEventListener(y.EVENT_NAME, c), n.unmount(), o && (DotNet.disposeJSObjectReference(o), o = null), a = !0);
     },
     /**
      * Updates this editable root's data from Blazor.
      * If the editor is focused, the update is deferred until blur to avoid interrupting the user.
      */
     setValue: async (s) => {
-      a || (await m.the.waitFor(e), n.setValue(s));
+      a || (await h.the.waitFor(e), n.setValue(s));
     }
   };
 }
-function St(r, t) {
+function xt(r, t) {
   const e = r.getAttribute("data-cke-editor-id");
   let i = !1, a = null, n = tt(), o = null;
   const c = (s) => {
-    !(s instanceof g) || s.detail.editorId !== e || n.shouldNotify(s.detail.roots) && t.invokeMethodAsync("OnChangeEditorData", o, s.detail.roots);
+    !(s instanceof y) || s.detail.editorId !== e || n.shouldNotify(s.detail.roots) && t.invokeMethodAsync("OnChangeEditorData", o, s.detail.roots);
   };
   return (async () => {
-    const s = await m.the.waitFor(e);
+    const s = await h.the.waitFor(e);
     o = globalThis.DotNet.createJSObjectReference(s), n = Z(s, {
-      getCurrentValue: () => j(s),
-      applyValue: (p) => s.setData(p),
+      getCurrentValue: () => B(s),
+      applyValue: (d) => s.setData(d),
       isEqual: rt
     });
-    const l = (p, E, f) => {
+    const l = (d, g, f) => {
       const w = f ? "OnEditorFocus" : "OnEditorBlur";
       t.invokeMethodAsync(w, o);
     };
     s.ui.focusTracker.on("change:isFocused", l), t.invokeMethodAsync("OnEditorReady", o), a = () => {
       s.ui.focusTracker.off("change:isFocused", l);
     };
-  })(), document.body.addEventListener(g.EVENT_NAME, c), kt(), O(r), {
+  })(), document.body.addEventListener(y.EVENT_NAME, c), vt(), O(r), {
     /**
      * Updates the editor data from Blazor. If the editor is focused, the update is deferred until blur to avoid interrupting the user.
      */
     setValue: async (s) => {
-      i || (await m.the.waitFor(e), n.setValue(s));
+      i || (await h.the.waitFor(e), n.setValue(s));
     },
     /**
      * Cleans up all event listeners when the Blazor component is disposed.
      */
     unmount() {
-      i || (document.body.removeEventListener(g.EVENT_NAME, c), n.unmount(), a?.(), o && (globalThis.DotNet.disposeJSObjectReference(o), o = null), i = !0);
+      i || (document.body.removeEventListener(y.EVENT_NAME, c), n.unmount(), a?.(), o && (globalThis.DotNet.disposeJSObjectReference(o), o = null), i = !0);
     },
     /**
      * Installs the custom image upload adapter that delegates uploads to Blazor.
@@ -1382,12 +1394,12 @@ function St(r, t) {
     attachImageUploadAdapter: async () => {
       if (i)
         return;
-      const s = await m.the.waitFor(e);
-      vt(s, t);
+      const s = await h.the.waitFor(e);
+      Ct(s, t);
     }
   };
 }
-function vt(r, t) {
+function Ct(r, t) {
   if (!r.plugins.has("FileRepository"))
     return;
   const e = r.plugins.get("FileRepository");
@@ -1398,7 +1410,7 @@ function vt(r, t) {
         const n = await i.file;
         if (a)
           throw new Error("Upload aborted.");
-        const o = await Ct(n), c = await t.invokeMethodAsync("OnEditorImageUpload", {
+        const o = await At(n), c = await t.invokeMethodAsync("OnEditorImageUpload", {
           fileName: n.name,
           mimeType: n.type,
           payload: o
@@ -1415,7 +1427,7 @@ function vt(r, t) {
     };
   };
 }
-function Ct(r) {
+function At(r) {
   return new Promise((t, e) => {
     const i = new FileReader();
     i.onload = () => {
@@ -1424,7 +1436,7 @@ function Ct(r) {
     }, i.onerror = () => e(i.error), i.readAsDataURL(r);
   });
 }
-function xt(r) {
+function Nt(r) {
   return O(r), {
     unmount() {
     }
@@ -1432,17 +1444,17 @@ function xt(r) {
 }
 export {
   b as CKEditor5BlazorError,
-  g as CKEditor5ChangeDataEvent,
+  y as CKEditor5ChangeDataEvent,
   v as ContextsRegistry,
   R as CustomEditorPluginsRegistry,
-  ht as EditableComponentElement,
-  ft as EditorComponentElement,
-  m as EditorsRegistry,
-  yt as UIPartComponentElement,
-  Ot as createContextBlazorInterop,
-  Dt as createEditableBlazorInterop,
-  St as createEditorBlazorInterop,
-  xt as createUIPartBlazorInterop,
-  kt as ensureEditorElementsRegistered
+  pt as EditableComponentElement,
+  gt as EditorComponentElement,
+  h as EditorsRegistry,
+  bt as UIPartComponentElement,
+  Dt as createContextBlazorInterop,
+  St as createEditableBlazorInterop,
+  xt as createEditorBlazorInterop,
+  Nt as createUIPartBlazorInterop,
+  vt as ensureEditorElementsRegistered
 };
 //# sourceMappingURL=index.mjs.map