@meenainwal/rich-text-editor 1.1.1 → 1.2.0

package/dist/test-editor.mjs

@@ -1,1102 +0,0 @@
-class u {
-  /**
-   * Returns the current selection object.
-   */
-  getSelection() {
-    return window.getSelection();
-  }
-  /**
-   * Returns the first range of the current selection.
-   */
-  getRange() {
-    const e = this.getSelection();
-    return !e || e.rangeCount === 0 ? null : e.getRangeAt(0);
-  }
-  /**
-   * Saves the current selection range.
-   */
-  saveSelection() {
-    const e = this.getRange();
-    return e ? e.cloneRange() : null;
-  }
-  /**
-   * Restores a previously saved range.
-   */
-  restoreSelection(e) {
-    if (!e) return;
-    const t = this.getSelection();
-    t && (t.removeAllRanges(), t.addRange(e));
-  }
-  /**
-   * Checks if the selection is within a specific element.
-   */
-  isSelectionInElement(e) {
-    const t = this.getRange();
-    return t ? e.contains(t.commonAncestorContainer) : !1;
-  }
-  /**
-   * Clears the current selection.
-   */
-  clearSelection() {
-    const e = this.getSelection();
-    e && e.removeAllRanges();
-  }
-}
-class m {
-  editor;
-  activeContainer = null;
-  isResizing = !1;
-  startX = 0;
-  startY = 0;
-  startWidth = 0;
-  startHeight = 0;
-  currentHandle = null;
-  aspectRatio = 1;
-  boundMouseDown;
-  boundMouseMove;
-  boundMouseUp;
-  boundKeyDown;
-  constructor(e) {
-    this.editor = e, this.boundMouseDown = this.handleMouseDown.bind(this), this.boundMouseMove = this.handleMouseMove.bind(this), this.boundMouseUp = this.handleMouseUp.bind(this), this.boundKeyDown = this.handleKeyDown.bind(this), this.setupListeners();
-  }
-  setupListeners() {
-    const e = this.editor.el;
-    e.addEventListener("mousedown", this.boundMouseDown), window.addEventListener("mousemove", this.boundMouseMove), window.addEventListener("mouseup", this.boundMouseUp), e.addEventListener("keydown", this.boundKeyDown);
-  }
-  handleMouseDown(e) {
-    const t = e.target;
-    if (t.classList.contains("te-image-resizer")) {
-      e.preventDefault(), e.stopPropagation();
-      const n = t.closest(".te-image-container");
-      n && (this.selectImage(n), this.startResize(e, t));
-      return;
-    }
-    const i = t.closest(".te-image-container");
-    i ? this.selectImage(i) : this.deselectImage();
-  }
-  handleMouseMove(e) {
-    this.isResizing && this.handleResize(e);
-  }
-  handleMouseUp() {
-    this.isResizing && this.stopResize();
-  }
-  handleKeyDown(e) {
-    (e.key === "Backspace" || e.key === "Delete") && this.activeContainer && (e.preventDefault(), this.activeContainer.remove(), this.activeContainer = null, this.editor.el.dispatchEvent(new Event("input", { bubbles: !0 })));
-  }
-  destroy() {
-    const e = this.editor.el;
-    e && (e.removeEventListener("mousedown", this.boundMouseDown), e.removeEventListener("keydown", this.boundKeyDown)), window.removeEventListener("mousemove", this.boundMouseMove), window.removeEventListener("mouseup", this.boundMouseUp);
-  }
-  selectImage(e) {
-    this.activeContainer && this.activeContainer.classList.remove("active"), this.activeContainer = e, this.activeContainer.classList.add("active");
-  }
-  deselectImage() {
-    this.activeContainer && (this.activeContainer.classList.remove("active"), this.activeContainer = null);
-  }
-  startResize(e, t) {
-    if (!this.activeContainer) return;
-    this.isResizing = !0, this.currentHandle = Array.from(t.classList).find((n) => n.startsWith("te-resizer-"))?.replace("te-resizer-", "") || null;
-    const i = this.activeContainer.querySelector("img");
-    this.startX = e.clientX, this.startY = e.clientY, this.startWidth = i.clientWidth, this.startHeight = i.clientHeight, this.aspectRatio = this.startWidth / this.startHeight, document.body.style.cursor = window.getComputedStyle(t).cursor;
-  }
-  handleResize(e) {
-    if (!this.activeContainer || !this.isResizing) return;
-    const t = this.activeContainer.querySelector("img"), i = e.clientX - this.startX, n = e.clientY - this.startY;
-    let s = this.startWidth, o = this.startHeight;
-    this.currentHandle?.includes("right") ? s = this.startWidth + i : this.currentHandle?.includes("left") ? s = this.startWidth - i : this.currentHandle?.includes("bottom") ? s = this.startWidth + n * this.aspectRatio : this.currentHandle?.includes("top") && (s = this.startWidth - n * this.aspectRatio), o = s / this.aspectRatio, s > 50 && s < this.editor.el.clientWidth && (t.style.width = `${s}px`, t.style.height = `${o}px`);
-  }
-  stopResize() {
-    this.isResizing = !1, this.currentHandle = null, document.body.style.cursor = "", this.editor.el.dispatchEvent(new Event("input", { bubbles: !0 }));
-  }
-}
-class p {
-  stack = [];
-  index = -1;
-  maxDepth = 50;
-  constructor(e) {
-    e !== void 0 && this.record(e);
-  }
-  /**
-   * Records a new state in the history stack.
-   * Clears any "redo" states if we record a new action.
-   */
-  record(e) {
-    this.index >= 0 && this.stack[this.index].html === e || (this.index < this.stack.length - 1 && (this.stack = this.stack.slice(0, this.index + 1)), this.stack.push({ html: e }), this.index++, this.stack.length > this.maxDepth && (this.stack.shift(), this.index--));
-  }
-  /**
-   * Returns the previous state if available.
-   */
-  undo() {
-    return this.index > 0 ? (this.index--, this.stack[this.index].html) : null;
-  }
-  /**
-   * Returns the next state if available.
-   */
-  redo() {
-    return this.index < this.stack.length - 1 ? (this.index++, this.stack[this.index].html) : null;
-  }
-  /**
-   * Checks if undo is possible.
-   */
-  canUndo() {
-    return this.index > 0;
-  }
-  /**
-   * Checks if redo is possible.
-   */
-  canRedo() {
-    return this.index < this.stack.length - 1;
-  }
-}
-class v {
-  container;
-  editableElement;
-  selection;
-  imageManager;
-  history;
-  options;
-  saveTimeout = null;
-  historyTimeout = null;
-  pendingStyles = {};
-  observer = null;
-  eventListeners = [];
-  constructor(e, t = {}) {
-    if (this.options = t, this.container = e, typeof document > "u" || !e) {
-      this.editableElement = {}, this.selection = {}, this.imageManager = {}, this.history = {};
-      return;
-    }
-    this.container.innerHTML = "", this.container.classList.add("te-container"), this.options.dark && this.container.classList.add("te-dark"), this.editableElement = this.createEditableElement(), this.selection = new u(), this.imageManager = new m(this), this.history = new p(this.editableElement.innerHTML), this.setupInputHandlers(), this.setupImageObserver(), this.checkPlaceholder(), this.container.appendChild(this.editableElement), this.options.autofocus && this.focus(), this.options.theme && this.applyTheme(this.options.theme), document.execCommand("defaultParagraphSeparator", !1, "p");
-  }
-  /**
-   * Applies custom theme variables to the editor container.
-   */
-  applyTheme(e) {
-    const t = this.container, i = {
-      primaryColor: "--te-primary-color",
-      primaryHover: "--te-primary-hover",
-      bgApp: "--te-bg-app",
-      bgEditor: "--te-bg-editor",
-      toolbarBg: "--te-toolbar-bg",
-      borderColor: "--te-border-color",
-      borderFocus: "--te-border-focus",
-      textMain: "--te-text-main",
-      textMuted: "--te-text-muted",
-      placeholder: "--te-placeholder",
-      btnHover: "--te-btn-hover",
-      btnActive: "--te-btn-active",
-      radiusLg: "--te-radius-lg",
-      radiusMd: "--te-radius-md",
-      radiusSm: "--te-radius-sm",
-      shadowSm: "--te-shadow-sm",
-      shadowMd: "--te-shadow-md",
-      shadowLg: "--te-shadow-lg"
-    };
-    for (const [n, s] of Object.entries(i)) {
-      const o = e[n];
-      o && t.style.setProperty(s, o);
-    }
-  }
-  /**
-   * Toggles dark mode on the editor.
-   */
-  setDarkMode(e) {
-    this.options.dark = e, e ? this.container.classList.add("te-dark") : this.container.classList.remove("te-dark");
-  }
-  /**
-   * Destroys the editor instance and cleans up.
-   */
-  destroy() {
-    this.observer && (this.observer.disconnect(), this.observer = null), this.saveTimeout && clearTimeout(this.saveTimeout), this.historyTimeout && clearTimeout(this.historyTimeout), this.imageManager && typeof this.imageManager.destroy == "function" && this.imageManager.destroy(), this.eventListeners.forEach(({ target: e, type: t, handler: i }) => {
-      e.removeEventListener(t, i);
-    }), this.eventListeners = [], this.container.innerHTML = "", this.container.classList.remove("te-container", "te-dark"), this.container.removeAttribute("style");
-  }
-  checkPlaceholder() {
-    if (!this.editableElement) return;
-    this.editableElement.textContent?.trim() === "" && !this.editableElement.querySelector("img") && !this.editableElement.querySelector("table") ? this.editableElement.classList.add("is-empty") : this.editableElement.classList.remove("is-empty");
-  }
-  addEventListener(e, t, i, n) {
-    e.addEventListener(t, i, n), this.eventListeners.push({ target: e, type: t, handler: i });
-  }
-  setupImageObserver() {
-    this.observer = new MutationObserver((e) => {
-      e.forEach((t) => {
-        t.addedNodes.forEach((i) => {
-          if (i.nodeType === Node.ELEMENT_NODE) {
-            const n = i;
-            n.tagName === "IMG" && !n.closest(".te-image-container") ? this.wrapImage(n) : n.querySelectorAll("img:not(.te-image)").forEach((o) => {
-              o.closest(".te-image-container") || this.wrapImage(o);
-            });
-          }
-        });
-      });
-    }), this.observer.observe(this.editableElement, {
-      childList: !0,
-      subtree: !0
-    });
-  }
-  /**
-   * Wraps a raw <img> element in the interactive container
-   */
-  wrapImage(e) {
-    const t = e.parentElement;
-    if (!t) return;
-    const i = document.createElement("figure");
-    i.classList.add("te-image-container"), i.setAttribute("contenteditable", "false");
-    const n = document.createElement("img");
-    n.src = e.src, n.alt = e.alt || "", e.width && (n.style.width = `${e.width}px`), e.height && (n.style.height = `${e.height}px`), n.classList.add("te-image");
-    const s = document.createElement("figcaption");
-    if (s.classList.add("te-image-caption"), s.setAttribute("contenteditable", "true"), s.setAttribute("data-placeholder", "Type caption..."), ["top-left", "top-right", "bottom-left", "bottom-right"].forEach((a) => {
-      const l = document.createElement("div");
-      l.classList.add("te-image-resizer", `te-resizer-${a}`), i.appendChild(l);
-    }), i.appendChild(n), i.appendChild(s), t.replaceChild(i, e), !i.nextElementSibling) {
-      const a = document.createElement("p");
-      a.innerHTML = "<br>", i.after(a);
-    }
-  }
-  setupInputHandlers() {
-    this.addEventListener(this.editableElement, "beforeinput", (e) => {
-      if (e.inputType === "insertText" && Object.keys(this.pendingStyles).length > 0) {
-        const t = e.data;
-        if (!t) return;
-        e.preventDefault();
-        const i = document.createElement("span");
-        for (const [s, o] of Object.entries(this.pendingStyles))
-          i.style.setProperty(s, o);
-        i.textContent = t;
-        const n = this.selection.getRange();
-        if (n) {
-          n.deleteContents(), n.insertNode(i);
-          const s = document.createRange();
-          s.setStart(i.firstChild, t.length), s.setEnd(i.firstChild, t.length), this.selection.restoreSelection(s), this.pendingStyles = {}, this.editableElement.dispatchEvent(new Event("input", { bubbles: !0 }));
-        }
-      }
-    }), this.addEventListener(this.editableElement, "input", () => {
-      this.checkPlaceholder();
-    }), this.addEventListener(document, "selectionchange", () => {
-      const e = window.getSelection();
-      e && e.rangeCount > 0 && (e.getRangeAt(0).collapsed || (this.pendingStyles = {}));
-    }), this.addEventListener(this.editableElement, "dragover", (e) => {
-      e.preventDefault(), e.dataTransfer.dropEffect = "copy", this.editableElement.classList.add("dragover");
-    }), this.addEventListener(this.editableElement, "dragleave", () => {
-      this.editableElement.classList.remove("dragover");
-    }), this.addEventListener(this.editableElement, "drop", (e) => {
-      e.preventDefault(), this.editableElement.classList.remove("dragover");
-      const t = e.dataTransfer?.files;
-      if (t && t.length > 0)
-        for (let i = 0; i < t.length; i++) {
-          const n = t[i];
-          if (n.type.startsWith("image/")) {
-            const s = new FileReader();
-            s.onload = (o) => {
-              const a = o.target?.result;
-              this.insertImage(a);
-            }, s.readAsDataURL(n);
-          }
-        }
-    }), this.addEventListener(this.editableElement, "paste", (e) => {
-      const t = e.clipboardData;
-      if (!t) return;
-      if (t.items)
-        for (let s = 0; s < t.items.length; s++) {
-          const o = t.items[s];
-          if (o.type.startsWith("image/")) {
-            const a = o.getAsFile();
-            if (a) {
-              e.preventDefault();
-              const l = new FileReader();
-              l.onload = (r) => {
-                const d = r.target?.result;
-                this.insertImage(d);
-              }, l.readAsDataURL(a);
-              return;
-            }
-          }
-        }
-      const i = t.getData("text/plain"), n = /<([a-z1-6]+)\b[^>]*>[\s\S]*<\/\1>/i.test(i) || /^\s*<[a-z1-6]+\b[^>]*>/i.test(i);
-      if (i && n) {
-        const s = i.replace(/(\r\n|\n|\r)/gm, " ").replace(/>\s+</g, "><").trim();
-        e.preventDefault(), this.execute("insertHTML", s);
-        return;
-      }
-    }), this.addEventListener(this.editableElement, "input", () => {
-      this.handleInput();
-    }), this.addEventListener(this.editableElement, "keydown", (e) => {
-      (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "z" ? (e.preventDefault(), e.shiftKey ? this.redo() : this.undo()) : (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "y" && (e.preventDefault(), this.redo());
-    });
-  }
-  handleInput() {
-    this.scheduleHistoryRecord(), this.options.autoSave && (this.options.onSaving && this.options.onSaving(), this.scheduleAutoSave()), this.options.onChange && this.options.onChange(this.editableElement.innerHTML);
-  }
-  scheduleHistoryRecord() {
-    this.historyTimeout && clearTimeout(this.historyTimeout), this.historyTimeout = setTimeout(() => {
-      this.history.record(this.editableElement.innerHTML);
-    }, 500);
-  }
-  scheduleAutoSave() {
-    this.saveTimeout && clearTimeout(this.saveTimeout);
-    const e = this.options.autoSaveInterval || 1e3;
-    this.saveTimeout = setTimeout(() => {
-      this.save();
-    }, e);
-  }
-  save() {
-    this.options.onSave && this.options.onSave(this.editableElement.innerHTML);
-  }
-  undo() {
-    const e = this.history.undo();
-    e !== null && (this.editableElement.innerHTML = e, this.triggerChange());
-  }
-  redo() {
-    const e = this.history.redo();
-    e !== null && (this.editableElement.innerHTML = e, this.triggerChange());
-  }
-  triggerChange() {
-    this.editableElement.dispatchEvent(new Event("input", { bubbles: !0 }));
-  }
-  createEditableElement() {
-    const e = document.createElement("div");
-    return e.setAttribute("contenteditable", "true"), e.setAttribute("role", "textbox"), e.setAttribute("spellcheck", "true"), e.classList.add("te-content"), this.options.placeholder && e.setAttribute("data-placeholder", this.options.placeholder), e.style.minHeight = "150px", e.style.outline = "none", e.style.padding = "1rem", e.innerHTML === "" && (e.innerHTML = "<p><br></p>"), e;
-  }
-  /**
-   * Focuses the editor.
-   */
-  focus() {
-    this.editableElement.focus();
-  }
-  /**
-   * Executes a command on the current selection.
-   */
-  execute(e, t = null) {
-    this.focus(), document.execCommand(e, !1, t ?? void 0), this.editableElement.dispatchEvent(new Event("input", { bubbles: !0 }));
-  }
-  /**
-   * Inserts a table at the current selection.
-   */
-  insertTable(e = 3, t = 3) {
-    this.focus();
-    const i = this.selection.getRange();
-    if (!i) return;
-    const n = document.createElement("table");
-    n.classList.add("te-table");
-    for (let o = 0; o < e; o++) {
-      const a = document.createElement("tr");
-      for (let l = 0; l < t; l++) {
-        const r = document.createElement("td");
-        r.innerHTML = "<br>", a.appendChild(r);
-      }
-      n.appendChild(a);
-    }
-    i.deleteContents(), i.insertNode(n);
-    const s = n.nextElementSibling;
-    if (!s || s.tagName !== "P") {
-      const o = document.createElement("p");
-      o.innerHTML = "<br>", n.after(o), s && s.tagName === "BR" && s.remove();
-    }
-    this.editableElement.dispatchEvent(new Event("input", { bubbles: !0 }));
-  }
-  /**
-   * Adds a row to the currently selected table.
-   */
-  addRow() {
-    const e = this.getSelectedTable();
-    if (!e) return;
-    const t = document.createElement("tr");
-    t.style.borderBottom = "1px solid var(--te-border-color)";
-    const i = e.rows[0].cells.length;
-    for (let s = 0; s < i; s++) {
-      const o = document.createElement("td");
-      o.innerHTML = "<br>", t.appendChild(o);
-    }
-    const n = this.getSelectedTd();
-    n ? n.parentElement?.after(t) : e.appendChild(t), this.editableElement.dispatchEvent(new Event("input", { bubbles: !0 }));
-  }
-  /**
-   * Deletes the currently selected row.
-   */
-  deleteRow() {
-    const e = this.getSelectedTd();
-    if (e && e.parentElement) {
-      const t = e.parentElement;
-      t.parentElement.rows.length > 1 && (t.remove(), this.editableElement.dispatchEvent(new Event("input", { bubbles: !0 })));
-    }
-  }
-  /**
-   * Adds a column to the currently selected table.
-   */
-  addColumn() {
-    const e = this.getSelectedTable();
-    if (!e) return;
-    const t = this.getSelectedTd(), i = t ? t.cellIndex : -1;
-    for (let n = 0; n < e.rows.length; n++) {
-      const s = e.rows[n], o = document.createElement("td");
-      o.innerHTML = "<br>", i !== -1 ? s.cells[i].after(o) : s.appendChild(o);
-    }
-    this.editableElement.dispatchEvent(new Event("input", { bubbles: !0 }));
-  }
-  /**
-   * Deletes the currently selected column.
-   */
-  deleteColumn() {
-    const e = this.getSelectedTd();
-    if (!e) return;
-    const t = this.getSelectedTable();
-    if (!t) return;
-    const i = e.cellIndex;
-    if (t.rows[0].cells.length > 1) {
-      for (let n = 0; n < t.rows.length; n++)
-        t.rows[n].cells[i].remove();
-      this.editableElement.dispatchEvent(new Event("input", { bubbles: !0 }));
-    }
-  }
-  getSelectedTd() {
-    const e = window.getSelection();
-    if (!e || e.rangeCount === 0) return null;
-    let t = e.anchorNode;
-    for (; t && t !== this.editableElement; ) {
-      if (t.nodeName === "TD") return t;
-      t = t.parentNode;
-    }
-    return null;
-  }
-  getSelectedTable() {
-    const e = this.getSelectedTd();
-    return e ? e.closest("table") : null;
-  }
-  /**
-   * Recursively removes a style property from all elements in a fragment.
-   */
-  clearStyleRecursive(e, t) {
-    const i = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT);
-    let n = i.nextNode();
-    for (; n; )
-      n.style.getPropertyValue(t) && n.style.removeProperty(t), n = i.nextNode();
-  }
-  /**
-   * Applies an inline style to the selection.
-   * This is used for properties like font-size (px) and font-family
-   * where execCommand is outdated or limited.
-   */
-  setStyle(e, t, i) {
-    if (e === "font-size" && t.endsWith("px"), !i) {
-      const o = window.getSelection();
-      if (!o || o.rangeCount === 0) return null;
-      i = o.getRangeAt(0);
-    }
-    if (i.collapsed)
-      return this.pendingStyles[e] = t, i;
-    let n = i.commonAncestorContainer;
-    n.nodeType === Node.TEXT_NODE && (n = n.parentElement);
-    let s = null;
-    if (n.tagName === "SPAN" && n.children.length === 0 && n.textContent === i.toString())
-      n.style.setProperty(e, t), s = i.cloneRange();
-    else {
-      const o = document.createElement("span");
-      o.style.setProperty(e, t);
-      try {
-        const a = n.tagName === "SPAN" ? n : null, l = i.extractContents();
-        this.clearStyleRecursive(l, e), o.appendChild(l), i.insertNode(o), a && a.innerHTML === "" && a.remove();
-        const r = document.createRange();
-        r.selectNodeContents(o), s = r;
-        const d = window.getSelection();
-        d && d.rangeCount > 0 && (d.removeAllRanges(), d.addRange(r));
-      } catch (a) {
-        console.warn("Failed to apply style:", a);
-      }
-    }
-    return this.editableElement.dispatchEvent(new Event("input", { bubbles: !0 })), s;
-  }
-  /**
-   * Creates a link at the current selection.
-   * Ensures the link opens in a new tab with proper security attributes.
-   */
-  createLink(e) {
-    this.focus(), !/^https?:\/\//i.test(e) && !/^mailto:/i.test(e) && !e.startsWith("#") && (e = "https://" + e), document.execCommand("createLink", !1, e);
-    const t = window.getSelection();
-    if (t && t.rangeCount > 0) {
-      let n = t.getRangeAt(0).commonAncestorContainer;
-      n.nodeType === Node.TEXT_NODE && (n = n.parentElement);
-      let s = null;
-      n.tagName === "A" ? s = n : s = n.querySelector("a"), s && (s.setAttribute("target", "_blank"), s.setAttribute("rel", "noopener noreferrer"));
-    }
-    this.editableElement.dispatchEvent(new Event("input", { bubbles: !0 }));
-  }
-  /**
-   * Inserts an image at the current selection.
-   */
-  insertImage(e) {
-    this.focus();
-    const t = this.selection.getRange();
-    if (!t) return;
-    const i = document.createElement("figure");
-    i.classList.add("te-image-container"), i.setAttribute("contenteditable", "false");
-    const n = document.createElement("img");
-    n.src = e, n.classList.add("te-image");
-    const s = document.createElement("figcaption");
-    s.classList.add("te-image-caption"), s.setAttribute("contenteditable", "true"), s.setAttribute("data-placeholder", "Type caption..."), ["top-left", "top-right", "bottom-left", "bottom-right"].forEach((r) => {
-      const d = document.createElement("div");
-      d.classList.add("te-image-resizer", `te-resizer-${r}`), i.appendChild(d);
-    }), i.appendChild(n), i.appendChild(s), t.deleteContents(), t.insertNode(i);
-    const a = document.createElement("p");
-    a.innerHTML = "<br>", i.after(a);
-    const l = document.createRange();
-    l.setStart(a, 0), l.setEnd(a, 0), this.selection.restoreSelection(l), this.editableElement.dispatchEvent(new Event("input", { bubbles: !0 }));
-  }
-  /**
-   * Returns the clean HTML content of the editor.
-   */
-  getHTML() {
-    return this.editableElement.innerHTML;
-  }
-  /**
-   * Sets the HTML content of the editor.
-   */
-  setHTML(e) {
-    this.editableElement.innerHTML = e;
-  }
-  /**
-   * Internal access to the editable element.
-   */
-  get el() {
-    return this.editableElement;
-  }
-  /**
-   * Returns the editor options.
-   */
-  getOptions() {
-    return this.options;
-  }
-}
-const g = {
-  type: "button",
-  title: "Undo",
-  command: "undo",
-  icon: '<svg viewBox="0 0 24 24"><path d="M9 14L4 9l5-5"></path><path d="M20 20v-7a4 4 0 0 0-4-4H4"></path></svg>'
-}, f = {
-  type: "button",
-  title: "Redo",
-  command: "redo",
-  icon: '<svg viewBox="0 0 24 24"><path d="M15 14l5-5-5-5"></path><path d="M4 20v-7a4 4 0 0 1 4-4h12"></path></svg>'
-}, b = {
-  type: "select",
-  title: "Heading",
-  command: "formatBlock",
-  options: [
-    { label: "Paragraph", value: "P" },
-    { label: "Heading 1", value: "H1" },
-    { label: "Heading 2", value: "H2" },
-    { label: "Heading 3", value: "H3" },
-    { label: "Heading 4", value: "H4" },
-    { label: "Heading 5", value: "H5" },
-    { label: "Heading 6", value: "H6" }
-  ]
-}, y = {
-  type: "select",
-  title: "Font",
-  command: "fontFamily",
-  options: [
-    { label: "Inter", value: "'Inter', sans-serif" },
-    { label: "Arial", value: "Arial, sans-serif" },
-    { label: "Georgia", value: "Georgia, serif" },
-    { label: "Courier", value: "'Courier New', monospace" },
-    { label: "Times New Roman", value: "'Times New Roman', serif" },
-    { label: "Verdana", value: "Verdana, sans-serif" },
-    { label: "Tahoma", value: "Tahoma, sans-serif" },
-    { label: "Roboto", value: "'Roboto', sans-serif" },
-    { label: "Open Sans", value: "'Open Sans', sans-serif" },
-    { label: "Montserrat", value: "'Montserrat', sans-serif" },
-    { label: "Lato", value: "'Lato', sans-serif" },
-    { label: "Poppins", value: "'Poppins', sans-serif" },
-    { label: "Oswald", value: "'Oswald', sans-serif" },
-    { label: "Playfair Display", value: "'Playfair Display', serif" },
-    { label: "Merriweather", value: "'Merriweather', serif" }
-  ]
-}, E = {
-  type: "input",
-  title: "Size (px)",
-  command: "fontSize",
-  placeholder: "Size",
-  value: "16"
-}, w = {
-  type: "select",
-  title: "Line Height",
-  command: "lineHeight",
-  options: [
-    { label: "Normal", value: "normal" },
-    { label: "0.5", value: "0.5" },
-    { label: "1.0", value: "1.0" },
-    { label: "1.15", value: "1.15" },
-    { label: "1.5", value: "1.5" },
-    { label: "2.0", value: "2.0" },
-    { label: "2.5", value: "2.5" },
-    { label: "3.0", value: "3.0" },
-    { label: "3.5", value: "3.5" },
-    { label: "4.0", value: "4.0" },
-    { label: "4.5", value: "4.5" },
-    { label: "5.0", value: "5.0" },
-    { label: "5.5", value: "5.5" },
-    { label: "6.0", value: "6.0" },
-    { label: "6.5", value: "6.5" },
-    { label: "7.0", value: "7.0" },
-    { label: "7.5", value: "7.5" },
-    { label: "8.0", value: "8.0" },
-    { label: "8.5", value: "8.5" },
-    { label: "9.0", value: "9.0" },
-    { label: "9.5", value: "9.5" },
-    { label: "10.0", value: "10.0" }
-  ],
-  value: "normal"
-}, x = {
-  type: "button",
-  title: "Bold",
-  command: "bold",
-  icon: '<svg viewBox="0 0 24 24"><path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"></path><path d="M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"></path></svg>'
-}, L = {
-  type: "button",
-  title: "Italic",
-  command: "italic",
-  icon: '<svg viewBox="0 0 24 24"><line x1="19" y1="4" x2="10" y2="4"></line><line x1="14" y1="20" x2="5" y2="20"></line><line x1="15" y1="4" x2="9" y2="20"></line></svg>'
-}, C = {
-  type: "button",
-  title: "Underline",
-  command: "underline",
-  icon: '<svg viewBox="0 0 24 24"><path d="M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3"></path><line x1="4" y1="21" x2="20" y2="21"></line></svg>'
-}, S = {
-  type: "button",
-  title: "Strikethrough",
-  command: "strikeThrough",
-  icon: '<svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"></line><path d="M16 4.9C15.1 4.3 13.9 4 12.6 4c-3.1 0-5.6 1.8-5.6 4s1.8 3.3 4.4 3.8"></path><path d="M7 19.1c.9.6 2.1.9 3.4.9 3.1 0 5.6-1.8 5.6-4s-1.8-3.3-4.4-3.8"></path></svg>'
-}, k = {
-  type: "color-picker",
-  title: "Text Color",
-  command: "foreColor",
-  icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20h16"/><path d="m6 16 6-12 6 12"/><path d="M8 12h8"/></svg>',
-  value: "#1e293b"
-}, M = {
-  type: "color-picker",
-  title: "Highlight Color",
-  command: "backColor",
-  icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 11-6 6v3h9l3-3"/><path d="m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4"/></svg>',
-  value: "#ffffff"
-}, T = {
-  type: "button",
-  title: "Align Left",
-  command: "justifyLeft",
-  icon: '<svg viewBox="0 0 24 24"><line x1="17" y1="10" x2="3" y2="10"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="14" x2="3" y2="14"></line><line x1="17" y1="18" x2="3" y2="18"></line></svg>'
-}, R = {
-  type: "button",
-  title: "Align Center",
-  command: "justifyCenter",
-  icon: '<svg viewBox="0 0 24 24"><line x1="18" y1="10" x2="6" y2="10"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="14" x2="3" y2="14"></line><line x1="18" y1="18" x2="6" y2="18"></line></svg>'
-}, H = {
-  type: "button",
-  title: "Align Right",
-  command: "justifyRight",
-  icon: '<svg viewBox="0 0 24 24"><line x1="21" y1="10" x2="7" y2="10"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="14" x2="3" y2="14"></line><line x1="21" y1="18" x2="7" y2="18"></line></svg>'
-}, I = {
-  type: "button",
-  title: "Justify",
-  command: "justifyFull",
-  icon: '<svg viewBox="0 0 24 24"><line x1="21" y1="10" x2="3" y2="10"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="14" x2="3" y2="14"></line><line x1="21" y1="18" x2="3" y2="18"></line></svg>'
-}, A = {
-  type: "button",
-  title: "Bulleted List",
-  command: "insertUnorderedList",
-  icon: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><circle cx="3" cy="6" r="1" fill="currentColor"></circle><circle cx="3" cy="12" r="1" fill="currentColor"></circle><circle cx="3" cy="18" r="1" fill="currentColor"></circle></svg>'
-}, j = {
-  type: "button",
-  title: "Numbered List",
-  command: "insertOrderedList",
-  icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="10" y1="6" x2="21" y2="6"></line><line x1="10" y1="12" x2="21" y2="12"></line><line x1="10" y1="18" x2="21" y2="18"></line><path d="M4 6h1v4"></path><path d="M4 10h2"></path><path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"></path></svg>'
-}, z = {
-  type: "button",
-  title: "Outdent",
-  command: "outdent",
-  icon: '<svg viewBox="0 0 24 24"><polyline points="15 18 9 12 15 6"></polyline><line x1="21" y1="12" x2="9" y2="12"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="18" x2="3" y2="18"></line></svg>'
-}, D = {
-  type: "button",
-  title: "Indent",
-  command: "indent",
-  icon: '<svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"></polyline><line x1="3" y1="12" x2="15" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>'
-}, N = {
-  type: "button",
-  title: "Horizontal Rule",
-  command: "insertHorizontalRule",
-  icon: '<svg viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"></line></svg>'
-}, P = {
-  type: "button",
-  title: "Clear Formatting",
-  command: "removeFormat",
-  icon: '<svg viewBox="0 0 24 24"><path d="M17.41 15.41L12 10l-5.41 5.41L5.17 14l5.41-5.41L5.17 3.17 6.59 1.76 12 7.17l5.41-5.41 1.41 1.41-5.41 5.41 5.41 5.41-1.41 1.42z"></path></svg>'
-}, B = {
-  type: "button",
-  title: "Insert Emoji",
-  command: "insertEmoji",
-  icon: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>'
-}, O = {
-  type: "button",
-  title: "Insert Link",
-  command: "createLink",
-  icon: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>'
-}, W = {
-  type: "button",
-  title: "Insert Image",
-  command: "insertImage",
-  icon: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>'
-}, U = {
-  type: "button",
-  command: "insertTable",
-  title: "Insert Table",
-  icon: '<svg viewBox="0 0 24 24" width="18" height="18"><path fill="currentColor" d="M3 3h18v18H3V3m2 2v4h4V5H5m6 0v4h4V5h-4m6 0v4h2V5h-2M5 11v4h4v-4H5m6 0v4h4v-4h-4m6 0v4h2v-4h-2M5 17v2h4v-2H5m6 0v2h4v-2h-4m6 0v2h2v-2h-2Z"/></svg>'
-}, h = { type: "divider", title: "" }, F = [
-  { ...g, id: "undo" },
-  { ...f, id: "redo" },
-  h,
-  { ...b, id: "heading" },
-  { ...y, id: "font-family" },
-  { ...E, id: "font-size" },
-  { ...w, id: "line-height" },
-  h,
-  { ...x, id: "bold" },
-  { ...L, id: "italic" },
-  { ...C, id: "underline" },
-  { ...S, id: "strikethrough" },
-  h,
-  { ...k, id: "text-color" },
-  { ...M, id: "highlight-color" },
-  h,
-  { ...T, id: "align-left" },
-  { ...R, id: "align-center" },
-  { ...H, id: "align-right" },
-  { ...I, id: "align-justify" },
-  h,
-  { ...A, id: "bullet-list" },
-  { ...j, id: "ordered-list" },
-  { ...z, id: "outdent" },
-  { ...D, id: "indent" },
-  h,
-  { ...N, id: "horizontal-rule" },
-  { ...B, id: "emoji" },
-  { ...O, id: "link" },
-  { ...W, id: "image" },
-  { ...U, id: "table" },
-  { ...P, id: "clear-formatting" }
-];
-class G {
-  container;
-  searchInput;
-  emojiGrid;
-  onSelect;
-  onClose;
-  emojiList = [];
-  theme;
-  dark;
-  constructor(e, t, i, n) {
-    this.onSelect = e, this.onClose = t, this.theme = i, this.dark = n, this.container = this.createPickerElement(), this.searchInput = this.container.querySelector(".te-emoji-search"), this.emojiGrid = this.container.querySelector(".te-emoji-grid"), this.setupEvents(), this.loadEmojis();
-  }
-  async loadEmojis() {
-    this.emojiGrid.innerHTML = '<div class="te-emoji-loading">Loading...</div>';
-    try {
-      const { EMOJI_LIST: e } = await import("./EmojiList-CwY20rtO.js");
-      this.emojiList = e, this.renderEmojis(this.emojiList);
-    } catch (e) {
-      console.error("Failed to load emojis:", e), this.emojiGrid.innerHTML = '<div class="te-emoji-error">Failed to load</div>';
-    }
-  }
-  createPickerElement() {
-    const e = document.createElement("div");
-    return e.classList.add("te-emoji-picker"), this.theme && this.applyTheme(e, this.theme), this.dark && e.classList.add("te-dark"), e.innerHTML = `
-      <div class="te-emoji-header">
-        <input type="text" class="te-emoji-search" placeholder="Search emoji...">
-      </div>
-      <div class="te-emoji-body">
-        <div class="te-emoji-grid"></div>
-      </div>
-    `, e;
-  }
-  setupEvents() {
-    this.searchInput.addEventListener("mousedown", (t) => t.stopPropagation()), this.searchInput.addEventListener("click", (t) => t.stopPropagation()), this.searchInput.addEventListener("input", () => {
-      const t = this.searchInput.value.toLowerCase(), i = this.emojiList.filter(
-        (n) => n.name.toLowerCase().includes(t) || n.category.toLowerCase().includes(t)
-      );
-      this.renderEmojis(i);
-    });
-    const e = (t) => {
-      this.container.contains(t.target) || (this.close(), document.removeEventListener("mousedown", e));
-    };
-    setTimeout(() => document.addEventListener("mousedown", e), 0);
-  }
-  renderEmojis(e) {
-    if (this.emojiGrid.innerHTML = "", e.length === 0) {
-      this.emojiGrid.innerHTML = '<div class="te-emoji-empty">No emoji found</div>';
-      return;
-    }
-    this.searchInput.value.length > 0 ? this.renderGridItems(e) : ["Smileys", "Symbols", "Hands", "Animals", "Food", "Travel", "Objects", "Activities"].forEach((n) => {
-      const s = e.filter((o) => o.category === n);
-      if (s.length > 0) {
-        const o = document.createElement("div");
-        o.classList.add("te-emoji-category-title"), o.textContent = n, this.emojiGrid.appendChild(o), this.renderGridItems(s);
-      }
-    });
-  }
-  renderGridItems(e) {
-    e.forEach((t) => {
-      const i = document.createElement("button");
-      i.type = "button", i.classList.add("te-emoji-item"), i.textContent = t.emoji, i.title = t.name, i.addEventListener("click", () => {
-        this.onSelect(t.emoji), this.close();
-      }), this.emojiGrid.appendChild(i);
-    });
-  }
-  applyTheme(e, t) {
-    const i = {
-      primaryColor: "--te-primary-color",
-      primaryHover: "--te-primary-hover",
-      bgApp: "--te-bg-app",
-      bgEditor: "--te-bg-editor",
-      toolbarBg: "--te-toolbar-bg",
-      borderColor: "--te-border-color",
-      borderFocus: "--te-border-focus",
-      textMain: "--te-text-main",
-      textMuted: "--te-text-muted",
-      placeholder: "--te-placeholder",
-      btnHover: "--te-btn-hover",
-      btnActive: "--te-btn-active",
-      radiusLg: "--te-radius-lg",
-      radiusMd: "--te-radius-md",
-      radiusSm: "--te-radius-sm",
-      shadowSm: "--te-shadow-sm",
-      shadowMd: "--te-shadow-md",
-      shadowLg: "--te-shadow-lg"
-    };
-    for (const [n, s] of Object.entries(i)) {
-      const o = t[n];
-      o && e.style.setProperty(s, o);
-    }
-  }
-  show(e) {
-    document.body.appendChild(this.container);
-    const t = e.getBoundingClientRect(), i = 280;
-    let n = t.bottom + window.scrollY + 5, s = t.left + window.scrollX;
-    s + i > window.innerWidth && (s = window.innerWidth - i - 10), this.container.style.top = `${n}px`, this.container.style.left = `${s}px`, this.searchInput.focus();
-  }
-  close() {
-    this.container.parentElement && (this.container.remove(), this.onClose());
-  }
-  get el() {
-    return this.container;
-  }
-}
-class q {
-  editor;
-  container;
-  savedRange = null;
-  items = F;
-  activePicker = null;
-  statusEl = null;
-  boundUpdateActiveStates;
-  constructor(e) {
-    this.editor = e, this.container = this.createToolbarElement(), this.boundUpdateActiveStates = this.updateActiveStates.bind(this), this.render();
-  }
-  createToolbarElement() {
-    const e = document.createElement("div");
-    return e.classList.add("te-toolbar"), this.statusEl = document.createElement("div"), this.statusEl.classList.add("te-toolbar-status"), this.statusEl.style.marginLeft = "auto", this.statusEl.style.display = "flex", this.statusEl.style.alignItems = "center", this.statusEl.style.gap = "6px", this.statusEl.style.fontSize = "12px", this.statusEl.style.color = "var(--te-text-muted)", this.statusEl.style.paddingRight = "12px", e;
-  }
-  render() {
-    const e = this.editor.getOptions().toolbarItems, t = [];
-    this.items.forEach((s) => {
-      (s.type === "divider" || s.id && (!e || e.includes(s.id))) && t.push(s);
-    });
-    const i = [];
-    t.forEach((s, o) => {
-      if (s.type === "divider") {
-        if (i.length === 0 || i[i.length - 1].type === "divider" || !t.slice(o + 1).some((l) => l.type !== "divider")) return;
-        i.push(s);
-      } else
-        i.push(s);
-    }), i.forEach((s) => {
-      if (s.type === "button")
-        this.renderButton(s);
-      else if (s.type === "select")
-        this.renderSelect(s);
-      else if (s.type === "input")
-        this.renderInput(s);
-      else if (s.type === "color-picker")
-        this.renderColorPicker(s);
-      else if (s.type === "divider") {
-        const o = document.createElement("div");
-        o.classList.add("te-divider"), this.container.appendChild(o);
-      }
-    }), this.editor.getOptions().showStatus !== !1 && this.container.appendChild(this.statusEl), this.editor.el.addEventListener("keyup", this.boundUpdateActiveStates), this.editor.el.addEventListener("mouseup", this.boundUpdateActiveStates);
-  }
-  renderButton(e) {
-    const t = document.createElement("button");
-    t.classList.add("te-button"), t.innerHTML = e.icon || "", t.title = e.title, t.addEventListener("mousedown", (i) => {
-      if (i.preventDefault(), e.command === "insertEmoji") {
-        this.activePicker ? this.activePicker.close() : (this.activePicker = new G(
-          (n) => {
-            this.editor.execute("insertText", n);
-          },
-          () => {
-            this.activePicker = null;
-          },
-          this.editor.getOptions().theme,
-          this.editor.getOptions().dark
-        ), this.activePicker.show(t));
-        return;
-      }
-      if (e.command === "createLink") {
-        const n = window.prompt("Enter the URL");
-        n && this.editor.createLink(n);
-        return;
-      }
-      if (e.command === "insertImage") {
-        const n = document.createElement("input");
-        n.type = "file", n.accept = "image/*", n.style.display = "none", n.addEventListener("change", (s) => {
-          const a = s.target.files?.[0];
-          if (a) {
-            const l = new FileReader();
-            l.onload = (r) => {
-              const d = r.target?.result;
-              this.editor.insertImage(d);
-            }, l.readAsDataURL(a);
-          }
-          document.body.removeChild(n);
-        }), document.body.appendChild(n), n.click();
-        return;
-      }
-      if (e.command === "insertTable") {
-        const n = window.prompt("Enter number of rows", "3"), s = window.prompt("Enter number of columns", "3");
-        n && s && this.editor.insertTable(parseInt(n, 10), parseInt(s, 10));
-        return;
-      }
-      if (["addRow", "deleteRow", "addColumn", "deleteColumn"].includes(e.command || "")) {
-        const n = e.command;
-        this.editor[n]();
-        return;
-      }
-      e.command && this.editor.execute(e.command, e.value || null), this.updateActiveStates();
-    }), this.container.appendChild(t);
-  }
-  renderInput(e) {
-    const t = document.createElement("input");
-    t.type = "number", t.classList.add("te-input"), t.title = e.title, t.value = e.value || "", t.min = "1", t.max = "100";
-    const i = () => {
-      const s = window.getSelection();
-      if (s && s.rangeCount > 0) {
-        const o = s.getRangeAt(0);
-        this.editor.el.contains(o.commonAncestorContainer) && (this.savedRange = o.cloneRange());
-      }
-    };
-    t.addEventListener("mousedown", i), t.addEventListener("focus", i);
-    const n = () => {
-      let s = parseInt(t.value, 10);
-      if (!isNaN(s) && (s = Math.max(1, Math.min(100, s)), t.value = s.toString(), e.command === "fontSize")) {
-        if (this.savedRange) {
-          const o = this.editor.setStyle("font-size", `${s}px`, this.savedRange);
-          o && (this.savedRange = o);
-        } else
-          this.editor.setStyle("font-size", `${s}px`);
-        t.focus();
-      }
-    };
-    t.addEventListener("input", n), t.addEventListener("keydown", (s) => {
-      s.key === "Enter" && (n(), this.editor.focus());
-    }), this.container.appendChild(t);
-  }
-  renderSelect(e) {
-    const t = document.createElement("select");
-    t.classList.add("te-select"), t.title = e.title, e.options && e.options.forEach((i) => {
-      const n = document.createElement("option");
-      n.value = i.value, n.textContent = i.label, t.appendChild(n);
-    }), t.addEventListener("change", () => {
-      const i = t.value;
-      this.savedRange && this.editor.selection.restoreSelection(this.savedRange), e.command === "formatBlock" ? this.editor.execute(e.command, i) : e.command === "fontFamily" ? this.editor.setStyle("font-family", i) : e.command === "lineHeight" && this.editor.setStyle("line-height", i), this.editor.focus();
-    }), t.addEventListener("mousedown", () => {
-      this.savedRange = this.editor.selection.saveSelection();
-    }), this.container.appendChild(t);
-  }
-  renderColorPicker(e) {
-    const t = document.createElement("div");
-    if (t.classList.add("te-color-picker-wrapper"), t.title = e.title, e.icon) {
-      const n = document.createElement("div");
-      n.classList.add("te-button", "te-color-icon"), n.innerHTML = e.icon;
-      const s = document.createElement("div");
-      s.classList.add("te-color-indicator"), s.style.backgroundColor = e.value || "#000000", n.appendChild(s), t.appendChild(n);
-    }
-    const i = document.createElement("input");
-    i.type = "color", i.classList.add("te-color-picker-input"), e.icon || (i.classList.add("te-color-picker"), i.title = e.title), i.value = e.value || "#000000", i.addEventListener("mousedown", () => {
-      this.savedRange = this.editor.selection.saveSelection();
-    }), i.addEventListener("input", () => {
-      if (e.icon) {
-        const n = t.querySelector(".te-color-indicator");
-        n && (n.style.backgroundColor = i.value);
-      }
-    }), i.addEventListener("change", () => {
-      this.savedRange && this.editor.selection.restoreSelection(this.savedRange), e.command && this.editor.execute(e.command, i.value), this.editor.focus();
-    }), t.appendChild(i), this.container.appendChild(e.icon ? t : i);
-  }
-  get el() {
-    return this.container;
-  }
-  updateActiveStates() {
-    const e = this.container.querySelectorAll(".te-button");
-    let t = 0;
-    this.items.forEach((i) => {
-      if (i.type === "button") {
-        const n = e[t++];
-        i.command && document.queryCommandState(i.command) ? n.classList.add("active") : n.classList.remove("active");
-      }
-    });
-  }
-  updateStatus(e, t = !1) {
-    if (!this.statusEl || this.editor.getOptions().showStatus === !1) return;
-    if (this.statusEl.innerHTML = "", t) {
-      const n = document.createElement("div");
-      n.classList.add("te-toolbar-loader"), this.statusEl.appendChild(n);
-    }
-    const i = document.createElement("span");
-    i.textContent = e, this.statusEl.appendChild(i);
-  }
-  destroy() {
-    this.editor.el.removeEventListener("keyup", this.boundUpdateActiveStates), this.editor.el.removeEventListener("mouseup", this.boundUpdateActiveStates), this.activePicker && (this.activePicker.close(), this.activePicker = null), this.container.parentNode && this.container.parentNode.removeChild(this.container);
-  }
-}
-class K extends v {
-  toolbar;
-  constructor(e, t = {}) {
-    const i = {
-      ...t,
-      onSaving: () => {
-        this.toolbar?.updateStatus("Auto saving...", !0), t.onSaving && t.onSaving();
-      },
-      onSave: (n) => {
-        const s = (/* @__PURE__ */ new Date()).toLocaleString([], {
-          year: "numeric",
-          month: "short",
-          day: "numeric",
-          hour: "2-digit",
-          minute: "2-digit",
-          hour12: !0
-        });
-        this.toolbar?.updateStatus(`Saved at ${s}`, !1), t.onSave && t.onSave(n);
-      }
-    };
-    if (super(e, i), typeof document > "u" || !e) {
-      this.toolbar = {};
-      return;
-    }
-    this.toolbar = new q(this), this.container.insertBefore(this.toolbar.el, this.editableElement), i.showStatus !== !1 && this.toolbar && this.toolbar.updateStatus("All changes saved", !1);
-  }
-  getToolbar() {
-    return this.toolbar;
-  }
-  destroy() {
-    this.toolbar && this.toolbar.destroy(), super.destroy();
-  }
-}
-export {
-  v as CoreEditor,
-  p as HistoryManager,
-  u as SelectionManager,
-  K as TestEditor,
-  q as Toolbar
-};