@juit/vue-tiny-editor 1.0.48 → 1.0.50

package/dist/index.js

@@ -1,40 +1,40 @@
-import { createElementBlock as N, openBlock as w, createElementVNode as b, defineComponent as Ge, mergeModels as Xe, useModel as Je, watch as T, shallowRef as q, ref as E, computed as z, onMounted as Qe, nextTick as Oe, onUnmounted as Ye, normalizeClass as L, createCommentVNode as me, Fragment as Ze, renderList as et, createTextVNode as tt, toDisplayString as H, createVNode as V, withDirectives as je, unref as $, vModelText as Le, createBlock as nt } from "vue";
-function ie(n, e) {
-  return n instanceof Node && (n = F(n)), n.isPointInRange(e.startContainer, e.startOffset) && n.isPointInRange(e.endContainer, e.endOffset) ? e : null;
+import { createElementBlock as y, openBlock as w, createElementVNode as b, defineComponent as Ge, mergeModels as Xe, useModel as Je, watch as N, shallowRef as q, ref as T, computed as _, onMounted as Qe, nextTick as Oe, onUnmounted as Ye, normalizeClass as j, createCommentVNode as me, Fragment as Ze, renderList as et, createTextVNode as tt, toDisplayString as z, createVNode as H, withDirectives as je, unref as $, vModelText as Le, createBlock as nt } from "vue";
+function ie(t, e) {
+  return t instanceof Node && (t = F(t)), t.isPointInRange(e.startContainer, e.startOffset) && t.isPointInRange(e.endContainer, e.endOffset) ? e : null;
 }
-function ot(n) {
+function ot(t) {
   const e = document.createRange();
-  return e.selectNode(n), e;
+  return e.selectNode(t), e;
 }
-function F(n) {
+function F(t) {
   const e = document.createRange();
-  return e.selectNodeContents(n), e;
+  return e.selectNodeContents(t), e;
 }
-function Ce(n, e, l) {
-  if (!F(n).isPointInRange(e, l))
+function Ce(t, e, l) {
+  if (!F(t).isPointInRange(e, l))
     throw new Error("Range out of bounds");
-  const r = document.createRange();
-  return r.setStart(n, 0), r.setEnd(e, l), r.toString();
+  const o = document.createRange();
+  return o.setStart(t, 0), o.setEnd(e, l), o.toString();
 }
-function W(n, e) {
+function U(t, e) {
   const l = { start: 0, end: 0, backwards: e.backwards };
-  return l.start = l.end = Ce(n, e.startContainer, e.startOffset).length, e.collapsed || (l.end = Ce(n, e.endContainer, e.endOffset).length), l;
+  return l.start = l.end = Ce(t, e.startContainer, e.startOffset).length, e.collapsed || (l.end = Ce(t, e.endContainer, e.endOffset).length), l;
 }
-function U(n, e) {
-  const l = F(n);
+function V(t, e) {
+  const l = F(t);
   e.backwards && (l.backwards = !0);
-  let { start: s, end: r } = e, c = null, a = null, f = !1, i = !1;
-  const v = document.createNodeIterator(n, NodeFilter.SHOW_TEXT);
-  for (let h = v.nextNode(); h && (s >= 0 || r > 0); h = v.nextNode()) {
-    c || (c = h), a = h;
-    const p = h.nodeValue.length;
-    if (s >= 0 && s < p && (f = !0, l.setStart(h, s), s === r))
-      return i = "extra", l.setEnd(h, r), l;
-    if (r > 0 && r <= p && (i = !0, l.setEnd(h, r), r === s))
-      return f = "extra", l.setStart(h, s), l;
-    s -= p, r -= p;
+  let { start: s, end: o } = e, i = null, a = null, f = !1, c = !1;
+  const m = document.createNodeIterator(t, NodeFilter.SHOW_TEXT);
+  for (let p = m.nextNode(); p && (s >= 0 || o > 0); p = m.nextNode()) {
+    i || (i = p), a = p;
+    const d = p.nodeValue.length;
+    if (s >= 0 && s < d && (f = !0, l.setStart(p, s), s === o))
+      return c = "extra", l.setEnd(p, o), l;
+    if (o > 0 && o <= d && (c = !0, l.setEnd(p, o), o === s))
+      return f = "extra", l.setStart(p, s), l;
+    s -= d, o -= d;
   }
-  return !f && c && l.setStart(c, 0), !i && a && l.setEnd(a, a.length), l;
+  return !f && i && l.setStart(i, 0), !c && a && l.setEnd(a, a.length), l;
 }
 const rt = /* @__PURE__ */ new Set([
   "button",
@@ -48,178 +48,174 @@ const rt = /* @__PURE__ */ new Set([
   "style",
   "textarea"
 ]);
-function Me(n) {
-  if (!n || !n.match(/^https?:\/\/[^\s]+$/)) return null;
+function Me(t) {
+  if (!t || !t.match(/^https?:\/\/[^\s]+$/)) return null;
   try {
-    return new URL(n).href;
+    return new URL(t).href;
   } catch {
     return null;
   }
 }
-function De(n, e, l = !1) {
-  if (l) return n;
+function De(t, e, l = !1) {
+  if (l) return t;
   const s = document.createElement(e);
-  return s.append(n), s;
+  return s.append(t), s;
 }
-function Z(n, e = {}) {
-  var s;
+function Y(t, e = {}) {
   const l = document.createDocumentFragment();
-  for (const r of n.childNodes)
-    if (r.nodeType === Node.TEXT_NODE)
-      r.nodeValue && l.append(r.cloneNode());
-    else if (r.nodeType === Node.ELEMENT_NODE) {
-      const c = r, a = c.tagName.toLowerCase();
-      if (rt.has(a)) continue;
-      const f = ((s = l.lastChild) == null ? void 0 : s.nodeType) === Node.ELEMENT_NODE ? {
+  for (const s of t.childNodes)
+    if (s.nodeType === Node.TEXT_NODE)
+      s.nodeValue && l.append(s.cloneNode());
+    else if (s.nodeType === Node.ELEMENT_NODE) {
+      const o = s, i = o.tagName.toLowerCase();
+      if (rt.has(i)) continue;
+      const a = l.lastChild?.nodeType === Node.ELEMENT_NODE ? {
         element: l.lastChild,
         tagName: l.lastChild.tagName.toLowerCase()
-      } : null, i = document.createDocumentFragment();
-      if (a === "b" || a === "strong") {
-        const v = Z(c, { ...e, bold: !0 });
-        if (!v.hasChildNodes()) continue;
-        (f == null ? void 0 : f.tagName) === "b" ? f.element.append(v) : i.append(De(v, "b", e.bold));
-      } else if (a === "i" || a === "em") {
-        const v = Z(c, { ...e, italic: !0 });
-        if (!v.hasChildNodes()) continue;
-        (f == null ? void 0 : f.tagName) === "i" ? f.element.append(v) : i.append(De(v, "i", e.italic));
-      } else if (a === "br")
-        i.append(document.createElement("br"));
-      else if (a === "div" || a === "p" || a === "pre" || a === "h1" || a === "h2" || a === "h3" || a === "h4" || a === "h5" || a === "h6" || a === "ul" || a === "ol" || a === "li") {
-        i.append(document.createElement("br"));
-        const v = Z(c, e);
-        v.hasChildNodes() && (i.append(v), i.append(document.createElement("br")));
-      } else if (a === "link") {
-        if (c.getAttribute("rel") !== "mention") continue;
-        const h = c.getAttribute("name"), p = c.getAttribute("title");
-        if (!(h && p)) continue;
-        const x = document.createElement("link");
-        x.setAttribute("rel", "mention"), x.setAttribute("title", p), x.setAttribute("name", h), i.append(x);
+      } : null, f = document.createDocumentFragment();
+      if (i === "b" || i === "strong") {
+        const c = Y(o, { ...e, bold: !0 });
+        if (!c.hasChildNodes()) continue;
+        a?.tagName === "b" ? a.element.append(c) : f.append(De(c, "b", e.bold));
+      } else if (i === "i" || i === "em") {
+        const c = Y(o, { ...e, italic: !0 });
+        if (!c.hasChildNodes()) continue;
+        a?.tagName === "i" ? a.element.append(c) : f.append(De(c, "i", e.italic));
+      } else if (i === "br")
+        f.append(document.createElement("br"));
+      else if (i === "div" || i === "p" || i === "pre" || i === "h1" || i === "h2" || i === "h3" || i === "h4" || i === "h5" || i === "h6" || i === "ul" || i === "ol" || i === "li") {
+        f.append(document.createElement("br"));
+        const c = Y(o, e);
+        c.hasChildNodes() && (f.append(c), f.append(document.createElement("br")));
+      } else if (i === "link") {
+        if (o.getAttribute("rel") !== "mention") continue;
+        const m = o.getAttribute("name"), p = o.getAttribute("title");
+        if (!(m && p)) continue;
+        const d = document.createElement("link");
+        d.setAttribute("rel", "mention"), d.setAttribute("title", p), d.setAttribute("name", m), f.append(d);
       } else
-        i.append(Z(c, e));
-      i.hasChildNodes() && l.append(i);
+        f.append(Y(o, e));
+      f.hasChildNodes() && l.append(f);
     }
   return l;
 }
-function lt(n) {
-  const e = n.map((s, r) => ({ ...s, index: r }));
-  e.sort((s, r) => s.start < r.start ? -1 : s.start > r.start || s.end < r.end ? 1 : s.end > r.end || /* v8 ignore next 3 */
-  s.index < r.index ? -1 : s.index > r.index ? 1 : 0);
+function lt(t) {
+  const e = t.map((s, o) => ({ ...s, index: o }));
+  e.sort((s, o) => s.start < o.start ? -1 : s.start > o.start || s.end < o.end ? 1 : s.end > o.end || /* v8 ignore next 3 */
+  s.index < o.index ? -1 : s.index > o.index ? 1 : 0);
   const l = /* @__PURE__ */ new Set();
   for (let s = 0; s < e.length; s++) {
-    const r = e[s];
-    for (let c = s + 1; c < e.length; c++) {
-      const a = e[c];
-      l.has(a) || (a.start === a.end || a.start >= r.start && a.start < r.end || a.end >= r.start && a.end < r.end) && l.add(a);
+    const o = e[s];
+    for (let i = s + 1; i < e.length; i++) {
+      const a = e[i];
+      l.has(a) || (a.start === a.end || a.start >= o.start && a.start < o.end || a.end >= o.start && a.end < o.end) && l.add(a);
     }
   }
-  return e.filter((s) => !l.has(s)).filter((s, r, c) => {
-    const a = c[r - 1];
-    return (a == null ? void 0 : a.end) === s.start && a.href === s.href ? (a.end = s.end, !1) : !0;
+  return e.filter((s) => !l.has(s)).filter((s, o, i) => {
+    const a = i[o - 1];
+    return a?.end === s.start && a.href === s.href ? (a.end = s.end, !1) : !0;
   });
 }
-function st(n) {
-  const e = [], l = /(https?:\/\/[^\s]+)/gm, s = n.textContent;
+function st(t) {
+  const e = [], l = /(https?:\/\/[^\s]+)/gm, s = t.textContent;
   for (let a = l.exec(s); a; a = l.exec(s)) {
-    const f = a[1], i = Me(f);
-    i && e.push({ start: a.index, end: a.index + f.length, href: i });
+    const f = a[1], c = Me(f);
+    c && e.push({ start: a.index, end: a.index + f.length, href: c });
   }
-  const r = [], c = document.createNodeIterator(n, NodeFilter.SHOW_ELEMENT, (a) => a.nodeName.toLowerCase() === "a" ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP);
-  for (let a = c.nextNode(); a; a = c.nextNode()) {
-    const f = a, i = Me(f.getAttribute("href"));
-    if (i) {
-      const v = F(f);
-      r.push({ ...W(n, v), href: i });
+  const o = [], i = document.createNodeIterator(t, NodeFilter.SHOW_ELEMENT, (a) => a.nodeName.toLowerCase() === "a" ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP);
+  for (let a = i.nextNode(); a; a = i.nextNode()) {
+    const f = a, c = Me(f.getAttribute("href"));
+    if (c) {
+      const m = F(f);
+      o.push({ ...U(t, m), href: c });
     }
   }
-  return lt([...e, ...r]);
+  return lt([...e, ...o]);
 }
-function at(n) {
-  var l;
-  n.normalize();
-  const e = document.createNodeIterator(n, NodeFilter.SHOW_ELEMENT);
-  for (let s = e.nextNode(); s; s = e.nextNode())
-    s !== n && s.nodeName.toLowerCase() !== "link" && (s.hasChildNodes() || (s.nodeName.toLowerCase() === "br" && s.parentNode.replaceChild(document.createTextNode(`
-`), s), (l = s.parentNode) == null || l.removeChild(s)));
-  n.normalize(), n.hasChildNodes() || n.append(document.createElement("br"));
+function at(t) {
+  t.normalize();
+  const e = document.createNodeIterator(t, NodeFilter.SHOW_ELEMENT);
+  for (let l = e.nextNode(); l; l = e.nextNode())
+    l !== t && l.nodeName.toLowerCase() !== "link" && (l.hasChildNodes() || (l.nodeName.toLowerCase() === "br" && l.parentNode.replaceChild(document.createTextNode(`
+`), l), l.parentNode?.removeChild(l)));
+  t.normalize(), t.hasChildNodes() || t.append(document.createElement("br"));
 }
-function ee(n) {
-  var s;
-  if (n.innerHTML === "<br>") return n;
-  n.normalize();
-  const e = st(n), l = Z(n);
-  return ((s = l.lastChild) == null ? void 0 : s.nodeName.toLowerCase()) === "link" && l.append(document.createTextNode(" ")), n.replaceChildren(l), e.forEach((r) => {
-    const c = U(n, r), a = c.extractContents(), f = document.createElement("a");
-    f.setAttribute("href", r.href), f.append(a), c.insertNode(f);
-  }), at(n), n;
+function Z(t) {
+  if (t.innerHTML === "<br>") return t;
+  t.normalize();
+  const e = st(t), l = Y(t);
+  return l.lastChild?.nodeName.toLowerCase() === "link" && l.append(document.createTextNode(" ")), t.replaceChildren(l), e.forEach((s) => {
+    const o = V(t, s), i = o.extractContents(), a = document.createElement("a");
+    a.setAttribute("href", s.href), a.append(i), o.insertNode(a);
+  }), at(t), t;
 }
-function he(n, e, l) {
-  var p, x;
+function he(t, e, l) {
   if (typeof l == "string") {
-    if (!ie(n, e)) throw new Error("Range out of bounds");
-    const P = new DOMParser().parseFromString(l, "text/html").body;
-    l = document.createDocumentFragment(), l.append(...P.childNodes);
+    if (!ie(t, e)) throw new Error("Range out of bounds");
+    const d = new DOMParser().parseFromString(l, "text/html").body;
+    l = document.createDocumentFragment(), l.append(...d.childNodes);
   }
-  const s = W(n, e), r = ((p = n.textContent) == null ? void 0 : p.length) || 0, c = F(n), a = document.createRange();
-  a.setStart(c.startContainer, c.startOffset), a.setEnd(e.startContainer, e.startOffset);
+  const s = U(t, e), o = t.textContent?.length || 0, i = F(t), a = document.createRange();
+  a.setStart(i.startContainer, i.startOffset), a.setEnd(e.startContainer, e.startOffset);
   const f = document.createRange();
-  f.setStart(e.endContainer, e.endOffset), f.setEnd(c.endContainer, c.endOffset);
-  const i = a.extractContents(), v = f.extractContents();
-  n.replaceChildren(), n.append(i, l, v), ee(n);
-  const h = ((x = n.textContent) == null ? void 0 : x.length) || 0;
-  return { ...s, end: s.end + h - r };
+  f.setStart(e.endContainer, e.endOffset), f.setEnd(i.endContainer, i.endOffset);
+  const c = a.extractContents(), m = f.extractContents();
+  t.replaceChildren(), t.append(c, l, m), Z(t);
+  const p = t.textContent?.length || 0;
+  return { ...s, end: s.end + p - o };
 }
-function xe(n) {
+function xe(t) {
   const e = document.getSelection();
-  if (!(e != null && e.rangeCount)) return null;
+  if (!e?.rangeCount) return null;
   const l = e.getRangeAt(0);
-  if (!ie(n, l)) return null;
+  if (!ie(t, l)) return null;
   const s = e.isCollapsed ? !1 : e.anchorNode === e.focusNode ? e.anchorOffset > e.focusOffset : e.anchorNode.compareDocumentPosition(e.focusNode) === Node.DOCUMENT_POSITION_PRECEDING;
   return Object.assign(l, { backwards: s });
 }
-function ge(n) {
-  const e = xe(n);
-  return e ? W(n, e) : null;
+function ge(t) {
+  const e = xe(t);
+  return e ? U(t, e) : null;
 }
-function be(n, e, l = !1) {
+function be(t, e, l = !1) {
   l && (e = { start: e.end, end: e.end });
-  const s = U(n, e), { startContainer: r, startOffset: c, endContainer: a, endOffset: f, backwards: i } = s, v = document.getSelection();
-  return v && (i ? v.setBaseAndExtent(a, f, r, c) : v.setBaseAndExtent(r, c, a, f)), s;
+  const s = V(t, e), { startContainer: o, startOffset: i, endContainer: a, endOffset: f, backwards: c } = s, m = document.getSelection();
+  return m && (c ? m.setBaseAndExtent(a, f, o, i) : m.setBaseAndExtent(o, i, a, f)), s;
 }
-function ae(n, e, l) {
-  const s = F(n);
-  if (!ie(n, e)) return null;
-  let r = e.commonAncestorContainer;
-  for (; r && s.intersectsNode(r); ) {
-    if (r.nodeType === Node.ELEMENT_NODE && r.nodeName.toLowerCase() === l)
-      return r;
-    r = r.parentNode;
+function ae(t, e, l) {
+  const s = F(t);
+  if (!ie(t, e)) return null;
+  let o = e.commonAncestorContainer;
+  for (; o && s.intersectsNode(o); ) {
+    if (o.nodeType === Node.ELEMENT_NODE && o.nodeName.toLowerCase() === l)
+      return o;
+    o = o.parentNode;
   }
   return null;
 }
-function Be(n, e, l, s = {}) {
-  if (e.collapsed || !ie(n, e)) return;
-  const r = ae(n, e, l), c = r ? ot(r) : F(e.commonAncestorContainer), a = document.createRange();
-  a.setStart(c.startContainer, c.startOffset), a.setEnd(e.startContainer, e.startOffset);
+function Be(t, e, l, s = {}) {
+  if (e.collapsed || !ie(t, e)) return;
+  const o = ae(t, e, l), i = o ? ot(o) : F(e.commonAncestorContainer), a = document.createRange();
+  a.setStart(i.startContainer, i.startOffset), a.setEnd(e.startContainer, e.startOffset);
   const f = document.createRange();
-  f.setStart(e.endContainer, e.endOffset), f.setEnd(c.endContainer, c.endOffset);
-  const i = f.extractContents(), v = e.extractContents(), h = a.extractContents();
-  c.deleteContents();
-  const p = document.createDocumentFragment();
-  if (p.append(h), r)
-    p.append(v);
+  f.setStart(e.endContainer, e.endOffset), f.setEnd(i.endContainer, i.endOffset);
+  const c = f.extractContents(), m = e.extractContents(), p = a.extractContents();
+  i.deleteContents();
+  const d = document.createDocumentFragment();
+  if (d.append(p), o)
+    d.append(m);
   else {
-    const x = document.createElement(l);
-    Object.entries(s).forEach((P) => x.setAttribute(...P)), x.append(v), p.append(x);
+    const k = document.createElement(l);
+    Object.entries(s).forEach((ee) => k.setAttribute(...ee)), k.append(m), d.append(k);
   }
-  p.append(i), c.insertNode(p), ee(n);
+  d.append(c), i.insertNode(d), Z(t);
 }
 const it = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 -960 960 960"
 };
-function ut(n, e) {
-  return w(), N("svg", it, [...e[0] || (e[0] = [
+function ut(t, e) {
+  return w(), y("svg", it, [...e[0] || (e[0] = [
     b("path", { d: "M272-200v-560h221q65 0 120 40t55 111q0 51-23 78.5T602-491q25 11 55.5 41t30.5 90q0 89-65 124.5T501-200zm121-112h104q48 0 58.5-24.5T566-372t-10.5-35.5T494-432H393zm0-228h93q33 0 48-17t15-38q0-24-17-39t-44-15h-95z" }, null, -1)
   ])]);
 }
@@ -228,18 +224,18 @@ const ct = { render: ut }, dt = {
   fill: "currentColor",
   viewBox: "0 -960 960 960"
 };
-function ft(n, e) {
-  return w(), N("svg", dt, [...e[0] || (e[0] = [
+function ft(t, e) {
+  return w(), y("svg", dt, [...e[0] || (e[0] = [
     b("path", { d: "M200-200v-100h160l120-360H320v-100h400v100H580L460-300h140v100z" }, null, -1)
   ])]);
 }
-const vt = { render: ft }, pt = {
+const pt = { render: ft }, vt = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 -960 960 960"
 };
-function mt(n, e) {
-  return w(), N("svg", pt, [...e[0] || (e[0] = [
+function mt(t, e) {
+  return w(), y("svg", vt, [...e[0] || (e[0] = [
     b("path", { d: "M440-280H280q-83 0-141.5-58.5T80-480t58.5-141.5T280-680h160v80H280q-50 0-85 35t-35 85 35 85 85 35h160zM320-440v-80h320v80zm200 160v-80h160q50 0 85-35t35-85-35-85-85-35H520v-80h160q83 0 141.5 58.5T880-480t-58.5 141.5T680-280z" }, null, -1)
   ])]);
 }
@@ -248,8 +244,8 @@ const qe = { render: mt }, ht = {
   fill: "currentColor",
   viewBox: "0 -960 960 960"
 };
-function gt(n, e) {
-  return w(), N("svg", ht, [...e[0] || (e[0] = [
+function gt(t, e) {
+  return w(), y("svg", ht, [...e[0] || (e[0] = [
     b("path", { d: "M480-80q-83 0-156-31.5T197-197t-85.5-127T80-480t31.5-156T197-763t127-85.5T480-880t156 31.5T763-763t85.5 127T880-480v58q0 59-40.5 100.5T740-280q-35 0-66-15t-52-43q-29 29-65.5 43.5T480-280q-83 0-141.5-58.5T280-480t58.5-141.5T480-680t141.5 58.5T680-480v58q0 26 17 44t43 18 43-18 17-44v-58q0-134-93-227t-227-93-227 93-93 227 93 227 227 93h200v80zm0-280q50 0 85-35t35-85-35-85-85-35-85 35-35 85 35 85 85 35" }, null, -1)
   ])]);
 }
@@ -258,22 +254,22 @@ const bt = { render: gt }, Ct = {
   fill: "currentColor",
   viewBox: "0 -960 960 960"
 };
-function xt(n, e) {
-  return w(), N("svg", Ct, [...e[0] || (e[0] = [
+function xt(t, e) {
+  return w(), y("svg", Ct, [...e[0] || (e[0] = [
     b("path", { d: "M792-443 176-183q-20 8-38-3.5T120-220v-520q0-22 18-33.5t38-3.5l616 260q25 11 25 37t-25 37M200-280l474-200-474-200v140l240 60-240 60zm0 0v-400z" }, null, -1)
   ])]);
 }
-const yt = { render: xt }, wt = {
+const wt = { render: xt }, yt = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 -960 960 960"
 };
-function Nt(n, e) {
-  return w(), N("svg", wt, [...e[0] || (e[0] = [
+function Nt(t, e) {
+  return w(), y("svg", yt, [...e[0] || (e[0] = [
     b("path", { d: "M280-160v-520H80v-120h520v120H400v520zm360 0v-320H520v-120h360v120H760v320z" }, null, -1)
   ])]);
 }
-const Tt = { render: Nt }, Et = ["onMousedown"], Rt = { class: "-jte-mentions-entry" }, kt = { class: "-jte-mentions-ref" }, St = {
+const Tt = { render: Nt }, Et = ["onMousedown"], kt = { class: "-jte-mentions-entry" }, Rt = { class: "-jte-mentions-ref" }, St = {
   key: 0,
   class: "-jte-mentions-waiting"
 }, Ot = {
@@ -331,352 +327,337 @@ const Tt = { render: Nt }, Et = ["onMousedown"], Rt = { class: "-jte-mentions-en
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(n) {
-    const e = Je(n, "modelValue"), l = n;
-    T(() => l.dark, (o) => {
-      var t;
-      (t = s.value) == null || t.style.setProperty("color-scheme", o ? "dark light" : "light dark");
+  setup(t) {
+    const e = Je(t, "modelValue"), l = t;
+    N(() => l.dark, (r) => {
+      s.value?.style.setProperty("color-scheme", r ? "dark light" : "light dark");
     });
-    const s = q(null), r = q(null), c = q(null), a = q(null), f = q(null), i = q(null), v = E(""), h = E(0), p = q(null), x = z(() => {
-      var o;
-      return ((o = p.value) == null ? void 0 : o.toString()) || "";
-    }), P = z(() => !!l.mentions), M = z(() => {
-      const o = x.value.substring(1).toLowerCase();
-      return l.mentions ? Object.entries(l.mentions).filter(([t, m]) => m.toLowerCase().startsWith(o)).sort(([t, m], [u, g]) => m.localeCompare(g)).map(([t, m]) => ({ name: t, value: m })) : [];
-    }), K = E(null), G = E(null), te = E(null), A = z(() => K.value || G.value);
-    T(K, (o) => o && (te.value = o));
-    const ne = E(""), S = E(""), $e = z(() => {
-      if (!S.value) return !0;
+    const s = q(null), o = q(null), i = q(null), a = q(null), f = q(null), c = q(null), m = T(""), p = T(0), d = q(null), k = _(() => d.value?.toString() || ""), ee = _(() => !!l.mentions), L = _(() => {
+      const r = k.value.substring(1).toLowerCase();
+      return l.mentions ? Object.entries(l.mentions).filter(([n, u]) => u.toLowerCase().startsWith(r)).sort(([n, u], [h, g]) => u.localeCompare(g)).map(([n, u]) => ({ name: n, value: u })) : [];
+    }), W = T(null), K = T(null), te = T(null), P = _(() => W.value || K.value);
+    N(W, (r) => r && (te.value = r));
+    const ne = T(""), R = T(""), $e = _(() => {
+      if (!R.value) return !0;
       try {
-        return new URL(S.value), !0;
+        return new URL(R.value), !0;
       } catch {
         return !1;
       }
     });
-    T([ne, S], ([o, t]) => {
-      A.value && (A.value.textContent = o, A.value.setAttribute("href", t), B());
+    N([ne, R], ([r, n]) => {
+      P.value && (P.value.textContent = r, P.value.setAttribute("href", n), D());
     });
-    const ue = E(null), ce = E(null), oe = E(0), Fe = z(() => "." + ".".repeat(oe.value % 5));
-    let X = null;
-    const D = E("");
-    T(i, (o, t) => {
-      t !== null && o !== null && (t.startContainer == o.startContainer && t.startOffset == o.startOffset && t.endContainer == o.endContainer && t.endOffset == o.endOffset && (t == null ? void 0 : t.backwards) == (o == null ? void 0 : o.backwards) || (D.value = ""));
+    const ue = T(null), ce = T(null), oe = T(0), Fe = _(() => "." + ".".repeat(oe.value % 5));
+    let G = null;
+    const M = T("");
+    N(c, (r, n) => {
+      n !== null && r !== null && (n.startContainer == r.startContainer && n.startOffset == r.startOffset && n.endContainer == r.endContainer && n.endOffset == r.endOffset && n?.backwards == r?.backwards || (M.value = ""));
     });
-    const I = [];
-    function de(o, t) {
-      return i.value ? t ? o && D.value === t ? "" : o || D.value === t ? "-jte-active" : "" : o ? "-jte-active" : i.value.collapsed ? "-jte-disabled" : "" : "-jte-disabled";
+    const A = [];
+    function de(r, n) {
+      return c.value ? n ? r && M.value === n ? "" : r || M.value === n ? "-jte-active" : "" : r ? "-jte-active" : c.value.collapsed ? "-jte-disabled" : "" : "-jte-disabled";
     }
-    function B() {
-      if (!r.value) return void (v.value = "");
-      const o = r.value.innerHTML;
-      v.value = o === "<br>" ? "" : (
+    function D() {
+      if (!o.value) return void (m.value = "");
+      const r = o.value.innerHTML;
+      m.value = r === "<br>" ? "" : (
         // edge case: empty editor
-        o.replaceAll("&nbsp;", " ").trimEnd()
+        r.replaceAll("&nbsp;", " ").trimEnd()
       );
     }
     function fe() {
-      var o;
-      if (r.value && ((o = I[I.length - 1]) == null ? void 0 : o.content) !== v.value) {
-        const t = ge(r.value) || { start: 0, end: 0 };
-        I.push({ ...t, content: v.value }), I.length > 100 && I.shift();
+      if (o.value && A[A.length - 1]?.content !== m.value) {
+        const r = ge(o.value) || { start: 0, end: 0 };
+        A.push({ ...r, content: m.value }), A.length > 100 && A.shift();
       }
     }
     function Pe() {
-      if (!r.value || !i.value) return;
-      const o = I.pop();
-      if (!o) return;
-      const t = new DOMParser().parseFromString(o.content, "text/html").body;
-      r.value.replaceChildren(...t.childNodes), be(r.value, o);
+      if (!o.value || !c.value) return;
+      const r = A.pop();
+      if (!r) return;
+      const n = new DOMParser().parseFromString(r.content, "text/html").body;
+      o.value.replaceChildren(...n.childNodes), be(o.value, r);
     }
-    function ye() {
-      var o;
-      if (p.value && ((o = i.value) != null && o.collapsed)) {
-        const t = p.value.cloneRange();
-        if (t.setEnd(i.value.startContainer, i.value.startOffset), t.toString().match(/^@[^\r\n]*$/)) {
-          p.value = t;
+    function we() {
+      if (d.value && c.value?.collapsed) {
+        const r = d.value.cloneRange();
+        if (r.setEnd(c.value.startContainer, c.value.startOffset), r.toString().match(/^@[^\r\n]*$/)) {
+          d.value = r;
           return;
         }
       }
-      p.value = null;
+      d.value = null;
     }
-    function we(o, t) {
-      if (!r.value || !p.value) return;
-      const m = r.value;
+    function ye(r, n) {
+      if (!o.value || !d.value) return;
+      const u = o.value;
       fe();
-      const u = document.createDocumentFragment(), g = document.createElement("link");
-      g.setAttribute("rel", "mention"), g.setAttribute("name", o), g.setAttribute("title", t), u.append(g, " ");
-      const d = he(m, p.value, u);
-      _(d, !0), p.value = null, B();
+      const h = document.createDocumentFragment(), g = document.createElement("link");
+      g.setAttribute("rel", "mention"), g.setAttribute("name", r), g.setAttribute("title", n), h.append(g, " ");
+      const v = he(u, d.value, h);
+      I(v, !0), d.value = null, D();
     }
-    function J(o, t = {}) {
-      if (!r.value || !i.value) return;
-      const m = r.value;
-      if (i.value.collapsed) {
-        D.value = o, m.focus();
+    function X(r, n = {}) {
+      if (!o.value || !c.value) return;
+      const u = o.value;
+      if (c.value.collapsed) {
+        M.value = r, u.focus();
         return;
       }
       fe();
-      const u = W(m, i.value);
-      Be(m, i.value, o, t), _(u), B();
+      const h = U(u, c.value);
+      Be(u, c.value, r, n), I(h), D();
     }
     function Ae() {
-      var u;
-      if (!r.value || !((u = i.value) != null && u.collapsed)) return;
-      const o = r.value, t = W(o, i.value), m = document.createTextNode("@");
-      i.value.insertNode(m), t.end += 1, p.value = U(o, t), t.start += 1, _(t);
+      if (!o.value || !c.value?.collapsed) return;
+      const r = o.value, n = U(r, c.value), u = document.createTextNode("@");
+      c.value.insertNode(u), n.end += 1, d.value = V(r, n), n.start += 1, I(n);
     }
-    function _(o, t) {
-      if (!r.value) return;
-      const m = r.value;
-      i.value = be(m, o, t), m.focus();
+    function I(r, n) {
+      if (!o.value) return;
+      const u = o.value;
+      c.value = be(u, r, n), u.focus();
     }
     function Ie() {
-      var o;
-      v.value && ((o = l.onSubmit) == null || o.call(l, v.value));
+      m.value && l.onSubmit?.(m.value);
     }
-    function _e(o) {
-      if (o.metaKey || o.ctrlKey)
-        switch (o.key) {
+    function _e(r) {
+      if (r.metaKey || r.ctrlKey)
+        switch (r.key) {
           case "b":
-            J("b"), o.preventDefault();
+            X("b"), r.preventDefault();
             break;
           case "i":
-            J("i"), o.preventDefault();
+            X("i"), r.preventDefault();
             break;
           case "z":
-            Pe(), o.preventDefault();
+            Pe(), r.preventDefault();
             break;
         }
-      else if (p.value)
-        switch (o.key) {
+      else if (d.value)
+        switch (r.key) {
           case "Home":
-            h.value = 0, o.preventDefault();
+            p.value = 0, r.preventDefault();
             break;
           case "ArrowUp":
-            h.value = Math.max(h.value - 1, 0), o.preventDefault();
+            p.value = Math.max(p.value - 1, 0), r.preventDefault();
             break;
           case "PageUp":
-            h.value = Math.max(h.value - 4, 0), o.preventDefault();
+            p.value = Math.max(p.value - 4, 0), r.preventDefault();
             break;
           case "ArrowDown":
-            h.value = Math.min(h.value + 1, M.value.length - 1), o.preventDefault();
+            p.value = Math.min(p.value + 1, L.value.length - 1), r.preventDefault();
             break;
           case "PageDown":
-            h.value = Math.min(h.value + 4, M.value.length - 1), o.preventDefault();
+            p.value = Math.min(p.value + 4, L.value.length - 1), r.preventDefault();
             break;
           case "End":
-            h.value = M.value.length - 1, o.preventDefault();
+            p.value = L.value.length - 1, r.preventDefault();
             break;
           case "Escape":
-            p.value = null, o.preventDefault();
+            d.value = null, r.preventDefault();
             break;
           case "Enter": {
-            const t = M.value[h.value];
-            t && we(t.name, t.value), o.preventDefault();
+            const n = L.value[p.value];
+            n && ye(n.name, n.value), r.preventDefault();
             break;
           }
         }
     }
-    function ze(o) {
-      if (o.preventDefault(), !r.value || !i.value) return;
-      const t = o.clipboardData;
-      if (!t) return;
-      const m = t.getData("text/html") || t.getData("text/plain");
-      if (!m) return;
-      const u = he(r.value, i.value, m);
-      _(u, !0), B();
+    function ze(r) {
+      if (r.preventDefault(), !o.value || !c.value) return;
+      const n = r.clipboardData;
+      if (!n) return;
+      const u = n.getData("text/html") || n.getData("text/plain");
+      if (!u) return;
+      const h = he(o.value, c.value, u);
+      I(h, !0), D();
     }
-    function He(o) {
-      if (r.value && i.value && (fe(), !i.value.collapsed && (o.inputType === "deleteContentBackward" || o.inputType === "deleteContentForward"))) {
-        o.preventDefault(), o.stopPropagation();
-        const t = he(r.value, i.value, "");
-        _(t, !0), B();
+    function He(r) {
+      if (o.value && c.value && (fe(), !c.value.collapsed && (r.inputType === "deleteContentBackward" || r.inputType === "deleteContentForward"))) {
+        r.preventDefault(), r.stopPropagation();
+        const n = he(o.value, c.value, "");
+        I(n, !0), D();
       }
     }
-    function Ve(o) {
-      var g;
-      const t = r.value;
-      if (!t) return;
-      const m = p.value ? W(t, p.value) : null, u = ge(t);
-      if (D.value && u && u.start === u.end && o.inputType === "insertText" && o.data !== "@" && !p.value) {
-        const d = U(t, { start: u.start - 1, end: u.end });
-        Be(t, d, D.value);
+    function Ve(r) {
+      const n = o.value;
+      if (!n) return;
+      const u = d.value ? U(n, d.value) : null, h = ge(n);
+      if (M.value && h && h.start === h.end && r.inputType === "insertText" && r.data !== "@" && !d.value) {
+        const g = V(n, { start: h.start - 1, end: h.end });
+        Be(n, g, M.value);
       }
-      if (D.value = "", ee(t), m && (p.value = U(t, m)), u && (t.innerHTML === "<br>" ? ((g = document.getSelection()) == null || g.setBaseAndExtent(t, 0, t, 0), t.focus()) : _(u)), !A.value && !p.value && o.data === "@" && o.inputType === "insertText") {
-        const d = document.getSelection();
-        if (!(d != null && d.anchorNode)) return;
-        const C = Ce(t, d.anchorNode, d.anchorOffset);
-        if (C.match(/(\s|^)@$/)) {
-          const y = C.length === 1 ? 0 : C.length - 1, O = C.length, R = { start: y, end: O };
-          p.value = U(t, R);
+      if (M.value = "", Z(n), u && (d.value = V(n, u)), h && (n.innerHTML === "<br>" ? (document.getSelection()?.setBaseAndExtent(n, 0, n, 0), n.focus()) : I(h)), !P.value && !d.value && r.data === "@" && r.inputType === "insertText") {
+        const g = document.getSelection();
+        if (!g?.anchorNode) return;
+        const v = Ce(n, g.anchorNode, g.anchorOffset);
+        if (v.match(/(\s|^)@$/)) {
+          const C = v.length === 1 ? 0 : v.length - 1, x = v.length, S = { start: C, end: x };
+          d.value = V(n, S);
         }
       } else
-        ye();
-      B();
+        we();
+      D();
     }
-    function Ne(o) {
-      s.value && xe(s.value) || (K.value = null, te.value = null, G.value = null), i.value = r.value ? xe(r.value) : null, ye();
+    function Ne(r) {
+      s.value && xe(s.value) || (W.value = null, te.value = null, K.value = null), c.value = o.value ? xe(o.value) : null, we();
     }
-    return T(x, (o) => {
-      var t;
-      return o && ((t = l.onMention) == null ? void 0 : t.call(l, o));
-    }), Qe(() => {
+    return N(k, (r) => r && l.onMention?.(r)), Qe(() => {
       if (document.addEventListener("selectionchange", Ne), !s.value) throw new Error("Root not referenced");
-      if (!r.value) throw new Error("Editor not referenced");
-      if (!c.value) throw new Error("Popup not referenced");
+      if (!o.value) throw new Error("Editor not referenced");
+      if (!i.value) throw new Error("Popup not referenced");
       if (!a.value) throw new Error("List not referenced");
       if (!f.value) throw new Error("Popup not referenced");
-      const o = s.value, t = r.value, m = c.value, u = a.value, g = f.value;
-      T(v, (d) => {
-        d !== e.value && (e.value = d);
-      }), T(e, (d) => {
-        if (d === v.value) return;
-        const C = `<html><body>${d}</body></html>`, y = new DOMParser().parseFromString(C, "text/html").body;
-        ee(y), t.replaceChildren(...y.childNodes), B();
-      }, { immediate: !0 }), T(P, (d) => {
-        oe.value = 0, d ? X && clearInterval(X) : X = setInterval(() => oe.value = oe.value + 1, 200);
-      }, { immediate: !0 }), T(A, (d) => {
-        if (ne.value = (d == null ? void 0 : d.textContent) || "", S.value = (d == null ? void 0 : d.getAttribute("href")) || "", S.value === "http://__placeholder__/" && (d == null || d.setAttribute("href", ""), S.value = ""), !d) {
-          const C = ge(t);
-          ee(t), C && be(t, C), g.style.display = "none", g.style.top = "0", g.style.left = "0";
+      const r = s.value, n = o.value, u = i.value, h = a.value, g = f.value;
+      N(m, (v) => {
+        v !== e.value && (e.value = v);
+      }), N(e, (v) => {
+        if (v === m.value) return;
+        const C = `<html><body>${v}</body></html>`, x = new DOMParser().parseFromString(C, "text/html").body;
+        Z(x), n.replaceChildren(...x.childNodes), D();
+      }, { immediate: !0 }), N(ee, (v) => {
+        oe.value = 0, v ? G && clearInterval(G) : G = setInterval(() => oe.value = oe.value + 1, 200);
+      }, { immediate: !0 }), N(P, (v) => {
+        if (ne.value = v?.textContent || "", R.value = v?.getAttribute("href") || "", R.value === "http://__placeholder__/" && (v?.setAttribute("href", ""), R.value = ""), !v) {
+          const C = ge(n);
+          Z(n), C && be(n, C), g.style.display = "none", g.style.top = "0", g.style.left = "0";
           return;
         }
         Oe(() => {
           g.style.display = "flex";
-          const C = o.getBoundingClientRect(), y = d.getBoundingClientRect(), O = t.getBoundingClientRect(), R = getComputedStyle(g), k = parseInt(R.width), j = parseInt(R.height), re = y.top - j - 6 > O.top, le = y.bottom + j + 3 < O.bottom, Q = y.left + k < O.right;
-          g.style.top = !le && re ? `${y.top - j - C.top - 6}px` : (
+          const C = r.getBoundingClientRect(), x = v.getBoundingClientRect(), S = n.getBoundingClientRect(), B = getComputedStyle(g), E = parseInt(B.width), O = parseInt(B.height), re = x.top - O - 6 > S.top, le = x.bottom + O + 3 < S.bottom, J = x.left + E < S.right;
+          g.style.top = !le && re ? `${x.top - O - C.top - 6}px` : (
             // over the link
-            `${y.bottom - C.top + 3}px`
-          ), g.style.left = Q ? `${y.left - C.left}px` : (
+            `${x.bottom - C.top + 3}px`
+          ), g.style.left = J ? `${x.left - C.left}px` : (
             // right of the link
-            `${O.right - k - C.left}px`
+            `${S.right - E - C.left}px`
           );
         });
-      }, { immediate: !0 }), T([h, p, M], ([d, C, y], [O = -1]) => {
-        if (d >= y.length && (d = Math.max(y.length - 1, 0)), h.value = d, !!m && u) {
+      }, { immediate: !0 }), N([p, d, L], ([v, C, x], [S = -1]) => {
+        if (v >= x.length && (v = Math.max(x.length - 1, 0)), p.value = v, !!u && h) {
           if (!C) {
-            h.value = 0, m.style.display = "none", m.style.top = "0", m.style.left = "0", u.scrollTop = 0;
+            p.value = 0, u.style.display = "none", u.style.top = "0", u.style.left = "0", h.scrollTop = 0;
             return;
           }
           Oe(() => {
-            m.style.display = "block";
-            const R = o.getBoundingClientRect(), k = C.getBoundingClientRect(), j = t.getBoundingClientRect(), re = getComputedStyle(m), le = parseInt(re.width), Q = parseInt(re.height), Ue = k.top - Q - 6 > j.top, We = k.bottom + Q + 3 < j.bottom, Ke = k.left + le < j.right;
-            m.style.top = !We && Ue ? `${k.top - Q - R.top - 6}px` : (
+            u.style.display = "block";
+            const B = r.getBoundingClientRect(), E = C.getBoundingClientRect(), O = n.getBoundingClientRect(), re = getComputedStyle(u), le = parseInt(re.width), J = parseInt(re.height), Ue = E.top - J - 6 > O.top, We = E.bottom + J + 3 < O.bottom, Ke = E.left + le < O.right;
+            u.style.top = !We && Ue ? `${E.top - J - B.top - 6}px` : (
               // over the link
-              `${k.bottom - R.top + 3}px`
-            ), m.style.left = Ke ? `${k.left - R.left}px` : (
+              `${E.bottom - B.top + 3}px`
+            ), u.style.left = Ke ? `${E.left - B.left}px` : (
               // right of the link
-              `${j.right - le - R.left}px`
+              `${O.right - le - B.left}px`
             );
-            const ve = u.querySelectorAll("li")[h.value];
-            if (!ve) return;
-            const Te = getComputedStyle(ve), Ee = parseFloat(Te.getPropertyValue("border-top-width")) || 0, Re = parseFloat(Te.getPropertyValue("border-bottom-width")) || 0, Y = u.getBoundingClientRect(), pe = ve.getBoundingClientRect(), se = pe.top - Y.top, ke = pe.bottom - Y.bottom, Se = pe.bottom - Y.top;
-            d > O ? Se > Y.height ? u.scrollTop += ke - Re : se < 0 && (u.scrollTop += se + Ee) : se < 0 ? u.scrollTop += se + Ee : ke > 0 && (u.scrollTop += Se - Y.height - Re);
+            const pe = h.querySelectorAll("li")[p.value];
+            if (!pe) return;
+            const Te = getComputedStyle(pe), Ee = parseFloat(Te.getPropertyValue("border-top-width")) || 0, ke = parseFloat(Te.getPropertyValue("border-bottom-width")) || 0, Q = h.getBoundingClientRect(), ve = pe.getBoundingClientRect(), se = ve.top - Q.top, Re = ve.bottom - Q.bottom, Se = ve.bottom - Q.top;
+            v > S ? Se > Q.height ? h.scrollTop += Re - ke : se < 0 && (h.scrollTop += se + Ee) : se < 0 ? h.scrollTop += se + Ee : Re > 0 && (h.scrollTop += Se - Q.height - ke);
           });
         }
-      }, { immediate: !0 }), T(i, (d) => {
-        d ? (K.value = ae(t, d, "a"), ue.value = ae(t, d, "b"), ce.value = ae(t, d, "i")) : (K.value = null, ue.value = null, ce.value = null);
+      }, { immediate: !0 }), N(c, (v) => {
+        v ? (W.value = ae(n, v, "a"), ue.value = ae(n, v, "b"), ce.value = ae(n, v, "i")) : (W.value = null, ue.value = null, ce.value = null);
       }, { immediate: !0 });
     }), Ye(() => {
-      document.removeEventListener("selectionchange", Ne), X && clearInterval(X);
-    }), (o, t) => {
-      var m;
-      return w(), N("div", {
-        class: L(["juit-tiny-edit", { "-jte-editable": n.editable, "-jte-dark": n.dark }])
+      document.removeEventListener("selectionchange", Ne), G && clearInterval(G);
+    }), (r, n) => (w(), y("div", {
+      class: j(["juit-tiny-edit", { "-jte-editable": t.editable, "-jte-dark": t.dark }])
+    }, [
+      b("div", {
+        ref_key: "rootRef",
+        ref: s,
+        class: "-jte-root"
       }, [
         b("div", {
-          ref_key: "rootRef",
-          ref: s,
-          class: "-jte-root"
+          ref_key: "mentionsPopupRef",
+          ref: i,
+          class: "-jte-mentions-popup"
         }, [
-          b("div", {
-            ref_key: "mentionsPopupRef",
-            ref: c,
-            class: "-jte-mentions-popup"
+          b("ul", {
+            ref_key: "mentionsListRef",
+            ref: a
           }, [
-            b("ul", {
-              ref_key: "mentionsListRef",
-              ref: a
+            (w(!0), y(Ze, null, et(L.value, (u, h) => (w(), y("li", {
+              key: h,
+              class: j({ "-jte-mentions-selected": p.value === h }),
+              onMousedown: (g) => ye(u.name, u.value)
             }, [
-              (w(!0), N(Ze, null, et(M.value, (u, g) => (w(), N("li", {
-                key: g,
-                class: L({ "-jte-mentions-selected": h.value === g }),
-                onMousedown: (d) => we(u.name, u.value)
-              }, [
-                b("div", Rt, [
-                  tt(H(u.value) + " ", 1),
-                  b("span", kt, H(u.name), 1)
-                ])
-              ], 42, Et))), 128))
-            ], 512),
-            P.value ? M.value.length ? me("", !0) : (w(), N("div", Ot, H(x.value), 1)) : (w(), N("div", St, H(x.value) + H(Fe.value), 1))
+              b("div", kt, [
+                tt(z(u.value) + " ", 1),
+                b("span", Rt, z(u.name), 1)
+              ])
+            ], 42, Et))), 128))
           ], 512),
+          ee.value ? L.value.length ? me("", !0) : (w(), y("div", Ot, z(k.value), 1)) : (w(), y("div", St, z(k.value) + z(Fe.value), 1))
+        ], 512),
+        b("div", {
+          ref_key: "linksPopupRef",
+          ref: f,
+          class: "-jte-links-popup",
+          onClick: n[2] || (n[2] = (u) => K.value = te.value),
+          onFocusin: n[3] || (n[3] = (u) => K.value = te.value)
+        }, [
+          b("div", null, [
+            H($(Tt), { class: "-jte-icon" }),
+            je(b("input", {
+              "onUpdate:modelValue": n[0] || (n[0] = (u) => ne.value = u),
+              type: "text"
+            }, null, 512), [
+              [Le, ne.value]
+            ])
+          ]),
           b("div", {
-            ref_key: "linksPopupRef",
-            ref: f,
-            class: "-jte-links-popup",
-            onClick: t[2] || (t[2] = (u) => G.value = te.value),
-            onFocusin: t[3] || (t[3] = (u) => G.value = te.value)
+            class: j({ "-jte-error": !$e.value })
           }, [
-            b("div", null, [
-              V($(Tt), { class: "-jte-icon" }),
-              je(b("input", {
-                "onUpdate:modelValue": t[0] || (t[0] = (u) => ne.value = u),
-                type: "text"
-              }, null, 512), [
-                [Le, ne.value]
-              ])
-            ]),
-            b("div", {
-              class: L({ "-jte-error": !$e.value })
-            }, [
-              V($(qe), { class: "-jte-icon" }),
-              je(b("input", {
-                "onUpdate:modelValue": t[1] || (t[1] = (u) => S.value = u),
-                type: "text"
-              }, null, 512), [
-                [Le, S.value]
-              ])
-            ], 2)
-          ], 544),
-          n.placeholder && !v.value ? (w(), N("div", jt, H(n.placeholder), 1)) : me("", !0),
-          b("div", {
-            ref_key: "editorRef",
-            ref: r,
-            class: "-jte-editor",
-            contenteditable: n.editable ? "plaintext-only" : "false",
-            onBeforeinput: t[4] || (t[4] = (u) => He(u)),
-            onInput: t[5] || (t[5] = (u) => Ve(u)),
-            onKeydown: t[6] || (t[6] = (u) => _e(u)),
-            onPaste: t[7] || (t[7] = (u) => ze(u)),
-            onFocusin: t[8] || (t[8] = (u) => G.value = null)
-          }, null, 40, Lt),
-          b("div", Mt, [
-            V($(bt), {
-              class: L(["-jte-icon -jte-icon-mention", { "-jte-disabled": !((m = i.value) != null && m.collapsed) }]),
-              onClick: Ae
-            }, null, 8, ["class"]),
-            V($(ct), {
-              class: L(["-jte-icon -jte-icon-bold", de(ue.value, "b")]),
-              onClick: t[9] || (t[9] = (u) => J("b"))
-            }, null, 8, ["class"]),
-            V($(vt), {
-              class: L(["-jte-icon -jte-icon-italic", de(ce.value, "i")]),
-              onClick: t[10] || (t[10] = (u) => J("i"))
-            }, null, 8, ["class"]),
-            V($(qe), {
-              class: L(["-jte-icon -jte-icon-href", de(A.value)]),
-              onClick: t[11] || (t[11] = (u) => J("a", { href: "http://__placeholder__/" }))
-            }, null, 8, ["class"]),
-            n.onSubmit ? (w(), nt($(yt), {
-              key: 0,
-              class: L(["-jte-icon -jte-icon-send", { "-jte-disabled": !v.value, "-jte-active": !!v.value }]),
-              onClick: Ie
-            }, null, 8, ["class"])) : me("", !0)
-          ])
-        ], 512)
-      ], 2);
-    };
+            H($(qe), { class: "-jte-icon" }),
+            je(b("input", {
+              "onUpdate:modelValue": n[1] || (n[1] = (u) => R.value = u),
+              type: "text"
+            }, null, 512), [
+              [Le, R.value]
+            ])
+          ], 2)
+        ], 544),
+        t.placeholder && !m.value ? (w(), y("div", jt, z(t.placeholder), 1)) : me("", !0),
+        b("div", {
+          ref_key: "editorRef",
+          ref: o,
+          class: "-jte-editor",
+          contenteditable: t.editable ? "plaintext-only" : "false",
+          onBeforeinput: n[4] || (n[4] = (u) => He(u)),
+          onInput: n[5] || (n[5] = (u) => Ve(u)),
+          onKeydown: n[6] || (n[6] = (u) => _e(u)),
+          onPaste: n[7] || (n[7] = (u) => ze(u)),
+          onFocusin: n[8] || (n[8] = (u) => K.value = null)
+        }, null, 40, Lt),
+        b("div", Mt, [
+          H($(bt), {
+            class: j(["-jte-icon -jte-icon-mention", { "-jte-disabled": !c.value?.collapsed }]),
+            onClick: Ae
+          }, null, 8, ["class"]),
+          H($(ct), {
+            class: j(["-jte-icon -jte-icon-bold", de(ue.value, "b")]),
+            onClick: n[9] || (n[9] = (u) => X("b"))
+          }, null, 8, ["class"]),
+          H($(pt), {
+            class: j(["-jte-icon -jte-icon-italic", de(ce.value, "i")]),
+            onClick: n[10] || (n[10] = (u) => X("i"))
+          }, null, 8, ["class"]),
+          H($(qe), {
+            class: j(["-jte-icon -jte-icon-href", de(P.value)]),
+            onClick: n[11] || (n[11] = (u) => X("a", { href: "http://__placeholder__/" }))
+          }, null, 8, ["class"]),
+          t.onSubmit ? (w(), nt($(wt), {
+            key: 0,
+            class: j(["-jte-icon -jte-icon-send", { "-jte-disabled": !m.value, "-jte-active": !!m.value }]),
+            onClick: Ie
+          }, null, 8, ["class"])) : me("", !0)
+        ])
+      ], 512)
+    ], 2));
   }
 });
 export {