ckeditor5 1.36.6 → 1.37.0

data/npm_package/dist/index.mjs

@@ -1,87 +1,87 @@
-function p(s) {
+function f(e) {
   switch (document.readyState) {
     case "loading":
-      document.addEventListener("DOMContentLoaded", s, { once: !0 });
+      document.addEventListener("DOMContentLoaded", e, { once: !0 });
       break;
     case "interactive":
     case "complete":
-      setTimeout(s, 0);
+      setTimeout(e, 0);
       break;
     default:
-      console.warn("Unexpected document.readyState:", document.readyState), setTimeout(s, 0);
+      console.warn("Unexpected document.readyState:", document.readyState), setTimeout(e, 0);
   }
 }
-const g = /* @__PURE__ */ new Map();
-function E(s) {
-  if (g.has(s))
-    return g.get(s);
-  const t = new Promise((e, i) => {
-    const n = document.createElement("script");
-    n.src = s, n.onload = e, n.onerror = i, document.head.appendChild(n);
+const E = /* @__PURE__ */ new Map();
+function y(e) {
+  if (E.has(e))
+    return E.get(e);
+  const t = new Promise((i, n) => {
+    const s = document.createElement("script");
+    s.src = e, s.onload = i, s.onerror = n, document.head.appendChild(s);
   });
-  return g.set(s, t), t;
+  return E.set(e, t), t;
 }
-function v(s) {
-  return typeof s == "string" && s !== "__proto__" && s !== "constructor" && s !== "prototype";
+function v(e) {
+  return typeof e == "string" && e !== "__proto__" && e !== "constructor" && e !== "prototype";
 }
-function C(s) {
+function C(e) {
   return Array.from(document.styleSheets).some(
-    (t) => t.href === s || t.href === new URL(s, window.location.href).href
+    (t) => t.href === e || t.href === new URL(e, window.location.href).href
   );
 }
-function w(s = []) {
-  const t = s.map(
-    (e) => new Promise((i, n) => {
-      if (C(e)) {
-        i();
+function b(e = []) {
+  const t = e.map(
+    (i) => new Promise((n, s) => {
+      if (C(i)) {
+        n();
         return;
       }
       const r = document.createElement("link");
-      r.rel = "stylesheet", r.href = e, r.onerror = n, r.onload = () => i(), document.head.appendChild(r);
+      r.rel = "stylesheet", r.href = i, r.onerror = s, r.onload = () => n(), document.head.appendChild(r);
     })
   );
   return Promise.all(t);
 }
-function h(s = []) {
-  const t = async ({ url: i, import_name: n, import_as: r, window_name: o, stylesheets: a }) => {
-    if (a?.length && await w(a), o) {
-      let d = function() {
-        return Object.prototype.hasOwnProperty.call(window, o);
+function h(e = []) {
+  const t = async ({ url: n, import_name: s, import_as: r, window_name: c, stylesheets: d }) => {
+    if (d?.length && await b(d), c) {
+      let a = function() {
+        return Object.prototype.hasOwnProperty.call(window, c);
       };
-      if (i && !d() && await E(i), d() || window.dispatchEvent(
-        new CustomEvent(`ckeditor:request-cjs-plugin:${o}`)
-      ), !d())
+      if (n && !a() && await y(n), a() || window.dispatchEvent(
+        new CustomEvent(`ckeditor:request-cjs-plugin:${c}`)
+      ), !a())
         throw new Error(
-          `Plugin window['${o}'] not found in global scope. Please ensure the plugin is loaded before CKEditor initialization.`
+          `Plugin window['${c}'] not found in global scope. Please ensure the plugin is loaded before CKEditor initialization.`
         );
-      return window[o];
+      return window[c];
     }
-    const c = await import(n), l = c[r || "default"];
+    const o = await import(s), l = o[r || "default"];
     if (!l)
       throw new Error(
-        `Plugin "${r || "default"}" not found in the ESM module "${n}"! Available imports: ${Object.keys(c).join(", ")}! Consider changing "import_as" value.`
+        `Plugin "${r || "default"}" not found in the ESM module "${s}"! Available imports: ${Object.keys(o).join(", ")}! Consider changing "import_as" value.`
       );
     return l;
   };
-  function e(i) {
-    return t(typeof i == "string" ? { import_name: "ckeditor5", import_as: i } : i);
+  function i(n) {
+    return t(typeof n == "string" ? { import_name: "ckeditor5", import_as: n } : n);
   }
-  return Promise.all(s.map(e));
+  return Promise.all(e.map(i));
 }
-function u(s) {
-  if (!s || typeof s != "object")
-    return s;
-  if (Array.isArray(s))
-    return s.map((i) => u(i));
-  const t = s;
+function m(e) {
+  if (!e || typeof e != "object")
+    return e;
+  if (Array.isArray(e))
+    return e.map((n) => m(n));
+  const t = e;
   if (t.$element && typeof t.$element == "string") {
-    const i = document.querySelector(t.$element);
-    return i || console.warn(`Element not found for selector: ${t.$element}`), i || null;
+    const n = document.querySelector(t.$element);
+    return n || console.warn(`Element not found for selector: ${t.$element}`), n || null;
   }
-  const e = /* @__PURE__ */ Object.create(null);
-  for (const [i, n] of Object.entries(s))
-    e[i] = u(n);
-  return e;
+  const i = /* @__PURE__ */ Object.create(null);
+  for (const [n, s] of Object.entries(e))
+    i[n] = m(s);
+  return i;
 }
 function A() {
   return Math.random().toString(36).substring(2);
@@ -95,13 +95,13 @@ class P extends HTMLElement {
   }
   async connectedCallback() {
     try {
-      p(() => this.#t());
+      f(() => this.#t());
     } catch (t) {
       console.error("Failed to initialize context:", t), this.dispatchEvent(new CustomEvent("context-error", { detail: t }));
     }
   }
-  async attributeChangedCallback(t, e, i) {
-    e !== null && e !== i && await this.#t();
+  async attributeChangedCallback(t, i, n) {
+    i !== null && i !== n && await this.#t();
   }
   async disconnectedCallback() {
     this.instance && (await this.instance.destroy(), this.instance = null);
@@ -131,14 +131,14 @@ class P extends HTMLElement {
     this.instance && (this.instancePromise = Promise.withResolvers(), await this.instance.destroy(), this.instance = null), window.dispatchEvent(
       new CustomEvent("ckeditor:context:attach:before", { detail: { element: this } })
     );
-    const { Context: t, ContextWatchdog: e } = await import("ckeditor5"), i = await this.#i(), n = this.#s();
+    const { Context: t, ContextWatchdog: i } = await import("ckeditor5"), n = await this.#i(), s = this.#s();
     window.dispatchEvent(
-      new CustomEvent("ckeditor:context:attach", { detail: { config: n, element: this } })
-    ), this.instance = new e(t, {
+      new CustomEvent("ckeditor:context:attach", { detail: { config: s, element: this } })
+    ), this.instance = new i(t, {
       crashNumberLimit: 10
     }), await this.instance.create({
-      ...n,
-      plugins: i
+      ...s,
+      plugins: n
     }), this.instance.on("itemError", (...r) => {
       console.error("Context item error:", ...r);
     }), this.instancePromise.resolve(this.instance), this.dispatchEvent(new CustomEvent("context-ready", { detail: this.instance })), await Promise.all(
@@ -156,20 +156,11 @@ class P extends HTMLElement {
    */
   #s() {
     const t = JSON.parse(this.getAttribute("config") || "{}");
-    return u(t);
+    return m(t);
   }
 }
 customElements.define("ckeditor-context-component", P);
 class x extends HTMLElement {
-  /**
-   * List of attributes that trigger updates when changed
-   *
-   * @static
-   * @returns {string[]} Array of attribute names to observe
-   */
-  static get observedAttributes() {
-    return ["name"];
-  }
   /**
    * Gets the name of this editable region
    */
@@ -182,18 +173,30 @@ class x extends HTMLElement {
   get editableElement() {
     return this.querySelector("div");
   }
+  /**
+   * Root model element.
+   */
+  get modelElement() {
+    return this.getAttribute("inline") === "true" ? "$inlineRoot" : void 0;
+  }
+  /**
+   * Initial editable data.
+   */
+  get initialData() {
+    return this.hasAttribute("initial-data") ? this.getAttribute("initial-data") : void 0;
+  }
   /**
    * Lifecycle callback when element is added to DOM
    * Sets up the editable element and registers it with the parent editor
    */
   connectedCallback() {
-    p(() => {
+    f(() => {
       const t = this.#e();
       if (!t)
         throw new Error("ckeditor-editable-component must be a child of ckeditor-component");
       if (this.innerHTML = `<div>${this.innerHTML}</div>`, this.style.display = "block", t.isDecoupled())
-        t.runAfterEditorReady((e) => {
-          this.appendChild(e.ui.view[this.name].element);
+        t.runAfterEditorReady((i) => {
+          this.appendChild(i.ui.view[this.name].element);
         });
       else if (t.editables) {
         if (!this.name)
@@ -202,20 +205,6 @@ class x extends HTMLElement {
       }
     });
   }
-  /**
-   * Lifecycle callback for attribute changes
-   * Handles name changes and propagates other attributes to editable element
-   */
-  attributeChangedCallback(t, e, i) {
-    if (e !== i)
-      if (t === "name") {
-        if (!e)
-          return;
-        const n = this.#e();
-        n?.editables?.[e] && (n.editables[i] = n.editables[e], delete n.editables[e]);
-      } else
-        this.editableElement.setAttribute(t, i);
-  }
   /**
    * Lifecycle callback when element is removed
    * Un-registers this editable from the parent editor
@@ -232,7 +221,7 @@ class x extends HTMLElement {
   }
 }
 customElements.define("ckeditor-editable-component", x);
-class b {
+class w {
   #e;
   #t;
   /**
@@ -242,16 +231,16 @@ class b {
    * @param initialEditables - Initial editable elements
    * @returns Proxy wrapping the tracker
    */
-  constructor(t, e = {}) {
-    return this.#e = t, this.#t = e, new Proxy(this, {
+  constructor(t, i = {}) {
+    return this.#e = t, this.#t = i, new Proxy(this, {
       /**
        * Handles property access, returns class methods or editable elements
        *
        * @param target - The tracker instance
        * @param name - Property name being accessed
        */
-      get(i, n) {
-        return typeof i[n] == "function" ? i[n].bind(i) : i.#t[n];
+      get(n, s) {
+        return typeof n[s] == "function" ? n[s].bind(n) : n.#t[s];
       },
       /**
        * Handles setting new editable elements, triggers root attachment
@@ -260,8 +249,8 @@ class b {
        * @param name - Name of the editable root
        * @param element - Element to attach as editable
        */
-      set(i, n, r) {
-        return i.#t[n] !== r && (i.attachRoot(n, r), i.#t[n] = r), !0;
+      set(n, s, r) {
+        return n.#t[s] !== r && (n.attachRoot(s, r), n.#t[s] = r), !0;
       },
       /**
        * Handles removing editable elements, triggers root detachment
@@ -269,8 +258,8 @@ class b {
        * @param target - The tracker instance
        * @param name - Name of the root to remove
        */
-      deleteProperty(i, n) {
-        return i.detachRoot(n), delete i.#t[n], !0;
+      deleteProperty(n, s) {
+        return n.detachRoot(s), delete n.#t[s], !0;
       }
     });
   }
@@ -282,17 +271,18 @@ class b {
    * @param element - DOM element to use as editable
    * @returns Resolves when root is attached
    */
-  async attachRoot(t, e) {
-    return await this.detachRoot(t), this.#e.runAfterEditorReady((i) => {
-      const { ui: n, editing: r, model: o } = i;
-      i.addRoot(t, {
+  async attachRoot(t, i) {
+    return await this.detachRoot(t), this.#e.runAfterEditorReady((n) => {
+      const { ui: s, editing: r, model: c } = n, d = i.modelElement, o = i.initialData;
+      n.addRoot(t, {
         isUndoable: !1,
-        data: e.innerHTML
+        initialData: o ?? i.innerHTML,
+        ...d && { modelElement: d }
       });
-      const a = o.document.getRoot(t);
-      n.getEditableElement(t) && i.detachEditable(a);
-      const c = n.view.createEditable(t, e);
-      n.addEditable(c), r.view.forceRender();
+      const l = c.document.getRoot(t);
+      s.getEditableElement(t) && n.detachEditable(l);
+      const a = s.view.createEditable(t, i);
+      s.addEditable(a), r.view.forceRender();
     });
   }
   /**
@@ -303,9 +293,9 @@ class b {
    * @returns Resolves when root is detached
    */
   async detachRoot(t) {
-    return this.#e.runAfterEditorReady((e) => {
-      const i = e.model.document.getRoot(t);
-      i && (e.detachEditable(i), e.detachRoot(t, !0));
+    return this.#e.runAfterEditorReady((i) => {
+      const n = i.model.document.getRoot(t);
+      n && (i.detachEditable(n), i.detachRoot(t, !0));
     });
   }
   /**
@@ -317,7 +307,7 @@ class b {
     return this.#t;
   }
 }
-class m extends HTMLElement {
+class p extends HTMLElement {
   instancePromise = Promise.withResolvers();
   watchdog = null;
   instance = null;
@@ -364,13 +354,7 @@ class m extends HTMLElement {
    * @returns Event handler or null
    */
   #r(t) {
-    if (this.hasAttribute(`on${t}`)) {
-      const e = this.getAttribute(`on${t}`);
-      if (!v(e))
-        throw new Error(`Unsafe event handler attribute value: ${e}`);
-      return window[e] || new Function("event", e);
-    }
-    return this[`#${t}Handler`];
+    return this.hasAttribute(`on${t}`) ? z(this.getAttribute(`on${t}`)) : this[`#${t}Handler`];
   }
   /**
    * Sets event handler function
@@ -379,8 +363,8 @@ class m extends HTMLElement {
    * @param name - Event name without 'on' prefix
    * @param handler - Event handler
    */
-  #o(t, e) {
-    typeof e == "string" ? this.setAttribute(`on${t}`, e) : (this.removeAttribute(`on${t}`), this[`#${t}Handler`] = e);
+  #o(t, i) {
+    typeof i == "string" ? this.setAttribute(`on${t}`, i) : (this.removeAttribute(`on${t}`), this[`#${t}Handler`] = i);
   }
   /**
    * Lifecycle callback when element is connected to DOM
@@ -391,13 +375,13 @@ class m extends HTMLElement {
   connectedCallback() {
     this.#t = this.closest("ckeditor-context-component"), this.#e = this.innerHTML;
     try {
-      p(async () => {
+      f(async () => {
         this.#t && (await this.#t.instancePromise.promise, this.#t.registerEditor(this)), await this.reinitializeEditor();
       });
     } catch (t) {
       console.error("Failed to initialize editor:", t);
-      const e = new CustomEvent("editor-error", { detail: t });
-      this.dispatchEvent(e), this.oneditorerror?.(e);
+      const i = new CustomEvent("editor-error", { detail: t });
+      this.dispatchEvent(i), this.oneditorerror?.(i);
     }
   }
   /**
@@ -408,8 +392,8 @@ class m extends HTMLElement {
    * @param oldValue - Previous attribute value
    * @param newValue - New attribute value
    */
-  async attributeChangedCallback(t, e, i) {
-    e !== null && e !== i && m.observedAttributes.includes(t) && this.isConnected && await this.reinitializeEditor();
+  async attributeChangedCallback(t, i, n) {
+    i !== null && i !== n && p.observedAttributes.includes(t) && this.isConnected && await this.reinitializeEditor();
   }
   /**
    * Lifecycle callback when element is removed from DOM
@@ -419,7 +403,7 @@ class m extends HTMLElement {
   async disconnectedCallback() {
     this.#t && this.#t.unregisterEditor(this);
     try {
-      await this.#d();
+      await this.#l();
     } catch (t) {
       console.error("Failed to destroy editor:", t);
     }
@@ -437,7 +421,7 @@ class m extends HTMLElement {
    * Determines appropriate editor element tag based on editor type
    */
   get #n() {
-    return this.getAttribute("type") === "ClassicEditor" ? "textarea" : "div";
+    return S(this.getAttribute("type"));
   }
   /**
    * Gets the CKEditor context instance if available.
@@ -448,65 +432,57 @@ class m extends HTMLElement {
   /**
    * Destroys the editor instance and watchdog if available
    */
-  async #d() {
+  async #l() {
     this.#i && await this.#a.remove(this.#i), await this.instance?.destroy(), this.watchdog?.destroy();
   }
   /**
    * Gets editor configuration with resolved element references
    */
-  #l() {
-    const t = JSON.parse(this.getAttribute("config") || "{}");
-    return u(t);
+  #d() {
+    return R(this.getAttribute("config"));
   }
   /**
    * Creates a new CKEditor instance
    */
-  async #u(t) {
+  async #h(t) {
     await Promise.all([
-      this.#b(),
-      this.#w()
+      this.#E(),
+      this.#b()
     ]);
-    let e = t;
-    t instanceof b ? e = t.getAll() : typeof t != "string" && (e = t.main);
-    const i = {
-      ...e instanceof HTMLElement && { element: e },
-      ...typeof e == "string" && { data: e },
-      ...e instanceof Object && { editables: e }
-    };
+    const { isMultiroot: i, content: n } = M(t), s = k(n, i);
     window.dispatchEvent(
-      new CustomEvent("ckeditor:attach:before", { detail: i })
+      new CustomEvent("ckeditor:attach:before", { detail: s })
     );
-    const n = await this.#v(), [r, o] = await Promise.all([
-      this.#E(),
-      this.#y()
-    ]), a = {
-      ...this.#l(),
-      ...o.length && {
-        translations: o
+    const r = await this.#v(), [c, d] = await Promise.all([
+      this.#y(),
+      this.#w()
+    ]), o = {
+      ...this.#d(),
+      ...d.length && {
+        translations: d
       },
-      plugins: r
+      plugins: c
     };
-    window.dispatchEvent(
-      new CustomEvent("ckeditor:attach", { detail: { config: a, ...i } })
+    D(o, n, i, this.isClassic()), window.dispatchEvent(
+      new CustomEvent("ckeditor:attach", { detail: { config: o, ...s } })
     );
-    let c = null, l = null, d = null;
+    let l = null, a = null, u = null;
     if (this.#t)
-      d = A(), await this.#a.add({
-        creator: (f, y) => n.create(f, y),
-        id: d,
-        sourceElementOrData: e,
+      u = A(), await this.#a.add({
+        creator: (g) => r.create(g),
+        id: u,
         type: "editor",
-        config: a
-      }), l = this.#a.getItem(d);
+        config: o
+      }), a = this.#a.getItem(u);
     else if (this.hasWatchdog()) {
-      const { EditorWatchdog: f } = await import("ckeditor5");
-      c = new f(n), await c.create(e, a), l = c.editor;
+      const { EditorWatchdog: g } = await import("ckeditor5");
+      l = new g(r), await l.create(o), a = l.editor;
     } else
-      l = await n.create(e, a);
+      a = await r.create(o);
     return {
-      contextId: d,
-      instance: l,
-      watchdog: c
+      contextId: u,
+      instance: a,
+      watchdog: l
     };
   }
   /**
@@ -516,12 +492,12 @@ class m extends HTMLElement {
    * @returns {Promise<void>}
    */
   async reinitializeEditor() {
-    this.instance && (this.instancePromise = Promise.withResolvers(), await this.#d(), this.instance = null), this.style.display = "block", !this.isMultiroot() && !this.isDecoupled() && (this.innerHTML = `<${this.#n}>${this.#e}</${this.#n}>`, this.#p()), this.isMultiroot() ? this.editables = new b(this, this.#h()) : this.isDecoupled() ? this.editables = null : this.editables = this.#h();
+    this.instance && (this.instancePromise = Promise.withResolvers(), await this.#l(), this.instance = null), this.style.display = "block", !this.isMultiroot() && !this.isDecoupled() && (this.innerHTML = `<${this.#n}>${this.#e}</${this.#n}>`, this.#p()), this.isMultiroot() ? this.editables = new w(this, this.#u()) : this.isDecoupled() ? this.editables = null : this.editables = this.#u();
     try {
-      const { watchdog: t, instance: e, contextId: i } = await this.#u(this.editables || this.#l().initialData || "");
-      this.watchdog = t, this.instance = e, this.#i = i, this.#f(), this.#g(), this.#m(), this.instancePromise.resolve(this.instance);
-      const n = new CustomEvent("editor-ready", { detail: this.instance });
-      this.dispatchEvent(n), this.oneditorready?.(n);
+      const { watchdog: t, instance: i, contextId: n } = await this.#h(this.editables || this.#d().root?.initialData || "");
+      this.watchdog = t, this.instance = i, this.#i = n, this.#f(), this.#g(), this.#m(), this.instancePromise.resolve(this.instance);
+      const s = new CustomEvent("editor-ready", { detail: this.instance });
+      this.dispatchEvent(s), this.oneditorready?.(s);
     } catch (t) {
       throw this.instancePromise.reject(t), t;
     }
@@ -530,19 +506,19 @@ class m extends HTMLElement {
    * Sets up data change listener that broadcasts content changes
    */
   #m() {
-    const t = (i) => this.instance.getData({ rootName: i }), e = () => this.instance?.model.document.getRootNames().reduce((i, n) => ({
-      ...i,
-      [n]: t(n)
+    const t = (n) => this.instance.getData({ rootName: n }), i = () => this.instance?.model.document.getRootNames().reduce((n, s) => ({
+      ...n,
+      [s]: t(s)
     }), {});
     this.instance?.model.document.on("change:data", () => {
-      const i = new CustomEvent("editor-change", {
+      const n = new CustomEvent("editor-change", {
         detail: {
           editor: this.instance,
-          data: e()
+          data: i()
         },
         bubbles: !0
       });
-      this.dispatchEvent(i), this.oneditorchange?.(i);
+      this.dispatchEvent(n), this.oneditorchange?.(n);
     });
   }
   /**
@@ -578,15 +554,13 @@ class m extends HTMLElement {
   /**
    * Queries and validates editable elements
    */
-  #h() {
+  #u() {
     if (this.isDecoupled())
       return {};
-    if (this.isMultiroot())
-      return [...this.querySelectorAll("ckeditor-editable-component")].reduce((i, n) => {
-        if (!n.name)
-          throw new Error('Editable component missing required "name" attribute');
-        return i[n.name] = n, i;
-      }, /* @__PURE__ */ Object.create(null));
+    if (this.isMultiroot()) {
+      const i = [...this.querySelectorAll("ckeditor-editable-component")];
+      return H(i);
+    }
     const t = this.querySelector(this.#n);
     if (!t)
       throw new Error(`No ${this.#n} element found`);
@@ -599,9 +573,7 @@ class m extends HTMLElement {
    */
   #p() {
     const t = this.querySelector("textarea");
-    if (t)
-      for (const e of m.inputAttributes)
-        this.hasAttribute(e) && t.setAttribute(e, this.getAttribute(e));
+    t && T(this, t, p.inputAttributes);
   }
   /**
    * Sets up content sync between editor and textarea element.
@@ -614,23 +586,11 @@ class m extends HTMLElement {
     const t = this.querySelector("textarea");
     if (!t)
       return;
-    const e = () => {
-      this.style.position = "relative", t.innerHTML = "", t.value = this.instance.getData(), t.tabIndex = -1, Object.assign(t.style, {
-        display: "flex",
-        position: "absolute",
-        bottom: "0",
-        left: "50%",
-        width: "1px",
-        height: "1px",
-        opacity: "0",
-        pointerEvents: "none",
-        margin: "0",
-        padding: "0",
-        border: "none"
-      });
+    const i = () => {
+      this.style.position = "relative", t.innerHTML = "", t.value = this.instance.getData(), L(t);
     };
-    e(), this.instance.model.document.on("change:data", () => {
-      t.dispatchEvent(new Event("input", { bubbles: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0 })), e();
+    i(), this.instance.model.document.on("change:data", () => {
+      t.dispatchEvent(new Event("input", { bubbles: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0 })), i();
     });
   }
   /**
@@ -641,66 +601,151 @@ class m extends HTMLElement {
   #g() {
     if (!this.isClassic() && !this.isBallon())
       return;
-    const { instance: t } = this, e = Number.parseInt(this.getAttribute("editable-height"), 10);
-    Number.isNaN(e) || t.editing.view.change((i) => {
-      i.setStyle("height", `${e}px`, t.editing.view.document.getRoot());
-    });
+    const t = I(this.getAttribute("editable-height"));
+    t !== null && O(this.instance, t);
   }
   /**
    * Gets bundle JSON description from translations attribute
    */
   #c() {
-    return this.#s ||= JSON.parse(this.getAttribute("bundle"));
+    return this.#s ||= q(this.getAttribute("bundle"));
   }
   /**
    * Checks if all required stylesheets are injected. If not, inject.
    */
-  async #b() {
-    await w(this.#c()?.stylesheets || []);
+  async #E() {
+    await b(this.#c()?.stylesheets || []);
   }
   /**
    * Checks if all required scripts are injected. If not, inject.
    */
-  async #w() {
-    const t = (this.#c()?.scripts || []).filter((e) => !!e.window_name);
+  async #b() {
+    const t = (this.#c()?.scripts || []).filter((i) => !!i.window_name);
     await h(t);
   }
   /**
    * Loads translation modules
    */
-  async #y() {
-    const t = this.#c()?.scripts.filter((e) => e.translation);
+  async #w() {
+    const t = this.#c()?.scripts.filter((i) => i.translation);
     return h(t);
   }
   /**
    * Loads plugin modules
    */
-  async #E() {
-    const t = this.getAttribute("plugins"), i = (t ? JSON.parse(t) : []).map(
-      (n) => typeof n == "string" ? { import_name: "ckeditor5", import_as: n } : n
-    );
-    return h(i);
+  async #y() {
+    return h(j(this.getAttribute("plugins")));
   }
   /**
    * Gets editor constructor based on type attribute
    */
   async #v() {
-    const t = await import("ckeditor5"), e = this.getAttribute("type");
-    if (!e || !Object.prototype.hasOwnProperty.call(t, e))
-      throw new Error(`Invalid editor type: ${e}`);
-    return t[e];
+    const t = await import("ckeditor5");
+    return N(t, this.getAttribute("type"));
   }
 }
-customElements.define("ckeditor-component", m);
-class S extends HTMLElement {
+function S(e) {
+  return e === "ClassicEditor" ? "textarea" : "div";
+}
+function R(e) {
+  const t = JSON.parse(e || "{}");
+  return m(t);
+}
+function M(e) {
+  const t = e instanceof w;
+  let i = e;
+  return t ? i = e.getAll() : typeof e != "string" && (i = e.main), { isMultiroot: t, content: i };
+}
+function k(e, t) {
+  return {
+    ...e instanceof HTMLElement && { element: e },
+    ...typeof e == "string" && { data: e },
+    ...t && { editables: e }
+  };
+}
+function D(e, t, i, n) {
+  i ? e.roots = $(t) : n && t instanceof HTMLElement ? e.attachTo = t : t instanceof HTMLElement ? e.root = { ...e.root, element: t } : typeof t == "string" && (e.root = { ...e.root, initialData: t });
+}
+function $(e) {
+  return Object.fromEntries(
+    Object.entries(e).map(([t, i]) => {
+      const n = i.modelElement, s = i.initialData;
+      return [
+        t,
+        {
+          element: i,
+          initialData: s ?? i.innerHTML,
+          ...n && { modelElement: n }
+        }
+      ];
+    })
+  );
+}
+function H(e) {
+  return e.reduce((t, i) => {
+    if (!i.name)
+      throw new Error('Editable component missing required "name" attribute');
+    return t[i.name] = i, t;
+  }, /* @__PURE__ */ Object.create(null));
+}
+function T(e, t, i) {
+  for (const n of i)
+    e.hasAttribute(n) && t.setAttribute(n, e.getAttribute(n));
+}
+function L(e) {
+  e.tabIndex = -1, Object.assign(e.style, {
+    display: "flex",
+    position: "absolute",
+    bottom: "0",
+    left: "50%",
+    width: "1px",
+    height: "1px",
+    opacity: "0",
+    pointerEvents: "none",
+    margin: "0",
+    padding: "0",
+    border: "none"
+  });
+}
+function I(e) {
+  if (e === null)
+    return null;
+  const t = Number.parseInt(e, 10);
+  return Number.isNaN(t) ? null : t;
+}
+function O(e, t) {
+  e.editing.view.change((i) => {
+    i.setStyle("height", `${t}px`, e.editing.view.document.getRoot());
+  });
+}
+function q(e) {
+  return JSON.parse(e);
+}
+function j(e) {
+  return (e ? JSON.parse(e) : []).map(
+    (i) => typeof i == "string" ? { import_name: "ckeditor5", import_as: i } : i
+  );
+}
+function N(e, t) {
+  if (!t || !Object.prototype.hasOwnProperty.call(e, t))
+    throw new Error(`Invalid editor type: ${t}`);
+  return e[t];
+}
+function z(e) {
+  if (!v(e))
+    throw new Error(`Unsafe event handler attribute value: ${e}`);
+  return window[e] || new Function("event", e);
+}
+customElements.define("ckeditor-component", p);
+class B extends HTMLElement {
   /**
    * Lifecycle callback when element is added to DOM.
    * Adds the toolbar to the editor UI.
    */
   connectedCallback() {
-    p(async () => {
-      const t = this.getAttribute("name"), e = await this.#e().instancePromise.promise;
-      this.appendChild(e.ui.view[t].element);
+    f(async () => {
+      const t = this.getAttribute("name"), i = await this.#e().instancePromise.promise;
+      this.appendChild(i.ui.view[t].element);
     });
   }
   /**
@@ -710,5 +755,5 @@ class S extends HTMLElement {
     return this.closest("ckeditor-component") || document.body.querySelector("ckeditor-component");
   }
 }
-customElements.define("ckeditor-ui-part-component", S);
+customElements.define("ckeditor-ui-part-component", B);
 //# sourceMappingURL=index.mjs.map