@dialpad/dialtone 9.24.0 → 9.26.0

package/dist/vue3/{rich_text_editor-5t4kYsh_.js → rich_text_editor-mgv4CNR6.js}

@@ -15722,7 +15722,7 @@ const Og = {
   },
   methods: {
     onKeyDown({ event: n }) {
-      return n.key === "ArrowUp" ? (this.upHandler(), !0) : n.key === "ArrowDown" ? (this.downHandler(), !0) : n.key === "Enter" ? (this.enterHandler(), n.stopPropagation(), !0) : !1;
+      return n.key === "ArrowUp" ? (this.upHandler(), !0) : n.key === "ArrowDown" ? (this.downHandler(), !0) : n.key === "Enter" || n.key === "Tab" ? (n.preventDefault(), this.selectHandler(), n.stopPropagation(), !0) : !1;
     },
     upHandler() {
       this.selectedIndex = (this.selectedIndex + this.items.length - 1) % this.items.length, this.scrollActiveElementIntoView();
@@ -15737,7 +15737,7 @@ const Og = {
         block: "center"
       });
     },
-    enterHandler() {
+    selectHandler() {
       this.selectItem(this.selectedIndex);
     },
     selectItem(n) {
@@ -15747,7 +15747,7 @@ const Og = {
           this.command(e);
           return;
         case "mention":
-          this.command({ name: e.name, id: e.contactId, avatarSrc: e.avatarSrc });
+          this.command({ name: e.name, id: e.id, avatarSrc: e.avatarSrc });
           break;
       }
     }
@@ -16256,7 +16256,7 @@ const ey = /* @__PURE__ */ de(Qg, [["render", Zg]]), ty = Xg.extend({
     };
   },
   renderText({ node: n }) {
-    return "@ " + n.attrs.name;
+    return `@${n.attrs.id}`;
   },
   renderHTML({ HTMLAttributes: n }) {
     return ["mention-component", F(this.options.HTMLAttributes, n), 0];
@@ -16307,9 +16307,9 @@ function oy(n, e, t, r, i, s) {
       nt(o, {
         "full-name": s.name,
         "image-src": s.avatarSrc,
-        "image-alt": "",
+        "image-alt": s.name,
         size: "xs"
-      }, null, 8, ["full-name", "image-src"]),
+      }, null, 8, ["full-name", "image-src", "image-alt"]),
       Wi(" " + ut(s.name), 1)
     ]),
     _: 1
@@ -16319,6 +16319,7 @@ const ly = /* @__PURE__ */ de(sy, [["render", oy]]), ay = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
   // items: ({ query }) => { return [] },
+  allowSpaces: !0,
   render: () => {
     let n, e;
     return {
@@ -16346,8 +16347,7 @@ const ly = /* @__PURE__ */ de(sy, [["render", oy]]), ay = {
         });
       },
       onKeyDown(t) {
-        var r;
-        return t.event.key === "Escape" ? (e[0].hide(), !0) : (r = n.ref) == null ? void 0 : r.onKeyDown(t);
+        return t.event.key === "Escape" ? (e[0].hide(), !0) : n == null ? void 0 : n.ref.onKeyDown(t);
       },
       onExit() {
         e[0].destroy(), n.destroy();
@@ -16670,3 +16670,4 @@ export {
   St as s,
   cl as t
 };
+//# sourceMappingURL=rich_text_editor-mgv4CNR6.js.map