@editora/core 1.0.1 → 1.0.2

package/dist/{index-BS4zT-KN.mjs → index-BPsf460l.mjs}

@@ -10,7 +10,7 @@ class m {
     return new m(t, e || this.selection, this.schema);
   }
 }
-class E {
+class w {
   constructor(t, e) {
     this.nodes = new Map(Object.entries(t)), this.marks = new Map(Object.entries(e));
   }
@@ -48,7 +48,7 @@ class C {
     const t = {}, e = {};
     return this.plugins.forEach((o) => {
       o.nodes && Object.assign(t, o.nodes), o.marks && Object.assign(e, o.marks);
-    }), new E(t, e);
+    }), new w(t, e);
   }
   getCommands() {
     const t = {};
@@ -66,9 +66,9 @@ class C {
     const i = this.getPlugin(t);
     if (!i)
       throw new Error(`Plugin not found: ${t}`);
-    const n = this.getPluginConfig(t) || i.config || {}, s = n.mode || "local";
+    const n = this.getPluginConfig(t) || i.config || {}, a = n.mode || "local";
     try {
-      switch (s) {
+      switch (a) {
         case "local":
           return i.executeLocal ? i.executeLocal(e, ...o) : null;
         case "api":
@@ -88,7 +88,7 @@ class C {
           }
           break;
         default:
-          throw new Error(`Unknown plugin mode: ${s}`);
+          throw new Error(`Unknown plugin mode: ${a}`);
       }
     } catch (r) {
       throw console.error(`Error executing command ${e} on plugin ${t}:`, r), r;
@@ -102,7 +102,7 @@ class C {
     await Promise.all(t), this.plugins = [], this.pluginConfigs.clear();
   }
 }
-class w {
+class E {
   constructor(t = {}) {
     this.commands = /* @__PURE__ */ new Map(), Object.entries(t).forEach(([e, o]) => {
       this.register(e, o);
@@ -149,7 +149,7 @@ class k {
   constructor(t = {}) {
     this.listeners = /* @__PURE__ */ new Map(), this.isReadonly = !1, this.isDestroyed = !1, this.isReadonly = t.readonly || !1, this.pluginManager = new C(), t.plugins && Array.isArray(t.plugins) && t.plugins.forEach((o) => this.pluginManager.register(o));
     const e = this.pluginManager.buildSchema();
-    this.state = m.create(e), this.commandRegistry = new w(this.pluginManager.getCommands());
+    this.state = m.create(e), this.commandRegistry = new E(this.pluginManager.getCommands());
   }
   /**
    * Execute a command
@@ -246,7 +246,7 @@ class v {
     i.forEach((r) => {
       r.command && n.set(r.command, r), r.type === "group" && r.label && n.set(r.label, r);
     });
-    const s = {
+    const a = {
       bold: "toggleBold",
       italic: "toggleItalic",
       underline: "toggleUnderline",
@@ -298,66 +298,65 @@ class v {
       codeBlock: "insertCodeBlock"
     };
     return o.forEach((r) => {
-      const d = [];
-      r.split(/\s+/).filter(Boolean).forEach((p) => {
-        if (p === "direction") {
-          const l = n.get("setDirectionLTR"), u = n.get("setDirectionRTL");
-          l && d.push({
+      const s = [];
+      r.split(/\s+/).filter(Boolean).forEach((u) => {
+        if (u === "direction") {
+          const c = n.get("setDirectionLTR"), h = n.get("setDirectionRTL");
+          c && s.push({
             id: "directionLTR",
-            label: l.label,
-            command: l.command,
-            icon: l.icon,
-            type: l.type || "button",
-            options: l.options
-          }), u && d.push({
+            label: c.label,
+            command: c.command,
+            icon: c.icon,
+            type: c.type || "button",
+            options: c.options
+          }), h && s.push({
             id: "directionRTL",
-            label: u.label,
-            command: u.command,
-            icon: u.icon,
-            type: u.type || "button",
-            options: u.options
+            label: h.label,
+            command: h.command,
+            icon: h.icon,
+            type: h.type || "button",
+            options: h.options
           });
           return;
         }
-        if (p === "comments") {
-          const l = n.get("addComment"), u = n.get("toggleComments");
-          l && d.push({
+        if (u === "comments") {
+          const c = n.get("addComment"), h = n.get("toggleComments");
+          c && s.push({
             id: "addComment",
-            label: l.label,
-            command: l.command,
-            icon: l.icon,
-            type: l.type || "button",
-            options: l.options
-          }), u && d.push({
+            label: c.label,
+            command: c.command,
+            icon: c.icon,
+            type: c.type || "button",
+            options: c.options
+          }), h && s.push({
             id: "toggleComments",
-            label: u.label,
-            command: u.command,
-            icon: u.icon,
-            type: u.type || "button",
-            options: u.options
+            label: h.label,
+            command: h.command,
+            icon: h.icon,
+            type: h.type || "button",
+            options: h.options
           });
           return;
         }
-        const c = s[p] || p;
-        let a = n.get(c);
-        a || (a = n.get(p)), a && d.push({
-          id: p,
-          label: a.label,
-          command: a.command,
-          icon: a.icon,
-          type: a.type === "separator" ? "separator" : a.type || "button",
-          options: a.options,
-          items: a.items
+        const p = a[u] || u;
+        let d = n.get(p);
+        d || (d = n.get(u)), d && s.push({
+          id: u,
+          label: d.label,
+          command: d.command,
+          icon: d.icon,
+          type: d.type === "separator" ? "separator" : d.type || "button",
+          options: d.options,
+          items: d.items
         });
-      }), d.length > 0 && e.push(d);
+      }), s.length > 0 && e.push(s);
     }), e;
   }
   /**
    * Get all available toolbar items from plugins
    */
   getAvailableToolbarItems() {
-    let t = this.plugins;
-    return this.pluginLoader && (t = this.pluginLoader.getRegisteredPluginNames().map((n) => this.pluginLoader.load(n)).filter((n) => n !== null)), t.flatMap((o) => o.toolbar || []);
+    return this.plugins.flatMap((e) => e.toolbar || []);
   }
   /**
    * Render toolbar to DOM element
@@ -366,10 +365,10 @@ class v {
     this.container = t, t.innerHTML = "", t.className = "editora-toolbar", this.config.sticky && t.classList.add("editora-toolbar-sticky"), this.config.position && t.classList.add(`editora-toolbar-${this.config.position}`);
     const e = this.config.items || this.getDefaultToolbarString(), o = this.parseToolbarString(e);
     o.forEach((i, n) => {
-      const s = document.createElement("div");
-      if (s.className = "editora-toolbar-group", i.forEach((r) => {
-        this.appendToolbarButton(s, r);
-      }), t.appendChild(s), n < o.length - 1) {
+      const a = document.createElement("div");
+      if (a.className = "editora-toolbar-group", i.forEach((r) => {
+        this.appendToolbarButton(a, r);
+      }), t.appendChild(a), n < o.length - 1) {
         const r = document.createElement("div");
         r.className = "editora-toolbar-separator", t.appendChild(r);
       }
@@ -453,18 +452,18 @@ class v {
     const o = document.createElement("button");
     o.className = "editora-toolbar-button editora-toolbar-dropdown-trigger", o.type = "button", o.textContent = t.label;
     const i = document.createElement("div");
-    i.className = "editora-toolbar-dropdown-menu", i.style.display = "none", t.options && t.options.forEach((s) => {
+    i.className = "editora-toolbar-dropdown-menu", i.style.display = "none", t.options && t.options.forEach((a) => {
       const r = document.createElement("button");
-      r.className = "editora-toolbar-dropdown-item", r.type = "button", r.textContent = s.label, r.setAttribute("data-value", s.value), r.addEventListener("click", (d) => {
-        d.preventDefault(), this.commandHandler && this.commandHandler(t.command, s.value), i.style.display = "none";
+      r.className = "editora-toolbar-dropdown-item", r.type = "button", r.textContent = a.label, r.setAttribute("data-value", a.value), r.addEventListener("click", (s) => {
+        s.preventDefault(), this.commandHandler && this.commandHandler(t.command, a.value), i.style.display = "none";
       }), i.appendChild(r);
-    }), o.addEventListener("click", (s) => {
-      s.preventDefault(), s.stopPropagation();
+    }), o.addEventListener("click", (a) => {
+      a.preventDefault(), a.stopPropagation();
       const r = i.style.display === "block";
       i.style.display = r ? "none" : "block";
     });
-    const n = (s) => {
-      e.contains(s.target) || (i.style.display = "none");
+    const n = (a) => {
+      e.contains(a.target) || (i.style.display = "none");
     };
     return document.addEventListener("click", n), e._cleanupDropdown = () => {
       document.removeEventListener("click", n);
@@ -487,18 +486,18 @@ class v {
       o.textContent = t.label;
     const i = document.createElement("div");
     return i.className = "editora-toolbar-dropdown-menu", i.style.display = "none", t.options && t.options.forEach((n) => {
-      const s = document.createElement("button");
-      s.className = "editora-toolbar-dropdown-item", s.type = "button", s.textContent = n.label, s.setAttribute("data-value", n.value), s.addEventListener("click", (r) => {
+      const a = document.createElement("button");
+      a.className = "editora-toolbar-dropdown-item", a.type = "button", a.textContent = n.label, a.setAttribute("data-value", n.value), a.addEventListener("click", (r) => {
         r.preventDefault(), r.stopPropagation(), this.commandHandler && this.commandHandler(t.command, n.value), i.style.display = "none";
-      }), i.appendChild(s);
+      }), i.appendChild(a);
     }), o.addEventListener("click", (n) => {
       var r;
       n.preventDefault(), n.stopPropagation();
-      const s = (r = this.container) == null ? void 0 : r.querySelectorAll(
+      const a = (r = this.container) == null ? void 0 : r.querySelectorAll(
         ".editora-toolbar-dropdown-menu"
       );
-      s == null || s.forEach((d) => {
-        d !== i && (d.style.display = "none");
+      a == null || a.forEach((s) => {
+        s !== i && (s.style.display = "none");
       }), i.style.display = i.style.display === "none" ? "block" : "none";
     }), document.addEventListener("click", (n) => {
       e.contains(n.target) || (i.style.display = "none");
@@ -595,16 +594,35 @@ class T {
   render() {
     if (!this.container) return;
     this.container.innerHTML = "";
-    const t = [];
-    this.statusInfo.wordCount !== void 0 && t.push(`Words: ${this.statusInfo.wordCount}`), this.statusInfo.charCount !== void 0 && t.push(`Characters: ${this.statusInfo.charCount}`), this.statusInfo.lineCount !== void 0 && t.push(`Lines: ${this.statusInfo.lineCount}`), this.statusInfo.language && t.push(`Language: ${this.statusInfo.language}`), this.statusInfo.custom && Object.entries(this.statusInfo.custom).forEach(([e, o]) => {
-      t.push(`${e}: ${o}`);
-    }), t.forEach((e, o) => {
-      const i = document.createElement("span");
-      if (i.className = "editora-statusbar-item", i.textContent = e, this.container.appendChild(i), o < t.length - 1) {
-        const n = document.createElement("span");
-        n.className = "editora-statusbar-separator", n.textContent = "|", this.container.appendChild(n);
+    const t = document.createElement("div");
+    t.className = "editora-statusbar-left";
+    const e = document.createElement("div");
+    e.className = "editora-statusbar-right";
+    const o = [];
+    if (this.statusInfo.selectionInfo) {
+      const n = this.statusInfo.selectionInfo;
+      n.startLine === n.endLine && n.startColumn === n.endColumn ? o.push(`Ln ${n.startLine}, Col ${n.startColumn}`) : (n.startLine === n.endLine ? o.push(`Ln ${n.startLine}, Col ${n.startColumn}-${n.endColumn}`) : o.push(`Ln ${n.startLine}:${n.startColumn} - ${n.endLine}:${n.endColumn}`), o.push(`${n.selectedChars} chars selected`));
+    } else if (this.statusInfo.cursorPosition) {
+      const n = this.statusInfo.cursorPosition;
+      o.push(`Ln ${n.line}, Col ${n.column}`);
+    }
+    this.statusInfo.language && o.push(this.statusInfo.language);
+    const i = [];
+    this.statusInfo.wordCount !== void 0 && i.push(`${this.statusInfo.wordCount} words`), this.statusInfo.charCount !== void 0 && i.push(`${this.statusInfo.charCount} chars`), this.statusInfo.lineCount !== void 0 && i.push(`${this.statusInfo.lineCount} lines`), this.statusInfo.custom && Object.entries(this.statusInfo.custom).forEach(([n, a]) => {
+      i.push(`${n}: ${a}`);
+    }), o.forEach((n, a) => {
+      const r = document.createElement("span");
+      if (r.className = "editora-statusbar-item", r.textContent = n, t.appendChild(r), a < o.length - 1) {
+        const s = document.createElement("span");
+        s.className = "editora-statusbar-separator", s.textContent = "|", t.appendChild(s);
       }
-    });
+    }), i.forEach((n, a) => {
+      const r = document.createElement("span");
+      if (r.className = "editora-statusbar-item", r.textContent = n, e.appendChild(r), a < i.length - 1) {
+        const s = document.createElement("span");
+        s.className = "editora-statusbar-separator", s.textContent = "|", e.appendChild(s);
+      }
+    }), this.container.appendChild(t), this.container.appendChild(e);
   }
   /**
    * Destroy status bar
@@ -613,6 +631,60 @@ class T {
     this.container && this.container.parentNode && this.container.parentNode.removeChild(this.container), this.container = void 0;
   }
 }
+function I(l, t) {
+  const e = l.textContent || "", o = P(l, t.startContainer, t.startOffset), n = e.substring(0, o).split(`
+`), a = n.length, r = n[n.length - 1].length + 1;
+  return { line: a, column: r };
+}
+function P(l, t, e) {
+  var a;
+  let o = 0;
+  const i = document.createTreeWalker(
+    l,
+    NodeFilter.SHOW_TEXT,
+    null
+  );
+  let n = i.firstChild();
+  for (; n; ) {
+    if (n === t) {
+      o += e;
+      break;
+    } else n.nodeType === Node.TEXT_NODE && (o += ((a = n.textContent) == null ? void 0 : a.length) || 0);
+    n = i.nextNode();
+  }
+  return o;
+}
+function A(l) {
+  var o, i;
+  const t = l.querySelectorAll("div, p, br, h1, h2, h3, h4, h5, h6, blockquote, li, pre");
+  let e = 1;
+  if (t.length > 0) {
+    e = t.length;
+    const n = t[t.length - 1];
+    (n.tagName === "BR" || ((o = n.innerHTML) == null ? void 0 : o.trim()) === "" || ((i = n.textContent) == null ? void 0 : i.trim()) === "") && e++;
+  } else {
+    const a = (l.textContent || "").split(`
+`).length;
+    e = Math.max(1, a);
+  }
+  return e;
+}
+function N(l) {
+  const t = l.trim() ? l.trim().split(/\s+/).length : 0, e = l.length;
+  return { words: t, chars: e };
+}
+function S(l, t) {
+  const e = l.toString();
+  return {
+    startLine: t.line,
+    startColumn: t.column,
+    endLine: t.line,
+    // For now, assuming single line selections
+    endColumn: t.column + e.length,
+    selectedChars: e.length,
+    selectedWords: e.trim().split(/\s+/).filter(Boolean).length
+  };
+}
 const y = class y {
   /**
    * Resolve configuration from multiple sources with priority
@@ -701,39 +773,41 @@ y.EDITOR_DEFAULTS = {
   spellcheck: !1,
   language: "en"
 };
-let b = y;
-class P {
+let x = y;
+class M {
   constructor() {
     this.loadedPlugins = /* @__PURE__ */ new Map(), this.pluginRegistry = /* @__PURE__ */ new Map();
   }
   /**
-   * Register a plugin factory
+   * Register a plugin factory (sync or async)
    */
   register(t, e) {
     this.pluginRegistry.set(t, e);
   }
   /**
-   * Load a plugin by name
+   * Load a plugin by name (async)
    */
-  load(t, e) {
+  async load(t, e) {
     if (this.loadedPlugins.has(t))
       return this.loadedPlugins.get(t);
     const o = this.pluginRegistry.get(t);
     if (!o)
       return console.warn(`Plugin not found: ${t}`), null;
-    const i = o();
+    const i = await o();
     return e && this.applyPluginConfig(i, e), this.loadedPlugins.set(t, i), i;
   }
   /**
    * Load multiple plugins
    */
-  loadMultiple(t, e) {
-    return t.map((o) => this.load(o, e)).filter((o) => o !== null);
+  async loadMultiple(t, e) {
+    return (await Promise.all(
+      t.map((i) => this.load(i, e))
+    )).filter((i) => i !== null);
   }
   /**
    * Parse plugin string "lists link image media"
    */
-  parsePluginString(t, e) {
+  async parsePluginString(t, e) {
     const o = t.split(/\s+/).filter(Boolean);
     return this.loadMultiple(o, e);
   }
@@ -756,10 +830,10 @@ class P {
     this.loadedPlugins.clear();
   }
   /**
-   * Get all loaded plugin names
+   * Get all loaded plugins
    */
-  getLoadedPluginNames() {
-    return Array.from(this.loadedPlugins.keys());
+  getLoadedPlugins() {
+    return Array.from(this.loadedPlugins.values());
   }
   /**
    * Get all registered plugin names (available for loading)
@@ -774,31 +848,31 @@ class P {
     return this.loadedPlugins.has(t);
   }
 }
-const I = '.editora-editor{display:flex;flex-direction:column;border:1px solid #ddd;border-radius:4px;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;overflow:hidden}.editora-editor *{box-sizing:border-box}.editora-theme-light{background:#fff;color:#333}.editora-theme-dark{background:#1e1e1e;color:#d4d4d4;border-color:#3c3c3c}.editora-toolbar{display:flex;align-items:center;gap:4px;padding:8px;background:#f5f5f5;border-bottom:1px solid #ddd;flex-wrap:wrap}.editora-theme-dark .editora-toolbar{background:#252526;border-bottom-color:#3c3c3c}.editora-toolbar-sticky{position:sticky;top:0;z-index:100}.editora-toolbar-group{display:flex;align-items:center;gap:2px}.editora-toolbar-button{padding:6px 12px;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:3px;font-weight:600;font-size:14px;height:30px;display:flex;align-items:center;white-space:nowrap}.editora-toolbar-input.font-size{width:40px;padding:.25rem;text-align:center;font-size:14px;background:#fff;border:1px solid var(--rte-color-border-light);border-radius:var(--rte-radius-sm)}.editora-toolbar-group-items{display:flex;align-items:center;border:1px solid #ccc;.editora-toolbar-button{border:none;border-radius:0;&:first-child{border-right:1px solid #ccc;border-top-left-radius:3px;border-bottom-left-radius:3px}&:last-child{border-left:1px solid #ccc;border-top-right-radius:3px;border-bottom-right-radius:3px}}}.editora-theme-dark .editora-toolbar-button{color:#d4d4d4}.editora-toolbar-button:hover{background:#e0e0e0;border-color:#ccc}.editora-theme-dark .editora-toolbar-button:hover{background:#37373d;border-color:#555}.editora-toolbar-button:active,.editora-toolbar-button.active{background:#d0d0d0;border-color:#999}.editora-theme-dark .editora-toolbar-button:active,.editora-theme-dark .editora-toolbar-button.active{background:#2a2d2e;border-color:#666}.editora-toolbar-button:disabled{opacity:.5;cursor:not-allowed}.editora-toolbar-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;line-height:1}.editora-toolbar-button svg,.editora-toolbar-icon svg{width:24px;height:24px;display:block}.editora-toolbar-separator{width:1px;height:24px;background:#ddd;margin:0 4px}.editora-theme-dark .editora-toolbar-separator{background:#3c3c3c}.editora-toolbar-dropdown{position:relative}.editora-toolbar-dropdown-menu{position:absolute;top:100%;left:0;min-width:150px;margin-top:4px;padding:4px 0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:1000}.editora-theme-dark .editora-toolbar-dropdown-menu{background:#252526;border-color:#3c3c3c;box-shadow:0 2px 8px #00000080}.editora-toolbar-dropdown-item{display:block;width:100%;padding:8px 12px;border:none;background:transparent;color:#333;text-align:left;cursor:pointer;font-size:13px;transition:background .15s ease}.editora-theme-dark .editora-toolbar-dropdown-item{color:#d4d4d4}.editora-toolbar-dropdown-item:hover{background:#f5f5f5}.editora-theme-dark .editora-toolbar-dropdown-item:hover{background:#37373d}.editora-content{flex:1;min-height:200px;padding:16px;outline:none;overflow-y:auto;line-height:1.6}.editora-content:empty:before{content:attr(data-placeholder);color:#999;pointer-events:none}.editora-theme-dark .editora-content:empty:before{color:#6a6a6a}.editora-content h1{font-size:2em;margin:.67em 0;font-weight:600}.editora-content h2{font-size:1.5em;margin:.75em 0;font-weight:600}.editora-content h3{font-size:1.17em;margin:.83em 0;font-weight:600}.editora-content p{margin:1em 0}.editora-content ul,.editora-content ol{margin:1em 0;padding-left:2em}.editora-content a{color:#06c;text-decoration:underline}.editora-theme-dark .editora-content a{color:#4db8ff}.editora-content code{padding:2px 4px;background:#f5f5f5;border-radius:3px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.9em}.editora-theme-dark .editora-content code{background:#1e1e1e}.editora-content pre{padding:12px;background:#f5f5f5;border-radius:4px;overflow-x:auto;margin:1em 0}.editora-theme-dark .editora-content pre{background:#1e1e1e}.editora-content blockquote{margin:1em 0;padding-left:1em;border-left:4px solid #ddd;color:#666}.editora-theme-dark .editora-content blockquote{border-left-color:#3c3c3c;color:#9a9a9a}.editora-floating-toolbar{position:absolute;padding:4px;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:1000}.editora-theme-dark .editora-floating-toolbar{background:#252526;border-color:#3c3c3c;box-shadow:0 2px 8px #00000080}.editora-statusbar{display:flex;align-items:center;gap:12px;padding:6px 12px;background:#f5f5f5;border-top:1px solid #ddd;font-size:12px;color:#666}.editora-theme-dark .editora-statusbar{background:#252526;border-top-color:#3c3c3c;color:#9a9a9a}.editora-statusbar-item{white-space:nowrap}.editora-statusbar-separator{color:#ddd}.editora-theme-dark .editora-statusbar-separator{color:#3c3c3c}.editora-editor[readonly] .editora-content{background:#fafafa;cursor:not-allowed}.editora-theme-dark.editora-editor[readonly] .editora-content{background:#1a1a1a}.editora-editor:focus-within{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.editora-theme-dark.editora-editor:focus-within{border-color:#4db8ff;box-shadow:0 0 0 3px #4db8ff1a}.editora-editor[disabled]{opacity:.6;pointer-events:none}@media(max-width:768px){.editora-toolbar{padding:4px}.editora-toolbar-button{min-width:28px;min-height:28px;padding:4px 8px;font-size:12px}.editora-content{padding:12px}}.editora-content ::selection{background:#06c3}.editora-theme-dark .editora-content ::selection{background:#4db8ff33}.editora-content table{border-collapse:collapse;width:100%;margin:1em 0}.editora-content th,.editora-content td{border:1px solid #ddd;padding:8px 12px;text-align:left}.editora-theme-dark .editora-content th,.editora-theme-dark .editora-content td{border-color:#3c3c3c}.editora-content th{background:#f5f5f5;font-weight:600}.editora-theme-dark .editora-content th{background:#252526}.editora-content img{max-width:100%;height:auto;border-radius:4px}.editora-editor.loading{opacity:.7;pointer-events:none}.editora-editor.loading:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:3px solid #ddd;border-top-color:#06c;border-radius:50%;animation:editora-spin .8s linear infinite}@keyframes editora-spin{to{transform:rotate(360deg)}}';
-let g;
-function A() {
-  const h = "editora-webcomponent-styles";
-  if (!document.getElementById(h)) {
+const H = '.editora-editor{display:flex;flex-direction:column;border:1px solid #ddd;border-radius:4px;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;overflow:hidden}.editora-editor *{box-sizing:border-box}.editora-theme-light{background:#fff;color:#333}.editora-theme-dark{background:#1e1e1e;color:#d4d4d4;border-color:#3c3c3c}.editora-toolbar{display:flex;align-items:center;gap:4px;padding:8px;background:#f5f5f5;border-bottom:1px solid #ddd;flex-wrap:wrap}.editora-theme-dark .editora-toolbar{background:#252526;border-bottom-color:#3c3c3c}.editora-toolbar-sticky{position:sticky;top:0;z-index:100;position:-webkit-sticky}.editora-toolbar-group{display:flex;align-items:center;gap:2px}.editora-toolbar-button{padding:6px 12px;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:3px;font-weight:600;font-size:14px;height:30px;display:flex;align-items:center;white-space:nowrap}.editora-toolbar-input.font-size{width:40px;padding:.25rem;text-align:center;font-size:14px;background:#fff;border:1px solid var(--rte-color-border-light);border-radius:var(--rte-radius-sm)}.editora-toolbar-group-items{display:flex;align-items:center;border:1px solid #ccc;.editora-toolbar-button{border:none;border-radius:0;&:first-child{border-right:1px solid #ccc;border-top-left-radius:3px;border-bottom-left-radius:3px}&:last-child{border-left:1px solid #ccc;border-top-right-radius:3px;border-bottom-right-radius:3px}}}.editora-theme-dark .editora-toolbar-button{color:#d4d4d4}.editora-toolbar-button:hover{background:#e0e0e0;border-color:#ccc}.editora-theme-dark .editora-toolbar-button:hover{background:#37373d;border-color:#555}.editora-toolbar-button:active,.editora-toolbar-button.active{background:#d0d0d0;border-color:#999}.editora-theme-dark .editora-toolbar-button:active,.editora-theme-dark .editora-toolbar-button.active{background:#2a2d2e;border-color:#666}.editora-toolbar-button:disabled{opacity:.5;cursor:not-allowed}.editora-toolbar-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;line-height:1}.editora-toolbar-button svg,.editora-toolbar-icon svg{width:24px;height:24px;display:block}.editora-toolbar-separator{width:1px;height:24px;background:#ddd;margin:0 4px}.editora-theme-dark .editora-toolbar-separator{background:#3c3c3c}.editora-toolbar-dropdown{position:relative}.editora-toolbar-dropdown-menu{position:absolute;top:100%;left:0;min-width:150px;margin-top:4px;padding:4px 0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:1000}.editora-theme-dark .editora-toolbar-dropdown-menu{background:#252526;border-color:#3c3c3c;box-shadow:0 2px 8px #00000080}.editora-toolbar-dropdown-item{display:block;width:100%;padding:8px 12px;border:none;background:transparent;color:#333;text-align:left;cursor:pointer;font-size:13px;transition:background .15s ease}.editora-theme-dark .editora-toolbar-dropdown-item{color:#d4d4d4}.editora-toolbar-dropdown-item:hover{background:#f5f5f5}.editora-theme-dark .editora-toolbar-dropdown-item:hover{background:#37373d}.editora-content{flex:1;min-height:200px;padding:16px;outline:none;overflow-y:auto;line-height:1.6}.editora-content:empty:before{content:attr(data-placeholder);color:#999;pointer-events:none}.editora-theme-dark .editora-content:empty:before{color:#6a6a6a}.editora-content h1{font-size:2em;margin:.67em 0;font-weight:600}.editora-content h2{font-size:1.5em;margin:.75em 0;font-weight:600}.editora-content h3{font-size:1.17em;margin:.83em 0;font-weight:600}.editora-content p{margin:1em 0}.editora-content ul,.editora-content ol{margin:1em 0;padding-left:2em}.editora-content a{color:#06c;text-decoration:underline}.editora-theme-dark .editora-content a{color:#4db8ff}.editora-content code{padding:2px 4px;background:#f5f5f5;border-radius:3px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.9em}.editora-theme-dark .editora-content code{background:#1e1e1e}.editora-content pre{padding:12px;background:#f5f5f5;border-radius:4px;overflow-x:auto;margin:1em 0}.editora-theme-dark .editora-content pre{background:#1e1e1e}.editora-content blockquote{margin:1em 0;padding-left:1em;border-left:4px solid #ddd;color:#666}.editora-theme-dark .editora-content blockquote{border-left-color:#3c3c3c;color:#9a9a9a}.editora-floating-toolbar{position:absolute;padding:4px;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:1000}.editora-theme-dark .editora-floating-toolbar{background:#252526;border-color:#3c3c3c;box-shadow:0 2px 8px #00000080}.editora-statusbar-container{display:flex;flex-direction:column}.editora-statusbar-left{display:flex;align-items:center;gap:8px}.editora-statusbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.editora-statusbar{display:flex;align-items:center;gap:12px;padding:6px 12px;background:#f5f5f5;border-top:1px solid #ddd;font-size:12px;color:#666}.editora-theme-dark .editora-statusbar{background:#252526;border-top-color:#3c3c3c;color:#9a9a9a}.editora-statusbar-item{white-space:nowrap}.editora-statusbar-separator{color:#ddd}.editora-theme-dark .editora-statusbar-separator{color:#3c3c3c}.editora-editor[readonly] .editora-content{background:#fafafa;cursor:not-allowed}.editora-theme-dark.editora-editor[readonly] .editora-content{background:#1a1a1a}.editora-editor:focus-within{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.editora-theme-dark.editora-editor:focus-within{border-color:#4db8ff;box-shadow:0 0 0 3px #4db8ff1a}.editora-editor[disabled]{opacity:.6;pointer-events:none}@media(max-width:768px){.editora-toolbar{padding:4px}.editora-toolbar-button{min-width:28px;min-height:28px;padding:4px 8px;font-size:12px}.editora-content{padding:12px}}.editora-content ::selection{background:#06c3}.editora-theme-dark .editora-content ::selection{background:#4db8ff33}.editora-content table{border-collapse:collapse;width:100%;margin:1em 0}.editora-content th,.editora-content td{border:1px solid #ddd;padding:8px 12px;text-align:left}.editora-theme-dark .editora-content th,.editora-theme-dark .editora-content td{border-color:#3c3c3c}.editora-content th{background:#f5f5f5;font-weight:600}.editora-theme-dark .editora-content th{background:#252526}.editora-content img{max-width:100%;height:auto;border-radius:4px;display:block}.editora-content video{max-width:100%;height:auto;border-radius:4px;display:block}.editora-editor.loading{opacity:.7;pointer-events:none}.editora-editor.loading:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:3px solid #ddd;border-top-color:#06c;border-radius:50%;animation:editora-spin .8s linear infinite}@keyframes editora-spin{to{transform:rotate(360deg)}}.toolbar-container-wrapper{display:flex;align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;padding:0;margin:0;width:100%;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;position:relative}.toolbar-container-wrapper[data-toolbar-sticky=true]{position:sticky;top:0;z-index:999;box-shadow:0 2px 4px #0000001a}.toolbar-container-wrapper[data-toolbar-floating=true]{position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 4px 12px #00000026}.toolbar-container-wrapper[data-toolbar-position=bottom]{border-bottom:none;border-top:1px solid #e0e0e0}.toolbar-container-wrapper .toolbar-wrapper{display:flex;width:100%;padding:8px;gap:4px;flex-wrap:wrap;align-items:center}.toolbar-container-wrapper .toolbar{display:flex;width:100%;gap:4px;flex-wrap:wrap;align-items:center}.toolbar-container-wrapper .toolbar-container{display:flex;gap:4px;flex-wrap:wrap;align-items:center;flex:1;position:relative}.toolbar-container-wrapper .toolbar-item{display:flex;align-items:center;gap:2px}.toolbar-container-wrapper .toolbar-button{padding:6px 10px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .15s ease;min-height:32px;white-space:nowrap}.toolbar-container-wrapper .toolbar-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.toolbar-container-wrapper .toolbar-button:active,.toolbar-container-wrapper .toolbar-button[data-active=true]{background-color:#06c;color:#fff;border-color:#0052a3;box-shadow:inset 0 1px 3px #0000001a}.toolbar-container-wrapper .toolbar-button:disabled{opacity:.5;cursor:not-allowed;background-color:#f9fafb}.toolbar-container-wrapper .toolbar-more-button{padding:6px 8px;font-size:16px;font-weight:500;line-height:1}.toolbar-container-wrapper .toolbar-separator{width:1px;height:24px;background-color:#d1d5db;margin:0 4px}.toolbar-container-wrapper .toolbar-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.toolbar-container-wrapper .toolbar-icon svg{width:100%;height:100%}.toolbar-container-wrapper .toolbar-dropdown{position:relative;display:flex;align-items:center}.toolbar-container-wrapper .toolbar-dropdown-arrow{font-size:10px;margin-left:2px;line-height:1}.toolbar-container-wrapper .toolbar-dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:160px;padding:4px 0;margin-top:4px;display:none}.toolbar-container-wrapper .toolbar-dropdown-menu.show{display:block}.toolbar-container-wrapper .toolbar-dropdown-item{display:block;width:100%;padding:8px 12px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:13px;color:#1f2937;transition:background-color .15s ease;font-family:inherit}.toolbar-container-wrapper .toolbar-dropdown-item:hover{background-color:#f3f4f6}.toolbar-container-wrapper .toolbar-dropdown-item:active{background-color:#e5e7eb}.toolbar-container-wrapper .toolbar-input{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;font-family:inherit;background-color:#fff;color:#1f2937;transition:all .15s ease}.toolbar-container-wrapper .toolbar-input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;background-color:#fff}.toolbar-container-wrapper .toolbar-input::placeholder{color:#9ca3af}.toolbar-overflow-menu{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toolbar-overflow-item{transition:background-color .15s ease}.floating-toolbar{user-select:none;-webkit-user-select:none;font-family:system-ui,-apple-system,sans-serif;font-size:14px;animation:fadeInUp .15s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.floating-toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:4px;color:#495057;cursor:pointer;font-size:14px;font-weight:500;transition:all .15s ease;outline:none}.floating-toolbar-btn:hover{background:#f8f9fa;color:#212529}.floating-toolbar-btn:active{background:#e9ecef;transform:scale(.95)}.floating-toolbar-btn.floating-toolbar-toggle{color:#dc3545;font-weight:700}.floating-toolbar-btn.floating-toolbar-toggle:hover{background:#f8d7da;color:#721c24}.floating-toolbar-separator{width:1px;height:20px;background:#e1e5e9;margin:0 2px}@media(max-width:768px){.toolbar-container-wrapper .toolbar-button{padding:5px 8px;font-size:12px;min-height:28px}.toolbar-container-wrapper .toolbar-icon{width:16px;height:16px}.toolbar-container-wrapper .toolbar-dropdown-menu{min-width:140px}.toolbar-container-wrapper .toolbar-dropdown-item{padding:6px 10px;font-size:12px}.floating-toolbar{padding:4px;gap:2px}.floating-toolbar-btn{width:28px;height:28px;font-size:12px}}@media(max-width:480px){.toolbar-container-wrapper{padding:4px}.toolbar-container-wrapper .toolbar-wrapper{padding:4px;gap:2px}.toolbar-container-wrapper .toolbar-button{padding:4px 6px;font-size:11px;min-height:24px}.toolbar-container-wrapper .toolbar-icon{width:14px;height:14px}}.floating-toolbar{pointer-events:auto}.floating-toolbar{max-width:calc(100vw - 20px);overflow-x:auto}@media(prefers-color-scheme:dark){.floating-toolbar{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.floating-toolbar-btn:hover{background:#4a5568;color:#f7fafc}.floating-toolbar-btn:active{background:#718096}.floating-toolbar-separator{background:#4a5568}}';
+let f;
+function z() {
+  const l = "editora-webcomponent-styles";
+  if (!document.getElementById(l)) {
     const t = document.createElement("style");
-    t.id = h, t.textContent = I, document.head.appendChild(t);
+    t.id = l, t.textContent = H, document.head.appendChild(t);
   }
 }
-function x() {
-  if (!g) {
-    const h = M.__globalPluginLoader;
-    h ? g = h : g = new P();
+function B() {
+  if (!f) {
+    const l = g.__globalPluginLoader;
+    l ? f = l : f = new M();
   }
-  return g;
+  return f;
 }
-function N(h) {
-  const t = x();
-  Object.entries(h).forEach(([e, o]) => {
+function D(l) {
+  const t = B();
+  Object.entries(l).forEach(([e, o]) => {
     t.register(e, o);
   });
 }
-class M extends HTMLElement {
+class g extends HTMLElement {
   constructor() {
-    if (super(), this.config = {}, this.isInitialized = !1, this.pluginLoader = x(), A(), !this.hasAttribute("data-initial-content")) {
+    if (super(), this.config = {}, this.isInitialized = !1, z(), !this.hasAttribute("data-initial-content")) {
       const t = this.innerHTML.trim();
       t && this.setAttribute("data-initial-content", t);
     }
@@ -818,16 +892,34 @@ class M extends HTMLElement {
       "placeholder",
       "autofocus",
       "language",
-      "spellcheck"
+      "spellcheck",
+      "statusbar"
     ];
   }
   /**
    * Called when element is added to DOM
    */
   connectedCallback() {
-    this.config = this.resolveConfig(), setTimeout(() => {
-      this.initialize();
-    }, 0);
+    this.config = this.resolveConfig(), this.waitForPluginLoader().then(() => {
+      setTimeout(async () => {
+        await this.initialize();
+      }, 0);
+    });
+  }
+  /**
+   * Wait for the global plugin loader to be available
+   */
+  async waitForPluginLoader() {
+    if (g.__globalPluginLoader) {
+      this.pluginLoader = g.__globalPluginLoader;
+      return;
+    }
+    return new Promise((t) => {
+      const e = () => {
+        g.__globalPluginLoader ? (this.pluginLoader = g.__globalPluginLoader, t()) : setTimeout(e, 0);
+      };
+      e();
+    });
   }
   /**
    * Called when element is removed from DOM
@@ -844,20 +936,20 @@ class M extends HTMLElement {
   /**
    * Set configuration via JavaScript API
    */
-  setConfig(t) {
-    this.jsConfig = t, this.config = this.resolveConfig(), this.isConnected && (this.destroy(), this.initialize());
+  async setConfig(t) {
+    this.jsConfig = t, this.config = this.resolveConfig(), this.isConnected && (this.destroy(), await this.waitForPluginLoader(), await this.initialize());
   }
   /**
    * Initialize the editor
    */
-  initialize() {
+  async initialize() {
     if (this.querySelector(".editora-toolbar") || this.isInitialized) return;
     this.setAttribute("data-editora-editor", "true"), this.config.height && (this.style.height = typeof this.config.height == "number" ? `${this.config.height}px` : this.config.height), this.config.width && (this.style.width = typeof this.config.width == "number" ? `${this.config.width}px` : this.config.width), this.classList.add("editora-editor"), this.config.theme && this.classList.add(`editora-theme-${this.config.theme}`);
-    const t = this.loadPlugins();
+    const t = await this.loadPlugins();
     t.forEach((o) => {
       if (o.init && typeof o.init == "function")
         try {
-          o.init();
+          o.init({ editorElement: this });
         } catch (i) {
           console.error(`[RichTextEditor] Error initializing plugin ${o.name}:`, i);
         }
@@ -884,21 +976,22 @@ class M extends HTMLElement {
   /**
    * Load plugins based on configuration
    */
-  loadPlugins() {
+  async loadPlugins() {
+    this.pluginLoader || await this.waitForPluginLoader();
     const t = [];
-    if (this.config.plugins && (typeof this.config.plugins == "string" && this.config.plugins.length > 0 || Array.isArray(this.config.plugins) && this.config.plugins.length > 0))
+    if (this.config.plugins && (typeof this.config.plugins == "string" && this.config.plugins.length > 0 || Array.isArray(this.config.plugins) && this.config.plugins.length > 0)) {
       if (typeof this.config.plugins == "string") {
-        const o = this.pluginLoader.parsePluginString(this.config.plugins);
+        const o = await this.pluginLoader.parsePluginString(this.config.plugins);
         t.push(...o);
-      } else Array.isArray(this.config.plugins) && this.config.plugins.forEach((o) => {
-        if (typeof o == "string") {
-          const i = this.pluginLoader.load(o);
-          i && t.push(i);
-        } else
-          t.push(o);
-      });
-    else {
-      const o = this.pluginLoader.getRegisteredPluginNames(), i = this.pluginLoader.loadMultiple(o);
+      } else if (Array.isArray(this.config.plugins))
+        for (const o of this.config.plugins)
+          if (typeof o == "string") {
+            const i = await this.pluginLoader.load(o);
+            i && t.push(i);
+          } else
+            t.push(o);
+    } else {
+      const o = this.pluginLoader.getRegisteredPluginNames(), i = await this.pluginLoader.loadMultiple(o);
       t.push(...i);
     }
     return t;
@@ -920,27 +1013,27 @@ class M extends HTMLElement {
         t,
         this.pluginLoader
         // Pass plugin loader to get all registered plugins
-      ), this.toolbar.setCommandHandler((s, r) => {
-        var f, p;
+      ), this.toolbar.setCommandHandler((a, r) => {
+        var b, u;
         if (this.contentElement) {
           this.contentElement.focus();
-          const c = window.getSelection();
-          if (!c || c.rangeCount === 0 || !this.contentElement.contains(c.anchorNode)) {
-            const a = document.createRange(), l = this.contentElement.lastChild || this.contentElement;
-            l.nodeType === Node.TEXT_NODE ? a.setStart(l, ((f = l.textContent) == null ? void 0 : f.length) || 0) : l.nodeType === Node.ELEMENT_NODE ? (a.selectNodeContents(l), a.collapse(!1)) : a.setStart(this.contentElement, 0), a.collapse(!0), c == null || c.removeAllRanges(), c == null || c.addRange(a);
+          const p = window.getSelection();
+          if (!p || p.rangeCount === 0 || !this.contentElement.contains(p.anchorNode)) {
+            const d = document.createRange(), c = this.contentElement.lastChild || this.contentElement;
+            c.nodeType === Node.TEXT_NODE ? d.setStart(c, ((b = c.textContent) == null ? void 0 : b.length) || 0) : c.nodeType === Node.ELEMENT_NODE ? (d.selectNodeContents(c), d.collapse(!1)) : d.setStart(this.contentElement, 0), d.collapse(!0), p == null || p.removeAllRanges(), p == null || p.addRange(d);
           }
         }
-        const d = t.find((c) => c.commands && c.commands[s]);
-        if (d && d.commands) {
-          const c = d.commands[s];
-          if (typeof c == "function")
+        const s = t.find((p) => p.commands && p.commands[a]);
+        if (s && s.commands) {
+          const p = s.commands[a];
+          if (typeof p == "function")
             try {
-              return c(s === "toggleFullscreen" ? this : r);
-            } catch (a) {
-              return console.error(`[RichTextEditor] Error executing native command ${s}:`, a), !1;
+              return p(a === "toggleFullscreen" ? this : r);
+            } catch (d) {
+              return console.error(`[RichTextEditor] Error executing native command ${a}:`, d), !1;
             }
         }
-        return ((p = this.engine) == null ? void 0 : p.execCommand(s, r)) || !1;
+        return ((u = this.engine) == null ? void 0 : u.execCommand(a, r)) || !1;
       }), this.toolbar.render(this.toolbarElement);
     } else o && this.appendChild(o);
     this.contentElement = document.createElement("div"), this.contentElement.className = "editora-content rte-content", this.contentElement.contentEditable = this.config.readonly ? "false" : "true", this.contentElement.setAttribute("role", "textbox"), this.contentElement.setAttribute("aria-multiline", "true"), this.config.placeholder && this.contentElement.setAttribute("data-placeholder", this.config.placeholder);
@@ -953,8 +1046,8 @@ class M extends HTMLElement {
       const n = document.createElement("div");
       n.innerHTML = e.trim(), !Array.from(n.childNodes).some((r) => {
         if (r.nodeType === Node.ELEMENT_NODE) {
-          const d = r.tagName;
-          return ["P", "DIV", "H1", "H2", "H3", "H4", "H5", "H6", "UL", "OL", "BLOCKQUOTE", "PRE"].includes(d);
+          const s = r.tagName;
+          return ["P", "DIV", "H1", "H2", "H3", "H4", "H5", "H6", "UL", "OL", "BLOCKQUOTE", "PRE"].includes(s);
         }
         return !1;
       }) && e.trim() ? this.contentElement.innerHTML = `<p>${e.trim()}</p>` : this.contentElement.innerHTML = e;
@@ -969,22 +1062,22 @@ class M extends HTMLElement {
    * Setup event listeners
    */
   setupEventListeners() {
-    !this.contentElement || !this.engine || (this.contentElement.addEventListener("input", () => {
-      const t = this.contentElement.innerHTML;
-      if (this.dispatchEvent(new CustomEvent("content-change", {
-        detail: { html: t },
+    if (!this.contentElement || !this.engine) return;
+    this.contentElement.addEventListener("input", () => {
+      const e = this.contentElement.innerHTML;
+      this.dispatchEvent(new CustomEvent("content-change", {
+        detail: { html: e },
         bubbles: !0
-      })), this.statusBar) {
-        const e = this.contentElement.textContent || "", o = e.trim().split(/\s+/).filter(Boolean).length, i = e.length;
-        this.statusBar.update({ wordCount: o, charCount: i });
-      }
+      })), this.updateStatusBar();
     }), this.contentElement.addEventListener("focus", () => {
       this.dispatchEvent(new Event("editor-focus", { bubbles: !0 }));
     }), this.contentElement.addEventListener("blur", () => {
       this.dispatchEvent(new Event("editor-blur", { bubbles: !0 }));
-    }), this.floatingToolbar && document.addEventListener("selectionchange", () => {
-      this.updateFloatingToolbar();
-    }));
+    });
+    const t = () => {
+      this.updateFloatingToolbar(), this.updateStatusBar();
+    };
+    document.addEventListener("selectionchange", t);
   }
   /**
    * Update floating toolbar position
@@ -1004,6 +1097,28 @@ class M extends HTMLElement {
     const o = e.getBoundingClientRect();
     this.floatingToolbar.show(o.left, o.top - 40);
   }
+  /**
+   * Update status bar with selection and cursor information
+   */
+  /**
+   * Update status bar with current content and cursor information
+   */
+  updateStatusBar() {
+    if (!this.statusBar || !this.contentElement) return;
+    const t = this.contentElement.textContent || "", { words: e, chars: o } = N(t), i = A(this.contentElement), n = window.getSelection();
+    let a, r;
+    if (n && n.rangeCount > 0) {
+      const s = n.getRangeAt(0);
+      a = I(this.contentElement, s), s.collapsed || (r = S(s, a), a = void 0);
+    }
+    this.statusBar.update({
+      wordCount: e,
+      charCount: o,
+      lineCount: i,
+      cursorPosition: a,
+      selectionInfo: r
+    });
+  }
   /**
    * Handle attribute changes
    */
@@ -1022,7 +1137,11 @@ class M extends HTMLElement {
         break;
       case "toolbar":
       case "plugins":
-        this.isConnected && (this.destroy(), this.initialize());
+        this.isConnected && (this.destroy(), this.waitForPluginLoader().then(() => {
+          this.initialize().catch((o) => {
+            console.error("[RichTextEditor] Error during attribute change re-initialization:", o);
+          });
+        }));
         break;
     }
   }
@@ -1035,7 +1154,7 @@ class M extends HTMLElement {
       const o = this.attributes[e];
       t[o.name] = o.value;
     }
-    return b.resolve({
+    return x.resolve({
       jsConfig: this.jsConfig,
       attributes: t
     });
@@ -1103,17 +1222,22 @@ class M extends HTMLElement {
   }
 }
 export {
-  w as C,
+  E as C,
   m as E,
   L as F,
   C as P,
-  M as R,
-  E as S,
+  g as R,
+  w as S,
   v as T,
   k as a,
   T as b,
-  b as c,
-  P as d,
-  N as i
+  P as c,
+  A as d,
+  N as e,
+  S as f,
+  I as g,
+  x as h,
+  M as i,
+  D as j
 };
-//# sourceMappingURL=index-BS4zT-KN.mjs.map
+//# sourceMappingURL=index-BPsf460l.mjs.map