ckeditor5-livewire 1.2.4 → 1.2.6

package/dist/index.mjs

@@ -1,4 +1,4 @@
-class v {
+class C {
   constructor(t) {
     this.livewireComponent = t;
   }
@@ -31,7 +31,7 @@ class v {
     return ["destroyed", "destroying"].includes(this.state);
   }
 }
-function _(i, t) {
+function U(i, t) {
   const e = /* @__PURE__ */ new Map();
   window.Livewire?.hook("component.init", async ({ component: r, cleanup: n }) => {
     if (r.name !== i)
@@ -213,7 +213,7 @@ class H {
     this.items.size === 1 && t !== null && this.register(null, e);
   }
 }
-function O(i, t) {
+function D(i, t) {
   let e = null;
   return (...r) => {
     e && clearTimeout(e), e = setTimeout(() => {
@@ -221,14 +221,14 @@ function O(i, t) {
     }, i);
   };
 }
-function K(i, t) {
+function _(i, t) {
   const e = Object.entries(i).filter(([r, n]) => t(n, r));
   return Object.fromEntries(e);
 }
-function j(i) {
+function W(i) {
   return Object.keys(i).length === 0 && i.constructor === Object;
 }
-function S(i, t) {
+function O(i, t) {
   const e = Object.entries(i).map(([r, n]) => [r, t(n, r)]);
   return Object.fromEntries(e);
 }
@@ -243,10 +243,10 @@ function P(i, t) {
       return !1;
   return !0;
 }
-function G() {
+function K() {
   return Math.random().toString(36).substring(2);
 }
-function Y(i, {
+function G(i, {
   timeOutAfter: t = 500,
   retryAfter: e = 100
 } = {}) {
@@ -267,8 +267,8 @@ function Y(i, {
   });
 }
 const I = Symbol.for("context-editor-watchdog");
-async function X({ element: i, context: t, creator: e, config: r }) {
-  const n = G();
+async function Y({ element: i, context: t, creator: e, config: r }) {
+  const n = K();
   await t.add({
     creator: (c, u) => e.create(c, u),
     id: n,
@@ -288,16 +288,16 @@ async function X({ element: i, context: t, creator: e, config: r }) {
     editor: a
   };
 }
-function J(i) {
+function X(i) {
   return I in i ? i[I] : null;
 }
-function Q(i) {
+function J(i) {
   return i.model.document.getRootNames().reduce((e, r) => (e[r] = i.getData({ rootName: r }), e), /* @__PURE__ */ Object.create({}));
 }
-function C(i) {
+function v(i) {
   return ["inline", "classic", "balloon", "decoupled"].includes(i);
 }
-function Z(i) {
+function Q(i) {
   let t = i;
   for (; t; ) {
     for (const e of t.attributes)
@@ -307,7 +307,7 @@ function Z(i) {
   }
   return !1;
 }
-async function tt(i) {
+async function Z(i) {
   const t = await import("ckeditor5"), r = {
     inline: t.InlineEditor,
     balloon: t.BalloonEditor,
@@ -319,8 +319,8 @@ async function tt(i) {
     throw new Error(`Unsupported editor type: ${i}`);
   return r;
 }
-class $ {
-  static the = new $();
+class S {
+  static the = new S();
   /**
    * Map of registered custom plugins.
    */
@@ -379,11 +379,11 @@ class $ {
     return this.plugins.has(t);
   }
 }
-async function F(i) {
+async function A(i) {
   const t = await import("ckeditor5");
   let e = null;
   const r = i.map(async (n) => {
-    const a = await $.the.get(n);
+    const a = await S.the.get(n);
     if (a)
       return a;
     const { [n]: s } = t;
@@ -409,21 +409,21 @@ async function V(i, t) {
   const e = [i.ui, i.content];
   return await Promise.all(
     [
-      W("ckeditor5", e),
+      R("ckeditor5", e),
       /* v8 ignore next */
-      t && W("ckeditor5-premium-features", e)
+      t && R("ckeditor5-premium-features", e)
     ].filter((n) => !!n)
   ).then((n) => n.flat());
 }
-async function W(i, t) {
+async function R(i, t) {
   return await Promise.all(
     t.filter((e) => e !== "en").map(async (e) => {
-      const r = await et(i, e);
+      const r = await tt(i, e);
       return r?.default ?? r;
     }).filter(Boolean)
   );
 }
-async function et(i, t) {
+async function tt(i, t) {
   try {
     if (i === "ckeditor5")
       switch (t) {
@@ -723,52 +723,46 @@ async function et(i, t) {
     return console.error(`Failed to load translation for ${i}/${t}:`, e), null;
   }
 }
-function q(i) {
-  return S(i, (t) => ({
+function j(i) {
+  return O(i, (t) => ({
     dictionary: t
   }));
 }
-function M(i) {
-  return window.Livewire.all().filter(({ name: t, canonical: e }) => t === "ckeditor5-editable" && e.editorId === i).reduce((t, { canonical: e, el: r }) => ({
+function F(i) {
+  const t = q(i);
+  return O(t, ({ element: e }) => e);
+}
+function q(i) {
+  const t = window.Livewire.all().filter(({ name: s, canonical: o }) => s === "ckeditor5-editable" && o.editorId === i).reduce((s, { canonical: o, el: c }) => ({
+    ...s,
+    [o.rootName]: {
+      element: c.querySelector("[data-cke-editable-content]"),
+      content: o.content
+    }
+  }), /* @__PURE__ */ Object.create({})), r = window.Livewire.all().find(({ name: s, canonical: o }) => s === "ckeditor5" && o.editorId === i)?.canonical.content, n = document.querySelector(`#${i}_editor `), a = t.main;
+  return a && r?.main ? {
     ...t,
-    [e.rootName]: {
-      element: r.querySelector("[data-cke-editable-content]"),
-      content: e.content
+    main: {
+      ...a,
+      content: a.content || r.main
     }
-  }), /* @__PURE__ */ Object.create({}));
-}
-function T(i, t) {
-  if (t === "decoupled") {
-    const { element: r } = N(i);
-    return r;
-  }
-  if (C(t))
-    return document.getElementById(`${i}_editor`);
-  const e = M(i);
-  return S(e, ({ element: r }) => r);
-}
-function A(i, t) {
-  if (t === "decoupled") {
-    const { content: n } = N(i);
-    if (typeof n == "string")
-      return {
-        main: n
-      };
-  }
-  const e = M(i), r = S(e, ({ content: n }) => n);
-  return K(r, (n) => typeof n == "string");
+  } : n ? {
+    ...t,
+    main: {
+      element: n,
+      content: r?.main || null
+    }
+  } : t;
 }
-function N(i) {
-  const t = M(i).main;
-  if (!t)
-    throw new Error(`No "main" editable found for editor with ID "${i}".`);
-  return t;
+function L(i) {
+  const t = q(i), e = O(t, ({ content: r }) => r);
+  return _(e, (r) => typeof r == "string");
 }
-function x(i) {
+function T(i) {
   if (!i || typeof i != "object")
     return i;
   if (Array.isArray(i))
-    return i.map((r) => x(r));
+    return i.map((r) => T(r));
   const t = i;
   if (t.$element && typeof t.$element == "string") {
     const r = document.querySelector(t.$element);
@@ -776,21 +770,21 @@ function x(i) {
   }
   const e = /* @__PURE__ */ Object.create(null);
   for (const [r, n] of Object.entries(i))
-    e[r] = x(n);
+    e[r] = T(n);
   return e;
 }
-function rt(i, t) {
+function et(i, t) {
   const { editing: e } = i;
   e.view.change((r) => {
     r.setStyle("height", `${t}px`, e.view.document.getRoot());
   });
 }
-const D = Symbol.for("elixir-editor-watchdog");
-async function it(i) {
+const x = Symbol.for("elixir-editor-watchdog");
+async function rt(i) {
   const { EditorWatchdog: t } = await import("ckeditor5"), e = new t(i);
   return e.setCreator(async (...r) => {
     const n = await i.create(...r);
-    return n[D] = e, n;
+    return n[x] = e, n;
   }), {
     watchdog: e,
     Constructor: {
@@ -798,13 +792,13 @@ async function it(i) {
     }
   };
 }
-function nt(i) {
-  return D in i ? i[D] : null;
+function it(i) {
+  return x in i ? i[x] : null;
 }
 class y extends H {
   static the = new y();
 }
-class at extends v {
+class nt extends C {
   /**
    * The promise that resolves to the context instance.
    */
@@ -813,10 +807,10 @@ class at extends v {
    * Mounts the context component.
    */
   async mounted() {
-    const { contextId: t, language: e, context: r } = this.canonical, { customTranslations: n, watchdogConfig: a, config: { plugins: s, ...o } } = r, { loadedPlugins: c, hasPremium: u } = await F(s ?? []), h = [
+    const { contextId: t, language: e, context: r } = this.canonical, { customTranslations: n, watchdogConfig: a, config: { plugins: s, ...o } } = r, { loadedPlugins: c, hasPremium: u } = await A(s ?? []), h = [
       ...await V(e, u),
-      q(n || {})
-    ].filter((d) => !j(d));
+      j(n || {})
+    ].filter((d) => !W(d));
     this.contextPromise = (async () => {
       const { ContextWatchdog: d, Context: g } = await import("ckeditor5"), p = new d(g, {
         crashNumberLimit: 10,
@@ -852,7 +846,7 @@ class at extends v {
 class w extends H {
   static the = new w();
 }
-class st extends v {
+class at extends C {
   /**
    * The promise that resolves when the editable is mounted.
    */
@@ -879,13 +873,13 @@ class st extends v {
           data: r
         }
       });
-      const l = this.element.querySelector("[data-cke-editable-content]"), h = o.view.createEditable(e, l);
+      const m = this.element.querySelector("[data-cke-editable-content]"), h = o.view.createEditable(e, m);
       o.addEditable(h), c.view.forceRender();
       const f = () => {
         const d = s.getData({ rootName: e });
         a && (a.value = d), this.$wire.set("content", d);
       };
-      return s.model.document.on("change:data", O(n, f)), f(), s;
+      return s.model.document.on("change:data", D(n, f)), f(), s;
     });
   }
   /**
@@ -910,7 +904,7 @@ class st extends v {
     }
   }
 }
-async function ot({
+async function st({
   saveDebounceMs: i,
   component: t
 }) {
@@ -936,7 +930,7 @@ async function ot({
       let o = null;
       n.on("afterCommitSynced", () => {
         const { content: c } = t.canonical, u = this.getEditorRootsValues();
-        if (Z(t.element)) {
+        if (Q(t.element)) {
           if (s.isFocused) {
             P(c, u) || (o = c);
             return;
@@ -946,8 +940,8 @@ async function ot({
       }), Livewire.on("set-editor-content", ({ editorId: c, content: u }) => {
         if (c !== t.canonical.editorId)
           return;
-        const l = this.getEditorRootsValues();
-        P(l, u) || n.setData(u);
+        const m = this.getEditorRootsValues();
+        P(m, u) || n.setData(u);
       }), a.document.on("change:data", () => {
         o = null;
       }), s.on("change:isFocused", () => {
@@ -965,7 +959,7 @@ async function ot({
           content: o
         }));
       };
-      n.document.on("change:data", O(i, s)), this.editor.once("ready", s);
+      n.document.on("change:data", D(i, s)), this.editor.once("ready", s);
     }
     /**
      * Setups the event push for the editor.
@@ -981,11 +975,11 @@ async function ot({
      * Gets the current values of all editor roots.
      */
     getEditorRootsValues() {
-      return Q(this.editor);
+      return J(this.editor);
     }
   };
 }
-async function ct(i) {
+async function ot(i) {
   const { Plugin: t } = await import("ckeditor5");
   return class extends t {
     /**
@@ -1007,7 +1001,7 @@ async function ct(i) {
      */
     afterInit() {
       const { editor: r } = this, a = r.sourceElement.id.replace(/_editor$/, "");
-      this.input = document.getElementById(`${a}_input`), this.input && (r.model.document.on("change:data", O(i, () => this.sync())), r.once("ready", this.sync), this.form = this.input.closest("form"), this.form?.addEventListener("submit", this.sync));
+      this.input = document.getElementById(`${a}_input`), this.input && (r.model.document.on("change:data", D(i, () => this.sync())), r.once("ready", this.sync), this.form = this.input.closest("form"), this.form?.addEventListener("submit", this.sync));
     }
     /**
      * Synchronizes the editor's content with the input field.
@@ -1026,7 +1020,7 @@ async function ct(i) {
     }
   };
 }
-class ut extends v {
+class ct extends C {
   /**
    * The promise that resolves to the editor instance.
    */
@@ -1057,7 +1051,7 @@ class ut extends v {
       const t = await this.editorPromise;
       if (!t)
         return;
-      const e = J(t), r = nt(t);
+      const e = X(t), r = it(t);
       e ? e.state !== "unavailable" && await e.context.remove(e.editorContextId) : r ? await r.destroy() : await t.destroy();
     } finally {
       this.editorPromise = null;
@@ -1084,91 +1078,89 @@ class ut extends v {
       content: c
     } = this.canonical, {
       customTranslations: u,
-      editorType: l,
+      editorType: m,
       licenseKey: h,
       config: { plugins: f, ...d }
     } = t;
-    let g = await tt(l);
+    let g = await Z(m);
     const p = await (r ? y.the.waitFor(r) : null);
     if (o && !p) {
-      const m = await it(g);
-      ({ Constructor: g } = m), m.watchdog.on("restart", () => {
-        const k = m.watchdog.editor;
+      const l = await rt(g);
+      ({ Constructor: g } = l), l.watchdog.on("restart", () => {
+        const k = l.watchdog.editor;
         this.editorPromise = Promise.resolve(k), w.the.register(e, k);
       });
     }
-    const { loadedPlugins: E, hasPremium: U } = await F(f);
+    const { loadedPlugins: E, hasPremium: B } = await A(f);
     E.push(
-      await ot(
+      await st(
         {
           saveDebounceMs: a,
           component: this
         }
       )
-    ), C(l) && E.push(
-      await ct(a)
+    ), v(m) && E.push(
+      await ot(a)
     );
-    const z = [
-      ...await V(s, U),
-      q(u || {})
-    ].filter((m) => !j(m));
+    const $ = [
+      ...await V(s, B),
+      j(u || {})
+    ].filter((l) => !W(l));
     let b = {
       ...c,
-      ...A(e, l)
+      ...L(e)
     };
-    C(l) && (b = b.main || "");
-    const R = await (async () => {
-      let m = T(e, l);
-      if (mt(m, l)) {
-        const L = Object.keys(b);
-        B(m, L) || (m = await lt(e, l, L), b = {
+    v(m) && (b = b.main || "");
+    const M = await (async () => {
+      let l = F(e);
+      if (!(l instanceof HTMLElement) && !("main" in l)) {
+        const z = m === "decoupled" ? ["main"] : Object.keys(b);
+        N(l, z) || (l = await ut(e, z), b = {
           ...c,
-          ...A(e, l)
+          ...L(e)
         });
       }
+      v(m) && "main" in l && (l = l.main);
       const k = {
-        ...x(d),
+        ...T(d),
         initialData: b,
         licenseKey: h,
         plugins: E,
         language: s,
-        ...z.length && {
-          translations: z
+        ...$.length && {
+          translations: $
         }
       };
-      return !p || !(m instanceof HTMLElement) ? g.create(m, k) : (await X({
+      return !p || !(l instanceof HTMLElement) ? g.create(l, k) : (await Y({
         context: p,
-        element: m,
+        element: l,
         creator: g,
         config: k
       })).editor;
     })();
-    return C(l) && n && rt(R, n), R;
+    return v(m) && n && et(M, n), M;
   }
 }
-function B(i, t) {
+function N(i, t) {
   return t.every((e) => i[e]);
 }
-async function lt(i, t, e) {
-  return await Y(
+async function ut(i, t) {
+  return G(
     () => {
-      const r = T(i, t);
-      if (!B(r, e))
+      const e = F(i);
+      if (!N(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: ${e.filter((n) => !r[n]).join(", ")}.`
+Missing roots: ${t.filter((r) => !e[r]).join(", ")}.`
         );
-      return !0;
+      return e;
     },
     { timeOutAfter: 2e3, retryAfter: 100 }
-  ), T(i, t);
-}
-function mt(i, t) {
-  return !C(t) && typeof i == "object" && !(i instanceof HTMLElement);
+  );
 }
-class dt extends v {
+class lt extends C {
   /**
    * The promise that resolves when the UI part is mounted.
    */
@@ -1179,7 +1171,7 @@ class dt extends v {
   async mounted() {
     const { editorId: t, name: e } = this.canonical;
     this.mountedPromise = w.the.execute(t, (r) => {
-      const { ui: n } = r, a = wt(e), s = n.view[a];
+      const { ui: n } = r, a = mt(e), s = n.view[a];
       if (!s) {
         console.error(`Unknown UI part name: "${e}". Supported names are "toolbar" and "menubar".`);
         return;
@@ -1194,7 +1186,7 @@ class dt extends v {
     this.element.style.display = "none", await this.mountedPromise, this.mountedPromise = null, this.element.innerHTML = "";
   }
 }
-function wt(i) {
+function mt(i) {
   switch (i) {
     case "toolbar":
       return "toolbar";
@@ -1204,15 +1196,15 @@ function wt(i) {
       return null;
   }
 }
-const pt = {
-  ckeditor5: ut,
-  "ckeditor5-context": at,
-  "ckeditor5-ui-part": dt,
-  "ckeditor5-editable": st
+const dt = {
+  ckeditor5: ct,
+  "ckeditor5-context": nt,
+  "ckeditor5-ui-part": lt,
+  "ckeditor5-editable": at
 };
-function ht() {
-  for (const [i, t] of Object.entries(pt))
-    _(i, t);
+function wt() {
+  for (const [i, t] of Object.entries(dt))
+    U(i, t);
 }
-ht();
+wt();
 //# sourceMappingURL=index.mjs.map