@ryzeup/richtexteditor 1.0.32 → 1.0.33

package/dist/index.es.js

@@ -303,20 +303,20 @@ const an = [
   style: N
 }) => {
   var B, Y;
-  const S = X(null), $ = X(null), b = X(null), [A, F] = H(!1), [j, O] = H({
+  const S = X(null), $ = X(null), C = X(null), [A, F] = H(!1), [j, O] = H({
     x: 0,
     y: 0
   });
   V(() => {
-    const f = (w) => {
+    const p = (w) => {
       !w.target.closest(".rte-emoji-popup") && !w.target.closest("button[title='Emoji']") && F(!1);
     };
-    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
+    return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
   }, []);
-  const I = (f) => {
+  const I = (p) => {
     var Z;
-    f.preventDefault();
-    const w = f.currentTarget.dataset.command;
+    p.preventDefault();
+    const w = p.currentTarget.dataset.command;
     if (w)
       switch (w) {
         case "bold":
@@ -336,10 +336,10 @@ const an = [
         default:
           console.warn("Unknown command:", w);
       }
-  }, K = (f) => {
-    l("foreColor", f.target.value);
-  }, W = (f) => {
-    l("backColor", f.target.value);
+  }, K = (p) => {
+    l("foreColor", p.target.value);
+  }, W = (p) => {
+    l("backColor", p.target.value);
   }, [x, D] = H({
     bold: !1,
     italic: !1,
@@ -358,7 +358,7 @@ const an = [
     highlight: !1
   }), q = X(null), P = X(null);
   return V(() => {
-    const f = () => {
+    const p = () => {
       const w = window.getSelection();
       if (!w || !w.anchorNode) return;
       let Z = w.anchorNode.nodeType === Node.ELEMENT_NODE ? w.anchorNode : w.anchorNode.parentElement;
@@ -370,9 +370,9 @@ const an = [
       }
       P.current && (P.current.value = String(de));
     };
-    return document.addEventListener("selectionchange", f), () => document.removeEventListener("selectionchange", f);
+    return document.addEventListener("selectionchange", p), () => document.removeEventListener("selectionchange", p);
   }, []), V(() => {
-    const f = () => {
+    const p = () => {
       D({
         bold: document.queryCommandState("bold"),
         italic: document.queryCommandState("italic"),
@@ -391,7 +391,7 @@ const an = [
         highlight: document.queryCommandState("backColor")
       });
     };
-    return document.addEventListener("selectionchange", f), () => document.removeEventListener("selectionchange", f);
+    return document.addEventListener("selectionchange", p), () => document.removeEventListener("selectionchange", p);
   }, []), /* @__PURE__ */ r.createElement("div", {
     className: `rte-toolbar ${R || ""}`,
     style: N
@@ -441,8 +441,8 @@ const an = [
   }, /* @__PURE__ */ r.createElement(Xt, null)), E.removeFormat && /* @__PURE__ */ r.createElement("button", {
     "data-command": "Remove format",
     title: "removeFormat",
-    onMouseDown: (f) => {
-      f.preventDefault(), d(), z();
+    onMouseDown: (p) => {
+      p.preventDefault(), d(), z();
     },
     className: x.removeFormat ? "rte-active" : ""
   }, /* @__PURE__ */ r.createElement(rn, null)), E.image && /* @__PURE__ */ r.createElement("button", {
@@ -464,9 +464,9 @@ const an = [
     }
   }, /* @__PURE__ */ r.createElement("button", {
     title: "Emoji",
-    onMouseDown: (f) => {
-      f.preventDefault(), d();
-      const w = f.currentTarget.getBoundingClientRect();
+    onMouseDown: (p) => {
+      p.preventDefault(), d();
+      const w = p.currentTarget.getBoundingClientRect();
       O({
         x: w.left,
         y: w.bottom + 8
@@ -480,7 +480,7 @@ const an = [
       top: j.y,
       left: j.x
     }
-  }, an.map((f, w) => /* @__PURE__ */ r.createElement("span", {
+  }, an.map((p, w) => /* @__PURE__ */ r.createElement("span", {
     key: w,
     style: {
       fontSize: "20px",
@@ -488,17 +488,17 @@ const an = [
       textAlign: "center"
     },
     onMouseDown: (Z) => {
-      Z.preventDefault(), L(f), F(!1);
+      Z.preventDefault(), L(p), F(!1);
     }
-  }, f))), document.body)), E.color && /* @__PURE__ */ r.createElement("div", {
+  }, p))), document.body)), E.color && /* @__PURE__ */ r.createElement("div", {
     style: {
       position: "relative"
     }
   }, /* @__PURE__ */ r.createElement("button", {
     title: "Text Color",
-    onMouseDown: (f) => {
+    onMouseDown: (p) => {
       var w;
-      f.preventDefault(), d(), (w = $.current) == null || w.click();
+      p.preventDefault(), d(), (w = $.current) == null || w.click();
     },
     style: {
       display: "flex",
@@ -512,9 +512,9 @@ const an = [
     ref: $,
     type: "color",
     defaultValue: "#000000",
-    onChange: (f) => {
+    onChange: (p) => {
       var w;
-      K(f), ((w = f.target.parentElement) == null ? void 0 : w.querySelector("button")).style.color = f.target.value;
+      K(p), ((w = p.target.parentElement) == null ? void 0 : w.querySelector("button")).style.color = p.target.value;
     },
     style: {
       position: "absolute",
@@ -529,24 +529,24 @@ const an = [
     }
   }, /* @__PURE__ */ r.createElement("button", {
     title: "Highlight",
-    onMouseDown: (f) => {
+    onMouseDown: (p) => {
       var w;
-      f.preventDefault(), d(), (w = b.current) == null || w.click();
+      p.preventDefault(), d(), (w = C.current) == null || w.click();
     },
     style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      color: ((Y = b.current) == null ? void 0 : Y.value) || "#000",
+      color: ((Y = C.current) == null ? void 0 : Y.value) || "#000",
       fontSize: "18px"
     },
     className: x.highlight ? "rte-active" : ""
   }, /* @__PURE__ */ r.createElement(Wt, null)), /* @__PURE__ */ r.createElement("input", {
-    ref: b,
+    ref: C,
     type: "color",
-    onChange: (f) => {
+    onChange: (p) => {
       var w;
-      W(f), ((w = f.target.parentElement) == null ? void 0 : w.querySelector("button")).style.color = f.target.value;
+      W(p), ((w = p.target.parentElement) == null ? void 0 : w.querySelector("button")).style.color = p.target.value;
     },
     defaultValue: "#000000",
     style: {
@@ -558,22 +558,22 @@ const an = [
     }
   })), E.align && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("button", {
     title: "Align Left",
-    onMouseDown: (f) => f.preventDefault(),
+    onMouseDown: (p) => p.preventDefault(),
     onClick: () => l("justifyLeft"),
     className: x.alignLeft ? "rte-active" : ""
   }, /* @__PURE__ */ r.createElement(Ut, null)), /* @__PURE__ */ r.createElement("button", {
     title: "Align Center",
-    onMouseDown: (f) => f.preventDefault(),
+    onMouseDown: (p) => p.preventDefault(),
     onClick: () => l("justifyCenter"),
     className: x.alignCenter ? "rte-active" : ""
   }, /* @__PURE__ */ r.createElement(It, null)), /* @__PURE__ */ r.createElement("button", {
     title: "Align Right",
-    onMouseDown: (f) => f.preventDefault(),
+    onMouseDown: (p) => p.preventDefault(),
     onClick: () => l("justifyRight"),
     className: x.alignRight ? "rte-active" : ""
   }, /* @__PURE__ */ r.createElement(qt, null))), E.table && /* @__PURE__ */ r.createElement("button", {
     title: "Insert Dynamic Table",
-    onMouseDown: (f) => f.preventDefault(),
+    onMouseDown: (p) => p.preventDefault(),
     onClick: () => l("insertTable"),
     className: x.table ? "rte-active" : "",
     style: {
@@ -581,7 +581,7 @@ const an = [
     }
   }, /* @__PURE__ */ r.createElement(en, null)), E.table && /* @__PURE__ */ r.createElement("button", {
     title: "Insert Static Table",
-    onMouseDown: (f) => f.preventDefault(),
+    onMouseDown: (p) => p.preventDefault(),
     onClick: () => l("insertStaticTable"),
     className: x.table ? "rte-active" : "",
     style: {
@@ -617,10 +617,10 @@ const an = [
     disabled: !0
   }, "Font Size"), Array.from({
     length: 16
-  }, (f, w) => 10 + w).map((f) => /* @__PURE__ */ r.createElement("option", {
-    key: f,
-    value: f
-  }, f, "px"))));
+  }, (p, w) => 10 + w).map((p) => /* @__PURE__ */ r.createElement("option", {
+    key: p,
+    value: p
+  }, p, "px"))));
 }, on = ({
   show: l,
   position: d,
@@ -667,7 +667,7 @@ const an = [
     name: R,
     value: N
   }, S) => {
-    const $ = R.toLowerCase(), b = L.toLowerCase(), A = $.indexOf(b);
+    const $ = R.toLowerCase(), C = L.toLowerCase(), A = $.indexOf(C);
     let F = R;
     if (A !== -1 && L.length > 0) {
       const j = A + L.length;
@@ -699,7 +699,7 @@ const an = [
     }
   }, "No matches")) : null;
 };
-function fe(l) {
+function pe(l) {
   return k({ 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: [] }] }] }] })(l);
 }
 function ie(l) {
@@ -731,11 +731,11 @@ const cn = ({
     onClick: () => g("insertColRight")
   }, /* @__PURE__ */ r.createElement(ie, null), " Insert col right"), /* @__PURE__ */ r.createElement("button", {
     onClick: () => g("deleteRow")
-  }, /* @__PURE__ */ r.createElement(fe, null), " Delete row"), /* @__PURE__ */ r.createElement("button", {
+  }, /* @__PURE__ */ r.createElement(pe, null), " Delete row"), /* @__PURE__ */ r.createElement("button", {
     onClick: () => g("deleteCol")
-  }, /* @__PURE__ */ r.createElement(fe, null), " Delete column"), /* @__PURE__ */ r.createElement("button", {
+  }, /* @__PURE__ */ r.createElement(pe, null), " Delete column"), /* @__PURE__ */ r.createElement("button", {
     onClick: () => g("deleteTable")
-  }, /* @__PURE__ */ r.createElement(fe, null), " Delete table"));
+  }, /* @__PURE__ */ r.createElement(pe, null), " Delete table"));
 };
 function Ve(l) {
   return k({ attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M885.9 490.3c3.6-12 5.4-24.4 5.4-37 0-28.3-9.3-55.5-26.1-77.7 3.6-12 5.4-24.4 5.4-37 0-28.3-9.3-55.5-26.1-77.7 3.6-12 5.4-24.4 5.4-37 0-51.6-30.7-98.1-78.3-118.4a66.1 66.1 0 0 0-26.5-5.4H144c-17.7 0-32 14.3-32 32v364c0 17.7 14.3 32 32 32h129.3l85.8 310.8C372.9 889 418.9 924 470.9 924c29.7 0 57.4-11.8 77.9-33.4 20.5-21.5 31-49.7 29.5-79.4l-6-122.9h239.9c12.1 0 23.9-3.2 34.3-9.3 40.4-23.5 65.5-66.1 65.5-111 0-28.3-9.3-55.5-26.1-77.7zM184 456V172h81v284h-81zm627.2 160.4H496.8l9.6 198.4c.6 11.9-4.7 23.1-14.6 30.5-6.1 4.5-13.6 6.8-21.1 6.7a44.28 44.28 0 0 1-42.2-32.3L329 459.2V172h415.4a56.85 56.85 0 0 1 33.6 51.8c0 9.7-2.3 18.9-6.9 27.3l-13.9 25.4 21.9 19a56.76 56.76 0 0 1 19.6 43c0 9.7-2.3 18.9-6.9 27.3l-13.9 25.4 21.9 19a56.76 56.76 0 0 1 19.6 43c0 9.7-2.3 18.9-6.9 27.3l-14 25.5 21.9 19a56.76 56.76 0 0 1 19.6 43c0 19.1-11 37.5-28.8 48.4z" }, child: [] }] })(l);
@@ -811,16 +811,16 @@ const sn = ({
       width: 480,
       height: 1040
     }
-  }, E = (b) => {
-    const A = b.target;
+  }, E = (C) => {
+    const A = C.target;
     if (A.tagName === "A") {
-      b.preventDefault();
+      C.preventDefault();
       const F = A.href;
       F && window.open(F, "_blank", "noopener,noreferrer");
     }
-  }, R = (b) => b === "rgb(0, 0, 0)" || b === "rgba(0, 0, 0, 1)" || b === "#000" || b === "#000000" || b === "black", N = (b) => {
+  }, R = (C) => C === "rgb(0, 0, 0)" || C === "rgba(0, 0, 0, 1)" || C === "#000" || C === "#000000" || C === "black", N = (C) => {
     const A = document.createElement("div");
-    A.innerHTML = b;
+    A.innerHTML = C;
     const F = document.createTreeWalker(A, NodeFilter.SHOW_TEXT, null), j = [];
     for (; F.nextNode(); ) {
       const O = F.currentNode;
@@ -850,14 +850,14 @@ const sn = ({
       }
       const D = document.createDocumentFragment();
       let q = 0;
-      I.replace(/{{\s*([\s\S]*?)\s*}}/g, (B, Y, f) => {
-        if (f > q && D.appendChild(document.createTextNode(I.slice(q, f))), x)
+      I.replace(/{{\s*([\s\S]*?)\s*}}/g, (B, Y, p) => {
+        if (p > q && D.appendChild(document.createTextNode(I.slice(q, p))), x)
           D.appendChild(document.createTextNode(B));
         else {
           const w = document.createElement("span");
           w.style.color = "blue", w.textContent = B, D.appendChild(w);
         }
-        return q = f + B.length, B;
+        return q = p + B.length, B;
       }), q < I.length && D.appendChild(document.createTextNode(I.slice(q))), K.replaceChild(D, O);
     }), A.innerHTML = A.innerHTML.replace(/{{#arrayData}}/g, "").replace(/{{\/arrayData}}/g, ""), A.innerHTML;
   }, S = () => (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", {
@@ -882,10 +882,10 @@ const sn = ({
     className: "rte-preview-device-picker"
   }, /* @__PURE__ */ r.createElement("select", {
     value: L,
-    onChange: (b) => _(b.target.value)
-  }, Object.entries(z).map(([b, A]) => /* @__PURE__ */ r.createElement("option", {
-    key: b,
-    value: b
+    onChange: (C) => _(C.target.value)
+  }, Object.entries(z).map(([C, A]) => /* @__PURE__ */ r.createElement("option", {
+    key: C,
+    value: C
   }, A.label)))), L === "web" && /* @__PURE__ */ r.createElement("div", {
     className: "rte-preview-web-wrapper"
   }, /* @__PURE__ */ r.createElement("div", {
@@ -958,18 +958,18 @@ const sn = ({
     }
   }, "Enter Attribute Values"), /* @__PURE__ */ r.createElement("div", {
     className: "rte-attr-list"
-  }, Object.keys(g).map((b) => /* @__PURE__ */ r.createElement("div", {
-    key: b,
+  }, Object.keys(g).map((C) => /* @__PURE__ */ r.createElement("div", {
+    key: C,
     className: "rte-attr-row"
   }, /* @__PURE__ */ r.createElement("div", {
     className: "rte-attr-name"
-  }, `{{${b}}}`), /* @__PURE__ */ r.createElement("span", null, " : "), /* @__PURE__ */ r.createElement("input", {
+  }, `{{${C}}}`), /* @__PURE__ */ r.createElement("span", null, " : "), /* @__PURE__ */ r.createElement("input", {
     className: "rte-attr-input",
-    value: g[b] || "",
+    value: g[C] || "",
     onChange: (A) => {
       const F = A.target.value;
       v((j) => ae(re({}, j), {
-        [b]: F
+        [C]: F
       }));
     },
     placeholder: "Enter value"
@@ -1004,23 +1004,23 @@ const sn = ({
     className: "rte-link-modal__input",
     placeholder: "URL",
     value: v,
-    onChange: (b) => L(b.target.value)
+    onChange: (C) => L(C.target.value)
   }), /* @__PURE__ */ r.createElement("input", {
     type: "text",
     className: "rte-link-modal__input",
     placeholder: "Text to Display",
     value: _,
-    onChange: (b) => z(b.target.value)
+    onChange: (C) => z(C.target.value)
   }), /* @__PURE__ */ r.createElement("input", {
     type: "text",
     className: "rte-link-modal__input",
     placeholder: "Title",
     value: E,
-    onChange: (b) => R(b.target.value)
+    onChange: (C) => R(C.target.value)
   }), /* @__PURE__ */ r.createElement("select", {
     className: "rte-link-modal__select",
     value: N,
-    onChange: (b) => S(b.target.value)
+    onChange: (C) => S(C.target.value)
   }, /* @__PURE__ */ r.createElement("option", {
     value: "_self"
   }, "Same tab"), /* @__PURE__ */ r.createElement("option", {
@@ -1075,14 +1075,14 @@ const gn = ({
   }
 }) => {
   var Ne, Me, Ae, Te, ke, ze, De, He, Oe, _e, Pe, Fe;
-  const S = X(null), [$, b] = H(E != null && E.length ? E : " "), [A, F] = H(""), [j, O] = H(!1), [I, K] = H({
+  const S = X(null), [$, C] = H(E != null && E.length ? E : " "), [A, F] = H(""), [j, O] = H(!1), [I, K] = H({
     x: 0,
     y: 0
   }), [W, x] = H([]), D = X(null), q = X(null), [P, B] = H({
     visible: !1,
     x: 0,
     y: 0
-  }), [Y, f] = H(!1), w = X(null), [Z, J] = H({
+  }), [Y, p] = H(!1), w = X(null), [Z, J] = H({
     url: "",
     text: "",
     title: "",
@@ -1105,13 +1105,13 @@ const gn = ({
     fontFamily: (_e = g.fontFamily) != null ? _e : !1,
     fontSize: (Pe = g.fontSize) != null ? Pe : !1,
     highlight: (Fe = g.fontSize) != null ? Fe : !1
-  }, [de, ee] = H(""), [oe, ue] = H([]), [pe, ve] = H({}), U = () => S.current, M = () => {
+  }, [de, ee] = H(""), [oe, ue] = H([]), [fe, ve] = H({}), U = () => S.current, M = () => {
     const e = Xe(), t = /^<div[^>]*style=["'][^"']*font-size\s*:\s*\d+px[^"']*["'][^>]*>/.test(e.trim());
     let n = e;
     t || (n = `<div style="font-size: 12px;">${e}</div>`), n = n.replace(/<(ul|ol)([^>]*)>[\s\S]*?<\/\1>/g, (o, y, h) => {
       if (/list-type=["']static["']/.test(h) || o.includes("data-hidden-array-start") || o.includes("data-hidden-array-end")) return o;
-      const u = `<${y}${h}>`, c = '<span data-hidden-array-start="true" style="display:none">{{#arrayData}}</span>', p = '<span data-hidden-array-end="true" style="display:none">{{/arrayData}}</span>', C = `</${y}>`, T = o.replace(new RegExp(`^${u}`), "").replace(new RegExp(`${C}$`), "");
-      return `${u}${c}${T}${p}${C}`;
+      const u = `<${y}${h}>`, c = '<span data-hidden-array-start="true" style="display:none">{{#arrayData}}</span>', f = '<span data-hidden-array-end="true" style="display:none">{{/arrayData}}</span>', b = `</${y}>`, T = o.replace(new RegExp(`^${u}`), "").replace(new RegExp(`${b}$`), "");
+      return `${u}${c}${T}${f}${b}`;
     }), F(n), _ == null || _(n);
     const a = gt(e);
     z(a);
@@ -1212,7 +1212,7 @@ const gn = ({
     const h = document.createRange();
     h.setStart(i, 0), h.collapse(!0), n.removeAllRanges(), n.addRange(h), (u = U()) == null || u.focus(), M();
   }, me = (e, t) => {
-    e === "insertOrderedList" || e === "insertStaticOrderedList" ? ye("ol", e) : e === "insertUnorderedList" || e === "insertStaticUnorderedList" ? ye("ul", e) : e.startsWith("justify") ? ft(e) : Ee(e, t), e === "insertTable" && Ce(), e === "insertStaticTable" && Ce("insertStaticTable");
+    e === "insertOrderedList" || e === "insertStaticOrderedList" ? ye("ol", e) : e === "insertUnorderedList" || e === "insertStaticUnorderedList" ? ye("ul", e) : e.startsWith("justify") ? pt(e) : Ee(e, t), e === "insertTable" && Ce(), e === "insertStaticTable" && Ce("insertStaticTable");
   }, Qe = (e) => {
     const t = document.createElement("span");
     t.textContent = "​", e.insertNode(t), e.setStartAfter(t), e.collapse(!0);
@@ -1307,15 +1307,15 @@ const gn = ({
           h == null || h.removeChild(o);
           const c = document.createElement("p");
           c.innerHTML = "<br />", (a = u.parentElement) == null || a.insertBefore(c, u.nextSibling);
-          const p = document.createRange();
-          p.setStart(c, 0), p.collapse(!0), i == null || i.removeAllRanges(), i == null || i.addRange(p);
+          const f = document.createRange();
+          f.setStart(c, 0), f.collapse(!0), i == null || i.removeAllRanges(), i == null || i.addRange(f);
         } else {
           const c = o.closest("ul, ol");
           if (c) {
-            const p = document.createElement("p");
-            p.innerHTML = "<br />", (s = c.parentElement) == null || s.insertBefore(p, c.nextSibling), c.removeChild(o);
-            const C = document.createRange();
-            C.setStart(p, 0), C.collapse(!0), i == null || i.removeAllRanges(), i == null || i.addRange(C);
+            const f = document.createElement("p");
+            f.innerHTML = "<br />", (s = c.parentElement) == null || s.insertBefore(f, c.nextSibling), c.removeChild(o);
+            const b = document.createRange();
+            b.setStart(f, 0), b.collapse(!0), i == null || i.removeAllRanges(), i == null || i.addRange(b);
           }
         }
         M();
@@ -1381,8 +1381,8 @@ const gn = ({
     if (!t) return;
     const n = new FileReader();
     n.onload = (s) => {
-      var C;
-      const i = (C = s.target) == null ? void 0 : C.result;
+      var b;
+      const i = (b = s.target) == null ? void 0 : b.result;
       G();
       const o = window.getSelection();
       let y = o && o.rangeCount ? o.getRangeAt(0) : null;
@@ -1400,8 +1400,8 @@ const gn = ({
       y.deleteContents(), y.insertNode(h);
       const c = document.createTextNode(" ");
       h.after(c);
-      const p = document.createRange();
-      p.setStartAfter(c), p.collapse(!0), o.removeAllRanges(), o.addRange(p), u.focus(), M(), e.target.value = "";
+      const f = document.createRange();
+      f.setStartAfter(c), f.collapse(!0), o.removeAllRanges(), o.addRange(f), u.focus(), M(), e.target.value = "";
     }, n.readAsDataURL(t);
   }, ot = (e) => {
     var s;
@@ -1423,11 +1423,11 @@ const gn = ({
     v.tr && s.classList.add(v.tr);
     const i = document.createElement("tr");
     v.tr && i.classList.add(v.tr);
-    for (let p = 0; p < 2; p++) {
-      const C = document.createElement("th");
-      C.textContent = "", C.style.border = "1px solid #999", C.style.padding = "4px", C.style.position = "relative", C.style.backgroundColor = "lightgray", C.style.height = "20px", v.th && C.classList.add(v.th);
+    for (let f = 0; f < 2; f++) {
+      const b = document.createElement("th");
+      b.textContent = "", b.style.border = "1px solid #999", b.style.padding = "4px", b.style.position = "relative", b.style.backgroundColor = "lightgray", b.style.height = "20px", b.style.whiteSpace = "normal", b.style.wordBreak = "break-word", b.style.overflowWrap = "anywhere", b.style.lineHeight = "20px", b.style.minWidth = "20px", v.th && b.classList.add(v.th);
       const T = document.createElement("td");
-      T.textContent = "", T.style.border = "1px solid #999", T.style.padding = "4px", T.style.position = "relative", T.style.backgroundColor = "#fff", T.style.minHeight = "20px", T.style.height = "20px", T.style.whiteSpace = "normal", T.style.wordBreak = "break-word", T.style.overflowWrap = "anywhere", T.style.lineHeight = "20px", T.style.minWidth = "20px", v.td && T.classList.add(v.td), te(C), te(T), s.appendChild(C), i.appendChild(T);
+      T.textContent = "", T.style.border = "1px solid #999", T.style.padding = "4px", T.style.position = "relative", T.style.backgroundColor = "#fff", T.style.minHeight = "20px", T.style.height = "20px", T.style.whiteSpace = "normal", T.style.wordBreak = "break-word", T.style.overflowWrap = "anywhere", T.style.lineHeight = "20px", T.style.minWidth = "20px", v.td && T.classList.add(v.td), te(b), te(T), s.appendChild(b), i.appendChild(T);
     }
     n.appendChild(s), a.appendChild(i), t.appendChild(n), t.appendChild(a), ge(t);
     const o = window.getSelection();
@@ -1498,11 +1498,11 @@ const gn = ({
       c.preventDefault(), s = c.clientY, o = e.offsetHeight, document.addEventListener("mousemove", h), document.addEventListener("mouseup", u);
     });
     const y = (c) => {
-      const p = i + (c.clientX - a);
-      e.style.width = `${Math.max(30, p)}px`, M();
+      const f = i + (c.clientX - a);
+      e.style.width = `${Math.max(30, f)}px`, M();
     }, h = (c) => {
-      const p = o + (c.clientY - s);
-      e.style.height = `${Math.max(20, p)}px`, M();
+      const f = o + (c.clientY - s);
+      e.style.height = `${Math.max(20, f)}px`, M();
     }, u = () => {
       document.removeEventListener("mousemove", y), document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", u), M();
     };
@@ -1583,7 +1583,7 @@ const gn = ({
       text: "",
       title: "",
       target: "_self"
-    }), f(!0);
+    }), p(!0);
   }, ut = (e) => {
     const t = window.getSelection();
     if (!t || !w.current) return;
@@ -1597,7 +1597,7 @@ const gn = ({
     const i = document.createTextNode(" ");
     a.after(i);
     const o = document.createRange();
-    o.setStartAfter(i), o.collapse(!0), t.removeAllRanges(), t.addRange(o), f(!1), M();
+    o.setStartAfter(i), o.collapse(!0), t.removeAllRanges(), t.addRange(o), p(!1), M();
   }, mt = (e) => {
     const t = e.target;
     if (t.tagName === "A") {
@@ -1613,7 +1613,7 @@ const gn = ({
         text: n.textContent || n.href,
         title: n.title,
         target: n.target
-      }), f(!0);
+      }), p(!0);
     }
   }, ht = () => {
     const e = U();
@@ -1631,14 +1631,14 @@ const gn = ({
     i.appendChild(s);
     const o = document.createTreeWalker(i, NodeFilter.SHOW_ELEMENT, null), y = [];
     for (; o.nextNode(); ) {
-      const c = o.currentNode, p = c.tagName.toUpperCase(), C = c.getAttribute && c.getAttribute("data-mention") !== null;
-      p !== "A" && !C && y.push(c);
+      const c = o.currentNode, f = c.tagName.toUpperCase(), b = c.getAttribute && c.getAttribute("data-mention") !== null;
+      f !== "A" && !b && y.push(c);
     }
     for (let c = y.length - 1; c >= 0; c--) {
-      const p = y[c], C = p.parentNode;
-      if (C) {
-        for (; p.firstChild; ) C.insertBefore(p.firstChild, p);
-        C.removeChild(p);
+      const f = y[c], b = f.parentNode;
+      if (b) {
+        for (; f.firstChild; ) b.insertBefore(f.firstChild, f);
+        b.removeChild(f);
       }
     }
     i.querySelectorAll("[style]").forEach((c) => c.removeAttribute("style")), a.deleteContents();
@@ -1680,7 +1680,7 @@ const gn = ({
       return o.selectNodeContents(i), t.compareBoundaryPoints(Range.END_TO_START, o) < 0 && t.compareBoundaryPoints(Range.START_TO_END, o) > 0;
     });
   }
-  function ft(e) {
+  function pt(e) {
     const t = Se();
     if (t.length === 0) {
       Ee(e);
@@ -1691,7 +1691,7 @@ const gn = ({
       a.style.textAlign = n;
     }), M();
   }
-  const pt = () => {
+  const ft = () => {
     const e = window.getSelection();
     if (!e || !e.anchorNode) return !1;
     let t = e.anchorNode.nodeType === Node.ELEMENT_NODE ? e.anchorNode : e.anchorNode.parentElement;
@@ -1701,18 +1701,18 @@ const gn = ({
     }
     return !1;
   }, vt = (e) => {
-    if (pt()) {
+    if (ft()) {
       e.preventDefault();
       const u = e.clipboardData.getData("text/plain");
       if (!u) return;
       const c = window.getSelection();
       if (!c || !c.rangeCount) return;
-      const p = c.getRangeAt(0);
-      p.deleteContents();
-      const C = u.split(/\r?\n/);
-      C.forEach((T, ne) => {
-        p.insertNode(document.createTextNode(T)), ne < C.length - 1 && p.insertNode(document.createElement("br"));
-      }), p.collapse(!1), c.removeAllRanges(), c.addRange(p), M();
+      const f = c.getRangeAt(0);
+      f.deleteContents();
+      const b = u.split(/\r?\n/);
+      b.forEach((T, ne) => {
+        f.insertNode(document.createTextNode(T)), ne < b.length - 1 && f.insertNode(document.createElement("br"));
+      }), f.collapse(!1), c.removeAllRanges(), c.addRange(f), M();
       return;
     }
     const t = e.clipboardData.getData("text/html") || "";
@@ -1727,11 +1727,11 @@ const gn = ({
     a.innerHTML = t;
     const s = (u) => {
       u.hasAttribute("data-has-resize-handle") || (u.style.borderCollapse = "collapse", u.style.width = "100%", u.style.border = "1px solid #ccc", u.style.margin = "8px 0", u.style.position = "relative", u.style.textAlign = "center", u.querySelectorAll("th").forEach((c) => {
-        const p = c;
-        p.style.border = "1px solid #999", p.style.padding = "4px", p.style.position = "relative", p.style.backgroundColor = "lightgray", p.style.height = "20px";
+        const f = c;
+        f.style.border = "1px solid #999", f.style.padding = "4px", f.style.position = "relative", f.style.backgroundColor = "lightgray", f.style.height = "20px", f.style.whiteSpace = "normal", f.style.wordBreak = "break-word", f.style.overflowWrap = "anywhere", f.style.lineHeight = "20px", f.style.minWidth = "20px";
       }), u.querySelectorAll("td").forEach((c) => {
-        const p = c;
-        p.style.border = "1px solid #999", p.style.padding = "4px", p.style.position = "relative", p.style.backgroundColor = "#fff", p.style.height = "20px";
+        const f = c;
+        f.style.border = "1px solid #999", f.style.padding = "4px", f.style.position = "relative", f.style.backgroundColor = "#fff", f.style.height = "20px", f.style.minHeight = "20px", f.style.whiteSpace = "normal", f.style.wordBreak = "break-word", f.style.overflowWrap = "anywhere", f.style.lineHeight = "20px", f.style.minWidth = "20px";
       }));
     };
     a.querySelectorAll("table").forEach((u) => s(u));
@@ -1745,9 +1745,9 @@ const gn = ({
     const h = S.current;
     h && (h.querySelectorAll("table").forEach((u) => {
       const c = u;
-      c.hasAttribute("data-has-resize-handle") || (ge(c), c.querySelectorAll("th, td").forEach((p) => {
-        const C = p;
-        C.dataset.hasResizeHandles || te(C);
+      c.hasAttribute("data-has-resize-handle") || (ge(c), c.querySelectorAll("th, td").forEach((f) => {
+        const b = f;
+        b.dataset.hasResizeHandles || te(b);
       }));
     }), M());
   }, Et = (e) => {
@@ -1827,7 +1827,7 @@ const gn = ({
     });
   }, Lt = () => {
     let e = A;
-    return Object.entries(pe).forEach(([t, n]) => {
+    return Object.entries(fe).forEach(([t, n]) => {
       if (n.trim()) {
         const a = new RegExp(`{{\\s*${t}\\s*}}`, "g");
         e = e.replace(a, n);
@@ -1911,13 +1911,13 @@ const gn = ({
   }), /* @__PURE__ */ r.createElement(dn, {
     visible: Y,
     linkData: Z,
-    onClose: () => f(!1),
+    onClose: () => p(!1),
     onInsert: ut
   })), m ? /* @__PURE__ */ r.createElement(sn, {
     className: v.preview,
     style: L.preview,
     html: Lt(),
-    attributes: pe,
+    attributes: fe,
     setAttributes: ve
   }) : null);
 };