@ryzeup/richtexteditor 1.0.12 → 1.0.14

package/dist/index.es.js

@@ -23,11 +23,11 @@ var Ne = {
 }, Me = a.createContext && /* @__PURE__ */ a.createContext(Ne), gt = ["attr", "size", "title"];
 function ft(r, c) {
   if (r == null) return {};
-  var d = ht(r, c), u, m;
+  var d = ht(r, c), u, g;
   if (Object.getOwnPropertySymbols) {
     var y = Object.getOwnPropertySymbols(r);
-    for (m = 0; m < y.length; m++)
-      u = y[m], !(c.indexOf(u) >= 0) && Object.prototype.propertyIsEnumerable.call(r, u) && (d[u] = r[u]);
+    for (g = 0; g < y.length; g++)
+      u = y[g], !(c.indexOf(u) >= 0) && Object.prototype.propertyIsEnumerable.call(r, u) && (d[u] = r[u]);
   }
   return d;
 }
@@ -41,27 +41,27 @@ function ht(r, c) {
     }
   return d;
 }
-function Z() {
-  return Z = Object.assign ? Object.assign.bind() : function(r) {
+function Q() {
+  return Q = Object.assign ? Object.assign.bind() : function(r) {
     for (var c = 1; c < arguments.length; c++) {
       var d = arguments[c];
       for (var u in d)
         Object.prototype.hasOwnProperty.call(d, u) && (r[u] = d[u]);
     }
     return r;
-  }, Z.apply(this, arguments);
+  }, Q.apply(this, arguments);
 }
 function ze(r, c) {
   var d = Object.keys(r);
   if (Object.getOwnPropertySymbols) {
     var u = Object.getOwnPropertySymbols(r);
-    c && (u = u.filter(function(m) {
-      return Object.getOwnPropertyDescriptor(r, m).enumerable;
+    c && (u = u.filter(function(g) {
+      return Object.getOwnPropertyDescriptor(r, g).enumerable;
     })), d.push.apply(d, u);
   }
   return d;
 }
-function Q(r) {
+function J(r) {
   for (var c = 1; c < arguments.length; c++) {
     var d = arguments[c] != null ? arguments[c] : {};
     c % 2 ? ze(Object(d), !0).forEach(function(u) {
@@ -90,29 +90,29 @@ function Et(r, c) {
   return (c === "string" ? String : Number)(r);
 }
 function Te(r) {
-  return r && r.map((c, d) => /* @__PURE__ */ a.createElement(c.tag, Q({
+  return r && r.map((c, d) => /* @__PURE__ */ a.createElement(c.tag, J({
     key: d
   }, c.attr), Te(c.child)));
 }
 function M(r) {
-  return (c) => /* @__PURE__ */ a.createElement(yt, Z({
-    attr: Q({}, r.attr)
+  return (c) => /* @__PURE__ */ a.createElement(yt, Q({
+    attr: J({}, r.attr)
   }, c), Te(r.child));
 }
 function yt(r) {
   var c = (d) => {
     var {
       attr: u,
-      size: m,
+      size: g,
       title: y
-    } = r, R = ft(r, gt), b = m || d.size || "1em", E;
-    return d.className && (E = d.className), r.className && (E = (E ? E + " " : "") + r.className), /* @__PURE__ */ a.createElement("svg", Z({
+    } = r, R = ft(r, gt), b = g || d.size || "1em", E;
+    return d.className && (E = d.className), r.className && (E = (E ? E + " " : "") + r.className), /* @__PURE__ */ a.createElement("svg", Q({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, d.attr, u, R, {
       className: E,
-      style: Q(Q({
+      style: J(J({
         color: r.color || d.color
       }, d.style), r.style),
       height: b,
@@ -284,30 +284,30 @@ const Ht = [
   saveSelection: c,
   handleFileChange: d,
   handleFontSizeChange: u,
-  handleFontFamilyChange: m,
+  handleFontFamilyChange: g,
   //   insertListBlock,
   insertEmoji: y,
   handleLink: R,
   removeFormatting: b,
   visibleActions: E,
-  className: D,
+  className: T,
   style: _
 }) => {
-  var V, N;
-  const k = I(null), O = I(null), x = I(null), [J, U] = S(!1), [q, B] = S({
+  var U, N;
+  const k = I(null), D = I(null), x = I(null), [G, W] = S(!1), [V, B] = S({
     x: 0,
     y: 0
   });
   P(() => {
-    const f = (w) => {
-      !w.target.closest(".rte-emoji-popup") && !w.target.closest("button[title='Emoji']") && U(!1);
+    const p = (w) => {
+      !w.target.closest(".rte-emoji-popup") && !w.target.closest("button[title='Emoji']") && W(!1);
     };
-    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
+    return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
   }, []);
-  const F = (f) => {
-    var H;
-    f.preventDefault();
-    const w = f.currentTarget.dataset.command;
+  const F = (p) => {
+    var O;
+    p.preventDefault();
+    const w = p.currentTarget.dataset.command;
     if (w)
       switch (w) {
         case "bold":
@@ -319,16 +319,16 @@ const Ht = [
           r(w);
           break;
         case "insertImage": {
-          (H = k.current) == null || H.click();
+          (O = k.current) == null || O.click();
           break;
         }
         default:
           console.warn("Unknown command:", w);
       }
-  }, G = (f) => {
-    r("foreColor", f.target.value);
-  }, ee = (f) => {
-    r("backColor", f.target.value);
+  }, ee = (p) => {
+    r("foreColor", p.target.value);
+  }, te = (p) => {
+    r("backColor", p.target.value);
   }, [L, j] = S({
     bold: !1,
     italic: !1,
@@ -347,7 +347,7 @@ const Ht = [
     highlight: !1
   });
   return P(() => {
-    const f = () => {
+    const p = () => {
       j({
         bold: document.queryCommandState("bold"),
         italic: document.queryCommandState("italic"),
@@ -366,9 +366,9 @@ const Ht = [
         highlight: document.queryCommandState("backColor")
       });
     };
-    return document.addEventListener("selectionchange", f), () => document.removeEventListener("selectionchange", f);
+    return document.addEventListener("selectionchange", p), () => document.removeEventListener("selectionchange", p);
   }, []), /* @__PURE__ */ a.createElement("div", {
-    className: `rte-toolbar ${D || ""}`,
+    className: `rte-toolbar ${T || ""}`,
     style: _
   }, E.bold && /* @__PURE__ */ a.createElement("button", {
     "data-command": "bold",
@@ -403,8 +403,8 @@ const Ht = [
   }, /* @__PURE__ */ a.createElement(zt, null)), E.removeFormat && /* @__PURE__ */ a.createElement("button", {
     "data-command": "Remove format",
     title: "removeFormat",
-    onMouseDown: (f) => {
-      f.preventDefault(), c(), b();
+    onMouseDown: (p) => {
+      p.preventDefault(), c(), b();
     },
     className: L.removeFormat ? "rte-active" : ""
   }, /* @__PURE__ */ a.createElement(Ot, null)), E.image && /* @__PURE__ */ a.createElement("button", {
@@ -426,57 +426,57 @@ const Ht = [
     }
   }, /* @__PURE__ */ a.createElement("button", {
     title: "Emoji",
-    onMouseDown: (f) => {
-      f.preventDefault(), c();
-      const w = f.currentTarget.getBoundingClientRect();
+    onMouseDown: (p) => {
+      p.preventDefault(), c();
+      const w = p.currentTarget.getBoundingClientRect();
       B({
         x: w.left,
         y: w.bottom + 8
         // small spacing
-      }), U((H) => !H);
+      }), W((O) => !O);
     },
     className: L.emoji ? "rte-active" : ""
-  }, /* @__PURE__ */ a.createElement(At, null)), J && /* @__PURE__ */ mt(/* @__PURE__ */ a.createElement("div", {
+  }, /* @__PURE__ */ a.createElement(At, null)), G && /* @__PURE__ */ mt(/* @__PURE__ */ a.createElement("div", {
     className: "rte-emoji-popup",
     style: {
-      top: q.y,
-      left: q.x
+      top: V.y,
+      left: V.x
     }
-  }, Ht.map((f, w) => /* @__PURE__ */ a.createElement("span", {
+  }, Ht.map((p, w) => /* @__PURE__ */ a.createElement("span", {
     key: w,
     style: {
       fontSize: "20px",
       cursor: "pointer",
       textAlign: "center"
     },
-    onMouseDown: (H) => {
-      H.preventDefault(), y(f), U(!1);
+    onMouseDown: (O) => {
+      O.preventDefault(), y(p), W(!1);
     }
-  }, f))), document.body)), E.color && /* @__PURE__ */ a.createElement("div", {
+  }, p))), document.body)), E.color && /* @__PURE__ */ a.createElement("div", {
     style: {
       position: "relative"
     }
   }, /* @__PURE__ */ a.createElement("button", {
     title: "Text Color",
-    onMouseDown: (f) => {
+    onMouseDown: (p) => {
       var w;
-      f.preventDefault(), c(), (w = O.current) == null || w.click();
+      p.preventDefault(), c(), (w = D.current) == null || w.click();
     },
     style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      color: ((V = O.current) == null ? void 0 : V.value) || "#000",
+      color: ((U = D.current) == null ? void 0 : U.value) || "#000",
       fontSize: "18px"
     },
     className: L.color ? "rte-active" : ""
   }, /* @__PURE__ */ a.createElement(Dt, null)), /* @__PURE__ */ a.createElement("input", {
-    ref: O,
+    ref: D,
     type: "color",
     defaultValue: "#000000",
-    onChange: (f) => {
+    onChange: (p) => {
       var w;
-      G(f), ((w = f.target.parentElement) == null ? void 0 : w.querySelector("button")).style.color = f.target.value;
+      ee(p), ((w = p.target.parentElement) == null ? void 0 : w.querySelector("button")).style.color = p.target.value;
     },
     style: {
       position: "absolute",
@@ -491,9 +491,9 @@ const Ht = [
     }
   }, /* @__PURE__ */ a.createElement("button", {
     title: "Highlight",
-    onMouseDown: (f) => {
+    onMouseDown: (p) => {
       var w;
-      f.preventDefault(), c(), (w = x.current) == null || w.click();
+      p.preventDefault(), c(), (w = x.current) == null || w.click();
     },
     style: {
       display: "flex",
@@ -506,9 +506,9 @@ const Ht = [
   }, /* @__PURE__ */ a.createElement(St, null)), /* @__PURE__ */ a.createElement("input", {
     ref: x,
     type: "color",
-    onChange: (f) => {
+    onChange: (p) => {
       var w;
-      ee(f), ((w = f.target.parentElement) == null ? void 0 : w.querySelector("button")).style.color = f.target.value;
+      te(p), ((w = p.target.parentElement) == null ? void 0 : w.querySelector("button")).style.color = p.target.value;
     },
     defaultValue: "#000000",
     style: {
@@ -520,29 +520,29 @@ const Ht = [
     }
   })), E.align && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("button", {
     title: "Align Left",
-    onMouseDown: (f) => f.preventDefault(),
+    onMouseDown: (p) => p.preventDefault(),
     onClick: () => r("justifyLeft"),
     className: L.alignLeft ? "rte-active" : ""
   }, /* @__PURE__ */ a.createElement(Lt, null)), /* @__PURE__ */ a.createElement("button", {
     title: "Align Center",
-    onMouseDown: (f) => f.preventDefault(),
+    onMouseDown: (p) => p.preventDefault(),
     onClick: () => r("justifyCenter"),
     className: L.alignCenter ? "rte-active" : ""
   }, /* @__PURE__ */ a.createElement(wt, null)), /* @__PURE__ */ a.createElement("button", {
     title: "Align Right",
-    onMouseDown: (f) => f.preventDefault(),
+    onMouseDown: (p) => p.preventDefault(),
     onClick: () => r("justifyRight"),
     className: L.alignRight ? "rte-active" : ""
   }, /* @__PURE__ */ a.createElement(Ct, null))), E.table && /* @__PURE__ */ a.createElement("button", {
     title: "Insert Table",
-    onMouseDown: (f) => f.preventDefault(),
+    onMouseDown: (p) => p.preventDefault(),
     onClick: () => r("insertTable"),
     className: L.table ? "rte-active" : ""
   }, /* @__PURE__ */ a.createElement(Nt, null)), E.fontFamily && /* @__PURE__ */ a.createElement("select", {
     className: "rte-dropdown",
     defaultValue: "",
     onMouseDown: () => c(),
-    onChange: m
+    onChange: g
   }, /* @__PURE__ */ a.createElement("option", {
     value: "",
     disabled: !0
@@ -578,18 +578,18 @@ const Ht = [
   position: c,
   filtered: d,
   insertMention: u,
-  onClose: m,
+  onClose: g,
   query: y
 }) => {
   const R = I(null);
   return P(() => {
     const b = (E) => {
-      R.current && !R.current.contains(E.target) && m();
+      R.current && !R.current.contains(E.target) && g();
     };
     return r && document.addEventListener("mousedown", b), () => {
       document.removeEventListener("mousedown", b);
     };
-  }, [r, m]), r ? /* @__PURE__ */ a.createElement("ul", {
+  }, [r, g]), r ? /* @__PURE__ */ a.createElement("ul", {
     ref: R,
     className: "rte-popup",
     style: {
@@ -600,11 +600,11 @@ const Ht = [
     name: b,
     value: E
   }) => {
-    const D = b.toLowerCase(), _ = y.toLowerCase(), k = D.indexOf(_);
-    let O = b;
+    const T = b.toLowerCase(), _ = y.toLowerCase(), k = T.indexOf(_);
+    let D = b;
     if (k !== -1 && y.length > 0) {
       const x = k + y.length;
-      O = b.substring(0, k) + `<span class="rte-highlight">${b.substring(k, x)}</span>` + b.substring(x);
+      D = b.substring(0, k) + `<span class="rte-highlight">${b.substring(k, x)}</span>` + b.substring(x);
     }
     return /* @__PURE__ */ a.createElement("li", {
       key: E,
@@ -620,7 +620,7 @@ const Ht = [
         fontSize: "14px"
       },
       dangerouslySetInnerHTML: {
-        __html: O
+        __html: D
       },
       onMouseEnter: (x) => x.currentTarget.style.background = "#f0f0f0",
       onMouseLeave: (x) => x.currentTarget.style.background = "#fff"
@@ -635,7 +635,7 @@ const Ht = [
 function ke(r) {
   return M({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "g", attr: { id: "Circle_Minus" }, child: [{ tag: "g", attr: {}, child: [{ tag: "path", attr: { d: "M15,11.5h0a.5.5,0,0,1,0,1H9a.5.5,0,0,1,0-1Z" }, child: [] }, { tag: "path", attr: { d: "M12,21.934A9.933,9.933,0,1,1,21.932,12,9.945,9.945,0,0,1,12,21.934ZM12,3.068A8.933,8.933,0,1,0,20.932,12,8.944,8.944,0,0,0,12,3.068Z" }, child: [] }] }] }] })(r);
 }
-function Y(r) {
+function Z(r) {
   return M({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "g", attr: { id: "Circle_Plus" }, child: [{ tag: "g", attr: {}, child: [{ tag: "path", attr: { d: "M15,12.5H12.5V15a.5.5,0,0,1-1,0V12.5H9a.5.5,0,0,1,0-1h2.5V9a.5.5,0,0,1,1,0v2.5H15A.5.5,0,0,1,15,12.5Z" }, child: [] }, { tag: "path", attr: { d: "M12,21.932A9.934,9.934,0,1,1,21.932,12,9.944,9.944,0,0,1,12,21.932ZM12,3.065A8.934,8.934,0,1,0,20.932,12,8.944,8.944,0,0,0,12,3.065Z" }, child: [] }] }] }] })(r);
 }
 const Ft = ({
@@ -643,7 +643,7 @@ const Ft = ({
   x: c,
   y: d,
   onAction: u,
-  onClose: m
+  onClose: g
 }) => {
   if (!r) return null;
   const y = {
@@ -653,16 +653,16 @@ const Ft = ({
   return /* @__PURE__ */ a.createElement("div", {
     style: y,
     className: "rte-table-menu",
-    onMouseLeave: m
+    onMouseLeave: g
   }, /* @__PURE__ */ a.createElement("button", {
     onClick: () => u("insertRowAbove")
-  }, /* @__PURE__ */ a.createElement(Y, null), " Insert row above"), /* @__PURE__ */ a.createElement("button", {
+  }, /* @__PURE__ */ a.createElement(Z, null), " Insert row above"), /* @__PURE__ */ a.createElement("button", {
     onClick: () => u("insertRowBelow")
-  }, /* @__PURE__ */ a.createElement(Y, null), " Insert row below"), /* @__PURE__ */ a.createElement("button", {
+  }, /* @__PURE__ */ a.createElement(Z, null), " Insert row below"), /* @__PURE__ */ a.createElement("button", {
     onClick: () => u("insertColLeft")
-  }, /* @__PURE__ */ a.createElement(Y, null), " Insert col left"), /* @__PURE__ */ a.createElement("button", {
+  }, /* @__PURE__ */ a.createElement(Z, null), " Insert col left"), /* @__PURE__ */ a.createElement("button", {
     onClick: () => u("insertColRight")
-  }, /* @__PURE__ */ a.createElement(Y, null), " Insert col right"), /* @__PURE__ */ a.createElement("button", {
+  }, /* @__PURE__ */ a.createElement(Z, null), " Insert col right"), /* @__PURE__ */ a.createElement("button", {
     onClick: () => u("deleteRow")
   }, /* @__PURE__ */ a.createElement(ke, null), " Delete row"), /* @__PURE__ */ a.createElement("button", {
     onClick: () => u("deleteCol")
@@ -679,13 +679,13 @@ const Ft = ({
       const b = R.href;
       b && window.open(b, "_blank", "noopener,noreferrer");
     }
-  }, m = (y) => y.replace(/{{\s*(.*?)\s*}}/g, "$1");
+  }, g = (y) => y.replace(/{{\s*(.*?)\s*}}/g, "$1");
   return /* @__PURE__ */ a.createElement("div", {
     className: `rte-preview ${c || ""}`,
     style: d,
     onClick: u,
     dangerouslySetInnerHTML: {
-      __html: m(r)
+      __html: g(r)
     }
   });
 }, Pt = ({
@@ -694,13 +694,13 @@ const Ft = ({
   onClose: d,
   onInsert: u
 }) => {
-  const [m, y] = S(""), [R, b] = S(""), [E, D] = S(""), [_, k] = S("_self");
+  const [g, y] = S(""), [R, b] = S(""), [E, T] = S(""), [_, k] = S("_self");
   if (P(() => {
-    r ? (y(c.url || ""), b(c.text || ""), D(c.title || ""), k(c.target || "_self")) : (y(""), b(""), D(""), k("_self"));
+    r ? (y(c.url || ""), b(c.text || ""), T(c.title || ""), k(c.target || "_self")) : (y(""), b(""), T(""), k("_self"));
   }, [r, c]), !r) return null;
-  const O = () => {
+  const D = () => {
     u({
-      url: m,
+      url: g,
       text: R,
       title: E,
       target: _
@@ -713,11 +713,11 @@ const Ft = ({
     className: "rte-link-modal"
   }, /* @__PURE__ */ a.createElement("h4", {
     className: "rte-link-modal__title"
-  }, m ? "Edit Link" : "Insert Link"), /* @__PURE__ */ a.createElement("input", {
+  }, g ? "Edit Link" : "Insert Link"), /* @__PURE__ */ a.createElement("input", {
     type: "text",
     className: "rte-link-modal__input",
     placeholder: "URL",
-    value: m,
+    value: g,
     onChange: (x) => y(x.target.value)
   }), /* @__PURE__ */ a.createElement("input", {
     type: "text",
@@ -730,7 +730,7 @@ const Ft = ({
     className: "rte-link-modal__input",
     placeholder: "Title",
     value: E,
-    onChange: (x) => D(x.target.value)
+    onChange: (x) => T(x.target.value)
   }), /* @__PURE__ */ a.createElement("select", {
     className: "rte-link-modal__select",
     value: _,
@@ -746,13 +746,13 @@ const Ft = ({
     onClick: d
   }, "Cancel"), /* @__PURE__ */ a.createElement("button", {
     className: "rte-link-modal__btn rte-link-modal__btn--ok",
-    onClick: O
+    onClick: D
   }, "OK"))));
 };
 function Ae(r) {
   return Array.from(new Map(r.map((c) => [c.value, c])).values());
 }
-const $t = ({
+const Ut = ({
   atSuggestions: r = [],
   showOutput: c = !1,
   showPreview: d = !1,
@@ -766,27 +766,27 @@ const $t = ({
     fontSize: !1,
     highlight: !1
   },
-  classNames: m = {},
+  classNames: g = {},
   styles: y = {},
   handleGetHtml: R = () => {
   },
   onChange: b = () => {
   },
   value: E,
-  onMentionSelect: D = () => {
+  onMentionSelect: T = () => {
   },
   handleAddAttributes: _ = () => {
   }
 }) => {
   var pe, ve, Ee, ye, we, Ce, be, xe;
-  const k = I(null), [O, x] = S(E != null && E.length ? E : " "), [J, U] = S(""), [q, B] = S(!1), [F, G] = S({
+  const k = I(null), [D, x] = S(E != null && E.length ? E : " "), [G, W] = S(""), [V, B] = S(!1), [F, ee] = S({
     x: 0,
     y: 0
-  }), [ee, L] = S([]), j = I(null), V = I(null), [N, f] = S({
+  }), [te, L] = S([]), j = I(null), U = I(null), [N, p] = S({
     visible: !1,
     x: 0,
     y: 0
-  }), [w, H] = S(!1), W = I(null), [De, le] = S({
+  }), [w, O] = S(!1), K = I(null), [De, le] = S({
     url: "",
     text: "",
     title: "",
@@ -807,26 +807,30 @@ const $t = ({
     fontFamily: (Ce = u.fontFamily) != null ? Ce : !1,
     fontSize: (be = u.fontSize) != null ? be : !1,
     highlight: (xe = u.fontSize) != null ? xe : !1
-  }, [He, ce] = S(""), [ie, te] = S([]), T = () => k.current, z = () => {
-    const e = he();
-    U(e), R == null || R(e);
+  }, [He, ce] = S(""), [ie, ne] = S([]), H = () => k.current, z = () => {
+    const e = fe();
+    W(e), R == null || R(e);
     const t = ot(e);
     b(t);
-    const n = $e(), o = Ae(n);
-    JSON.stringify(o) !== JSON.stringify(ie) && (te(o), D(o));
-  }, se = () => {
+    const n = Ue(), o = Ae(n);
+    JSON.stringify(o) !== JSON.stringify(ie) && (ne(o), T(o));
+  }, q = () => {
     const e = window.getSelection();
-    !e || e.rangeCount === 0 || ne() && (j.current = e.getRangeAt(0).cloneRange());
+    if (!e || e.rangeCount === 0) return;
+    const t = document.getElementById("rte-editor-body");
+    if (!t) return;
+    const n = e.getRangeAt(0);
+    t.contains(n.startContainer) && (j.current = n.cloneRange());
   }, $ = () => {
     const e = window.getSelection();
-    e && j.current && (e.removeAllRanges(), e.addRange(j.current));
+    !e || !j.current || (e.removeAllRanges(), e.addRange(j.current));
   }, je = (e, t) => {
     const n = window.getSelection();
     n && n.rangeCount > 0 && (j.current = n.getRangeAt(0)), $(), document.execCommand(e, !1, t), z();
   };
   P(() => {
-    const e = T();
-    e && !e.innerHTML && (e.innerHTML = O), z();
+    const e = H();
+    e && !e.innerHTML && (e.innerHTML = D), z();
   }, []), P(() => () => {
     document.removeEventListener("mousemove", null), document.removeEventListener("mouseup", null);
   }, []), P(() => {
@@ -834,13 +838,13 @@ const $t = ({
       Ve(e);
     });
   }, []), P(() => {
-    const e = T();
+    const e = H();
     if (!e) return;
     e.querySelectorAll("table").forEach((n) => {
-      ge(n), n.querySelectorAll("th, td").forEach((s) => X(s));
+      me(n), n.querySelectorAll("th, td").forEach((s) => Y(s));
     });
   }, []);
-  const de = (e) => {
+  const se = (e) => {
     for (; e && e.nodeName !== "LI"; )
       e = e.parentNode;
     return e;
@@ -856,34 +860,34 @@ const $t = ({
     l.textContent = o, l.style.display = "none", l.setAttribute("data-hidden-array-start", "true"), e.insertBefore(l, e.firstChild);
     const i = document.createElement("span");
     i.textContent = s, i.style.display = "none", i.setAttribute("data-hidden-array-end", "true"), e.appendChild(i);
-  }, ue = (e) => {
-    var p;
+  }, de = (e) => {
+    var v;
     const t = window.getSelection();
     if (!(t != null && t.rangeCount)) return;
-    const n = t.getRangeAt(0), o = de(n.startContainer);
+    const n = t.getRangeAt(0), o = se(n.startContainer);
     let s, l;
     if (o) {
-      let g = o.querySelector(e);
-      g || (g = document.createElement(e), g.style.margin = "0", g.style.paddingLeft = "20px", o.appendChild(g)), l = g, s = document.createElement("li"), s.textContent = "​", l.appendChild(s);
+      let m = o.querySelector(e);
+      m || (m = document.createElement(e), m.style.margin = "0", m.style.paddingLeft = "20px", o.appendChild(m)), l = m, s = document.createElement("li"), s.textContent = "​", l.appendChild(s);
     } else {
       document.execCommand(e === "ul" ? "insertUnorderedList" : "insertOrderedList");
-      const g = T();
-      if (l = g == null ? void 0 : g.querySelector(`${e}:last-child`), !l) return;
+      const m = H();
+      if (l = m == null ? void 0 : m.querySelector(`${e}:last-child`), !l) return;
       s = l.querySelector("li:last-child");
     }
     Fe(l);
     const i = document.createRange();
-    i.setStart(s, 0), i.collapse(!0), t.removeAllRanges(), t.addRange(i), (p = T()) == null || p.focus(), z();
-  }, K = (e, t) => {
-    e === "insertOrderedList" ? ue("ol") : e === "insertUnorderedList" ? ue("ul") : je(e, t), e === "insertTable" && Ze();
+    i.setStart(s, 0), i.collapse(!0), t.removeAllRanges(), t.addRange(i), (v = H()) == null || v.focus(), z();
+  }, X = (e, t) => {
+    e === "insertOrderedList" ? de("ol") : e === "insertUnorderedList" ? de("ul") : je(e, t), e === "insertTable" && Ze();
   }, Ie = (e) => {
     const t = document.createElement("span");
     t.textContent = "​", e.insertNode(t), e.setStartAfter(t), e.collapse(!0);
     const n = t.getBoundingClientRect();
-    t.remove(), G({
+    t.remove(), ee({
       x: n.left,
       y: n.bottom + window.scrollY
-    }), L(r || []), B(!0), V.current = e.cloneRange();
+    }), L(r || []), B(!0), U.current = e.cloneRange();
   }, Pe = () => {
     const e = window.getSelection();
     if (!e || e.rangeCount === 0) return null;
@@ -895,8 +899,8 @@ const $t = ({
       if (o.nodeType === Node.TEXT_NODE) {
         const s = o.textContent || "", l = o === t ? n : s.length, i = s.lastIndexOf("@", l - 1);
         if (i !== -1) {
-          const p = document.createRange();
-          return p.setStart(o, i), p.setEnd(o, l), p;
+          const v = document.createRange();
+          return v.setStart(o, i), v.setEnd(o, l), v;
         }
       }
       o = o.previousSibling;
@@ -907,7 +911,7 @@ const $t = ({
     const t = window.getSelection();
     if (!t) return;
     const n = Pe();
-    n ? (t.removeAllRanges(), t.addRange(n)) : V.current && (t.removeAllRanges(), t.addRange(V.current));
+    n ? (t.removeAllRanges(), t.addRange(n)) : U.current && (t.removeAllRanges(), t.addRange(U.current));
     const o = document.createElement("span");
     o.textContent = `{{${e.name}}}`, o.style.color = "#007bff", o.style.display = "inline", o.contentEditable = "false", o.setAttribute("data-mention", e.value || e.name || "");
     try {
@@ -915,40 +919,49 @@ const $t = ({
       if (i)
         i.deleteContents(), i.insertNode(o);
       else {
-        const v = document.createRange(), h = T();
-        v.selectNodeContents(h), v.collapse(!1), v.insertNode(o);
+        const f = document.createRange(), h = H();
+        f.selectNodeContents(h), f.collapse(!1), f.insertNode(o);
       }
-      const p = document.createTextNode(" ");
-      o.after(p);
-      const g = document.createRange();
-      g.setStartAfter(p), g.collapse(!0), t.removeAllRanges(), t.addRange(g);
+      const v = document.createTextNode(" ");
+      o.after(v);
+      const m = document.createRange();
+      m.setStartAfter(v), m.collapse(!0), t.removeAllRanges(), t.addRange(m);
     } catch (i) {
       console.error("insertMention error:", i);
     }
     let s = Ae([...ie, e]);
-    te(s), D(s), B(!1), (l = T()) == null || l.focus(), z();
+    ne(s), T(s), B(!1), (l = H()) == null || l.focus(), z();
   }, qe = (e) => {
-    const t = T();
+    var v;
+    const t = document.getElementById("rte-editor-body");
     if (!t) return;
-    t.focus(), !ne() && j.current && $();
-    const n = window.getSelection();
-    if (!n || !n.rangeCount || !ne()) {
-      const p = document.createRange();
-      p.selectNodeContents(t), p.collapse(!1), n == null || n.removeAllRanges(), n == null || n.addRange(p);
+    t.focus();
+    let n = window.getSelection();
+    if (!he() && j.current && ($(), n = window.getSelection()), !n || !n.rangeCount || !he()) {
+      const m = document.createRange();
+      let f = t;
+      for (; f && f.lastChild; )
+        f = f.lastChild;
+      try {
+        m.setStart(f, ((v = f.textContent) == null ? void 0 : v.length) || 0);
+      } catch (h) {
+        m.setStart(t, t.childNodes.length);
+      }
+      m.collapse(!0), n = window.getSelection(), n == null || n.removeAllRanges(), n == null || n.addRange(m);
     }
     const o = n.getRangeAt(0), s = document.createElement("span");
-    s.textContent = `{{${e.name}}}`, s.style.color = "#007bff", s.contentEditable = "false", s.setAttribute("data-mention", e.value || e.name), o.insertNode(s);
+    s.textContent = `{{${e.name}}}`, s.setAttribute("data-mention", e.value || e.name), s.style.color = "#007bff", s.contentEditable = "false", o.insertNode(s);
     const l = document.createTextNode(" ");
     s.after(l);
     const i = document.createRange();
-    i.setStartAfter(l), i.collapse(!0), n.removeAllRanges(), n.addRange(i), t.focus();
+    i.setStartAfter(l), i.collapse(!0), n.removeAllRanges(), n.addRange(i), q(), t.focus();
   }, Ve = (e) => {
-    e.forEach((t) => qe(t)), te((t) => {
+    e.forEach((t) => qe(t)), ne((t) => {
       const n = [...t, ...e], o = Array.from(new Map(n.map((s) => [s.name, s])).values());
-      return D(o), o;
+      return T(o), o;
     }), z();
-  }, $e = () => {
-    const e = T();
+  }, Ue = () => {
+    const e = H();
     if (!e) return [];
     const t = e.querySelectorAll("span[data-mention]"), n = [];
     return t.forEach((o) => {
@@ -958,19 +971,19 @@ const $t = ({
         value: s
       });
     }), n;
-  }, Ue = (e) => {
+  }, $e = (e) => {
     var n, o, s;
     const t = e.key.toLowerCase();
-    if ((e.ctrlKey || e.metaKey) && ["b", "i", "u"].includes(t) && (e.preventDefault(), K(t === "b" ? "bold" : t === "i" ? "italic" : t === "u" ? "underline" : "")), e.shiftKey && e.key === "2" && e.preventDefault(), e.key === "Enter") {
-      const l = window.getSelection(), i = l != null && l.anchorNode ? de(l.anchorNode) : null;
+    if ((e.ctrlKey || e.metaKey) && ["b", "i", "u"].includes(t) && (e.preventDefault(), X(t === "b" ? "bold" : t === "i" ? "italic" : t === "u" ? "underline" : "")), e.shiftKey && e.key === "2" && e.preventDefault(), e.key === "Enter") {
+      const l = window.getSelection(), i = l != null && l.anchorNode ? se(l.anchorNode) : null;
       if (!i) return;
       if (((n = i.textContent) == null ? void 0 : n.replace(/\u200B/g, "").trim()) === "") {
         e.preventDefault();
-        const g = i.parentElement, v = g == null ? void 0 : g.closest("li");
-        if (v) {
-          g == null || g.removeChild(i);
+        const m = i.parentElement, f = m == null ? void 0 : m.closest("li");
+        if (f) {
+          m == null || m.removeChild(i);
           const h = document.createElement("p");
-          h.innerHTML = "<br />", (o = v.parentElement) == null || o.insertBefore(h, v.nextSibling);
+          h.innerHTML = "<br />", (o = f.parentElement) == null || o.insertBefore(h, f.nextSibling);
           const C = document.createRange();
           C.setStart(h, 0), C.collapse(!0), l == null || l.removeAllRanges(), l == null || l.addRange(C);
         } else {
@@ -997,8 +1010,8 @@ const $t = ({
       }, 0);
       return;
     }
-    if (q) {
-      setTimeout(() => me(), 0);
+    if (V) {
+      setTimeout(() => ue(), 0);
       return;
     }
   }, Ke = (e) => {
@@ -1009,8 +1022,8 @@ const $t = ({
       t = t.parentElement;
     }
     return !1;
-  }, me = () => {
-    if (z(), !q) return;
+  }, ue = () => {
+    if (z(), !V) return;
     const e = window.getSelection();
     if (!e || !e.anchorNode) return;
     const n = (e.anchorNode.textContent || "").match(/@([a-zA-Z0-9_]*)$/);
@@ -1032,23 +1045,23 @@ const $t = ({
       const l = (A = s.target) == null ? void 0 : A.result;
       $();
       const i = window.getSelection();
-      let p = i && i.rangeCount ? i.getRangeAt(0) : null;
-      const g = document.createElement("img");
-      g.src = l, g.alt = t.name || "image", g.className = "rte-inserted-image", g.contentEditable = "true";
-      const v = T();
-      if (!p || !v) {
-        v == null || v.appendChild(g);
+      let v = i && i.rangeCount ? i.getRangeAt(0) : null;
+      const m = document.createElement("img");
+      m.src = l, m.alt = t.name || "image", m.className = "rte-inserted-image", m.contentEditable = "true";
+      const f = H();
+      if (!v || !f) {
+        f == null || f.appendChild(m);
         const Le = document.createTextNode(" ");
-        v == null || v.appendChild(Le);
+        f == null || f.appendChild(Le);
         const re = document.createRange();
-        re.setStartAfter(Le), re.collapse(!0), i == null || i.removeAllRanges(), i == null || i.addRange(re), v == null || v.focus(), z(), e.target.value = "";
+        re.setStartAfter(Le), re.collapse(!0), i == null || i.removeAllRanges(), i == null || i.addRange(re), f == null || f.focus(), z(), e.target.value = "";
         return;
       }
-      p.deleteContents(), p.insertNode(g);
+      v.deleteContents(), v.insertNode(m);
       const h = document.createTextNode(" ");
-      g.after(h);
+      m.after(h);
       const C = document.createRange();
-      C.setStartAfter(h), C.collapse(!0), i.removeAllRanges(), i.addRange(C), v.focus(), z(), e.target.value = "";
+      C.setStartAfter(h), C.collapse(!0), i.removeAllRanges(), i.addRange(C), f.focus(), z(), e.target.value = "";
     }, n.readAsDataURL(t);
   }, Ye = (e) => {
     var s;
@@ -1056,30 +1069,30 @@ const $t = ({
     const t = window.getSelection();
     if (!(t != null && t.rangeCount)) return;
     const n = t.getRangeAt(0), o = document.createTextNode(e);
-    n.insertNode(o), n.setStartAfter(o), n.collapse(!0), t.removeAllRanges(), t.addRange(n), (s = T()) == null || s.focus(), z();
+    n.insertNode(o), n.setStartAfter(o), n.collapse(!0), t.removeAllRanges(), t.addRange(n), (s = H()) == null || s.focus(), z();
   }, Ze = () => {
     $();
     const e = document.createElement("table");
-    e.style.borderCollapse = "collapse", e.style.width = "100%", e.style.border = "1px solid #ccc", e.style.margin = "8px 0", e.style.position = "relative", m.table && e.classList.add(m.table);
+    e.style.borderCollapse = "collapse", e.style.width = "100%", e.style.border = "1px solid #ccc", e.style.margin = "8px 0", e.style.position = "relative", g.table && e.classList.add(g.table);
     const t = document.createElement("thead");
-    m.thead && t.classList.add(m.thead);
+    g.thead && t.classList.add(g.thead);
     const n = document.createElement("tbody");
-    m.tbody && n.classList.add(m.tbody);
+    g.tbody && n.classList.add(g.tbody);
     const o = document.createElement("tr");
-    m.tr && o.classList.add(m.tr);
+    g.tr && o.classList.add(g.tr);
     const s = document.createElement("tr");
-    m.tr && s.classList.add(m.tr);
-    for (let p = 0; p < 2; p++) {
-      const g = document.createElement("th");
-      g.textContent = `Header ${p + 1}`, g.style.border = "1px solid #999", g.style.padding = "8px", g.style.position = "relative", g.style.backgroundColor = "lightgray", m.th && g.classList.add(m.th);
-      const v = document.createElement("td");
-      v.textContent = `Row 1 Col ${p + 1}`, v.style.border = "1px solid #999", v.style.padding = "8px", v.style.position = "relative", v.style.backgroundColor = "#fff", m.td && v.classList.add(m.td), X(g), X(v), o.appendChild(g), s.appendChild(v);
+    g.tr && s.classList.add(g.tr);
+    for (let v = 0; v < 2; v++) {
+      const m = document.createElement("th");
+      m.textContent = `Header ${v + 1}`, m.style.border = "1px solid #999", m.style.padding = "8px", m.style.position = "relative", m.style.backgroundColor = "lightgray", g.th && m.classList.add(g.th);
+      const f = document.createElement("td");
+      f.textContent = `Row 1 Col ${v + 1}`, f.style.border = "1px solid #999", f.style.padding = "8px", f.style.position = "relative", f.style.backgroundColor = "#fff", g.td && f.classList.add(g.td), Y(m), Y(f), o.appendChild(m), s.appendChild(f);
     }
-    t.appendChild(o), n.appendChild(s), e.appendChild(t), e.appendChild(n), et(e), ge(e);
+    t.appendChild(o), n.appendChild(s), e.appendChild(t), e.appendChild(n), et(e), me(e);
     const l = window.getSelection();
     if (!(l != null && l.rangeCount)) return;
     l.getRangeAt(0).insertNode(e), z();
-  }, ge = (e) => {
+  }, me = (e) => {
     const t = document.createElement("div");
     Object.assign(t.style, {
       position: "absolute",
@@ -1095,17 +1108,17 @@ const $t = ({
     let n = 0, o = 0, s = 0, l = 0;
     t.addEventListener("mousedown", (i) => {
       i.preventDefault(), n = i.clientX, o = i.clientY;
-      const p = e.getBoundingClientRect();
-      s = p.width, l = p.height;
-      const g = (h) => {
+      const v = e.getBoundingClientRect();
+      s = v.width, l = v.height;
+      const m = (h) => {
         const C = Math.max(100, s + (h.clientX - n)), A = Math.max(60, l + (h.clientY - o));
         e.style.width = `${C}px`, e.style.height = `${A}px`, z();
-      }, v = () => {
-        document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", v), z();
+      }, f = () => {
+        document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", f), z();
       };
-      document.addEventListener("mousemove", g), document.addEventListener("mouseup", v);
+      document.addEventListener("mousemove", m), document.addEventListener("mouseup", f);
     }), e.appendChild(t);
-  }, X = (e) => {
+  }, Y = (e) => {
     const t = document.createElement("div"), n = document.createElement("div");
     Object.assign(t.style, {
       position: "absolute",
@@ -1129,47 +1142,47 @@ const $t = ({
   }, Qe = (e, t, n) => {
     let o = 0, s = 0, l = 0, i = 0;
     t.addEventListener("mousedown", (h) => {
-      h.preventDefault(), o = h.clientX, l = e.offsetWidth, document.addEventListener("mousemove", p), document.addEventListener("mouseup", v);
+      h.preventDefault(), o = h.clientX, l = e.offsetWidth, document.addEventListener("mousemove", v), document.addEventListener("mouseup", f);
     }), n.addEventListener("mousedown", (h) => {
-      h.preventDefault(), s = h.clientY, i = e.offsetHeight, document.addEventListener("mousemove", g), document.addEventListener("mouseup", v);
+      h.preventDefault(), s = h.clientY, i = e.offsetHeight, document.addEventListener("mousemove", m), document.addEventListener("mouseup", f);
     });
-    const p = (h) => {
+    const v = (h) => {
       const C = l + (h.clientX - o);
       e.style.width = `${Math.max(30, C)}px`;
-    }, g = (h) => {
+    }, m = (h) => {
       const C = i + (h.clientY - s);
       e.style.height = `${Math.max(20, C)}px`;
-    }, v = () => {
-      document.removeEventListener("mousemove", p), document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", v);
+    }, f = () => {
+      document.removeEventListener("mousemove", v), document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", f);
     };
   }, Je = (e) => {
     const n = e.target.closest("td, th");
-    n && (e.preventDefault(), document.querySelectorAll(".rte-cell-highlight").forEach((o) => o.classList.remove("rte-cell-highlight")), n.classList.add("rte-cell-highlight"), f({
+    n && (e.preventDefault(), document.querySelectorAll(".rte-cell-highlight").forEach((o) => o.classList.remove("rte-cell-highlight")), n.classList.add("rte-cell-highlight"), p({
       visible: !0,
       x: e.clientX,
       y: e.clientY,
       cell: n
     }));
-  }, fe = () => {
+  }, ge = () => {
     document.querySelectorAll(".rte-cell-highlight").forEach((e) => e.classList.remove("rte-cell-highlight"));
   }, Ge = (e) => {
     if (!N.cell) return;
     const t = N.cell.closest("table"), n = N.cell.cellIndex, o = N.cell.parentElement.rowIndex, s = (l) => {
-      const i = l.tagName.toLowerCase(), p = document.createElement(i);
-      return p.textContent = l.textContent || "", p.style.cssText = l.style.cssText, X(p), p;
+      const i = l.tagName.toLowerCase(), v = document.createElement(i);
+      return v.textContent = l.textContent || "", v.style.cssText = l.style.cssText, Y(v), v;
     };
     switch (e) {
       case "insertRowAbove": {
         const l = t.rows[o], i = t.insertRow(o);
-        Array.from(l.cells).forEach((p) => {
-          i.appendChild(s(p));
+        Array.from(l.cells).forEach((v) => {
+          i.appendChild(s(v));
         });
         break;
       }
       case "insertRowBelow": {
         const l = t.rows[o], i = t.insertRow(o + 1);
-        Array.from(l.cells).forEach((p) => {
-          i.appendChild(s(p));
+        Array.from(l.cells).forEach((v) => {
+          i.appendChild(s(v));
         });
         break;
       }
@@ -1196,9 +1209,9 @@ const $t = ({
         });
         break;
     }
-    z(), f(oe(ae({}, N), {
+    z(), p(oe(ae({}, N), {
       visible: !1
-    })), fe();
+    })), ge();
   }, et = (e) => {
     const t = e.querySelector("tbody");
     if (!t || t.querySelector("[data-hidden-table-start]")) return;
@@ -1206,22 +1219,22 @@ const $t = ({
     n.textContent = "{{#arrayData}}", n.style.display = "none", n.setAttribute("data-hidden-table-start", "true"), t.insertBefore(n, t.firstChild);
     const o = document.createElement("span");
     o.textContent = "{{/arrayData}}", o.style.display = "none", o.setAttribute("data-hidden-table-end", "true"), t.appendChild(o);
-  }, he = () => {
-    const e = T();
-    if (!e) return O;
+  }, fe = () => {
+    const e = H();
+    if (!e) return D;
     const t = e.cloneNode(!0);
     return t.querySelectorAll("table div").forEach((n) => n.remove()), t.querySelectorAll(".rte-cell-highlight").forEach((n) => n.classList.remove("rte-cell-highlight")), t.innerHTML;
   }, tt = () => {
-    se(), W.current = j.current, le({
+    q(), K.current = j.current, le({
       url: "",
       text: "",
       title: "",
       target: "_self"
-    }), H(!0);
+    }), O(!0);
   }, nt = (e) => {
     const t = window.getSelection();
-    if (!t || !W.current) return;
-    t.removeAllRanges(), t.addRange(W.current);
+    if (!t || !K.current) return;
+    t.removeAllRanges(), t.addRange(K.current);
     let n = e.url.trim();
     /^https?:\/\//i.test(n) || (n = "https://" + n);
     const o = document.createElement("a");
@@ -1231,7 +1244,7 @@ const $t = ({
     const l = document.createTextNode(" ");
     o.after(l);
     const i = document.createRange();
-    i.setStartAfter(l), i.collapse(!0), t.removeAllRanges(), t.addRange(i), H(!1), z();
+    i.setStartAfter(l), i.collapse(!0), t.removeAllRanges(), t.addRange(i), O(!1), z();
   }, rt = (e) => {
     const t = e.target;
     if (t.tagName === "A") {
@@ -1242,15 +1255,15 @@ const $t = ({
       }
       e.preventDefault();
       const o = document.createRange();
-      o.selectNode(n), W.current = o, le({
+      o.selectNode(n), K.current = o, le({
         url: n.href,
         text: n.textContent || n.href,
         title: n.title,
         target: n.target
-      }), H(!0);
+      }), O(!0);
     }
   }, at = () => {
-    const e = T();
+    const e = H();
     if (!e) return;
     const t = window.getSelection();
     if ((!t || t.rangeCount === 0) && j.current) {
@@ -1263,24 +1276,24 @@ const $t = ({
     $(), document.execCommand("removeFormat", !1);
     const s = o.cloneContents(), l = document.createElement("div");
     l.appendChild(s);
-    const i = document.createTreeWalker(l, NodeFilter.SHOW_ELEMENT, null), p = [];
+    const i = document.createTreeWalker(l, NodeFilter.SHOW_ELEMENT, null), v = [];
     for (; i.nextNode(); ) {
       const h = i.currentNode, C = h.tagName.toUpperCase(), A = h.getAttribute && h.getAttribute("data-mention") !== null;
-      C !== "A" && !A && p.push(h);
+      C !== "A" && !A && v.push(h);
     }
-    for (let h = p.length - 1; h >= 0; h--) {
-      const C = p[h], A = C.parentNode;
+    for (let h = v.length - 1; h >= 0; h--) {
+      const C = v[h], A = C.parentNode;
       if (A) {
         for (; C.firstChild; ) A.insertBefore(C.firstChild, C);
         A.removeChild(C);
       }
     }
     l.querySelectorAll("[style]").forEach((h) => h.removeAttribute("style")), o.deleteContents();
-    const g = document.createDocumentFragment();
-    for (; l.firstChild; ) g.appendChild(l.firstChild);
-    o.insertNode(g);
-    const v = document.createRange();
-    v.setStartAfter(o.endContainer.nodeType === Node.TEXT_NODE ? o.endContainer : o.startContainer), v.collapse(!0), n.removeAllRanges(), n.addRange(v), e.normalize(), z();
+    const m = document.createDocumentFragment();
+    for (; l.firstChild; ) m.appendChild(l.firstChild);
+    o.insertNode(m);
+    const f = document.createRange();
+    f.setStartAfter(o.endContainer.nodeType === Node.TEXT_NODE ? o.endContainer : o.startContainer), f.collapse(!0), n.removeAllRanges(), n.addRange(f), e.normalize(), z();
   }, ot = (e) => {
     var o;
     let t = e;
@@ -1298,76 +1311,84 @@ const $t = ({
     }), ((o = n.textContent) == null ? void 0 : o.replace(/\n{3,}/g, `
 
 `).trim()) || "";
-  }, ne = () => {
+  }, he = () => {
     const e = window.getSelection();
     if (!e || e.rangeCount === 0) return !1;
-    const t = e.getRangeAt(0), n = document.getElementById("rte-editor-body");
-    return (n == null ? void 0 : n.contains(t.startContainer)) || !1;
+    const t = document.getElementById("rte-editor-body");
+    if (!t) return !1;
+    const n = e.getRangeAt(0);
+    return t.contains(n.startContainer);
   };
   return /* @__PURE__ */ a.createElement("div", {
-    className: `rte-wrapper ${(m == null ? void 0 : m.wrapper) || ""}`,
+    className: `rte-wrapper ${(g == null ? void 0 : g.wrapper) || ""}`,
     style: y.wrapper
   }, /* @__PURE__ */ a.createElement("div", {
     style: {
       flex: 1
     }
   }, /* @__PURE__ */ a.createElement(jt, {
-    exec: K,
-    saveSelection: se,
+    exec: X,
+    saveSelection: q,
     handleFileChange: Xe,
-    handleFontSizeChange: (e) => K("fontSize", e.target.value),
-    handleFontFamilyChange: (e) => K("fontName", e.target.value),
+    handleFontSizeChange: (e) => X("fontSize", e.target.value),
+    handleFontFamilyChange: (e) => X("fontName", e.target.value),
     insertEmoji: Ye,
     handleLink: tt,
     removeFormatting: at,
     visibleActions: Oe,
-    className: m.toolbar,
+    className: g.toolbar,
     style: y.toolbar
   }), /* @__PURE__ */ a.createElement("div", {
     ref: k,
     id: "rte-editor-body",
-    className: `rte-editor ${(m == null ? void 0 : m.editor) || ""}`,
+    className: `rte-editor ${(g == null ? void 0 : g.editor) || ""}`,
     style: y.editor,
     contentEditable: !0,
     suppressContentEditableWarning: !0,
-    onInput: me,
-    onKeyDown: Ue,
+    onKeyUp: q,
+    onMouseUp: q,
+    onInput: () => {
+      q(), ue();
+    },
+    onKeyDown: $e,
     onBeforeInput: We,
     onContextMenu: Je,
-    onClick: rt
+    onClick: (e) => {
+      q(), rt(e);
+    }
   }), /* @__PURE__ */ a.createElement(_t, {
-    show: q,
+    show: V,
     position: F,
-    filtered: ee,
+    filtered: te,
     insertMention: Be,
     onClose: () => B(!1),
     query: He
   }), c && /* @__PURE__ */ a.createElement("div", {
-    className: `rte-output ${(m == null ? void 0 : m.output) || ""}`,
+    className: `rte-output ${(g == null ? void 0 : g.output) || ""}`,
     style: y.output
-  }, /* @__PURE__ */ a.createElement("h4", null, "Output HTML:"), /* @__PURE__ */ a.createElement("p", null, J)), /* @__PURE__ */ a.createElement(Ft, {
+  }, /* @__PURE__ */ a.createElement("h4", null, "Output HTML:"), /* @__PURE__ */ a.createElement("p", null, G)), /* @__PURE__ */ a.createElement(Ft, {
     visible: N.visible,
     x: N.x,
     y: N.y,
     onAction: Ge,
     onClose: () => {
-      f(oe(ae({}, N), {
+      p(oe(ae({}, N), {
         visible: !1
-      })), fe();
+      })), ge();
     }
   }), /* @__PURE__ */ a.createElement(Pt, {
     visible: w,
     linkData: De,
-    onClose: () => H(!1),
+    onClose: () => O(!1),
     onInsert: nt
   })), d ? /* @__PURE__ */ a.createElement(It, {
-    className: m.preview,
+    className: g.preview,
     style: y.preview,
-    html: he()
+    html: fe()
   }) : null);
 };
 export {
-  $t as RichTextEditor,
+  Ut as RichTextEditor,
   It as RtePreview,
   jt as RteToolbar
 };