@editora/core 1.0.0 → 1.0.1

package/dist/index-BS4zT-KN.mjs

@@ -0,0 +1,1119 @@
+class m {
+  constructor(t, e, o) {
+    this.doc = t, this.selection = e, this.schema = o;
+  }
+  static create(t, e) {
+    const o = e || t.node("doc", {}, [t.node("paragraph")]);
+    return new m(o, { anchor: 0, head: 0 }, t);
+  }
+  apply(t, e) {
+    return new m(t, e || this.selection, this.schema);
+  }
+}
+class E {
+  constructor(t, e) {
+    this.nodes = new Map(Object.entries(t)), this.marks = new Map(Object.entries(e));
+  }
+  node(t, e, o) {
+    return { type: t, attrs: e, content: o };
+  }
+  text(t, e) {
+    return { type: "text", text: t, marks: e };
+  }
+}
+class C {
+  constructor() {
+    this.plugins = [], this.pluginConfigs = /* @__PURE__ */ new Map();
+  }
+  register(t, e) {
+    if (this.plugins.push(t), e && this.pluginConfigs.set(t.name, e), t.initialize) {
+      const o = this.pluginConfigs.get(t.name) || t.config;
+      t.initialize(o);
+    }
+  }
+  unregister(t) {
+    const e = this.plugins.findIndex((o) => o.name === t);
+    if (e > -1) {
+      const o = this.plugins[e];
+      o.destroy && o.destroy(), this.plugins.splice(e, 1), this.pluginConfigs.delete(t);
+    }
+  }
+  getPlugin(t) {
+    return this.plugins.find((e) => e.name === t);
+  }
+  getPluginConfig(t) {
+    return this.pluginConfigs.get(t);
+  }
+  buildSchema() {
+    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);
+  }
+  getCommands() {
+    const t = {};
+    return this.plugins.forEach((e) => {
+      e.commands && Object.assign(t, e.commands);
+    }), t;
+  }
+  getToolbarItems() {
+    return this.plugins.flatMap((t) => t.toolbar || []);
+  }
+  /**
+   * Execute plugin command with mode awareness
+   */
+  async executePluginCommand(t, e, ...o) {
+    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";
+    try {
+      switch (s) {
+        case "local":
+          return i.executeLocal ? i.executeLocal(e, ...o) : null;
+        case "api":
+          if (!i.executeAPI)
+            throw new Error(`Plugin ${t} does not support API mode`);
+          return await i.executeAPI(e, ...o);
+        case "hybrid":
+          if (i.executeHybrid)
+            return await i.executeHybrid(e, ...o);
+          try {
+            if (i.executeAPI)
+              return await i.executeAPI(e, ...o);
+          } catch (r) {
+            if (console.warn(`API execution failed for ${t}, falling back to local`, r), i.executeLocal && n.fallbackToLocal !== !1)
+              return i.executeLocal(e, ...o);
+            throw r;
+          }
+          break;
+        default:
+          throw new Error(`Unknown plugin mode: ${s}`);
+      }
+    } catch (r) {
+      throw console.error(`Error executing command ${e} on plugin ${t}:`, r), r;
+    }
+  }
+  /**
+   * Destroy all plugins
+   */
+  async destroyAll() {
+    const t = this.plugins.filter((e) => e.destroy).map((e) => e.destroy());
+    await Promise.all(t), this.plugins = [], this.pluginConfigs.clear();
+  }
+}
+class w {
+  constructor(t = {}) {
+    this.commands = /* @__PURE__ */ new Map(), Object.entries(t).forEach(([e, o]) => {
+      this.register(e, o);
+    });
+  }
+  /**
+   * Register a command
+   */
+  register(t, e) {
+    this.commands.has(t) && console.warn(`Command ${t} is being overwritten`), this.commands.set(t, e);
+  }
+  /**
+   * Unregister a command
+   */
+  unregister(t) {
+    this.commands.delete(t);
+  }
+  /**
+   * Get a command handler
+   */
+  get(t) {
+    return this.commands.get(t);
+  }
+  /**
+   * Check if command exists
+   */
+  has(t) {
+    return this.commands.has(t);
+  }
+  /**
+   * Get all command names
+   */
+  getCommandNames() {
+    return Array.from(this.commands.keys());
+  }
+  /**
+   * Clear all commands
+   */
+  clear() {
+    this.commands.clear();
+  }
+}
+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());
+  }
+  /**
+   * Execute a command
+   */
+  execCommand(t, e) {
+    if (this.isReadonly)
+      return console.warn("Cannot execute commands in readonly mode"), !1;
+    if (this.isDestroyed)
+      return console.warn("Cannot execute commands on destroyed editor"), !1;
+    const o = this.commandRegistry.get(t);
+    if (!o)
+      return console.warn(`Command not found: ${t}`), !1;
+    let i;
+    return e !== void 0 ? i = o(this.state, e) : i = o(this.state), i ? (this.setState(i), this.emit("change", this.state), !0) : !1;
+  }
+  /**
+   * Update editor state
+   */
+  setState(t) {
+    this.isDestroyed || (this.state = t, this.emit("stateChange", t));
+  }
+  /**
+   * Get current state
+   */
+  getState() {
+    return this.state;
+  }
+  /**
+   * Set readonly mode
+   */
+  setReadonly(t) {
+    this.isReadonly = t, this.emit("readonlyChange", t);
+  }
+  /**
+   * Check if readonly
+   */
+  isReadOnly() {
+    return this.isReadonly;
+  }
+  /**
+   * Event emitter
+   */
+  on(t, e) {
+    return this.listeners.has(t) || this.listeners.set(t, []), this.listeners.get(t).push(e), () => {
+      const o = this.listeners.get(t);
+      if (o) {
+        const i = o.indexOf(e);
+        i > -1 && o.splice(i, 1);
+      }
+    };
+  }
+  /**
+   * Emit event
+   */
+  emit(t, ...e) {
+    const o = this.listeners.get(t);
+    o && o.forEach((i) => {
+      try {
+        i(...e);
+      } catch (n) {
+        console.error(`Error in ${t} handler:`, n);
+      }
+    });
+  }
+  /**
+   * Destroy editor instance
+   */
+  destroy() {
+    this.isDestroyed || (this.isDestroyed = !0, this.listeners.clear(), this.emit("destroy"));
+  }
+  /**
+   * Check if destroyed
+   */
+  isEditorDestroyed() {
+    return this.isDestroyed;
+  }
+}
+class v {
+  // PluginLoader instance to get all registered plugins
+  constructor(t, e, o) {
+    this.config = t, this.plugins = e, this.pluginLoader = o;
+  }
+  /**
+   * Set command handler for toolbar buttons
+   */
+  setCommandHandler(t) {
+    this.commandHandler = t;
+  }
+  /**
+   * Parse toolbar string into button groups
+   */
+  parseToolbarString(t) {
+    const e = [], o = t.split("|").map((r) => r.trim()), i = this.getAvailableToolbarItems(), n = /* @__PURE__ */ new Map();
+    i.forEach((r) => {
+      r.command && n.set(r.command, r), r.type === "group" && r.label && n.set(r.label, r);
+    });
+    const s = {
+      bold: "toggleBold",
+      italic: "toggleItalic",
+      underline: "toggleUnderline",
+      strikethrough: "toggleStrikethrough",
+      bullist: "toggleBulletList",
+      numlist: "toggleOrderedList",
+      checklist: "toggleChecklist",
+      link: "openLinkDialog",
+      image: "openImageDialog",
+      table: "insertTable",
+      anchor: "insertAnchor",
+      code: "toggleSourceView",
+      blockquote: "toggleBlockquote",
+      undo: "undo",
+      redo: "redo",
+      textColor: "openTextColorPicker",
+      backgroundColor: "openBackgroundColorPicker",
+      fontSize: "fontSize",
+      fontFamily: "setFontFamily",
+      lineHeight: "setLineHeight",
+      heading: "setBlockType",
+      paragraph: "setParagraph",
+      textAlignment: "setTextAlignment",
+      direction: "setDirectionLTR",
+      indent: "increaseIndent",
+      outdent: "decreaseIndent",
+      capitalization: "setCapitalization",
+      math: "insertMath",
+      specialCharacters: "insertSpecialCharacter",
+      emojis: "openEmojiDialog",
+      embedIframe: "openEmbedIframeDialog",
+      fullscreen: "toggleFullscreen",
+      preview: "togglePreview",
+      print: "print",
+      a11yChecker: "toggleA11yChecker",
+      spellCheck: "toggleSpellCheck",
+      comments: "addComment",
+      showHideComments: "toggleComments",
+      toggleComments: "toggleComments",
+      footnote: "insertFootnote",
+      mergeTags: "insertMergeTag",
+      pageBreak: "insertPageBreak",
+      template: "insertTemplate",
+      importWord: "importWord",
+      exportWord: "exportWord",
+      exportPdf: "exportPdf",
+      insertImage: "insertImage",
+      insertVideo: "insertVideo",
+      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({
+            id: "directionLTR",
+            label: l.label,
+            command: l.command,
+            icon: l.icon,
+            type: l.type || "button",
+            options: l.options
+          }), u && d.push({
+            id: "directionRTL",
+            label: u.label,
+            command: u.command,
+            icon: u.icon,
+            type: u.type || "button",
+            options: u.options
+          });
+          return;
+        }
+        if (p === "comments") {
+          const l = n.get("addComment"), u = n.get("toggleComments");
+          l && d.push({
+            id: "addComment",
+            label: l.label,
+            command: l.command,
+            icon: l.icon,
+            type: l.type || "button",
+            options: l.options
+          }), u && d.push({
+            id: "toggleComments",
+            label: u.label,
+            command: u.command,
+            icon: u.icon,
+            type: u.type || "button",
+            options: u.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
+        });
+      }), d.length > 0 && e.push(d);
+    }), 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 || []);
+  }
+  /**
+   * Render toolbar to DOM element
+   */
+  render(t) {
+    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 r = document.createElement("div");
+        r.className = "editora-toolbar-separator", t.appendChild(r);
+      }
+    });
+  }
+  /**
+   * Append a toolbar button or group to a parent element
+   */
+  appendToolbarButton(t, e) {
+    if (e.type === "separator") {
+      const o = document.createElement("div");
+      o.className = "editora-toolbar-separator", t.appendChild(o);
+    } else if (e.type === "dropdown") {
+      const o = this.createDropdown(e);
+      t.appendChild(o);
+    } else if (e.type === "inline-menu") {
+      const o = this.createInlineMenu(e);
+      t.appendChild(o);
+    } else if (e.type === "group" && e.items && e.items.length) {
+      const o = this.createGroupButton(e);
+      t.appendChild(o);
+    } else if (e.type === "input") {
+      const o = this.createInput(e);
+      t.appendChild(o);
+    } else {
+      const o = this.createButton(e);
+      t.appendChild(o);
+    }
+  }
+  /**
+   * Create a toolbar button element
+   */
+  createGroupButton(t) {
+    const e = document.createElement("div");
+    if (e.className = "editora-toolbar-group-button", e.title = t.label, t.icon)
+      if (t.icon.startsWith("<svg") && t.icon.endsWith("</svg>")) {
+        const o = document.createElement("span");
+        o.className = "editora-toolbar-icon", o.innerHTML = t.icon, e.appendChild(o);
+      } else
+        e.innerHTML = t.icon;
+    if (t.items && t.items.length) {
+      const o = document.createElement("div");
+      o.className = "editora-toolbar-group-items", t.items.forEach((i) => {
+        this.appendToolbarButton(o, i);
+      }), e.appendChild(o);
+    }
+    return e;
+  }
+  /**
+   * Create a toolbar button element
+   */
+  createInput(t) {
+    const e = document.createElement("input");
+    return e.className = `editora-toolbar-input ${t.label.toLowerCase().replace(/\s+/g, "-")}`, e.type = "text", e.title = t.label, e.placeholder = t.placeholder || "", e.setAttribute("data-command", t.command), t.active && e.classList.add("active"), t.disabled && (e.disabled = !0), e.addEventListener("click", (o) => {
+      o.preventDefault(), this.commandHandler && this.commandHandler(t.command);
+    }), e;
+  }
+  /**
+   * Create a toolbar button element
+   */
+  createButton(t) {
+    const e = document.createElement("button");
+    if (e.className = "editora-toolbar-button", e.type = "button", e.title = t.label, e.setAttribute("data-command", t.command), t.icon)
+      if (t.icon.startsWith("<svg") && t.icon.endsWith("</svg>")) {
+        const o = document.createElement("span");
+        o.className = "editora-toolbar-icon", o.innerHTML = t.icon, e.appendChild(o);
+      } else
+        e.innerHTML = t.icon;
+    else
+      e.textContent = t.label;
+    return t.active && e.classList.add("active"), t.disabled && (e.disabled = !0), e.addEventListener("click", (o) => {
+      o.preventDefault(), this.commandHandler && this.commandHandler(t.command);
+    }), e;
+  }
+  /**
+   * Create a dropdown element
+   */
+  createDropdown(t) {
+    const e = document.createElement("div");
+    e.className = "editora-toolbar-dropdown";
+    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) => {
+      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";
+      }), i.appendChild(r);
+    }), o.addEventListener("click", (s) => {
+      s.preventDefault(), s.stopPropagation();
+      const r = i.style.display === "block";
+      i.style.display = r ? "none" : "block";
+    });
+    const n = (s) => {
+      e.contains(s.target) || (i.style.display = "none");
+    };
+    return document.addEventListener("click", n), e._cleanupDropdown = () => {
+      document.removeEventListener("click", n);
+    }, e.appendChild(o), e.appendChild(i), e;
+  }
+  /**
+   * Create an inline menu element (like dropdown but triggered by button click)
+   */
+  createInlineMenu(t) {
+    const e = document.createElement("div");
+    e.className = "editora-toolbar-dropdown editora-toolbar-inline-menu";
+    const o = document.createElement("button");
+    if (o.className = "editora-toolbar-button", o.type = "button", o.title = t.label, t.icon)
+      if (t.icon.startsWith("<svg") && t.icon.endsWith("</svg>")) {
+        const n = document.createElement("span");
+        n.className = "editora-toolbar-icon", n.innerHTML = t.icon, o.appendChild(n);
+      } else
+        o.innerHTML = t.icon;
+    else
+      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) => {
+        r.preventDefault(), r.stopPropagation(), this.commandHandler && this.commandHandler(t.command, n.value), i.style.display = "none";
+      }), i.appendChild(s);
+    }), o.addEventListener("click", (n) => {
+      var r;
+      n.preventDefault(), n.stopPropagation();
+      const s = (r = this.container) == null ? void 0 : r.querySelectorAll(
+        ".editora-toolbar-dropdown-menu"
+      );
+      s == null || s.forEach((d) => {
+        d !== i && (d.style.display = "none");
+      }), i.style.display = i.style.display === "none" ? "block" : "none";
+    }), document.addEventListener("click", (n) => {
+      e.contains(n.target) || (i.style.display = "none");
+    }), e.appendChild(o), e.appendChild(i), e;
+  }
+  /**
+   * Get default toolbar string if none provided
+   */
+  getDefaultToolbarString() {
+    return this.getAvailableToolbarItems().map((e) => e.command).join(" ");
+  }
+  /**
+   * Update button state
+   */
+  updateButtonState(t, e) {
+    if (!this.container) return;
+    const o = this.container.querySelector(
+      `[data-command="${t}"]`
+    );
+    o && (e.active !== void 0 && o.classList.toggle("active", e.active), e.disabled !== void 0 && (o.disabled = e.disabled));
+  }
+  /**
+   * Destroy toolbar
+   */
+  destroy() {
+    this.container && (this.container.querySelectorAll(".editora-toolbar-dropdown").forEach((e) => {
+      const o = e._cleanupDropdown;
+      o && o();
+    }), this.container.innerHTML = ""), this.commandHandler = void 0;
+  }
+}
+class L {
+  constructor(t) {
+    this.visible = !1, this.config = t;
+  }
+  /**
+   * Create and mount floating toolbar
+   */
+  create(t) {
+    const e = document.createElement("div");
+    return e.className = "editora-floating-toolbar", e.style.display = "none", e.style.position = "absolute", e.style.zIndex = "1000", this.container = e, t.appendChild(e), e;
+  }
+  /**
+   * Show toolbar at position
+   */
+  show(t, e) {
+    this.container && (this.container.style.display = "block", this.container.style.left = `${t}px`, this.container.style.top = `${e}px`, this.visible = !0);
+  }
+  /**
+   * Hide toolbar
+   */
+  hide() {
+    this.container && (this.container.style.display = "none", this.visible = !1);
+  }
+  /**
+   * Update position
+   */
+  updatePosition(t, e) {
+    !this.container || !this.visible || (this.container.style.left = `${t}px`, this.container.style.top = `${e}px`);
+  }
+  /**
+   * Check if visible
+   */
+  isVisible() {
+    return this.visible;
+  }
+  /**
+   * Destroy floating toolbar
+   */
+  destroy() {
+    this.container && this.container.parentNode && this.container.parentNode.removeChild(this.container), this.container = void 0, this.visible = !1;
+  }
+}
+class T {
+  constructor(t = {}) {
+    this.statusInfo = {}, this.config = t;
+  }
+  /**
+   * Create and mount status bar
+   */
+  create(t) {
+    const e = document.createElement("div");
+    return e.className = "editora-statusbar", this.config.position && e.classList.add(`editora-statusbar-${this.config.position}`), this.container = e, t.appendChild(e), e;
+  }
+  /**
+   * Update status information
+   */
+  update(t) {
+    this.statusInfo = { ...this.statusInfo, ...t }, this.render();
+  }
+  /**
+   * Render status bar content
+   */
+  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);
+      }
+    });
+  }
+  /**
+   * Destroy status bar
+   */
+  destroy() {
+    this.container && this.container.parentNode && this.container.parentNode.removeChild(this.container), this.container = void 0;
+  }
+}
+const y = class y {
+  /**
+   * Resolve configuration from multiple sources with priority
+   */
+  static resolve(t) {
+    const e = {};
+    if (Object.assign(e, this.EDITOR_DEFAULTS), t.pluginDefaults && Object.assign(e, t.pluginDefaults), t.attributes) {
+      const o = this.parseAttributes(t.attributes);
+      Object.assign(e, o);
+    }
+    return t.jsConfig && Object.assign(e, t.jsConfig), e;
+  }
+  /**
+   * Parse web component attributes
+   */
+  static parseAttributes(t) {
+    const e = {};
+    for (const [o, i] of Object.entries(t)) {
+      const n = this.kebabToCamel(o);
+      e[n] = this.parseAttributeValue(i);
+    }
+    return e;
+  }
+  /**
+   * Parse attribute value to appropriate type
+   */
+  static parseAttributeValue(t) {
+    if (t === "true") return !0;
+    if (t === "false") return !1;
+    if (/^\d+$/.test(t)) return parseInt(t, 10);
+    if (/^\d+\.\d+$/.test(t)) return parseFloat(t);
+    if (t.startsWith("{") || t.startsWith("["))
+      try {
+        return JSON.parse(t);
+      } catch (e) {
+        return t;
+      }
+    return t;
+  }
+  /**
+   * Convert kebab-case to camelCase
+   */
+  static kebabToCamel(t) {
+    return t.replace(/-([a-z])/g, (e, o) => o.toUpperCase());
+  }
+  /**
+   * Validate configuration
+   */
+  static validate(t) {
+    const e = [];
+    return t.height !== void 0 && typeof t.height == "number" && t.height < 0 && e.push("height must be a positive number"), t.width !== void 0 && typeof t.width == "number" && t.width < 0 && e.push("width must be a positive number"), t.plugins !== void 0 && !Array.isArray(t.plugins) && typeof t.plugins != "string" && e.push("plugins must be an array or string"), t.theme !== void 0 && typeof t.theme != "string" && e.push("theme must be a string"), {
+      valid: e.length === 0,
+      errors: e
+    };
+  }
+  /**
+   * Get default configuration
+   */
+  static getDefaults() {
+    return { ...this.EDITOR_DEFAULTS };
+  }
+  /**
+   * Merge configurations (deep merge)
+   */
+  static merge(...t) {
+    const e = {};
+    for (const o of t)
+      for (const [i, n] of Object.entries(o))
+        n != null && (typeof n == "object" && !Array.isArray(n) && e[i] ? e[i] = this.merge(e[i], n) : e[i] = n);
+    return e;
+  }
+};
+y.EDITOR_DEFAULTS = {
+  height: 400,
+  width: "100%",
+  readonly: !1,
+  disabled: !1,
+  menubar: !0,
+  toolbar: !0,
+  plugins: [],
+  theme: "light",
+  content: "",
+  placeholder: "Start typing...",
+  autofocus: !1,
+  autosave: !1,
+  spellcheck: !1,
+  language: "en"
+};
+let b = y;
+class P {
+  constructor() {
+    this.loadedPlugins = /* @__PURE__ */ new Map(), this.pluginRegistry = /* @__PURE__ */ new Map();
+  }
+  /**
+   * Register a plugin factory
+   */
+  register(t, e) {
+    this.pluginRegistry.set(t, e);
+  }
+  /**
+   * Load a plugin by name
+   */
+  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();
+    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);
+  }
+  /**
+   * Parse plugin string "lists link image media"
+   */
+  parsePluginString(t, e) {
+    const o = t.split(/\s+/).filter(Boolean);
+    return this.loadMultiple(o, e);
+  }
+  /**
+   * Apply configuration to plugin
+   */
+  applyPluginConfig(t, e) {
+    t.__pluginConfig = e;
+  }
+  /**
+   * Unload a plugin
+   */
+  unload(t) {
+    this.loadedPlugins.delete(t);
+  }
+  /**
+   * Clear all loaded plugins
+   */
+  clear() {
+    this.loadedPlugins.clear();
+  }
+  /**
+   * Get all loaded plugin names
+   */
+  getLoadedPluginNames() {
+    return Array.from(this.loadedPlugins.keys());
+  }
+  /**
+   * Get all registered plugin names (available for loading)
+   */
+  getRegisteredPluginNames() {
+    return Array.from(this.pluginRegistry.keys());
+  }
+  /**
+   * Check if plugin is loaded
+   */
+  isLoaded(t) {
+    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 t = document.createElement("style");
+    t.id = h, t.textContent = I, document.head.appendChild(t);
+  }
+}
+function x() {
+  if (!g) {
+    const h = M.__globalPluginLoader;
+    h ? g = h : g = new P();
+  }
+  return g;
+}
+function N(h) {
+  const t = x();
+  Object.entries(h).forEach(([e, o]) => {
+    t.register(e, o);
+  });
+}
+class M extends HTMLElement {
+  constructor() {
+    if (super(), this.config = {}, this.isInitialized = !1, this.pluginLoader = x(), A(), !this.hasAttribute("data-initial-content")) {
+      const t = this.innerHTML.trim();
+      t && this.setAttribute("data-initial-content", t);
+    }
+  }
+  // Observed attributes for reactive updates
+  static get observedAttributes() {
+    return [
+      "height",
+      "width",
+      "menubar",
+      "plugins",
+      "toolbar",
+      "toolbar-items",
+      "readonly",
+      "disabled",
+      "theme",
+      "placeholder",
+      "autofocus",
+      "language",
+      "spellcheck"
+    ];
+  }
+  /**
+   * Called when element is added to DOM
+   */
+  connectedCallback() {
+    this.config = this.resolveConfig(), setTimeout(() => {
+      this.initialize();
+    }, 0);
+  }
+  /**
+   * Called when element is removed from DOM
+   */
+  disconnectedCallback() {
+    this.destroy();
+  }
+  /**
+   * Called when an observed attribute changes
+   */
+  attributeChangedCallback(t, e, o) {
+    e !== o && (this.config = this.resolveConfig(), this.handleAttributeChange(t, o));
+  }
+  /**
+   * Set configuration via JavaScript API
+   */
+  setConfig(t) {
+    this.jsConfig = t, this.config = this.resolveConfig(), this.isConnected && (this.destroy(), this.initialize());
+  }
+  /**
+   * Initialize the editor
+   */
+  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();
+    t.forEach((o) => {
+      if (o.init && typeof o.init == "function")
+        try {
+          o.init();
+        } catch (i) {
+          console.error(`[RichTextEditor] Error initializing plugin ${o.name}:`, i);
+        }
+    });
+    const e = this.getAttribute("data-initial-content") || "";
+    this.engine = new k({
+      content: e,
+      plugins: t,
+      readonly: this.config.readonly
+    }), this.createUI(t, e), this.setupEventListeners(), this.isInitialized = !0, this.dispatchEvent(new CustomEvent("editor-ready", {
+      detail: { api: this.getAPI() },
+      bubbles: !0
+    }));
+  }
+  /**
+   * Get initial content from slot or attribute
+   */
+  getInitialContent() {
+    if (this.config.content)
+      return this.config.content;
+    const t = this.querySelector("[slot]");
+    return t ? t.innerHTML : this.hasChildNodes() ? Array.from(this.childNodes).map((o) => o.nodeType === Node.TEXT_NODE ? o.textContent : o.nodeType === Node.ELEMENT_NODE ? o.outerHTML : "").join("").trim() : "";
+  }
+  /**
+   * Load plugins based on configuration
+   */
+  loadPlugins() {
+    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 (typeof this.config.plugins == "string") {
+        const o = 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);
+      t.push(...i);
+    }
+    return t;
+  }
+  /**
+   * Create UI elements
+   */
+  createUI(t, e) {
+    const o = this.querySelector('[slot="toolbar"]'), i = this.querySelector('[slot="statusbar"]');
+    if (this.innerHTML = "", this.config.toolbar !== !1 && !o) {
+      this.toolbarElement = document.createElement("div"), this.toolbarElement.className = "editora-toolbar-container", this.appendChild(this.toolbarElement);
+      const n = this.config.toolbarItems || this.config.toolbar;
+      this.toolbar = new v(
+        {
+          items: typeof n == "string" ? n : void 0,
+          sticky: this.config.toolbar && typeof this.config.toolbar == "object" ? this.config.toolbar.sticky : !1,
+          position: "top"
+        },
+        t,
+        this.pluginLoader
+        // Pass plugin loader to get all registered plugins
+      ), this.toolbar.setCommandHandler((s, r) => {
+        var f, p;
+        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 d = t.find((c) => c.commands && c.commands[s]);
+        if (d && d.commands) {
+          const c = d.commands[s];
+          if (typeof c == "function")
+            try {
+              return c(s === "toggleFullscreen" ? this : r);
+            } catch (a) {
+              return console.error(`[RichTextEditor] Error executing native command ${s}:`, a), !1;
+            }
+        }
+        return ((p = this.engine) == null ? void 0 : p.execCommand(s, 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);
+    try {
+      document.execCommand("defaultParagraphSeparator", !1, "p");
+    } catch (n) {
+      console.warn("defaultParagraphSeparator not supported:", n);
+    }
+    if (e) {
+      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);
+        }
+        return !1;
+      }) && e.trim() ? this.contentElement.innerHTML = `<p>${e.trim()}</p>` : this.contentElement.innerHTML = e;
+    } else
+      this.config.placeholder ? this.contentElement.innerHTML = "" : this.contentElement.innerHTML = "<p><br></p>";
+    this.appendChild(this.contentElement), this.config.toolbar && typeof this.config.toolbar == "object" && this.config.toolbar.floating && (this.floatingToolbar = new L({ enabled: !0 }), this.floatingToolbar.create(this)), i ? this.appendChild(i) : this.config.statusbar && (this.statusBarElement = document.createElement("div"), this.statusBarElement.className = "editora-statusbar-container", this.appendChild(this.statusBarElement), this.statusBar = new T({ position: "bottom" }), this.statusBar.create(this.statusBarElement)), this.config.autofocus && setTimeout(() => {
+      var n;
+      return (n = this.contentElement) == null ? void 0 : n.focus();
+    }, 0);
+  }
+  /**
+   * 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 },
+        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.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();
+    }));
+  }
+  /**
+   * Update floating toolbar position
+   */
+  updateFloatingToolbar() {
+    if (!this.floatingToolbar) return;
+    const t = window.getSelection();
+    if (!t || t.rangeCount === 0) {
+      this.floatingToolbar.hide();
+      return;
+    }
+    const e = t.getRangeAt(0);
+    if (e.collapsed) {
+      this.floatingToolbar.hide();
+      return;
+    }
+    const o = e.getBoundingClientRect();
+    this.floatingToolbar.show(o.left, o.top - 40);
+  }
+  /**
+   * Handle attribute changes
+   */
+  handleAttributeChange(t, e) {
+    switch (t) {
+      case "readonly":
+        this.contentElement && (this.contentElement.contentEditable = e === "true" ? "false" : "true"), this.engine && this.engine.setReadonly(e === "true");
+        break;
+      case "theme":
+        this.classList.forEach((o) => {
+          o.startsWith("editora-theme-") && this.classList.remove(o);
+        }), e && this.classList.add(`editora-theme-${e}`);
+        break;
+      case "placeholder":
+        this.contentElement && this.contentElement.setAttribute("data-placeholder", e);
+        break;
+      case "toolbar":
+      case "plugins":
+        this.isConnected && (this.destroy(), this.initialize());
+        break;
+    }
+  }
+  /**
+   * Resolve configuration from all sources
+   */
+  resolveConfig() {
+    const t = {};
+    for (let e = 0; e < this.attributes.length; e++) {
+      const o = this.attributes[e];
+      t[o.name] = o.value;
+    }
+    return b.resolve({
+      jsConfig: this.jsConfig,
+      attributes: t
+    });
+  }
+  /**
+   * Get public API
+   */
+  getAPI() {
+    return {
+      getContent: () => {
+        var t;
+        return ((t = this.contentElement) == null ? void 0 : t.innerHTML) || "";
+      },
+      setContent: (t) => {
+        this.contentElement && (this.contentElement.innerHTML = t);
+      },
+      execCommand: (t, e) => {
+        var o;
+        return ((o = this.engine) == null ? void 0 : o.execCommand(t, e)) || !1;
+      },
+      focus: () => {
+        var t;
+        (t = this.contentElement) == null || t.focus();
+      },
+      blur: () => {
+        var t;
+        (t = this.contentElement) == null || t.blur();
+      },
+      destroy: () => {
+        this.destroy();
+      },
+      on: (t, e) => (this.addEventListener(t, e), () => this.removeEventListener(t, e)),
+      getConfig: () => ({ ...this.config }),
+      setReadonly: (t) => {
+        this.setAttribute("readonly", t.toString());
+      }
+    };
+  }
+  /**
+   * Destroy the editor
+   */
+  destroy() {
+    var t, e, o, i;
+    (t = this.engine) == null || t.destroy(), (e = this.toolbar) == null || e.destroy(), (o = this.floatingToolbar) == null || o.destroy(), (i = this.statusBar) == null || i.destroy(), this.innerHTML = "", this.isInitialized = !1, this.dispatchEvent(new Event("editor-destroy", { bubbles: !0 }));
+  }
+  // Public API methods
+  getContent() {
+    var t;
+    return ((t = this.contentElement) == null ? void 0 : t.innerHTML) || "";
+  }
+  setContent(t) {
+    this.contentElement && (this.contentElement.innerHTML = t);
+  }
+  execCommand(t, e) {
+    var o;
+    return ((o = this.engine) == null ? void 0 : o.execCommand(t, e)) || !1;
+  }
+  focus() {
+    var t;
+    (t = this.contentElement) == null || t.focus();
+  }
+  blur() {
+    var t;
+    (t = this.contentElement) == null || t.blur();
+  }
+}
+export {
+  w as C,
+  m as E,
+  L as F,
+  C as P,
+  M as R,
+  E as S,
+  v as T,
+  k as a,
+  T as b,
+  b as c,
+  P as d,
+  N as i
+};
+//# sourceMappingURL=index-BS4zT-KN.mjs.map