@juit/vue-tiny-editor 1.0.26 → 1.0.28

package/dist/index.js

@@ -1,42 +1,42 @@
-import { createElementBlock as y, openBlock as N, createElementVNode as C, defineComponent as Qe, mergeModels as je, useModel as Ye, watch as T, shallowRef as q, ref as E, computed as H, onMounted as Ze, nextTick as Le, onUnmounted as et, normalizeClass as M, createCommentVNode as Me, Fragment as tt, renderList as nt, createTextVNode as ot, toDisplayString as V, createVNode as P, withDirectives as De, unref as A, vModelText as Be } from "vue";
+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 = I(n)), n.isPointInRange(e.startContainer, e.startOffset) && n.isPointInRange(e.endContainer, e.endOffset) ? e : null;
+  return n instanceof Node && (n = F(n)), n.isPointInRange(e.startContainer, e.startOffset) && n.isPointInRange(e.endContainer, e.endOffset) ? e : null;
 }
-function rt(n) {
+function ot(n) {
   const e = document.createRange();
   return e.selectNode(n), e;
 }
-function I(n) {
+function F(n) {
   const e = document.createRange();
   return e.selectNodeContents(n), e;
 }
-function be(n, e, a) {
-  if (!I(n).isPointInRange(e, a))
+function Ce(n, e, l) {
+  if (!F(n).isPointInRange(e, l))
     throw new Error("Range out of bounds");
-  const i = document.createRange();
-  return i.setStart(n, 0), i.setEnd(e, a), i.toString();
+  const r = document.createRange();
+  return r.setStart(n, 0), r.setEnd(e, l), r.toString();
 }
 function W(n, e) {
-  const a = { start: 0, end: 0, backwards: e.backwards };
-  return a.start = a.end = be(n, e.startContainer, e.startOffset).length, e.collapsed || (a.end = be(n, e.endContainer, e.endOffset).length), a;
+  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;
 }
 function U(n, e) {
-  const a = I(n);
-  e.backwards && (a.backwards = !0);
-  let { start: s, end: i } = e, l = null, r = null, f = !1, m = !1;
-  const c = document.createNodeIterator(n, NodeFilter.SHOW_TEXT);
-  for (let g = c.nextNode(); g && (s >= 0 || i > 0); g = c.nextNode()) {
-    l || (l = g), r = g;
-    const v = g.nodeValue.length;
-    if (s >= 0 && s < v && (f = !0, a.setStart(g, s), s === i))
-      return m = "extra", a.setEnd(g, i), a;
-    if (i > 0 && i <= v && (m = !0, a.setEnd(g, i), i === s))
-      return f = "extra", a.setStart(g, s), a;
-    s -= v, i -= v;
+  const l = F(n);
+  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;
   }
-  return !f && l && a.setStart(l, 0), !m && r && a.setEnd(r, r.length), a;
+  return !f && c && l.setStart(c, 0), !i && a && l.setEnd(a, a.length), l;
 }
-const st = /* @__PURE__ */ new Set([
+const rt = /* @__PURE__ */ new Set([
   "button",
   "embed",
   "form",
@@ -48,7 +48,7 @@ const st = /* @__PURE__ */ new Set([
   "style",
   "textarea"
 ]);
-function $e(n) {
+function Me(n) {
   if (!n || !n.match(/^https?:\/\/[^\s]+$/)) return null;
   try {
     return new URL(n).href;
@@ -56,236 +56,236 @@ function $e(n) {
     return null;
   }
 }
-function qe(n, e, a = !1) {
-  if (a) return n;
+function De(n, e, l = !1) {
+  if (l) return n;
   const s = document.createElement(e);
   return s.append(n), s;
 }
 function Z(n, e = {}) {
   var s;
-  const a = document.createDocumentFragment();
-  for (const i of n.childNodes)
-    if (i.nodeType === Node.TEXT_NODE)
-      i.nodeValue && a.append(i.cloneNode());
-    else if (i.nodeType === Node.ELEMENT_NODE) {
-      const l = i, r = l.tagName.toLowerCase();
-      if (st.has(r)) continue;
-      const f = ((s = a.lastChild) == null ? void 0 : s.nodeType) === Node.ELEMENT_NODE ? {
-        element: a.lastChild,
-        tagName: a.lastChild.tagName.toLowerCase()
-      } : null, m = document.createDocumentFragment();
-      if (r === "b" || r === "strong") {
-        const c = Z(l, { ...e, bold: !0 });
-        if (!c.hasChildNodes()) continue;
-        (f == null ? void 0 : f.tagName) === "b" ? f.element.append(c) : m.append(qe(c, "b", e.bold));
-      } else if (r === "i" || r === "em") {
-        const c = Z(l, { ...e, italic: !0 });
-        if (!c.hasChildNodes()) continue;
-        (f == null ? void 0 : f.tagName) === "i" ? f.element.append(c) : m.append(qe(c, "i", e.italic));
-      } else if (r === "br")
-        m.append(document.createElement("br"));
-      else if (r === "div" || r === "p" || r === "pre" || r === "h1" || r === "h2" || r === "h3" || r === "h4" || r === "h5" || r === "h6" || r === "ul" || r === "ol" || r === "li") {
-        m.append(document.createElement("br"));
-        const c = Z(l, e);
-        c.hasChildNodes() && (m.append(c), m.append(document.createElement("br")));
-      } else if (r === "link") {
-        if (l.getAttribute("rel") !== "mention") continue;
-        const g = l.getAttribute("name"), v = l.getAttribute("title");
-        if (!(g && v)) continue;
-        const h = document.createElement("link");
-        h.setAttribute("rel", "mention"), h.setAttribute("title", v), h.setAttribute("name", g), m.append(h);
+  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 ? {
+        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);
       } else
-        m.append(Z(l, e));
-      m.hasChildNodes() && a.append(m);
+        i.append(Z(c, e));
+      i.hasChildNodes() && l.append(i);
     }
-  return a;
+  return l;
 }
 function lt(n) {
-  const e = n.map((s, i) => ({ ...s, index: i }));
-  e.sort((s, i) => s.start < i.start ? -1 : s.start > i.start || s.end < i.end ? 1 : s.end > i.end || /* v8 ignore next 3 */
-  s.index < i.index ? -1 : s.index > i.index ? 1 : 0);
-  const a = /* @__PURE__ */ new Set();
+  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);
+  const l = /* @__PURE__ */ new Set();
   for (let s = 0; s < e.length; s++) {
-    const i = e[s];
-    for (let l = s + 1; l < e.length; l++) {
-      const r = e[l];
-      a.has(r) || (r.start === r.end || r.start >= i.start && r.start < i.end || r.end >= i.start && r.end < i.end) && a.add(r);
+    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);
     }
   }
-  return e.filter((s) => !a.has(s)).filter((s, i, l) => {
-    const r = l[i - 1];
-    return (r == null ? void 0 : r.end) === s.start && r.href === s.href ? (r.end = s.end, !1) : !0;
+  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;
   });
 }
-function at(n) {
-  const e = [], a = /(https?:\/\/[^\s]+)/gm, s = n.textContent;
-  for (let r = a.exec(s); r; r = a.exec(s)) {
-    const f = r[1], m = $e(f);
-    m && e.push({ start: r.index, end: r.index + f.length, href: m });
+function st(n) {
+  const e = [], l = /(https?:\/\/[^\s]+)/gm, s = n.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 i = [], l = document.createNodeIterator(n, NodeFilter.SHOW_ELEMENT, (r) => r.nodeName.toLowerCase() === "a" ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP);
-  for (let r = l.nextNode(); r; r = l.nextNode()) {
-    const f = r, m = $e(f.getAttribute("href"));
-    if (m) {
-      const c = I(f);
-      i.push({ ...W(n, c), href: m });
+  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 });
     }
   }
-  return lt([...e, ...i]);
+  return lt([...e, ...r]);
 }
-function it(n) {
-  var a;
+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), (a = s.parentNode) == null || a.removeChild(s)));
+`), s), (l = s.parentNode) == null || l.removeChild(s)));
   n.normalize(), n.hasChildNodes() || n.append(document.createElement("br"));
 }
 function ee(n) {
   var s;
   if (n.innerHTML === "<br>") return n;
   n.normalize();
-  const e = at(n), a = Z(n);
-  return ((s = a.lastChild) == null ? void 0 : s.nodeName.toLowerCase()) === "link" && a.append(document.createTextNode(" ")), n.replaceChildren(a), e.forEach((i) => {
-    const l = U(n, i), r = l.extractContents(), f = document.createElement("a");
-    f.setAttribute("href", i.href), f.append(r), l.insertNode(f);
-  }), it(n), n;
+  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 me(n, e, a) {
-  var v, h;
-  if (typeof a == "string") {
+function he(n, e, l) {
+  var p, x;
+  if (typeof l == "string") {
     if (!ie(n, e)) throw new Error("Range out of bounds");
-    const S = new DOMParser().parseFromString(a, "text/html").body;
-    a = document.createDocumentFragment(), a.append(...S.childNodes);
+    const P = new DOMParser().parseFromString(l, "text/html").body;
+    l = document.createDocumentFragment(), l.append(...P.childNodes);
   }
-  const s = W(n, e), i = ((v = n.textContent) == null ? void 0 : v.length) || 0, l = I(n), r = document.createRange();
-  r.setStart(l.startContainer, l.startOffset), r.setEnd(e.startContainer, e.startOffset);
+  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 f = document.createRange();
-  f.setStart(e.endContainer, e.endOffset), f.setEnd(l.endContainer, l.endOffset);
-  const m = r.extractContents(), c = f.extractContents();
-  n.replaceChildren(), n.append(m, a, c), ee(n);
-  const g = ((h = n.textContent) == null ? void 0 : h.length) || 0;
-  return { ...s, end: s.end + g - i };
+  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 };
 }
-function Ce(n) {
+function xe(n) {
   const e = document.getSelection();
   if (!(e != null && e.rangeCount)) return null;
-  const a = e.getRangeAt(0);
-  if (!ie(n, a)) return null;
+  const l = e.getRangeAt(0);
+  if (!ie(n, 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(a, { backwards: s });
+  return Object.assign(l, { backwards: s });
 }
-function he(n) {
-  const e = Ce(n);
+function ge(n) {
+  const e = xe(n);
   return e ? W(n, e) : null;
 }
-function ge(n, e, a = !1) {
-  a && (e = { start: e.end, end: e.end });
-  const s = U(n, e), { startContainer: i, startOffset: l, endContainer: r, endOffset: f, backwards: m } = s, c = document.getSelection();
-  return c && (m ? c.setBaseAndExtent(r, f, i, l) : c.setBaseAndExtent(i, l, r, f)), s;
+function be(n, 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;
 }
-function ae(n, e, a) {
-  const s = I(n);
+function ae(n, e, l) {
+  const s = F(n);
   if (!ie(n, e)) return null;
-  let i = e.commonAncestorContainer;
-  for (; i && s.intersectsNode(i); ) {
-    if (i.nodeType === Node.ELEMENT_NODE && i.nodeName.toLowerCase() === a)
-      return i;
-    i = i.parentNode;
+  let r = e.commonAncestorContainer;
+  for (; r && s.intersectsNode(r); ) {
+    if (r.nodeType === Node.ELEMENT_NODE && r.nodeName.toLowerCase() === l)
+      return r;
+    r = r.parentNode;
   }
   return null;
 }
-function Pe(n, e, a, s = {}) {
+function Be(n, e, l, s = {}) {
   if (e.collapsed || !ie(n, e)) return;
-  const i = ae(n, e, a), l = i ? rt(i) : I(e.commonAncestorContainer), r = document.createRange();
-  r.setStart(l.startContainer, l.startOffset), r.setEnd(e.startContainer, e.startOffset);
+  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);
   const f = document.createRange();
-  f.setStart(e.endContainer, e.endOffset), f.setEnd(l.endContainer, l.endOffset);
-  const m = f.extractContents(), c = e.extractContents(), g = r.extractContents();
-  l.deleteContents();
-  const v = document.createDocumentFragment();
-  if (v.append(g), i)
-    v.append(c);
+  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);
   else {
-    const h = document.createElement(a);
-    Object.entries(s).forEach((S) => h.setAttribute(...S)), h.append(c), v.append(h);
+    const x = document.createElement(l);
+    Object.entries(s).forEach((P) => x.setAttribute(...P)), x.append(v), p.append(x);
   }
-  v.append(m), l.insertNode(v), ee(n);
+  p.append(i), c.insertNode(p), ee(n);
 }
-const ut = {
+const it = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 -960 960 960"
 };
-function ct(n, e) {
-  return N(), y("svg", ut, e[0] || (e[0] = [
-    C("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)
+function ut(n, e) {
+  return w(), N("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)
   ]));
 }
-const dt = { render: ct }, ft = {
+const ct = { render: ut }, dt = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 -960 960 960"
 };
-function pt(n, e) {
-  return N(), y("svg", ft, e[0] || (e[0] = [
-    C("path", { d: "M200-200v-100h160l120-360H320v-100h400v100H580L460-300h140v100z" }, null, -1)
+function ft(n, e) {
+  return w(), N("svg", dt, e[0] || (e[0] = [
+    b("path", { d: "M200-200v-100h160l120-360H320v-100h400v100H580L460-300h140v100z" }, null, -1)
   ]));
 }
-const vt = { render: pt }, mt = {
+const vt = { render: ft }, pt = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 -960 960 960"
 };
-function ht(n, e) {
-  return N(), y("svg", mt, e[0] || (e[0] = [
-    C("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)
+function mt(n, e) {
+  return w(), N("svg", pt, 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)
   ]));
 }
-const Ae = { render: ht }, gt = {
+const qe = { render: mt }, ht = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 -960 960 960"
 };
-function bt(n, e) {
-  return N(), y("svg", gt, e[0] || (e[0] = [
-    C("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)
+function gt(n, e) {
+  return w(), N("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)
   ]));
 }
-const Ct = { render: bt }, xt = {
+const bt = { render: gt }, Ct = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 -960 960 960"
 };
-function wt(n, e) {
-  return N(), y("svg", xt, e[0] || (e[0] = [
-    C("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)
+function xt(n, e) {
+  return w(), N("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: wt }, Nt = {
+const yt = { render: xt }, wt = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 -960 960 960"
 };
-function Tt(n, e) {
-  return N(), y("svg", Nt, e[0] || (e[0] = [
-    C("path", { d: "M280-160v-520H80v-120h520v120H400v520zm360 0v-320H520v-120h360v120H760v320z" }, null, -1)
+function Nt(n, e) {
+  return w(), N("svg", wt, e[0] || (e[0] = [
+    b("path", { d: "M280-160v-520H80v-120h520v120H400v520zm360 0v-320H520v-120h360v120H760v320z" }, null, -1)
   ]));
 }
-const Et = { render: Tt }, Rt = ["onMousedown"], kt = { class: "-jte-mentions-entry" }, St = { class: "-jte-mentions-ref" }, Ot = {
+const Tt = { render: Nt }, Et = ["onMousedown"], Rt = { class: "-jte-mentions-entry" }, kt = { class: "-jte-mentions-ref" }, St = {
   key: 0,
   class: "-jte-mentions-waiting"
-}, jt = {
+}, Ot = {
   key: 1,
   class: "-jte-mentions-none"
-}, Lt = {
+}, jt = {
   key: 0,
   class: "-jte-placeholder"
-}, Mt = ["contenteditable"], Dt = { class: "-jte-toolbox" }, $t = /* @__PURE__ */ Qe({
+}, Lt = ["contenteditable"], Mt = { class: "-jte-toolbox" }, Bt = /* @__PURE__ */ Ge({
   name: "JuitTinyEditor",
   __name: "editor",
-  props: /* @__PURE__ */ je({
+  props: /* @__PURE__ */ Xe({
     /** A flag indicating if content can be edited (default: `true`) */
     editable: {
       type: Boolean,
@@ -309,6 +309,18 @@ const Et = { render: Tt }, Rt = ["onMousedown"], kt = { class: "-jte-mentions-en
       type: Object,
       required: !1,
       default: () => ({})
+    },
+    /** Used as `@mention="..."`, notify the current mention text (`@abc...`) */
+    onMention: {
+      type: Function,
+      required: !1,
+      default: void 0
+    },
+    /** Used as `@submit="..."`, will display the send button and emit HTML */
+    onSubmit: {
+      type: Function,
+      required: !1,
+      default: void 0
     }
   }, {
     modelValue: {
@@ -318,110 +330,111 @@ const Et = { render: Tt }, Rt = ["onMousedown"], kt = { class: "-jte-mentions-en
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ je(["mention", "submit"], ["update:modelValue"]),
-  setup(n, { emit: e }) {
-    const a = Ye(n, "modelValue"), s = n;
-    T(() => s.dark, (o) => {
+  emits: ["update:modelValue"],
+  setup(n) {
+    const e = Je(n, "modelValue"), l = n;
+    T(() => l.dark, (o) => {
       var t;
-      (t = i.value) == null || t.style.setProperty("color-scheme", o ? "dark light" : "light dark");
+      (t = s.value) == null || t.style.setProperty("color-scheme", o ? "dark light" : "light dark");
     });
-    const i = q(null), l = q(null), r = q(null), f = q(null), m = q(null), c = q(null), g = E(""), v = E(0), h = q(null), S = H(() => {
+    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 = h.value) == null ? void 0 : o.toString()) || "";
-    }), xe = H(() => !!s.mentions), D = H(() => {
-      const o = S.value.substring(1).toLowerCase();
-      return s.mentions ? Object.entries(s.mentions).filter(([t, p]) => p.toLowerCase().startsWith(o)).sort(([t, p], [u, b]) => p.localeCompare(b)).map(([t, p]) => ({ name: t, value: p })) : [];
-    }), K = E(null), G = E(null), te = E(null), _ = H(() => K.value || G.value);
+      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(""), O = E(""), Ie = H(() => {
-      if (!O.value) return !0;
+    const ne = E(""), S = E(""), $e = z(() => {
+      if (!S.value) return !0;
       try {
-        return new URL(O.value), !0;
+        return new URL(S.value), !0;
       } catch {
         return !1;
       }
     });
-    T([ne, O], ([o, t]) => {
-      _.value && (_.value.textContent = o, _.value.setAttribute("href", t), $());
+    T([ne, S], ([o, t]) => {
+      A.value && (A.value.textContent = o, A.value.setAttribute("href", t), B());
     });
-    const ue = E(null), ce = E(null), oe = E(0), _e = H(() => "." + ".".repeat(oe.value % 5));
+    const ue = E(null), ce = E(null), oe = E(0), Fe = z(() => "." + ".".repeat(oe.value % 5));
     let X = null;
-    const B = E("");
-    T(c, (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) || (B.value = ""));
+    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 F = [];
+    const I = [];
     function de(o, t) {
-      return c.value ? t ? o && B.value === t ? "" : o || B.value === t ? "-jte-active" : "" : o ? "-jte-active" : c.value.collapsed ? "-jte-disabled" : "" : "-jte-disabled";
+      return i.value ? t ? o && D.value === t ? "" : o || D.value === t ? "-jte-active" : "" : o ? "-jte-active" : i.value.collapsed ? "-jte-disabled" : "" : "-jte-disabled";
     }
-    function $() {
-      if (!l.value) return void (g.value = "");
-      const o = l.value.innerHTML;
-      g.value = o === "<br>" ? "" : (
+    function B() {
+      if (!r.value) return void (v.value = "");
+      const o = r.value.innerHTML;
+      v.value = o === "<br>" ? "" : (
         // edge case: empty editor
         o.replaceAll("&nbsp;", " ").trimEnd()
       );
     }
     function fe() {
       var o;
-      if (l.value && ((o = F[F.length - 1]) == null ? void 0 : o.content) !== g.value) {
-        const t = he(l.value) || { start: 0, end: 0 };
-        F.push({ ...t, content: g.value }), F.length > 100 && F.shift();
+      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();
       }
     }
-    function Fe() {
-      if (!l.value || !c.value) return;
-      const o = F.pop();
+    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;
-      l.value.replaceChildren(...t.childNodes), ge(l.value, o);
+      r.value.replaceChildren(...t.childNodes), be(r.value, o);
     }
-    function we() {
+    function ye() {
       var o;
-      if (h.value && ((o = c.value) != null && o.collapsed)) {
-        const t = h.value.cloneRange();
-        if (t.setEnd(c.value.startContainer, c.value.startOffset), t.toString().match(/^@[^\r\n]*$/)) {
-          h.value = t;
+      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;
           return;
         }
       }
-      h.value = null;
+      p.value = null;
     }
-    function ye(o, t) {
-      if (!l.value || !h.value) return;
-      const p = l.value;
+    function we(o, t) {
+      if (!r.value || !p.value) return;
+      const m = r.value;
       fe();
-      const u = document.createDocumentFragment(), b = document.createElement("link");
-      b.setAttribute("rel", "mention"), b.setAttribute("name", o), b.setAttribute("title", t), u.append(b, " ");
-      const d = me(p, h.value, u);
-      z(d, !0), h.value = null, $();
+      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();
     }
     function J(o, t = {}) {
-      if (!l.value || !c.value) return;
-      const p = l.value;
-      if (c.value.collapsed) {
-        B.value = o, p.focus();
+      if (!r.value || !i.value) return;
+      const m = r.value;
+      if (i.value.collapsed) {
+        D.value = o, m.focus();
         return;
       }
       fe();
-      const u = W(p, c.value);
-      Pe(p, c.value, o, t), z(u), $();
+      const u = W(m, i.value);
+      Be(m, i.value, o, t), _(u), B();
     }
-    function ze() {
+    function Ae() {
       var u;
-      if (!l.value || !((u = c.value) != null && u.collapsed)) return;
-      const o = l.value, t = W(o, c.value), p = document.createTextNode("@");
-      c.value.insertNode(p), t.end += 1, h.value = U(o, t), t.start += 1, z(t);
+      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);
     }
-    function z(o, t) {
-      if (!l.value) return;
-      const p = l.value;
-      c.value = ge(p, o, t), p.focus();
+    function _(o, t) {
+      if (!r.value) return;
+      const m = r.value;
+      i.value = be(m, o, t), m.focus();
     }
-    function He() {
-      g.value && Te("submit", g.value);
+    function Ie() {
+      var o;
+      v.value && ((o = l.onSubmit) == null || o.call(l, v.value));
     }
-    function Ve(o) {
+    function _e(o) {
       if (o.metaKey || o.ctrlKey)
         switch (o.key) {
           case "b":
@@ -431,233 +444,235 @@ const Et = { render: Tt }, Rt = ["onMousedown"], kt = { class: "-jte-mentions-en
             J("i"), o.preventDefault();
             break;
           case "z":
-            Fe(), o.preventDefault();
+            Pe(), o.preventDefault();
             break;
         }
-      else if (h.value)
+      else if (p.value)
         switch (o.key) {
           case "Home":
-            v.value = 0, o.preventDefault();
+            h.value = 0, o.preventDefault();
             break;
           case "ArrowUp":
-            v.value = Math.max(v.value - 1, 0), o.preventDefault();
+            h.value = Math.max(h.value - 1, 0), o.preventDefault();
             break;
           case "PageUp":
-            v.value = Math.max(v.value - 4, 0), o.preventDefault();
+            h.value = Math.max(h.value - 4, 0), o.preventDefault();
             break;
           case "ArrowDown":
-            v.value = Math.min(v.value + 1, D.value.length - 1), o.preventDefault();
+            h.value = Math.min(h.value + 1, M.value.length - 1), o.preventDefault();
             break;
           case "PageDown":
-            v.value = Math.min(v.value + 4, D.value.length - 1), o.preventDefault();
+            h.value = Math.min(h.value + 4, M.value.length - 1), o.preventDefault();
             break;
           case "End":
-            v.value = D.value.length - 1, o.preventDefault();
+            h.value = M.value.length - 1, o.preventDefault();
             break;
           case "Escape":
-            h.value = null, o.preventDefault();
+            p.value = null, o.preventDefault();
             break;
           case "Enter": {
-            const t = D.value[v.value];
-            t && ye(t.name, t.value), o.preventDefault();
+            const t = M.value[h.value];
+            t && we(t.name, t.value), o.preventDefault();
             break;
           }
         }
     }
-    function Ue(o) {
-      if (o.preventDefault(), !l.value || !c.value) return;
+    function ze(o) {
+      if (o.preventDefault(), !r.value || !i.value) return;
       const t = o.clipboardData;
       if (!t) return;
-      const p = t.getData("text/html") || t.getData("text/plain");
-      if (!p) return;
-      const u = me(l.value, c.value, p);
-      z(u, !0), $();
+      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 We(o) {
-      if (l.value && c.value && (fe(), !c.value.collapsed && (o.inputType === "deleteContentBackward" || o.inputType === "deleteContentForward"))) {
+    function He(o) {
+      if (r.value && i.value && (fe(), !i.value.collapsed && (o.inputType === "deleteContentBackward" || o.inputType === "deleteContentForward"))) {
         o.preventDefault(), o.stopPropagation();
-        const t = me(l.value, c.value, "");
-        z(t, !0), $();
+        const t = he(r.value, i.value, "");
+        _(t, !0), B();
       }
     }
-    function Ke(o) {
-      var b;
-      const t = l.value;
+    function Ve(o) {
+      var g;
+      const t = r.value;
       if (!t) return;
-      const p = h.value ? W(t, h.value) : null, u = he(t);
-      if (B.value && u && u.start === u.end && o.inputType === "insertText" && o.data !== "@" && !h.value) {
+      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 });
-        Pe(t, d, B.value);
+        Be(t, d, D.value);
       }
-      if (B.value = "", ee(t), p && (h.value = U(t, p)), u && (t.innerHTML === "<br>" ? ((b = document.getSelection()) == null || b.setBaseAndExtent(t, 0, t, 0), t.focus()) : z(u)), !_.value && !h.value && o.data === "@" && o.inputType === "insertText") {
+      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 x = be(t, d.anchorNode, d.anchorOffset);
-        if (x.match(/(\s|^)@$/)) {
-          const w = x.length === 1 ? 0 : x.length - 1, j = x.length, R = { start: w, end: j };
-          h.value = U(t, R);
+        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);
         }
       } else
-        we();
-      $();
+        ye();
+      B();
     }
     function Ne(o) {
-      i.value && Ce(i.value) || (K.value = null, te.value = null, G.value = null), c.value = l.value ? Ce(l.value) : null, we();
+      s.value && xe(s.value) || (K.value = null, te.value = null, G.value = null), i.value = r.value ? xe(r.value) : null, ye();
     }
-    Ze(() => {
-      if (document.addEventListener("selectionchange", Ne), !i.value) throw new Error("Root not referenced");
-      if (!l.value) throw new Error("Editor not referenced");
-      if (!r.value) throw new Error("Popup not referenced");
-      if (!f.value) throw new Error("List not referenced");
-      if (!m.value) throw new Error("Popup not referenced");
-      const o = i.value, t = l.value, p = r.value, u = f.value, b = m.value;
-      T(g, (d) => {
-        d !== a.value && (a.value = d);
-      }), T(a, (d) => {
-        if (d === g.value) return;
-        const x = `<html><body>${d}</body></html>`, w = new DOMParser().parseFromString(x, "text/html").body;
-        ee(w), t.replaceChildren(...w.childNodes), $();
-      }, { immediate: !0 }), T(xe, (d) => {
+    return T(x, (o) => {
+      var t;
+      return o && ((t = l.onMention) == null ? void 0 : t.call(l, o));
+    }), 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 (!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(_, (d) => {
-        if (ne.value = (d == null ? void 0 : d.textContent) || "", O.value = (d == null ? void 0 : d.getAttribute("href")) || "", O.value === "http://__placeholder__/" && (d == null || d.setAttribute("href", ""), O.value = ""), !d) {
-          const x = he(t);
-          ee(t), x && ge(t, x), b.style.display = "none", b.style.top = "0", b.style.left = "0";
+      }, { 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";
           return;
         }
-        Le(() => {
-          b.style.display = "flex";
-          const x = o.getBoundingClientRect(), w = d.getBoundingClientRect(), j = t.getBoundingClientRect(), R = getComputedStyle(b), k = parseInt(R.width), L = parseInt(R.height), re = w.top - L - 6 > j.top, se = w.bottom + L + 3 < j.bottom, Q = w.left + k < j.right;
-          b.style.top = !se && re ? `${w.top - L - x.top - 6}px` : (
+        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` : (
             // over the link
-            `${w.bottom - x.top + 3}px`
-          ), b.style.left = Q ? `${w.left - x.left}px` : (
+            `${y.bottom - C.top + 3}px`
+          ), g.style.left = Q ? `${y.left - C.left}px` : (
             // right of the link
-            `${j.right - k - x.left}px`
+            `${O.right - k - C.left}px`
           );
         });
-      }, { immediate: !0 }), T([v, h, D], ([d, x, w], [j = -1]) => {
-        if (d >= w.length && (d = Math.max(w.length - 1, 0)), v.value = d, !!p && u) {
-          if (!x) {
-            v.value = 0, p.style.display = "none", p.style.top = "0", p.style.left = "0", u.scrollTop = 0;
+      }, { 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) {
+          if (!C) {
+            h.value = 0, m.style.display = "none", m.style.top = "0", m.style.left = "0", u.scrollTop = 0;
             return;
           }
-          Le(() => {
-            p.style.display = "block";
-            const R = o.getBoundingClientRect(), k = x.getBoundingClientRect(), L = t.getBoundingClientRect(), re = getComputedStyle(p), se = parseInt(re.width), Q = parseInt(re.height), Ge = k.top - Q - 6 > L.top, Xe = k.bottom + Q + 3 < L.bottom, Je = k.left + se < L.right;
-            p.style.top = !Xe && Ge ? `${k.top - Q - R.top - 6}px` : (
+          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` : (
               // over the link
               `${k.bottom - R.top + 3}px`
-            ), p.style.left = Je ? `${k.left - R.left}px` : (
+            ), m.style.left = Ke ? `${k.left - R.left}px` : (
               // right of the link
-              `${L.right - se - R.left}px`
+              `${j.right - le - R.left}px`
             );
-            const pe = u.querySelectorAll("li")[v.value];
-            if (!pe) return;
-            const Ee = getComputedStyle(pe), Re = parseFloat(Ee.getPropertyValue("border-top-width")) || 0, ke = parseFloat(Ee.getPropertyValue("border-bottom-width")) || 0, Y = u.getBoundingClientRect(), ve = pe.getBoundingClientRect(), le = ve.top - Y.top, Se = ve.bottom - Y.bottom, Oe = ve.bottom - Y.top;
-            d > j ? Oe > Y.height ? u.scrollTop += Se - ke : le < 0 && (u.scrollTop += le + Re) : le < 0 ? u.scrollTop += le + Re : Se > 0 && (u.scrollTop += Oe - Y.height - ke);
+            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);
           });
         }
-      }, { immediate: !0 }), T(c, (d) => {
+      }, { 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 });
-    }), et(() => {
+    }), Ye(() => {
       document.removeEventListener("selectionchange", Ne), X && clearInterval(X);
-    });
-    const Te = e;
-    return T(S, (o) => o && Te("mention", o)), (o, t) => {
-      var p;
-      return N(), y("div", {
-        class: M(["juit-tiny-edit", { "-jte-editable": n.editable, "-jte-dark": n.dark }])
+    }), (o, t) => {
+      var m;
+      return w(), N("div", {
+        class: L(["juit-tiny-edit", { "-jte-editable": n.editable, "-jte-dark": n.dark }])
       }, [
-        C("div", {
+        b("div", {
           ref_key: "rootRef",
-          ref: i,
+          ref: s,
           class: "-jte-root"
         }, [
-          C("div", {
+          b("div", {
             ref_key: "mentionsPopupRef",
-            ref: r,
+            ref: c,
             class: "-jte-mentions-popup"
           }, [
-            C("ul", {
+            b("ul", {
               ref_key: "mentionsListRef",
-              ref: f
+              ref: a
             }, [
-              (N(!0), y(tt, null, nt(D.value, (u, b) => (N(), y("li", {
-                key: b,
-                class: M({ "-jte-mentions-selected": v.value === b }),
-                onMousedown: (d) => 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)
               }, [
-                C("div", kt, [
-                  ot(V(u.value) + " ", 1),
-                  C("span", St, V(u.name), 1)
+                b("div", Rt, [
+                  tt(H(u.value) + " ", 1),
+                  b("span", kt, H(u.name), 1)
                 ])
-              ], 42, Rt))), 128))
+              ], 42, Et))), 128))
             ], 512),
-            xe.value ? D.value.length ? Me("", !0) : (N(), y("div", jt, V(S.value), 1)) : (N(), y("div", Ot, V(S.value) + V(_e.value), 1))
+            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))
           ], 512),
-          C("div", {
+          b("div", {
             ref_key: "linksPopupRef",
-            ref: m,
+            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)
           }, [
-            C("div", null, [
-              P(A(Et), { class: "-jte-icon" }),
-              De(C("input", {
+            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), [
-                [Be, ne.value]
+                [Le, ne.value]
               ])
             ]),
-            C("div", {
-              class: M({ "-jte-error": !Ie.value })
+            b("div", {
+              class: L({ "-jte-error": !$e.value })
             }, [
-              P(A(Ae), { class: "-jte-icon" }),
-              De(C("input", {
-                "onUpdate:modelValue": t[1] || (t[1] = (u) => O.value = u),
+              V($(qe), { class: "-jte-icon" }),
+              je(b("input", {
+                "onUpdate:modelValue": t[1] || (t[1] = (u) => S.value = u),
                 type: "text"
               }, null, 512), [
-                [Be, O.value]
+                [Le, S.value]
               ])
             ], 2)
           ], 544),
-          n.placeholder && !g.value ? (N(), y("div", Lt, V(n.placeholder), 1)) : Me("", !0),
-          C("div", {
+          n.placeholder && !v.value ? (w(), N("div", jt, H(n.placeholder), 1)) : me("", !0),
+          b("div", {
             ref_key: "editorRef",
-            ref: l,
+            ref: r,
             class: "-jte-editor",
             contenteditable: n.editable ? "plaintext-only" : "false",
-            onBeforeinput: t[4] || (t[4] = (u) => We(u)),
-            onInput: t[5] || (t[5] = (u) => Ke(u)),
-            onKeydown: t[6] || (t[6] = (u) => Ve(u)),
-            onPaste: t[7] || (t[7] = (u) => Ue(u)),
+            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, Mt),
-          C("div", Dt, [
-            P(A(Ct), {
-              class: M(["-jte-icon -jte-icon-mention", { "-jte-disabled": !((p = c.value) != null && p.collapsed) }]),
-              onClick: ze
+          }, 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"]),
-            P(A(dt), {
-              class: M(["-jte-icon -jte-icon-bold", de(ue.value, "b")]),
+            V($(ct), {
+              class: L(["-jte-icon -jte-icon-bold", de(ue.value, "b")]),
               onClick: t[9] || (t[9] = (u) => J("b"))
             }, null, 8, ["class"]),
-            P(A(vt), {
-              class: M(["-jte-icon -jte-icon-italic", de(ce.value, "i")]),
+            V($(vt), {
+              class: L(["-jte-icon -jte-icon-italic", de(ce.value, "i")]),
               onClick: t[10] || (t[10] = (u) => J("i"))
             }, null, 8, ["class"]),
-            P(A(Ae), {
-              class: M(["-jte-icon -jte-icon-href", de(_.value)]),
+            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"]),
-            P(A(yt), {
-              class: M(["-jte-icon -jte-icon-send", { "-jte-disabled": !g.value, "-jte-active": !!g.value }]),
-              onClick: He
-            }, 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);
@@ -665,6 +680,6 @@ const Et = { render: Tt }, Rt = ["onMousedown"], kt = { class: "-jte-mentions-en
   }
 });
 export {
-  $t as default
+  Bt as default
 };
 //# sourceMappingURL=index.js.map