@dialpad/dialtone 9.2.0 → 9.4.0

package/dist/vue3/message_input.js

@@ -1,8 +1,8 @@
-import { t as sn, _ as Ue, j as Do, l as Ao, D as Io } from "./tooltip-Cr_G7ib3.js";
-import { defineComponent as ft, ref as on, onMounted as Vi, onBeforeUnmount as ar, h as Ve, getCurrentInstance as Po, watchEffect as Ro, nextTick as Bo, unref as Fo, Teleport as zo, markRaw as ln, reactive as ji, provide as Nr, customRef as Lo, resolveComponent as j, openBlock as _, createBlock as se, withCtx as V, createVNode as Z, createElementBlock as qt, withDirectives as $i, createElementVNode as Be, Fragment as Vo, renderList as jo, normalizeClass as Hn, withModifiers as Hi, resolveDynamicComponent as $o, vShow as qi, createTextVNode as cr, toDisplayString as it, withKeys as Ho, normalizeStyle as qo, mergeProps as vr, renderSlot as _o, createCommentVNode as Xe, createSlots as Wo } from "vue";
-import { D as _i, C as Ko, m as Jo, o as Wi, B as Uo, w as Go, t as Yo } from "./emoji-1yDNLQQx.js";
-import { D as Xo, a as Ki, b as Zo, c as Qo, d as el } from "./stack-l0ciejd8.js";
-import { _ as tl } from "./emoji_picker-DCzVDeyC.js";
+import { t as sn, _ as Ue, j as vo, l as Ao, D as Io } from "./tooltip-Cr_G7ib3.js";
+import { defineComponent as ft, ref as on, onMounted as Vi, onBeforeUnmount as ar, h as Ve, getCurrentInstance as Po, watchEffect as Ro, nextTick as Bo, unref as Fo, Teleport as zo, markRaw as ln, reactive as ji, provide as Nr, customRef as Lo, resolveComponent as j, openBlock as _, createBlock as se, withCtx as V, createVNode as Z, createElementBlock as qt, withDirectives as $i, createElementVNode as Be, Fragment as Vo, renderList as jo, normalizeClass as Hn, withModifiers as Hi, resolveDynamicComponent as $o, vShow as qi, createTextVNode as cr, toDisplayString as it, withKeys as Ho, normalizeStyle as qo, mergeProps as Dr, renderSlot as _o, createCommentVNode as Xe, createSlots as Wo } from "vue";
+import { D as _i, C as Ko, m as Jo, o as Wi, B as Uo, w as Go, t as Yo } from "./emoji-w7mkBLzY.js";
+import { D as Xo, a as Ki, b as Zo, c as Qo, d as el } from "./stack-FdfddyeK.js";
+import { _ as tl } from "./emoji_picker-nLVt8cFZ.js";
 function L(n) {
   this.content = n;
 }
@@ -1605,14 +1605,14 @@ function al(n) {
       break;
   return e;
 }
-function Dr(n) {
+function vr(n) {
   /\D/.test(n.next) && n.err("Expected number, got '" + n.next + "'");
   let e = Number(n.next);
   return n.pos++, e;
 }
 function cl(n, e) {
-  let t = Dr(n), r = t;
-  return n.eat(",") && (n.next != "}" ? r = Dr(n) : r = -1), n.eat("}") || n.err("Unclosed braced range"), { type: "range", min: t, max: r, expr: e };
+  let t = vr(n), r = t;
+  return n.eat(",") && (n.next != "}" ? r = vr(n) : r = -1), n.eat("}") || n.err("Unclosed braced range"), { type: "range", min: t, max: r, expr: e };
 }
 function dl(n, e) {
   let t = n.nodeTypes, r = t[e];
@@ -3461,7 +3461,7 @@ function pt(n) {
   }
   return null;
 }
-function vl(n, e, t) {
+function Dl(n, e, t) {
   let { $from: r, $to: i, depth: s } = e, o = r.before(s + 1), l = i.after(s + 1), a = o, c = l, d = b.empty, u = 0;
   for (let p = s, m = !1; p > t; p--)
     m || r.index(p) > 0 ? (m = !0, d = b.from(r.node(p).copy(d)), u++) : a--;
@@ -3471,13 +3471,13 @@ function vl(n, e, t) {
   n.step(new F(a, c, o, l, new k(d.append(h), u, f), d.size - u, !0));
 }
 function ms(n, e, t = null, r = n) {
-  let i = Dl(n, e), s = i && Al(r, e);
+  let i = vl(n, e), s = i && Al(r, e);
   return s ? i.map(Vr).concat({ type: e, attrs: t }).concat(s.map(Vr)) : null;
 }
 function Vr(n) {
   return { type: n, attrs: null };
 }
-function Dl(n, e) {
+function vl(n, e) {
   let { parent: t, startIndex: r, endIndex: i } = n, s = t.contentMatchAt(r).findWrapping(e);
   if (!s)
     return null;
@@ -4105,7 +4105,7 @@ class ws {
   sure the lift is valid.
   */
   lift(e, t) {
-    return vl(this, e, t), this;
+    return Dl(this, e, t), this;
   }
   /**
   Join the blocks around the given position. If depth is 2, their
@@ -4794,7 +4794,7 @@ const Gl = [
     }
   })
 ];
-class vn {
+class Dn {
   constructor(e, t) {
     this.schema = e, this.plugins = [], this.pluginsByKey = /* @__PURE__ */ Object.create(null), this.fields = Gl.slice(), t && t.forEach((r) => {
       if (this.pluginsByKey[r.key])
@@ -4895,7 +4895,7 @@ class nt {
   Create a new state.
   */
   static create(e) {
-    let t = new vn(e.doc ? e.doc.type.schema : e.schema, e.plugins), r = new nt(t);
+    let t = new Dn(e.doc ? e.doc.type.schema : e.schema, e.plugins), r = new nt(t);
     for (let i = 0; i < t.fields.length; i++)
       r[t.fields[i].name] = t.fields[i].init(e, r);
     return r;
@@ -4909,7 +4909,7 @@ class nt {
   configuration object..
   */
   reconfigure(e) {
-    let t = new vn(this.schema, e.plugins), r = t.fields, i = new nt(t);
+    let t = new Dn(this.schema, e.plugins), r = t.fields, i = new nt(t);
     for (let s = 0; s < r.length; s++) {
       let o = r[s].name;
       i[o] = this.hasOwnProperty(o) ? this[o] : r[s].init(e, i);
@@ -4946,7 +4946,7 @@ class nt {
       throw new RangeError("Invalid input for EditorState.fromJSON");
     if (!e.schema)
       throw new RangeError("Required config field 'schema' missing");
-    let i = new vn(e.schema, e.plugins), s = new nt(i);
+    let i = new Dn(e.schema, e.plugins), s = new nt(i);
     return i.fields.forEach((o) => {
       if (o.name == "doc")
         s.doc = He.fromJSON(e.schema, t.doc);
@@ -4989,9 +4989,9 @@ class ee {
     return e[this.key];
   }
 }
-const Dn = /* @__PURE__ */ Object.create(null);
+const vn = /* @__PURE__ */ Object.create(null);
 function Cs(n) {
-  return n in Dn ? n + "$" + ++Dn[n] : (Dn[n] = 0, n + "$");
+  return n in vn ? n + "$" + ++vn[n] : (vn[n] = 0, n + "$");
 }
 class re {
   /**
@@ -5246,7 +5246,7 @@ function ua(n, e, t, r) {
   }
   return i > -1 ? i : n.docView.posFromDOM(e, t, -1);
 }
-function vs(n, e, t) {
+function Ds(n, e, t) {
   let r = n.childNodes.length;
   if (r && t.top < t.bottom)
     for (let i = Math.max(0, Math.min(r - 1, Math.floor(r * (e.top - t.top) / (t.bottom - t.top)) - 2)), s = i; ; ) {
@@ -5256,7 +5256,7 @@ function vs(n, e, t) {
         for (let a = 0; a < l.length; a++) {
           let c = l[a];
           if (pr(e, c))
-            return vs(o, e, c);
+            return Ds(o, e, c);
         }
       }
       if ((s = (s + 1) % r) == i)
@@ -5270,7 +5270,7 @@ function ha(n, e) {
   let o = (n.root.elementFromPoint ? n.root : t).elementFromPoint(e.left, e.top), l;
   if (!o || !n.dom.contains(o.nodeType != 1 ? o.parentNode : o)) {
     let c = n.dom.getBoundingClientRect();
-    if (!pr(e, c) || (o = vs(n.dom, e, c), !o))
+    if (!pr(e, c) || (o = Ds(n.dom, e, c), !o))
       return null;
   }
   if (U)
@@ -5301,7 +5301,7 @@ function xe(n, e) {
   return Array.prototype.find.call(t, Yr) || n.getBoundingClientRect();
 }
 const fa = /[\u0590-\u05f4\u0600-\u06ff\u0700-\u08ac]/;
-function Ds(n, e, t) {
+function vs(n, e, t) {
   let { node: r, offset: i, atom: s } = n.docView.domFromPos(e, t < 0 ? -1 : 1), o = Rt || de;
   if (r.nodeType == 3)
     if (o && (fa.test(r.nodeValue) || (t < 0 ? !i : i == r.nodeValue.length))) {
@@ -5382,7 +5382,7 @@ function pa(n, e, t) {
       }
       s = l.dom.parentNode;
     }
-    let o = Ds(n, i.pos, 1);
+    let o = vs(n, i.pos, 1);
     for (let l = s.firstChild; l; l = l.nextSibling) {
       let a;
       if (l.nodeType == 1)
@@ -6474,7 +6474,7 @@ function Se(n, e = !1) {
       }
     }
     if (n.domObserver.disconnectSelection(), n.cursorWrapper)
-      va(n);
+      Da(n);
     else {
       let { anchor: r, head: i } = t, s, o;
       ri && !(t instanceof N) && (t.$from.parent.inlineContent || (s = ii(n, t.from)), !t.empty && !t.$from.parent.inlineContent && (o = ii(n, t.to))), n.docView.setSelection(r, i, n.root, e), ri && (s && si(s), o && si(o)), t.visible ? n.dom.classList.remove("ProseMirror-hideselection") : (n.dom.classList.add("ProseMirror-hideselection"), "onselectionchange" in document && Na(n));
@@ -6510,7 +6510,7 @@ function Na(n) {
     }, 20));
   });
 }
-function va(n) {
+function Da(n) {
   let e = n.domSelection(), t = document.createRange(), r = n.cursorWrapper.dom, i = r.nodeName == "IMG";
   i ? t.setEnd(r.parentNode, J(r) + 1) : t.setEnd(r, 0), t.collapse(!1), e.removeAllRanges(), e.addRange(t), !i && !n.state.selection.visible && Q && Te <= 11 && (r.disabled = !0, r.disabled = !1);
 }
@@ -6540,7 +6540,7 @@ function Vs(n) {
     return !1;
   }
 }
-function Da(n) {
+function va(n) {
   let e = n.docView.domFromPos(n.state.selection.anchor, 0), t = n.domSelectionRange();
   return Ke(e.node, e.offset, t.anchorNode, t.anchorOffset);
 }
@@ -7250,12 +7250,12 @@ function sc(n, e) {
     t.parentNode && t.parentNode.removeChild(t), n.focus();
   }, 50);
 }
-const vt = Q && Te < 15 || ut && na < 604;
+const Dt = Q && Te < 15 || ut && na < 604;
 G.copy = Y.cut = (n, e) => {
   let t = e, r = n.state.selection, i = t.type == "cut";
   if (r.empty)
     return;
-  let s = vt ? null : t.clipboardData, o = r.content(), { dom: l, text: a } = $s(n, o);
+  let s = Dt ? null : t.clipboardData, o = r.content(), { dom: l, text: a } = $s(n, o);
   s ? (t.preventDefault(), s.clearData(), s.setData("text/html", l.innerHTML), s.setData("text/plain", a)) : sc(n, l), i && n.dispatch(n.state.tr.deleteSelection().scrollIntoView().setMeta("uiEvent", "cut"));
 };
 function oc(n) {
@@ -7268,10 +7268,10 @@ function lc(n, e) {
   t || (r.contentEditable = "true"), r.style.cssText = "position: fixed; left: -10000px; top: 10px", r.focus();
   let i = n.input.shiftKey && n.input.lastKeyCode != 45;
   setTimeout(() => {
-    n.focus(), r.parentNode && r.parentNode.removeChild(r), t ? Dt(n, r.value, null, i, e) : Dt(n, r.textContent, r.innerHTML, i, e);
+    n.focus(), r.parentNode && r.parentNode.removeChild(r), t ? vt(n, r.value, null, i, e) : vt(n, r.textContent, r.innerHTML, i, e);
   }, 50);
 }
-function Dt(n, e, t, r, i) {
+function vt(n, e, t, r, i) {
   let s = Hs(n, e, t, r, n.state.selection.$from);
   if (n.someProp("handlePaste", (a) => a(n, i, s || k.empty)))
     return !0;
@@ -7291,8 +7291,8 @@ Y.paste = (n, e) => {
   let t = e;
   if (n.composing && !ae)
     return;
-  let r = vt ? null : t.clipboardData, i = n.input.shiftKey && n.input.lastKeyCode != 45;
-  r && Dt(n, Zs(r), r.getData("text/html"), i, t) ? t.preventDefault() : lc(n, t);
+  let r = Dt ? null : t.clipboardData, i = n.input.shiftKey && n.input.lastKeyCode != 45;
+  r && vt(n, Zs(r), r.getData("text/html"), i, t) ? t.preventDefault() : lc(n, t);
 };
 class ac {
   constructor(e, t) {
@@ -7314,7 +7314,7 @@ G.dragstart = (n, e) => {
     }
   }
   let o = n.state.selection.content(), { dom: l, text: a } = $s(n, o);
-  t.dataTransfer.clearData(), t.dataTransfer.setData(vt ? "Text" : "text/html", l.innerHTML), t.dataTransfer.effectAllowed = "copyMove", vt || t.dataTransfer.setData("text/plain", a), n.dragging = new ac(o, !t[Qs]);
+  t.dataTransfer.clearData(), t.dataTransfer.setData(Dt ? "Text" : "text/html", l.innerHTML), t.dataTransfer.effectAllowed = "copyMove", Dt || t.dataTransfer.setData("text/plain", a), n.dragging = new ac(o, !t[Qs]);
 };
 G.dragend = (n) => {
   let e = n.dragging;
@@ -7333,7 +7333,7 @@ Y.drop = (n, e) => {
   let s = n.state.doc.resolve(i.pos), o = r && r.slice;
   o ? n.someProp("transformPasted", (p) => {
     o = p(o, n);
-  }) : o = Hs(n, Zs(t.dataTransfer), vt ? null : t.dataTransfer.getData("text/html"), !1, s);
+  }) : o = Hs(n, Zs(t.dataTransfer), Dt ? null : t.dataTransfer.getData("text/html"), !1, s);
   let l = !!(r && !t[Qs]);
   if (n.someProp("handleDrop", (p) => p(n, t, o || k.empty, l))) {
     t.preventDefault();
@@ -7410,7 +7410,7 @@ class Qt {
     this.spec.destroy && this.spec.destroy(e);
   }
 }
-class ve {
+class De {
   constructor(e, t) {
     this.attrs = e, this.spec = t || qe;
   }
@@ -7422,10 +7422,10 @@ class ve {
     return t.from < t.to;
   }
   eq(e) {
-    return this == e || e instanceof ve && At(this.attrs, e.attrs) && At(this.spec, e.spec);
+    return this == e || e instanceof De && At(this.attrs, e.attrs) && At(this.spec, e.spec);
   }
   static is(e) {
-    return e.type instanceof ve;
+    return e.type instanceof De;
   }
   destroy() {
   }
@@ -7492,7 +7492,7 @@ class ne {
   each inline node between `from` and `to`.
   */
   static inline(e, t, r, i) {
-    return new ne(e, t, new ve(r, i));
+    return new ne(e, t, new De(r, i));
   }
   /**
   Creates a node decoration. `from` and `to` should point precisely
@@ -7513,7 +7513,7 @@ class ne {
   @internal
   */
   get inline() {
-    return this.type instanceof ve;
+    return this.type instanceof De;
   }
   /**
   @internal
@@ -7647,7 +7647,7 @@ class R {
     let s = e + 1, o = s + t.content.size;
     for (let l = 0; l < this.local.length; l++) {
       let a = this.local[l];
-      if (a.from < o && a.to > s && a.type instanceof ve) {
+      if (a.from < o && a.to > s && a.type instanceof De) {
         let c = Math.max(s, a.from) - s, d = Math.min(o, a.to) - s;
         c < d && (i || (i = [])).push(a.copy(c, d));
       }
@@ -7686,11 +7686,11 @@ class R {
   localsInner(e) {
     if (this == q)
       return tt;
-    if (e.inlineContent || !this.local.some(ve.is))
+    if (e.inlineContent || !this.local.some(De.is))
       return this.local;
     let t = [];
     for (let r = 0; r < this.local.length; r++)
-      this.local[r].type instanceof ve || t.push(this.local[r]);
+      this.local[r].type instanceof De || t.push(this.local[r]);
     return t;
   }
 }
@@ -8156,25 +8156,25 @@ function Sc(n, e, t, r, i) {
       return M(n, Fe(13, "Enter"));
     });
   }, 20));
-  let D = p.start, A = p.endA, O, P, v;
+  let v = p.start, A = p.endA, O, P, D;
   if (x) {
     if (m.pos == g.pos)
-      Q && Te <= 11 && m.parentOffset == 0 && (n.domObserver.suppressSelectionUpdates(), setTimeout(() => Se(n), 20)), O = n.state.tr.delete(D, A), P = d.resolve(p.start).marksAcross(d.resolve(p.endA));
+      Q && Te <= 11 && m.parentOffset == 0 && (n.domObserver.suppressSelectionUpdates(), setTimeout(() => Se(n), 20)), O = n.state.tr.delete(v, A), P = d.resolve(p.start).marksAcross(d.resolve(p.endA));
     else if (
       // Adding or removing a mark
-      p.endA == p.endB && (v = xc(m.parent.content.cut(m.parentOffset, g.parentOffset), y.parent.content.cut(y.parentOffset, p.endA - y.start())))
+      p.endA == p.endB && (D = xc(m.parent.content.cut(m.parentOffset, g.parentOffset), y.parent.content.cut(y.parentOffset, p.endA - y.start())))
     )
-      O = n.state.tr, v.type == "add" ? O.addMark(D, A, v.mark) : O.removeMark(D, A, v.mark);
+      O = n.state.tr, D.type == "add" ? O.addMark(v, A, D.mark) : O.removeMark(v, A, D.mark);
     else if (m.parent.child(m.index()).isText && m.index() == g.index() - (g.textOffset ? 0 : 1)) {
       let M = m.parent.textBetween(m.parentOffset, g.parentOffset);
-      if (n.someProp("handleTextInput", (X) => X(n, D, A, M)))
+      if (n.someProp("handleTextInput", (X) => X(n, v, A, M)))
         return;
-      O = n.state.tr.insertText(M, D, A);
+      O = n.state.tr.insertText(M, v, A);
     }
   }
-  if (O || (O = n.state.tr.replace(D, A, c.doc.slice(p.start - c.from, p.endB - c.from))), c.sel) {
+  if (O || (O = n.state.tr.replace(v, A, c.doc.slice(p.start - c.from, p.endB - c.from))), c.sel) {
     let M = bi(n, O.doc, c.sel);
-    M && !(W && ae && n.composing && M.empty && (p.start != p.endB || n.input.lastAndroidDelete < Date.now() - 100) && (M.head == D || M.head == O.mapping.map(A) - 1) || Q && M.empty && M.head == D) && O.setSelection(M);
+    M && !(W && ae && n.composing && M.empty && (p.start != p.endB || n.input.lastAndroidDelete < Date.now() - 100) && (M.head == v || M.head == O.mapping.map(A) - 1) || Q && M.empty && M.head == v) && O.setSelection(M);
   }
   P && O.ensureMarks(P), s && O.setMeta("composition", s), n.dispatch(O.scrollIntoView());
 }
@@ -8320,7 +8320,7 @@ class Cc {
         let f = W ? this.trackWrites = this.domSelectionRange().focusNode : null;
         (i || !this.docView.update(e.doc, a, l, this)) && (this.docView.updateOuterDeco([]), this.docView.destroy(), this.docView = ti(e.doc, a, l, this.dom, this)), f && !this.trackWrites && (h = !0);
       }
-      h || !(this.input.mouseDown && this.domObserver.currentSelection.eq(this.domSelectionRange()) && Da(this)) ? Se(this, h) : (Ls(this, e.selection), this.domObserver.setCurSelection()), this.domObserver.start();
+      h || !(this.input.mouseDown && this.domObserver.currentSelection.eq(this.domSelectionRange()) && va(this)) ? Se(this, h) : (Ls(this, e.selection), this.domObserver.setCurSelection()), this.domObserver.start();
     }
     this.updatePluginViews(r), c == "reset" ? this.dom.scrollTop = 0 : c == "to selection" ? this.scrollToSelection() : u && oa(u);
   }
@@ -8443,7 +8443,7 @@ class Cc {
   otherwise the element after.
   */
   coordsAtPos(e, t = 1) {
-    return Ds(this, e, t);
+    return vs(this, e, t);
   }
   /**
   Find the DOM position that corresponds to the given document
@@ -8505,13 +8505,13 @@ class Cc {
   [`handlePaste`](https://prosemirror.net/docs/ref/#view.EditorProps.handlePaste) hook.
   */
   pasteHTML(e, t) {
-    return Dt(this, "", e, !1, t || new ClipboardEvent("paste"));
+    return vt(this, "", e, !1, t || new ClipboardEvent("paste"));
   }
   /**
   Run the editor's paste logic with the given plain-text input.
   */
   pasteText(e, t) {
-    return Dt(this, e, null, !0, t || new ClipboardEvent("paste"));
+    return vt(this, e, null, !0, t || new ClipboardEvent("paste"));
   }
   /**
   Removes the editor from the DOM and destroys all [node
@@ -8605,7 +8605,7 @@ function Mi(n) {
   if (n.spec.state || n.spec.filterTransaction || n.spec.appendTransaction)
     throw new RangeError("Plugins passed directly to the view must not have a state component");
 }
-var De = {
+var ve = {
   8: "Backspace",
   9: "Tab",
   10: "Enter",
@@ -8685,18 +8685,18 @@ var De = {
   222: '"'
 }, Tc = typeof navigator < "u" && /Mac/.test(navigator.platform), Nc = typeof navigator < "u" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
 for (var H = 0; H < 10; H++)
-  De[48 + H] = De[96 + H] = String(H);
+  ve[48 + H] = ve[96 + H] = String(H);
 for (var H = 1; H <= 24; H++)
-  De[H + 111] = "F" + H;
+  ve[H + 111] = "F" + H;
 for (var H = 65; H <= 90; H++)
-  De[H] = String.fromCharCode(H + 32), tn[H] = String.fromCharCode(H);
-for (var Bn in De)
-  tn.hasOwnProperty(Bn) || (tn[Bn] = De[Bn]);
-function vc(n) {
-  var e = Tc && n.metaKey && n.shiftKey && !n.ctrlKey && !n.altKey || Nc && n.shiftKey && n.key && n.key.length == 1 || n.key == "Unidentified", t = !e && n.key || (n.shiftKey ? tn : De)[n.keyCode] || n.key || "Unidentified";
+  ve[H] = String.fromCharCode(H + 32), tn[H] = String.fromCharCode(H);
+for (var Bn in ve)
+  tn.hasOwnProperty(Bn) || (tn[Bn] = ve[Bn]);
+function Dc(n) {
+  var e = Tc && n.metaKey && n.shiftKey && !n.ctrlKey && !n.altKey || Nc && n.shiftKey && n.key && n.key.length == 1 || n.key == "Unidentified", t = !e && n.key || (n.shiftKey ? tn : ve)[n.keyCode] || n.key || "Unidentified";
   return t == "Esc" && (t = "Escape"), t == "Del" && (t = "Delete"), t == "Left" && (t = "ArrowLeft"), t == "Up" && (t = "ArrowUp"), t == "Right" && (t = "ArrowRight"), t == "Down" && (t = "ArrowDown"), t;
 }
-const Dc = typeof navigator < "u" ? /Mac|iP(hone|[oa]d)/.test(navigator.platform) : !1;
+const vc = typeof navigator < "u" ? /Mac|iP(hone|[oa]d)/.test(navigator.platform) : !1;
 function Ac(n) {
   let e = n.split(/-(?!$)/), t = e[e.length - 1];
   t == "Space" && (t = " ");
@@ -8712,7 +8712,7 @@ function Ac(n) {
     else if (/^s(hift)?$/i.test(a))
       s = !0;
     else if (/^mod$/i.test(a))
-      Dc ? o = !0 : i = !0;
+      vc ? o = !0 : i = !0;
     else
       throw new Error("Unrecognized modifier name: " + a);
   }
@@ -8733,7 +8733,7 @@ function Pc(n) {
 function Rc(n) {
   let e = Ic(n);
   return function(t, r) {
-    let i = vc(r), s, o = e[Fn(i, r)];
+    let i = Dc(r), s, o = e[Fn(i, r)];
     if (o && o(t.state, t.dispatch, t))
       return !0;
     if (i.length == 1 && i != " ") {
@@ -8742,7 +8742,7 @@ function Rc(n) {
         if (l && l(t.state, t.dispatch, t))
           return !0;
       }
-      if ((r.shiftKey || r.altKey || r.metaKey || i.charCodeAt(0) > 127) && (s = De[r.keyCode]) && s != i) {
+      if ((r.shiftKey || r.altKey || r.metaKey || i.charCodeAt(0) > 127) && (s = ve[r.keyCode]) && s != i) {
         let l = e[Fn(s, r)];
         if (l && l(t.state, t.dispatch, t))
           return !0;
@@ -9583,12 +9583,12 @@ function gd(n) {
     md(m, s.find).forEach((y) => {
       if (y.index === void 0)
         return;
-      const x = f + y.index + 1, C = x + y[0].length, D = {
+      const x = f + y.index + 1, C = x + y[0].length, v = {
         from: t.tr.mapping.map(x),
         to: t.tr.mapping.map(C)
       }, A = s.handler({
         state: t,
-        range: D,
+        range: v,
         match: y,
         commands: o,
         chain: l,
@@ -9917,7 +9917,7 @@ const Sd = le.create({
 }, Nd = (n) => ({ tr: e, dispatch: t }) => {
   const { from: r, to: i } = n;
   return t && e.delete(r, i), !0;
-}, vd = () => ({ state: n, dispatch: e }) => Bc(n, e), Dd = () => ({ commands: n }) => n.keyboardShortcut("Enter"), Ad = () => ({ state: n, dispatch: e }) => Kc(n, e);
+}, Dd = () => ({ state: n, dispatch: e }) => Bc(n, e), vd = () => ({ commands: n }) => n.keyboardShortcut("Enter"), Ad = () => ({ state: n, dispatch: e }) => Kc(n, e);
 function nn(n, e, t = { strict: !0 }) {
   const r = Object.keys(e);
   return r.length ? r.every((i) => t.strict ? e[i] === n[i] : wr(e[i]) ? e[i].test(n[i]) : e[i] === n[i]) : !0;
@@ -10143,7 +10143,7 @@ const Jd = (n, e = {}) => ({ state: t, dispatch: r }) => {
 function bn(n, e) {
   return e.nodes[n] ? "node" : e.marks[n] ? "mark" : null;
 }
-function vi(n, e) {
+function Di(n, e) {
   const t = typeof e == "string" ? [e] : e;
   return Object.keys(n).reduce((r, i) => (t.includes(i) || (r[i] = n[i]), r), {});
 }
@@ -10152,8 +10152,8 @@ const Xd = (n, e) => ({ tr: t, state: r, dispatch: i }) => {
   const l = bn(typeof n == "string" ? n : n.name, r.schema);
   return l ? (l === "node" && (s = z(n, r.schema)), l === "mark" && (o = Pe(n, r.schema)), i && t.selection.ranges.forEach((a) => {
     r.doc.nodesBetween(a.$from.pos, a.$to.pos, (c, d) => {
-      s && s === c.type && t.setNodeMarkup(d, void 0, vi(c.attrs, e)), o && c.marks.length && c.marks.forEach((u) => {
-        o === u.type && t.addMark(d, d + c.nodeSize, o.create(vi(u.attrs, e)));
+      s && s === c.type && t.setNodeMarkup(d, void 0, Di(c.attrs, e)), o && c.marks.length && c.marks.forEach((u) => {
+        o === u.type && t.addMark(d, d + c.nodeSize, o.create(Di(u.attrs, e)));
       });
     });
   }), !0) : !1;
@@ -10313,8 +10313,8 @@ function or(n, e, t = {}) {
       if (!m.isText && !m.marks.length)
         return;
       const y = Math.max(f, g), x = Math.min(p, g + m.nodeSize), C = x - y;
-      o += C, l.push(...m.marks.map((D) => ({
-        mark: D,
+      o += C, l.push(...m.marks.map((v) => ({
+        mark: v,
         from: y,
         to: x
       })));
@@ -10330,7 +10330,7 @@ function bu(n, e, t = {}) {
   const r = bn(e, n.schema);
   return r === "node" ? It(n, e, t) : r === "mark" ? or(n, e, t) : !1;
 }
-function Di(n, e) {
+function vi(n, e) {
   const { nodeExtensions: t } = mn(e), r = t.find((o) => o.name === n);
   if (!r)
     return !1;
@@ -10464,7 +10464,7 @@ const Nu = ({ keepMarks: n = !0 } = {}) => ({ tr: e, state: t, dispatch: r, edit
     n && Ai(t, i.extensionManager.splittableMarks), e.scrollIntoView();
   }
   return !0;
-}, vu = (n) => ({ tr: e, state: t, dispatch: r, editor: i }) => {
+}, Du = (n) => ({ tr: e, state: t, dispatch: r, editor: i }) => {
   var s;
   const o = z(n, t.schema), { $from: l, $to: a } = t.selection, c = t.selection.node;
   if (c && c.isBlock || l.depth < 2 || !l.sameParent(a))
@@ -10481,15 +10481,15 @@ const Nu = ({ keepMarks: n = !0 } = {}) => ({ tr: e, state: t, dispatch: r, edit
       const y = l.index(-1) ? 1 : l.index(-2) ? 2 : 3;
       for (let P = l.depth - y; P >= l.depth - 3; P -= 1)
         g = b.from(l.node(P).copy(g));
-      const x = l.indexAfter(-1) < l.node(-2).childCount ? 1 : l.indexAfter(-2) < l.node(-3).childCount ? 2 : 3, C = Ht(u, l.node().type.name, l.node().attrs), D = ((s = o.contentMatch.defaultType) === null || s === void 0 ? void 0 : s.createAndFill(C)) || void 0;
-      g = g.append(b.from(o.createAndFill(null, D) || void 0));
+      const x = l.indexAfter(-1) < l.node(-2).childCount ? 1 : l.indexAfter(-2) < l.node(-3).childCount ? 2 : 3, C = Ht(u, l.node().type.name, l.node().attrs), v = ((s = o.contentMatch.defaultType) === null || s === void 0 ? void 0 : s.createAndFill(C)) || void 0;
+      g = g.append(b.from(o.createAndFill(null, v) || void 0));
       const A = l.before(l.depth - (y - 1));
       e.replace(A, l.after(-x), new k(g, 4 - y, 0));
       let O = -1;
-      e.doc.nodesBetween(A, e.doc.content.size, (P, v) => {
+      e.doc.nodesBetween(A, e.doc.content.size, (P, D) => {
         if (O > -1)
           return !1;
-        P.isTextblock && P.content.size === 0 && (O = v + 1);
+        P.isTextblock && P.content.size === 0 && (O = D + 1);
       }), O > -1 && e.setSelection(N.near(e.doc.resolve(O))), e.scrollIntoView();
     }
     return !0;
@@ -10506,8 +10506,8 @@ const Nu = ({ keepMarks: n = !0 } = {}) => ({ tr: e, state: t, dispatch: r, edit
     const { selection: g, storedMarks: y } = t, { splittableMarks: x } = i.extensionManager, C = y || g.$to.parentOffset && g.$from.marks();
     if (e.split(l.pos, 2, m).scrollIntoView(), !C || !r)
       return !0;
-    const D = C.filter((A) => x.includes(A.type.name));
-    e.ensureMarks(D);
+    const v = C.filter((A) => x.includes(A.type.name));
+    e.ensureMarks(v);
   }
   return !0;
 }, jn = (n, e) => {
@@ -10528,19 +10528,19 @@ const Nu = ({ keepMarks: n = !0 } = {}) => ({ tr: e, state: t, dispatch: r, edit
     return !0;
   const i = n.doc.nodeAt(r);
   return t.node.type === (i == null ? void 0 : i.type) && Ge(n.doc, r) && n.join(r), !0;
-}, Du = (n, e, t, r = {}) => ({ editor: i, tr: s, state: o, dispatch: l, chain: a, commands: c, can: d }) => {
-  const { extensions: u, splittableMarks: h } = i.extensionManager, f = z(n, o.schema), p = z(e, o.schema), { selection: m, storedMarks: g } = o, { $from: y, $to: x } = m, C = y.blockRange(x), D = g || m.$to.parentOffset && m.$from.marks();
+}, vu = (n, e, t, r = {}) => ({ editor: i, tr: s, state: o, dispatch: l, chain: a, commands: c, can: d }) => {
+  const { extensions: u, splittableMarks: h } = i.extensionManager, f = z(n, o.schema), p = z(e, o.schema), { selection: m, storedMarks: g } = o, { $from: y, $to: x } = m, C = y.blockRange(x), v = g || m.$to.parentOffset && m.$from.marks();
   if (!C)
     return !1;
-  const A = Or((O) => Di(O.type.name, u))(m);
+  const A = Or((O) => vi(O.type.name, u))(m);
   if (C.depth >= 1 && A && C.depth - A.depth <= 1) {
     if (A.node.type === f)
       return c.liftListItem(p);
-    if (Di(A.node.type.name, u) && f.validContent(A.node.content) && l)
+    if (vi(A.node.type.name, u) && f.validContent(A.node.content) && l)
       return a().command(() => (s.setNodeMarkup(A.pos, f), !0)).command(() => jn(s, f)).command(() => $n(s, f)).run();
   }
-  return !t || !D || !l ? a().command(() => d().wrapInList(f, r) ? !0 : c.clearNodes()).wrapInList(f, r).command(() => jn(s, f)).command(() => $n(s, f)).run() : a().command(() => {
-    const O = d().wrapInList(f, r), P = D.filter((v) => h.includes(v.type.name));
+  return !t || !v || !l ? a().command(() => d().wrapInList(f, r) ? !0 : c.clearNodes()).wrapInList(f, r).command(() => jn(s, f)).command(() => $n(s, f)).run() : a().command(() => {
+    const O = d().wrapInList(f, r), P = v.filter((D) => h.includes(D.type.name));
     return s.ensureMarks(P), O ? !0 : c.clearNodes();
   }).wrapInList(f, r).command(() => jn(s, f)).command(() => $n(s, f)).run();
 }, Au = (n, e = {}, t = {}) => ({ state: r, commands: i }) => {
@@ -10628,8 +10628,8 @@ var ju = /* @__PURE__ */ Object.freeze({
   deleteCurrentNode: Ed,
   deleteNode: Td,
   deleteRange: Nd,
-  deleteSelection: vd,
-  enter: Dd,
+  deleteSelection: Dd,
+  enter: vd,
   exitCode: Ad,
   extendMarkRange: Pd,
   first: Rd,
@@ -10662,8 +10662,8 @@ var ju = /* @__PURE__ */ Object.freeze({
   setTextSelection: Eu,
   sinkListItem: Tu,
   splitBlock: Nu,
-  splitListItem: vu,
-  toggleList: Du,
+  splitListItem: Du,
+  toggleList: vu,
   toggleMark: Au,
   toggleNode: Iu,
   toggleWrap: Pu,
@@ -11400,14 +11400,14 @@ class Zu {
       if (m || !a && !c)
         return;
       this.createTooltip();
-      const { ranges: x } = g, C = Math.min(...x.map((O) => O.$from.pos)), D = Math.max(...x.map((O) => O.$to.pos));
+      const { ranges: x } = g, C = Math.min(...x.map((O) => O.$from.pos)), v = Math.max(...x.map((O) => O.$to.pos));
       if (!((u = this.shouldShow) === null || u === void 0 ? void 0 : u.call(this, {
         editor: this.editor,
         view: l,
         state: p,
         oldState: d,
         from: C,
-        to: D
+        to: v
       }))) {
         this.hide();
         return;
@@ -11420,7 +11420,7 @@ class Zu {
             if (P && (O = P.firstChild), O)
               return O.getBoundingClientRect();
           }
-          return bo(l, C, D);
+          return bo(l, C, v);
         })
       }), this.show();
     }, this.editor = e, this.element = t, this.view = r, this.updateDelay = s, o && (this.shouldShow = o), this.element.addEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.view.dom.addEventListener("dragstart", this.dragstartHandler), this.editor.on("focus", this.focusHandler), this.editor.on("blur", this.blurHandler), this.tippyOptions = i, this.element.remove(), this.element.style.visibility = "visible";
@@ -12244,11 +12244,11 @@ function Co({ pluginKey: n = mh, editor: e, char: t = "@", allowSpaces: r = !1,
     view() {
       return {
         update: async (m, g) => {
-          var y, x, C, D, A, O, P;
-          const v = (y = this.key) === null || y === void 0 ? void 0 : y.getState(g), M = (x = this.key) === null || x === void 0 ? void 0 : x.getState(m.state), X = v.active && M.active && v.range.from !== M.range.from, Re = !v.active && M.active, Ft = v.active && !M.active, No = !Re && !Ft && v.query !== M.query, mt = Re || X, zt = No && !X, kn = Ft || X;
+          var y, x, C, v, A, O, P;
+          const D = (y = this.key) === null || y === void 0 ? void 0 : y.getState(g), M = (x = this.key) === null || x === void 0 ? void 0 : x.getState(m.state), X = D.active && M.active && D.range.from !== M.range.from, Re = !D.active && M.active, Ft = D.active && !M.active, No = !Re && !Ft && D.query !== M.query, mt = Re || X, zt = No && !X, kn = Ft || X;
           if (!mt && !zt && !kn)
             return;
-          const Ye = kn && !mt ? v : M, Tr = m.dom.querySelector(`[data-decoration-id="${Ye.decorationId}"]`);
+          const Ye = kn && !mt ? D : M, Tr = m.dom.querySelector(`[data-decoration-id="${Ye.decorationId}"]`);
           h = {
             editor: e,
             range: Ye.range,
@@ -12267,10 +12267,10 @@ function Co({ pluginKey: n = mh, editor: e, char: t = "@", allowSpaces: r = !1,
             // this can be used for building popups without a DOM node
             clientRect: Tr ? () => {
               var gt;
-              const { decorationId: vo } = (gt = this.key) === null || gt === void 0 ? void 0 : gt.getState(e.state), Sn = m.dom.querySelector(`[data-decoration-id="${vo}"]`);
+              const { decorationId: Do } = (gt = this.key) === null || gt === void 0 ? void 0 : gt.getState(e.state), Sn = m.dom.querySelector(`[data-decoration-id="${Do}"]`);
               return (Sn == null ? void 0 : Sn.getBoundingClientRect()) || null;
             } : null
-          }, mt && ((C = f == null ? void 0 : f.onBeforeStart) === null || C === void 0 || C.call(f, h)), zt && ((D = f == null ? void 0 : f.onBeforeUpdate) === null || D === void 0 || D.call(f, h)), (zt || mt) && (h.items = await c({
+          }, mt && ((C = f == null ? void 0 : f.onBeforeStart) === null || C === void 0 || C.call(f, h)), zt && ((v = f == null ? void 0 : f.onBeforeUpdate) === null || v === void 0 || v.call(f, h)), (zt || mt) && (h.items = await c({
             editor: e,
             query: Ye.query
           })), kn && ((A = f == null ? void 0 : f.onExit) === null || A === void 0 || A.call(f, h)), zt && ((O = f == null ? void 0 : f.onUpdate) === null || O === void 0 || O.call(f, h)), mt && ((P = f == null ? void 0 : f.onStart) === null || P === void 0 || P.call(f, h));
@@ -12297,9 +12297,9 @@ function Co({ pluginKey: n = mh, editor: e, char: t = "@", allowSpaces: r = !1,
       },
       // Apply changes to the plugin state from a view transaction.
       apply(m, g, y, x) {
-        const { isEditable: C } = e, { composing: D } = e.view, { selection: A } = m, { empty: O, from: P } = A, v = { ...g };
-        if (v.composing = D, C && (O || e.view.composing)) {
-          (P < g.range.from || P > g.range.to) && !D && !g.composing && (v.active = !1);
+        const { isEditable: C } = e, { composing: v } = e.view, { selection: A } = m, { empty: O, from: P } = A, D = { ...g };
+        if (D.composing = v, C && (O || e.view.composing)) {
+          (P < g.range.from || P > g.range.to) && !v && !g.composing && (D.active = !1);
           const M = ph({
             char: t,
             allowSpaces: r,
@@ -12307,10 +12307,10 @@ function Co({ pluginKey: n = mh, editor: e, char: t = "@", allowSpaces: r = !1,
             startOfLine: s,
             $position: A.$from
           }), X = `id_${Math.floor(Math.random() * 4294967295)}`;
-          M && u({ editor: e, state: x, range: M.range }) ? (v.active = !0, v.decorationId = g.decorationId ? g.decorationId : X, v.range = M.range, v.query = M.query, v.text = M.text) : v.active = !1;
+          M && u({ editor: e, state: x, range: M.range }) ? (D.active = !0, D.decorationId = g.decorationId ? g.decorationId : X, D.range = M.range, D.query = M.query, D.text = M.text) : D.active = !1;
         } else
-          v.active = !1;
-        return v.active || (v.decorationId = null, v.range = { from: 0, to: 0 }, v.query = null, v.text = null), v;
+          D.active = !1;
+        return D.active || (D.decorationId = null, D.range = { from: 0, to: 0 }, D.query = null, D.text = null), D;
       }
     },
     props: {
@@ -12519,11 +12519,11 @@ const wh = /* @__PURE__ */ Ue(Sh, [["render", xh]]), Mh = {
       text: n[0],
       match: n
     };
-}, vh = (n) => [...n.matchAll(Eh)].filter((t) => Wi(t[0])).map((t) => ({
+}, Dh = (n) => [...n.matchAll(Eh)].filter((t) => Wi(t[0])).map((t) => ({
   index: t.index,
   text: t[0],
   match: t
-})), Dh = ge.create({
+})), vh = ge.create({
   addOptions() {
     return {
       HTMLAttributes: {},
@@ -12597,7 +12597,7 @@ const wh = /* @__PURE__ */ Ue(Sh, [["render", xh]]), Mh = {
   addPasteRules() {
     return [
       Ri({
-        find: vh,
+        find: Dh,
         type: this.type,
         getAttributes(n) {
           return {
@@ -12675,7 +12675,7 @@ function Bh(n, e, t, r) {
   for (const l of o)
     l.mark.type === r && t.removeMark(l.from, l.to, r);
 }
-const zi = Do(1, 15);
+const zi = vo(1, 15);
 function Li(n, e, t, r, i, s) {
   if (!n)
     return;
@@ -12968,10 +12968,6 @@ const Jh = /* @__PURE__ */ Ue(Wh, [["render", Kh]]), Uh = {
     return {
       onStart: (t) => {
         n = new Er(Oo, {
-          // // using vue 2:
-          // parent: this,
-          // propsData: props,
-          // using vue 3:
           props: {
             itemComponent: ln(Jh),
             itemType: "mention",
@@ -13155,7 +13151,7 @@ const Jh = /* @__PURE__ */ Ue(Wh, [["render", Kh]]), Uh = {
         const e = { ...this.mentionSuggestion, ...Uh };
         n.push(_h.configure({ suggestion: e }));
       }
-      return n.push(Dh), n;
+      return n.push(vh), n;
     },
     inputAttrs() {
       const n = {
@@ -13467,7 +13463,25 @@ const Xh = /* @__PURE__ */ Ue(Gh, [["render", Yh]]), Zh = {
      * @event selected-emoji
      * @type {String}
      */
-    "selected-emoji"
+    "selected-emoji",
+    /**
+     * Native focus event
+     * @event input
+     * @type {String|JSON}
+     */
+    "focus",
+    /**
+     * Native blur event
+     * @event input
+     * @type {String|JSON}
+     */
+    "blur",
+    /**
+     * Native input event
+     * @event input
+     * @type {String|JSON}
+     */
+    "input"
   ],
   data() {
     return {
@@ -13549,8 +13563,14 @@ const Xh = /* @__PURE__ */ Ue(Gh, [["render", Yh]]), Zh = {
     onCancel() {
       this.$emit("cancel");
     },
-    focus() {
-      this.$refs.richTextEditor.focusEditor(), this.hasFocus = !0;
+    onFocus(n) {
+      this.hasFocus = !0, this.$refs.richTextEditor.focusEditor(), this.$emit("focus", n);
+    },
+    onBlur(n) {
+      this.hasFocus = !1, this.$emit("blur", n);
+    },
+    onInput(n) {
+      this.$emit("input", n);
     }
   }
 }, Qh = { class: "d-d-flex d-jc-space-between d-mx8 d-my4" }, ef = { class: "d-d-flex" }, tf = { class: "d-d-flex" }, nf = { key: 0 };
@@ -13568,19 +13588,17 @@ function rf(n, e, t, r, i, s) {
       "d-c-text",
       { "d-bc-black-500 d-bs-sm": i.hasFocus, "d-bc-default": !i.hasFocus }
     ]),
-    onClick: e[16] || (e[16] = (f) => n.$refs.richTextEditor.focusEditor()),
-    onDragEnter: e[17] || (e[17] = (...f) => s.onDrag && s.onDrag(...f)),
-    onDragOver: e[18] || (e[18] = (...f) => s.onDrag && s.onDrag(...f)),
-    onDrop: e[19] || (e[19] = (...f) => s.onDrop && s.onDrop(...f)),
-    onKeydown: e[20] || (e[20] = Ho(Hi((...f) => s.onSend && s.onSend(...f), ["exact"]), ["enter"])),
-    onFocusin: e[21] || (e[21] = (f) => i.hasFocus = !0),
-    onFocusout: e[22] || (e[22] = (f) => i.hasFocus = !1)
+    onClick: e[15] || (e[15] = (f) => n.$refs.richTextEditor.focusEditor()),
+    onDragEnter: e[16] || (e[16] = (...f) => s.onDrag && s.onDrag(...f)),
+    onDragOver: e[17] || (e[17] = (...f) => s.onDrag && s.onDrag(...f)),
+    onDrop: e[18] || (e[18] = (...f) => s.onDrop && s.onDrop(...f)),
+    onKeydown: e[19] || (e[19] = Ho(Hi((...f) => s.onSend && s.onSend(...f), ["exact"]), ["enter"]))
   }, [
     Be("div", {
       class: "d-of-auto d-mx16 d-mt8 d-mb4",
       style: qo({ "max-height": t.maxHeight })
     }, [
-      Z(o, vr({
+      Z(o, Dr({
         ref: "richTextEditor",
         modelValue: i.internalInputValue,
         "onUpdate:modelValue": e[0] || (e[0] = (f) => i.internalInputValue = f),
@@ -13592,9 +13610,10 @@ function rf(n, e, t, r, i, s) {
         link: t.link,
         placeholder: t.placeholder
       }, n.$attrs, {
-        onFocus: e[1] || (e[1] = (f) => i.hasFocus = !0),
-        onBlur: e[2] || (e[2] = (f) => i.hasFocus = !1)
-      }), null, 16, ["modelValue", "editable", "input-aria-label", "input-class", "output-format", "auto-focus", "link", "placeholder"])
+        onFocus: s.onFocus,
+        onBlur: s.onBlur,
+        onInput: e[1] || (e[1] = (f) => s.onInput(f))
+      }), null, 16, ["modelValue", "editable", "input-aria-label", "input-class", "output-format", "auto-focus", "link", "placeholder", "onFocus", "onBlur"])
     ], 4),
     _o(n.$slots, "middle"),
     Be("section", Qh, [
@@ -13614,10 +13633,10 @@ function rf(n, e, t, r, i, s) {
               importance: "clear",
               "aria-label": t.showImagePicker.ariaLabel,
               onClick: s.onSelectImage,
-              onMouseenter: e[3] || (e[3] = (f) => i.imagePickerFocus = !0),
-              onMouseleave: e[4] || (e[4] = (f) => i.imagePickerFocus = !1),
-              onFocusin: e[5] || (e[5] = (f) => i.imagePickerFocus = !0),
-              onFocusout: e[6] || (e[6] = (f) => i.imagePickerFocus = !1)
+              onMouseenter: e[2] || (e[2] = (f) => i.imagePickerFocus = !0),
+              onMouseleave: e[3] || (e[3] = (f) => i.imagePickerFocus = !1),
+              onFocus: e[4] || (e[4] = (f) => i.imagePickerFocus = !0),
+              onBlur: e[5] || (e[5] = (f) => i.imagePickerFocus = !1)
             }, {
               icon: V(() => [
                 Z(l, {
@@ -13645,7 +13664,7 @@ function rf(n, e, t, r, i, s) {
           open: i.emojiPickerOpened,
           "initial-focus-element": "#searchInput",
           padding: "none",
-          onOpened: e[11] || (e[11] = (f) => {
+          onOpened: e[10] || (e[10] = (f) => {
             i.emojiPickerOpened = f;
           })
         }, {
@@ -13664,10 +13683,10 @@ function rf(n, e, t, r, i, s) {
                   "aria-label": t.emojiButtonAriaLabel,
                   offset: [0, 0],
                   onClick: s.toggleEmojiPicker,
-                  onMouseenter: e[7] || (e[7] = (f) => i.emojiPickerFocus = !0),
-                  onMouseleave: e[8] || (e[8] = (f) => i.emojiPickerFocus = !1),
-                  onFocusin: e[9] || (e[9] = (f) => i.emojiPickerFocus = !0),
-                  onFocusout: e[10] || (e[10] = (f) => i.emojiPickerFocus = !1)
+                  onMouseenter: e[6] || (e[6] = (f) => i.emojiPickerFocus = !0),
+                  onMouseleave: e[7] || (e[7] = (f) => i.emojiPickerFocus = !1),
+                  onFocus: e[8] || (e[8] = (f) => i.emojiPickerFocus = !0),
+                  onBlur: e[9] || (e[9] = (f) => i.emojiPickerFocus = !1)
                 }, {
                   icon: V(() => [
                     Z(l, {
@@ -13682,7 +13701,7 @@ function rf(n, e, t, r, i, s) {
             }, 8, ["message"])
           ]),
           content: V(() => [
-            Z(u, vr(t.emojiPickerProps, {
+            Z(u, Dr(t.emojiPickerProps, {
               onSkinTone: s.onSkinTone,
               onSelectedEmoji: s.onSelectEmoji
             }), null, 16, ["onSkinTone", "onSelectedEmoji"])
@@ -13745,10 +13764,10 @@ function rf(n, e, t, r, i, s) {
               "aria-label": t.showSend.ariaLabel,
               "aria-disabled": s.isSendDisabled,
               onClick: s.onSend,
-              onMouseenter: e[12] || (e[12] = (f) => i.sendButtonFocus = !0),
-              onMouseleave: e[13] || (e[13] = (f) => i.sendButtonFocus = !1),
-              onFocusin: e[14] || (e[14] = (f) => i.sendButtonFocus = !0),
-              onFocusout: e[15] || (e[15] = (f) => i.sendButtonFocus = !1)
+              onMouseenter: e[11] || (e[11] = (f) => i.sendButtonFocus = !0),
+              onMouseleave: e[12] || (e[12] = (f) => i.sendButtonFocus = !1),
+              onFocus: e[13] || (e[13] = (f) => i.sendButtonFocus = !0),
+              onBlur: e[14] || (e[14] = (f) => i.sendButtonFocus = !1)
             }, Wo({
               default: V(() => [
                 t.showSend.text ? (_(), qt("p", nf, it(t.showSend.text), 1)) : Xe("", !0)