@juit/vue-tiny-editor 1.0.68 → 1.0.73

package/dist/index.js

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