@dialpad/dialtone-vue 3.159.0 → 3.159.1

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/emoji/emoji.js

@@ -0,0 +1,134 @@
+import { Node, mergeAttributes, InputRule, nodePasteRule } from "@tiptap/core";
+import { PluginKey } from "@tiptap/pm/state";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import Suggestion from "@tiptap/suggestion";
+import { emojiPattern } from "regex-combined-emojis";
+import EmojiComponent from "./EmojiComponent.vue.js";
+import { stringToUnicode, codeToEmojiData, emojiRegex, emojiShortCodeRegex } from "../../../../../../common/emoji.js";
+import suggestionOptions from "./suggestion.js";
+const inputShortCodeRegex = /(:\w+:)$/;
+const inputUnicodeRegex = new RegExp(emojiPattern + "$");
+const inputRuleMatch = (match) => {
+  if (match && codeToEmojiData(match[0])) {
+    const text = match[2] || match[0];
+    return { text };
+  }
+};
+const shortCodePasteMatch = (text) => {
+  const matches = [...text.matchAll(emojiShortCodeRegex)];
+  return matches.filter((match) => codeToEmojiData(match[0])).map((match) => ({
+    index: match.index,
+    text: match[0],
+    match
+  }));
+};
+const Emoji = Node.create({
+  name: "emoji",
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  group: "inline",
+  inline: true,
+  selectable: false,
+  atom: true,
+  addNodeView() {
+    return VueNodeViewRenderer(EmojiComponent);
+  },
+  addAttributes() {
+    return {
+      code: {
+        default: null
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "emoji-component"
+      }
+    ];
+  },
+  renderText({ node }) {
+    const unicodeEmoji = stringToUnicode(codeToEmojiData(node.attrs.code).unicode_output);
+    return unicodeEmoji;
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["emoji-component", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
+  },
+  addInputRules() {
+    return [
+      new InputRule({
+        find: (text) => {
+          const match = text.match(inputShortCodeRegex) || text.match(inputUnicodeRegex);
+          if (!match) return;
+          return inputRuleMatch(match);
+        },
+        handler: ({ state, range, match, commands, chain, can }) => {
+          const { tr } = state;
+          const start = range.from;
+          const end = range.to;
+          tr.replaceWith(start, end, this.type.create({ code: match[0] }));
+        }
+      })
+    ];
+  },
+  addPasteRules() {
+    return [
+      nodePasteRule({
+        find: shortCodePasteMatch,
+        type: this.type,
+        getAttributes(attrs) {
+          return {
+            code: attrs[0]
+          };
+        }
+      }),
+      nodePasteRule({
+        find: emojiRegex,
+        type: this.type,
+        getAttributes(attrs) {
+          return {
+            code: attrs[0]
+          };
+        }
+      })
+    ];
+  },
+  addProseMirrorPlugins() {
+    return [
+      Suggestion({
+        char: ":",
+        pluginKey: new PluginKey("emoji"),
+        editor: this.editor,
+        ...this.options.suggestion,
+        ...suggestionOptions
+      })
+    ];
+  },
+  addKeyboardShortcuts() {
+    return {
+      Backspace: () => this.editor.commands.command(({ tr, state }) => {
+        let isEmoji = false;
+        const { selection } = state;
+        const { empty, anchor } = selection;
+        if (!empty) {
+          return false;
+        }
+        state.doc.nodesBetween(anchor - 1, anchor, (node, pos) => {
+          if (node.type.name === this.name) {
+            isEmoji = true;
+            tr.insertText("", pos, pos + node.nodeSize);
+            return false;
+          }
+        });
+        return isEmoji;
+      })
+    };
+  }
+});
+export {
+  Emoji
+};
+//# sourceMappingURL=emoji.js.map

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/emoji/emoji.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji.js","sources":["../../../../../../../components/rich_text_editor/extensions/emoji/emoji.js"],"sourcesContent":["import { InputRule, mergeAttributes, Node, nodePasteRule } from '@tiptap/core';\nimport { PluginKey } from '@tiptap/pm/state';\nimport { VueNodeViewRenderer } from '@tiptap/vue-3';\nimport Suggestion from '@tiptap/suggestion';\nimport { emojiPattern } from 'regex-combined-emojis';\n\nimport EmojiComponent from './EmojiComponent.vue';\nimport { codeToEmojiData, emojiShortCodeRegex, emojiRegex, stringToUnicode } from '@/common/emoji';\nimport suggestionOptions from './suggestion';\n\nconst inputShortCodeRegex = /(:\\w+:)$/;\nconst inputUnicodeRegex = new RegExp(emojiPattern + '$');\n\nconst inputRuleMatch = (match) => {\n  if (match && codeToEmojiData(match[0])) {\n    const text = match[2] || match[0];\n    // needs to be a dict returned\n    // ref type InputRuleMatch:\n    // https://github.com/ueberdosis/tiptap/blob/main/packages/core/src/InputRule.ts#L16\n    return { text };\n  }\n};\n\nconst shortCodePasteMatch = (text) => {\n  const matches = [...text.matchAll(emojiShortCodeRegex)];\n\n  return matches\n    .filter(match => codeToEmojiData(match[0]))\n    .map(match => ({\n      index: match.index,\n      text: match[0],\n      match,\n    }));\n};\n\nexport const Emoji = Node.create({\n  name: 'emoji',\n  addOptions () {\n    return {\n      HTMLAttributes: {},\n    };\n  },\n  group: 'inline',\n  inline: true,\n  selectable: false,\n  atom: true,\n\n  addNodeView () {\n    return VueNodeViewRenderer(EmojiComponent);\n  },\n\n  addAttributes () {\n    return {\n      code: {\n        default: null,\n      },\n    };\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'emoji-component',\n      },\n    ];\n  },\n\n  renderText ({ node }) {\n    // output emoji in text as unicode character rather than shortname for backwards compatibility with\n    // our backend.\n    const unicodeEmoji = stringToUnicode(codeToEmojiData(node.attrs.code).unicode_output);\n    return unicodeEmoji;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['emoji-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];\n  },\n\n  addInputRules () {\n    return [\n      new InputRule({\n        find: (text) => {\n          const match = text.match(inputShortCodeRegex) || text.match(inputUnicodeRegex);\n          if (!match) return;\n\n          return inputRuleMatch(match);\n        },\n        handler: ({ state, range, match, commands, chain, can }) => {\n          const { tr } = state;\n          const start = range.from;\n          const end = range.to;\n          tr.replaceWith(start, end, this.type.create({ code: match[0] }));\n        },\n      }),\n    ];\n  },\n\n  addPasteRules () {\n    return [\n      nodePasteRule({\n        find: shortCodePasteMatch,\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n      nodePasteRule({\n        find: emojiRegex,\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n    ];\n  },\n\n  addProseMirrorPlugins () {\n    return [\n      Suggestion({\n        char: ':',\n        pluginKey: new PluginKey('emoji'),\n        editor: this.editor,\n        ...this.options.suggestion,\n        ...suggestionOptions,\n      }),\n    ];\n  },\n\n  addKeyboardShortcuts () {\n    return {\n      Backspace: () => this.editor.commands.command(({ tr, state }) => {\n        let isEmoji = false;\n        const { selection } = state;\n        const { empty, anchor } = selection;\n        if (!empty) { return false; }\n        state.doc.nodesBetween(anchor - 1, anchor, (node, pos) => {\n          if (node.type.name === this.name) {\n            isEmoji = true;\n            tr.insertText('', pos, pos + node.nodeSize);\n            return false;\n          }\n        });\n        return isEmoji;\n      }),\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;;;;AAUA,MAAM,sBAAsB;AAC5B,MAAM,oBAAoB,IAAI,OAAO,eAAe,GAAG;AAEvD,MAAM,iBAAiB,CAAC,UAAU;AAChC,MAAI,SAAS,gBAAgB,MAAM,CAAC,CAAC,GAAG;AACtC,UAAM,OAAO,MAAM,CAAC,KAAK,MAAM,CAAC;AAIhC,WAAO,EAAE,KAAI;AAAA,EACd;AACH;AAEA,MAAM,sBAAsB,CAAC,SAAS;AACpC,QAAM,UAAU,CAAC,GAAG,KAAK,SAAS,mBAAmB,CAAC;AAEtD,SAAO,QACJ,OAAO,WAAS,gBAAgB,MAAM,CAAC,CAAC,CAAC,EACzC,IAAI,YAAU;AAAA,IACb,OAAO,MAAM;AAAA,IACb,MAAM,MAAM,CAAC;AAAA,IACb;AAAA,EACD,EAAC;AACN;AAEY,MAAC,QAAQ,KAAK,OAAO;AAAA,EAC/B,MAAM;AAAA,EACN,aAAc;AACZ,WAAO;AAAA,MACL,gBAAgB,CAAE;AAAA,IACxB;AAAA,EACG;AAAA,EACD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,MAAM;AAAA,EAEN,cAAe;AACb,WAAO,oBAAoB,cAAc;AAAA,EAC1C;AAAA,EAED,gBAAiB;AACf,WAAO;AAAA,MACL,MAAM;AAAA,QACJ,SAAS;AAAA,MACV;AAAA,IACP;AAAA,EACG;AAAA,EAED,YAAa;AACX,WAAO;AAAA,MACL;AAAA,QACE,KAAK;AAAA,MACN;AAAA,IACP;AAAA,EACG;AAAA,EAED,WAAY,EAAE,QAAQ;AAGpB,UAAM,eAAe,gBAAgB,gBAAgB,KAAK,MAAM,IAAI,EAAE,cAAc;AACpF,WAAO;AAAA,EACR;AAAA,EAED,WAAY,EAAE,kBAAkB;AAC9B,WAAO,CAAC,mBAAmB,gBAAgB,KAAK,QAAQ,gBAAgB,cAAc,CAAC;AAAA,EACxF;AAAA,EAED,gBAAiB;AACf,WAAO;AAAA,MACL,IAAI,UAAU;AAAA,QACZ,MAAM,CAAC,SAAS;AACd,gBAAM,QAAQ,KAAK,MAAM,mBAAmB,KAAK,KAAK,MAAM,iBAAiB;AAC7E,cAAI,CAAC,MAAO;AAEZ,iBAAO,eAAe,KAAK;AAAA,QAC5B;AAAA,QACD,SAAS,CAAC,EAAE,OAAO,OAAO,OAAO,UAAU,OAAO,UAAU;AAC1D,gBAAM,EAAE,GAAI,IAAG;AACf,gBAAM,QAAQ,MAAM;AACpB,gBAAM,MAAM,MAAM;AAClB,aAAG,YAAY,OAAO,KAAK,KAAK,KAAK,OAAO,EAAE,MAAM,MAAM,CAAC,EAAC,CAAE,CAAC;AAAA,QAChE;AAAA,MACT,CAAO;AAAA,IACP;AAAA,EACG;AAAA,EAED,gBAAiB;AACf,WAAO;AAAA,MACL,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,MAAM,KAAK;AAAA,QACX,cAAe,OAAO;AACpB,iBAAO;AAAA,YACL,MAAM,MAAM,CAAC;AAAA,UACzB;AAAA,QACS;AAAA,MACT,CAAO;AAAA,MACD,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,MAAM,KAAK;AAAA,QACX,cAAe,OAAO;AACpB,iBAAO;AAAA,YACL,MAAM,MAAM,CAAC;AAAA,UACzB;AAAA,QACS;AAAA,MACT,CAAO;AAAA,IACP;AAAA,EACG;AAAA,EAED,wBAAyB;AACvB,WAAO;AAAA,MACL,WAAW;AAAA,QACT,MAAM;AAAA,QACN,WAAW,IAAI,UAAU,OAAO;AAAA,QAChC,QAAQ,KAAK;AAAA,QACb,GAAG,KAAK,QAAQ;AAAA,QAChB,GAAG;AAAA,MACX,CAAO;AAAA,IACP;AAAA,EACG;AAAA,EAED,uBAAwB;AACtB,WAAO;AAAA,MACL,WAAW,MAAM,KAAK,OAAO,SAAS,QAAQ,CAAC,EAAE,IAAI,YAAY;AAC/D,YAAI,UAAU;AACd,cAAM,EAAE,UAAW,IAAG;AACtB,cAAM,EAAE,OAAO,OAAQ,IAAG;AAC1B,YAAI,CAAC,OAAO;AAAE,iBAAO;AAAA,QAAQ;AAC7B,cAAM,IAAI,aAAa,SAAS,GAAG,QAAQ,CAAC,MAAM,QAAQ;AACxD,cAAI,KAAK,KAAK,SAAS,KAAK,MAAM;AAChC,sBAAU;AACV,eAAG,WAAW,IAAI,KAAK,MAAM,KAAK,QAAQ;AAC1C,mBAAO;AAAA,UACR;AAAA,QACX,CAAS;AACD,eAAO;AAAA,MACf,CAAO;AAAA,IACP;AAAA,EACG;AACH,CAAC;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/emoji/suggestion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestion.cjs","sources":["../../../../../../../components/rich_text_editor/extensions/emoji/suggestion.js"],"sourcesContent":["import { markRaw } from 'vue';\nimport { VueRenderer } from '@tiptap/vue-3';\nimport { emojisIndexed } from '@dialpad/dialtone-emojis';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport EmojiSuggestion from './EmojiSuggestion.vue';\n\nimport tippy from 'tippy.js';\nimport hideOnEsc from '../tippy_plugins/hide_on_esc';\n\nconst suggestionLimit = 20;\n\nexport default {\n  items: ({ query }) => {\n    if (query.length < 2) {\n      return [];\n    }\n    const emojiList = Object.values(emojisIndexed);\n    query = query.toLowerCase();\n\n    const filteredEmoji = emojiList\n      .filter(\n        item => [\n          item.name,\n          item.shortname.replaceAll(':', ''),\n          ...item.keywords,\n        ].some(text => text.startsWith(query)),\n      ).splice(0, suggestionLimit);\n    return filteredEmoji.map(item => ({ code: item.shortname }));\n  },\n\n  command: ({ editor, range, props }) => {\n    // increase range.to by one when the next node is of type \"text\"\n    // and starts with a space character\n    const nodeAfter = editor.view.state.selection.$to.nodeAfter;\n    const overrideSpace = nodeAfter?.text?.startsWith(' ');\n\n    if (overrideSpace) {\n      range.to += 1;\n    }\n\n    editor\n      .chain()\n      .focus()\n      .insertContentAt(range, [\n        {\n          type: 'emoji',\n          attrs: props,\n        },\n      ])\n      .run();\n\n    window.getSelection()?.collapseToEnd();\n  },\n\n  render: () => {\n    let component;\n    let popup;\n    let popupIsOpen = false;\n\n    return {\n      onStart: props => {\n        component = new VueRenderer(SuggestionList, {\n          props: {\n            itemComponent: markRaw(EmojiSuggestion),\n            itemType: 'emoji',\n            ...props,\n          },\n          editor: props.editor,\n        });\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup = tippy('body', {\n          getReferenceClientRect: props.clientRect,\n          appendTo: () => document.body,\n          content: component.element,\n          showOnCreate: false,\n          onShow: () => { popupIsOpen = true; },\n          onHidden: () => { popupIsOpen = false; },\n          interactive: true,\n          trigger: 'manual',\n          placement: 'top-start',\n          zIndex: 650,\n          plugins: [hideOnEsc],\n        });\n\n        if (props.items.length > 0) {\n          popup?.[0].show();\n        }\n      },\n\n      onUpdate (props) {\n        component?.updateProps(props);\n\n        if (props.items.length > 0) {\n          popup?.[0].show();\n        } else {\n          popup?.[0].hide();\n        }\n        popup?.[0].setProps({\n          getReferenceClientRect: props.clientRect,\n        });\n      },\n\n      onKeyDown (props) {\n        if (popupIsOpen) {\n          return component?.ref?.onKeyDown(props);\n        }\n      },\n\n      onExit () {\n        popup?.[0].destroy();\n        popup = null;\n        component?.destroy();\n        component = null;\n      },\n    };\n  },\n};\n"],"names":["emojisIndexed","VueRenderer","SuggestionList","markRaw","EmojiSuggestion","hideOnEsc"],"mappings":";;;;;;;;;AAUA,MAAM,kBAAkB;AAExB,MAAe,oBAAA;AAAA,EACb,OAAO,CAAC,EAAE,YAAY;AACpB,QAAI,MAAM,SAAS,GAAG;AACpB,aAAO;IACR;AACD,UAAM,YAAY,OAAO,OAAOA,eAAa,aAAA;AAC7C,YAAQ,MAAM;AAEd,UAAM,gBAAgB,UACnB;AAAA,MACC,UAAQ;AAAA,QACN,KAAK;AAAA,QACL,KAAK,UAAU,WAAW,KAAK,EAAE;AAAA,QACjC,GAAG,KAAK;AAAA,MACT,EAAC,KAAK,UAAQ,KAAK,WAAW,KAAK,CAAC;AAAA,IAC7C,EAAQ,OAAO,GAAG,eAAe;AAC7B,WAAO,cAAc,IAAI,WAAS,EAAE,MAAM,KAAK,UAAW,EAAC;AAAA,EAC5D;AAAA,EAED,SAAS,CAAC,EAAE,QAAQ,OAAO,MAAK,MAAO;;AAGrC,UAAM,YAAY,OAAO,KAAK,MAAM,UAAU,IAAI;AAClD,UAAM,iBAAgB,4CAAW,SAAX,mBAAiB,WAAW;AAElD,QAAI,eAAe;AACjB,YAAM,MAAM;AAAA,IACb;AAED,WACG,MAAO,EACP,MAAO,EACP,gBAAgB,OAAO;AAAA,MACtB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACR;AAAA,IACT,CAAO,EACA;AAEH,iBAAO,mBAAP,mBAAuB;AAAA,EACxB;AAAA,EAED,QAAQ,MAAM;AACZ,QAAI;AACJ,QAAI;AACJ,QAAI,cAAc;AAElB,WAAO;AAAA,MACL,SAAS,WAAS;AAChB,oBAAY,IAAIC,KAAW,YAACC,wBAAgB;AAAA,UAC1C,OAAO;AAAA,YACL,eAAeC,IAAO,QAACC,uBAAe;AAAA,YACtC,UAAU;AAAA,YACV,GAAG;AAAA,UACJ;AAAA,UACD,QAAQ,MAAM;AAAA,QACxB,CAAS;AAED,YAAI,CAAC,MAAM,YAAY;AACrB;AAAA,QACD;AAED,gBAAQ,MAAM,QAAQ;AAAA,UACpB,wBAAwB,MAAM;AAAA,UAC9B,UAAU,MAAM,SAAS;AAAA,UACzB,SAAS,UAAU;AAAA,UACnB,cAAc;AAAA,UACd,QAAQ,MAAM;AAAE,0BAAc;AAAA,UAAO;AAAA,UACrC,UAAU,MAAM;AAAE,0BAAc;AAAA,UAAQ;AAAA,UACxC,aAAa;AAAA,UACb,SAAS;AAAA,UACT,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,SAAS,CAACC,YAAAA,OAAS;AAAA,QAC7B,CAAS;AAED,YAAI,MAAM,MAAM,SAAS,GAAG;AAC1B,yCAAQ,GAAG;AAAA,QACZ;AAAA,MACF;AAAA,MAED,SAAU,OAAO;AACf,+CAAW,YAAY;AAEvB,YAAI,MAAM,MAAM,SAAS,GAAG;AAC1B,yCAAQ,GAAG;AAAA,QACrB,OAAe;AACL,yCAAQ,GAAG;AAAA,QACZ;AACD,uCAAQ,GAAG,SAAS;AAAA,UAClB,wBAAwB,MAAM;AAAA,QACxC;AAAA,MACO;AAAA,MAED,UAAW,OAAO;;AAChB,YAAI,aAAa;AACf,kBAAO,4CAAW,QAAX,mBAAgB,UAAU;AAAA,QAClC;AAAA,MACF;AAAA,MAED,SAAU;AACR,uCAAQ,GAAG;AACX,gBAAQ;AACR,+CAAW;AACX,oBAAY;AAAA,MACb;AAAA,IACP;AAAA,EACG;AACH;;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/emoji/suggestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestion.js","sources":["../../../../../../../components/rich_text_editor/extensions/emoji/suggestion.js"],"sourcesContent":["import { markRaw } from 'vue';\nimport { VueRenderer } from '@tiptap/vue-3';\nimport { emojisIndexed } from '@dialpad/dialtone-emojis';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport EmojiSuggestion from './EmojiSuggestion.vue';\n\nimport tippy from 'tippy.js';\nimport hideOnEsc from '../tippy_plugins/hide_on_esc';\n\nconst suggestionLimit = 20;\n\nexport default {\n  items: ({ query }) => {\n    if (query.length < 2) {\n      return [];\n    }\n    const emojiList = Object.values(emojisIndexed);\n    query = query.toLowerCase();\n\n    const filteredEmoji = emojiList\n      .filter(\n        item => [\n          item.name,\n          item.shortname.replaceAll(':', ''),\n          ...item.keywords,\n        ].some(text => text.startsWith(query)),\n      ).splice(0, suggestionLimit);\n    return filteredEmoji.map(item => ({ code: item.shortname }));\n  },\n\n  command: ({ editor, range, props }) => {\n    // increase range.to by one when the next node is of type \"text\"\n    // and starts with a space character\n    const nodeAfter = editor.view.state.selection.$to.nodeAfter;\n    const overrideSpace = nodeAfter?.text?.startsWith(' ');\n\n    if (overrideSpace) {\n      range.to += 1;\n    }\n\n    editor\n      .chain()\n      .focus()\n      .insertContentAt(range, [\n        {\n          type: 'emoji',\n          attrs: props,\n        },\n      ])\n      .run();\n\n    window.getSelection()?.collapseToEnd();\n  },\n\n  render: () => {\n    let component;\n    let popup;\n    let popupIsOpen = false;\n\n    return {\n      onStart: props => {\n        component = new VueRenderer(SuggestionList, {\n          props: {\n            itemComponent: markRaw(EmojiSuggestion),\n            itemType: 'emoji',\n            ...props,\n          },\n          editor: props.editor,\n        });\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup = tippy('body', {\n          getReferenceClientRect: props.clientRect,\n          appendTo: () => document.body,\n          content: component.element,\n          showOnCreate: false,\n          onShow: () => { popupIsOpen = true; },\n          onHidden: () => { popupIsOpen = false; },\n          interactive: true,\n          trigger: 'manual',\n          placement: 'top-start',\n          zIndex: 650,\n          plugins: [hideOnEsc],\n        });\n\n        if (props.items.length > 0) {\n          popup?.[0].show();\n        }\n      },\n\n      onUpdate (props) {\n        component?.updateProps(props);\n\n        if (props.items.length > 0) {\n          popup?.[0].show();\n        } else {\n          popup?.[0].hide();\n        }\n        popup?.[0].setProps({\n          getReferenceClientRect: props.clientRect,\n        });\n      },\n\n      onKeyDown (props) {\n        if (popupIsOpen) {\n          return component?.ref?.onKeyDown(props);\n        }\n      },\n\n      onExit () {\n        popup?.[0].destroy();\n        popup = null;\n        component?.destroy();\n        component = null;\n      },\n    };\n  },\n};\n"],"names":[],"mappings":";;;;;;;AAUA,MAAM,kBAAkB;AAExB,MAAe,oBAAA;AAAA,EACb,OAAO,CAAC,EAAE,YAAY;AACpB,QAAI,MAAM,SAAS,GAAG;AACpB,aAAO;IACR;AACD,UAAM,YAAY,OAAO,OAAO,aAAa;AAC7C,YAAQ,MAAM;AAEd,UAAM,gBAAgB,UACnB;AAAA,MACC,UAAQ;AAAA,QACN,KAAK;AAAA,QACL,KAAK,UAAU,WAAW,KAAK,EAAE;AAAA,QACjC,GAAG,KAAK;AAAA,MACT,EAAC,KAAK,UAAQ,KAAK,WAAW,KAAK,CAAC;AAAA,IAC7C,EAAQ,OAAO,GAAG,eAAe;AAC7B,WAAO,cAAc,IAAI,WAAS,EAAE,MAAM,KAAK,UAAW,EAAC;AAAA,EAC5D;AAAA,EAED,SAAS,CAAC,EAAE,QAAQ,OAAO,MAAK,MAAO;;AAGrC,UAAM,YAAY,OAAO,KAAK,MAAM,UAAU,IAAI;AAClD,UAAM,iBAAgB,4CAAW,SAAX,mBAAiB,WAAW;AAElD,QAAI,eAAe;AACjB,YAAM,MAAM;AAAA,IACb;AAED,WACG,MAAO,EACP,MAAO,EACP,gBAAgB,OAAO;AAAA,MACtB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACR;AAAA,IACT,CAAO,EACA;AAEH,iBAAO,mBAAP,mBAAuB;AAAA,EACxB;AAAA,EAED,QAAQ,MAAM;AACZ,QAAI;AACJ,QAAI;AACJ,QAAI,cAAc;AAElB,WAAO;AAAA,MACL,SAAS,WAAS;AAChB,oBAAY,IAAI,YAAY,gBAAgB;AAAA,UAC1C,OAAO;AAAA,YACL,eAAe,QAAQ,eAAe;AAAA,YACtC,UAAU;AAAA,YACV,GAAG;AAAA,UACJ;AAAA,UACD,QAAQ,MAAM;AAAA,QACxB,CAAS;AAED,YAAI,CAAC,MAAM,YAAY;AACrB;AAAA,QACD;AAED,gBAAQ,MAAM,QAAQ;AAAA,UACpB,wBAAwB,MAAM;AAAA,UAC9B,UAAU,MAAM,SAAS;AAAA,UACzB,SAAS,UAAU;AAAA,UACnB,cAAc;AAAA,UACd,QAAQ,MAAM;AAAE,0BAAc;AAAA,UAAO;AAAA,UACrC,UAAU,MAAM;AAAE,0BAAc;AAAA,UAAQ;AAAA,UACxC,aAAa;AAAA,UACb,SAAS;AAAA,UACT,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,SAAS,CAAC,SAAS;AAAA,QAC7B,CAAS;AAED,YAAI,MAAM,MAAM,SAAS,GAAG;AAC1B,yCAAQ,GAAG;AAAA,QACZ;AAAA,MACF;AAAA,MAED,SAAU,OAAO;AACf,+CAAW,YAAY;AAEvB,YAAI,MAAM,MAAM,SAAS,GAAG;AAC1B,yCAAQ,GAAG;AAAA,QACrB,OAAe;AACL,yCAAQ,GAAG;AAAA,QACZ;AACD,uCAAQ,GAAG,SAAS;AAAA,UAClB,wBAAwB,MAAM;AAAA,QACxC;AAAA,MACO;AAAA,MAED,UAAW,OAAO;;AAChB,YAAI,aAAa;AACf,kBAAO,4CAAW,QAAX,mBAAgB,UAAU;AAAA,QAClC;AAAA,MACF;AAAA,MAED,SAAU;AACR,uCAAQ,GAAG;AACX,gBAAQ;AACR,+CAAW;AACX,oBAAY;AAAA,MACb;AAAA,IACP;AAAA,EACG;AACH;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/mentions/MentionComponent.vue.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue3 = require("@tiptap/vue-3");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const link = require("../../../link/link.vue.cjs");
+const _sfc_main = {
+  name: "MentionComponent",
+  components: {
+    NodeViewWrapper: vue3.NodeViewWrapper,
+    DtLink: link.default
+  },
+  props: vue3.nodeViewProps,
+  computed: {
+    text() {
+      return "@" + this.$props.node.attrs.name;
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_link = vue.resolveComponent("dt-link");
+  const _component_node_view_wrapper = vue.resolveComponent("node-view-wrapper");
+  return vue.openBlock(), vue.createBlock(_component_node_view_wrapper, { class: "d-d-inline-block" }, {
+    default: vue.withCtx(() => [
+      vue.createVNode(_component_dt_link, { kind: "mention" }, {
+        default: vue.withCtx(() => [
+          vue.createTextVNode(vue.toDisplayString($options.text), 1)
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const MentionComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = MentionComponent;
+//# sourceMappingURL=MentionComponent.vue.cjs.map

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/mentions/MentionComponent.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionComponent.vue.cjs","sources":["../../../../../../../components/rich_text_editor/extensions/mentions/MentionComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    <dt-link\n      kind=\"mention\"\n    >\n      {{ text }}\n    </dt-link>\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtLink } from '@/components/link';\n\nexport default {\n  name: 'MentionComponent',\n  components: {\n    NodeViewWrapper,\n    DtLink,\n  },\n\n  props: nodeViewProps,\n\n  computed: {\n    text () {\n      return '@' + this.$props.node.attrs.name;\n    },\n  },\n};\n</script>\n"],"names":["NodeViewWrapper","DtLink","nodeViewProps","_createBlock","_withCtx","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;;;AAkBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,iBAAAA,KAAe;AAAA,IACf,QAAAC,KAAM;AAAA,EACP;AAAA,EAED,OAAOC,KAAa;AAAA,EAEpB,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AACH;;;;0BA9BEC,IAQoB,YAAA,8BAAA,EAPlB,OAAM,sBAAkB;AAAA,IAH5B,SAAAC,IAAA,QAKI,MAIU;AAAA,MAJVC,IAAAA,YAIU,oBAAA,EAHR,MAAK,UAAS,GAAA;AAAA,QANpB,SAAAD,IAAA,QAQM,MAAU;AAAA,UARhBE,IAAAA,gBAAAC,IAAAA,gBAQS,SAAI,IAAA,GAAA,CAAA;AAAA;QARb,GAAA;AAAA;;IAAA,GAAA;AAAA;;;;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/mentions/MentionComponent.vue.js

@@ -0,0 +1,37 @@
+import { NodeViewWrapper, nodeViewProps } from "@tiptap/vue-3";
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode, toDisplayString } from "vue";
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+import DtLink from "../../../link/link.vue.js";
+const _sfc_main = {
+  name: "MentionComponent",
+  components: {
+    NodeViewWrapper,
+    DtLink
+  },
+  props: nodeViewProps,
+  computed: {
+    text() {
+      return "@" + this.$props.node.attrs.name;
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_link = resolveComponent("dt-link");
+  const _component_node_view_wrapper = resolveComponent("node-view-wrapper");
+  return openBlock(), createBlock(_component_node_view_wrapper, { class: "d-d-inline-block" }, {
+    default: withCtx(() => [
+      createVNode(_component_dt_link, { kind: "mention" }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString($options.text), 1)
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const MentionComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  MentionComponent as default
+};
+//# sourceMappingURL=MentionComponent.vue.js.map

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/mentions/MentionComponent.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionComponent.vue.js","sources":["../../../../../../../components/rich_text_editor/extensions/mentions/MentionComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    <dt-link\n      kind=\"mention\"\n    >\n      {{ text }}\n    </dt-link>\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtLink } from '@/components/link';\n\nexport default {\n  name: 'MentionComponent',\n  components: {\n    NodeViewWrapper,\n    DtLink,\n  },\n\n  props: nodeViewProps,\n\n  computed: {\n    text () {\n      return '@' + this.$props.node.attrs.name;\n    },\n  },\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;AAkBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,EAEP,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AACH;;;;sBA9BEA,YAQoB,8BAAA,EAPlB,OAAM,sBAAkB;AAAA,IAH5B,SAAAC,QAKI,MAIU;AAAA,MAJVC,YAIU,oBAAA,EAHR,MAAK,UAAS,GAAA;AAAA,QANpB,SAAAD,QAQM,MAAU;AAAA,UARhBE,gBAAAC,gBAQS,SAAI,IAAA,GAAA,CAAA;AAAA;QARb,GAAA;AAAA;;IAAA,GAAA;AAAA;;;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.cjs

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                         */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const avatar = require("../../../avatar/avatar.vue.cjs");
+const stack = require("../../../stack/stack.vue.cjs");
+const _sfc_main = {
+  name: "MentionSuggestion",
+  components: {
+    DtAvatar: avatar.default,
+    DtStack: stack.default
+  },
+  props: {
+    item: {
+      type: Object,
+      required: true
+    }
+  },
+  computed: {
+    name() {
+      return this.item.name;
+    },
+    avatarSrc() {
+      return this.item.avatarSrc;
+    }
+  }
+};
+const _hoisted_1 = { class: "mention-suggestion-name" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_avatar = vue.resolveComponent("dt-avatar");
+  const _component_dt_stack = vue.resolveComponent("dt-stack");
+  return vue.openBlock(), vue.createBlock(_component_dt_stack, {
+    direction: "row",
+    gap: "400"
+  }, {
+    default: vue.withCtx(() => [
+      vue.createVNode(_component_dt_avatar, {
+        "full-name": $options.name,
+        "image-src": $options.avatarSrc,
+        "image-alt": $options.name,
+        size: "xs"
+      }, null, 8, ["full-name", "image-src", "image-alt"]),
+      vue.createElementVNode("span", _hoisted_1, vue.toDisplayString($options.name), 1)
+    ]),
+    _: 1
+  });
+}
+const MentionSuggestion = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-65bcbd51"]]);
+exports.default = MentionSuggestion;
+//# sourceMappingURL=MentionSuggestion.vue.cjs.map

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionSuggestion.vue.cjs","sources":["../../../../../../../components/rich_text_editor/extensions/mentions/MentionSuggestion.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-avatar\n      :full-name=\"name\"\n      :image-src=\"avatarSrc\"\n      :image-alt=\"name\"\n      size=\"xs\"\n    />\n    <span class=\"mention-suggestion-name\">\n      {{ name }}\n    </span>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtAvatar } from '@/components/avatar';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  name: 'MentionSuggestion',\n  components: {\n    DtAvatar,\n    DtStack,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    name () {\n      return this.item.name;\n    },\n\n    avatarSrc () {\n      return this.item.avatarSrc;\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.mention-suggestion-name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n</style>\n"],"names":["DtAvatar","DtStack","_createBlock","_withCtx","_createVNode","_createElementVNode","_toDisplayString"],"mappings":";;;;;;;AAqBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAA,OAAQ;AAAA,IACR,SAAAC,MAAO;AAAA,EACR;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,YAAa;AACX,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,EACF;AACH;AAjCU,MAAA,aAAA,EAAA,OAAM,0BAAyB;;;;0BAVvCC,IAaW,YAAA,qBAAA;AAAA,IAZT,WAAU;AAAA,IACV,KAAI;AAAA;IAHR,SAAAC,IAAA,QAKI,MAKE;AAAA,MALFC,IAAAA,YAKE,sBAAA;AAAA,QAJC,aAAW,SAAI;AAAA,QACf,aAAW,SAAS;AAAA,QACpB,aAAW,SAAI;AAAA,QAChB,MAAK;AAAA;MAEPC,IAEO,mBAAA,QAFP,YAEOC,IAAAA,gBADF,SAAI,IAAA,GAAA,CAAA;AAAA;IAZb,GAAA;AAAA;;;;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.js

@@ -0,0 +1,51 @@
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, toDisplayString } from "vue";
+/* empty css                       */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+import DtAvatar from "../../../avatar/avatar.vue.js";
+import DtStack from "../../../stack/stack.vue.js";
+const _sfc_main = {
+  name: "MentionSuggestion",
+  components: {
+    DtAvatar,
+    DtStack
+  },
+  props: {
+    item: {
+      type: Object,
+      required: true
+    }
+  },
+  computed: {
+    name() {
+      return this.item.name;
+    },
+    avatarSrc() {
+      return this.item.avatarSrc;
+    }
+  }
+};
+const _hoisted_1 = { class: "mention-suggestion-name" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_avatar = resolveComponent("dt-avatar");
+  const _component_dt_stack = resolveComponent("dt-stack");
+  return openBlock(), createBlock(_component_dt_stack, {
+    direction: "row",
+    gap: "400"
+  }, {
+    default: withCtx(() => [
+      createVNode(_component_dt_avatar, {
+        "full-name": $options.name,
+        "image-src": $options.avatarSrc,
+        "image-alt": $options.name,
+        size: "xs"
+      }, null, 8, ["full-name", "image-src", "image-alt"]),
+      createElementVNode("span", _hoisted_1, toDisplayString($options.name), 1)
+    ]),
+    _: 1
+  });
+}
+const MentionSuggestion = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-65bcbd51"]]);
+export {
+  MentionSuggestion as default
+};
+//# sourceMappingURL=MentionSuggestion.vue.js.map

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionSuggestion.vue.js","sources":["../../../../../../../components/rich_text_editor/extensions/mentions/MentionSuggestion.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-avatar\n      :full-name=\"name\"\n      :image-src=\"avatarSrc\"\n      :image-alt=\"name\"\n      size=\"xs\"\n    />\n    <span class=\"mention-suggestion-name\">\n      {{ name }}\n    </span>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtAvatar } from '@/components/avatar';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  name: 'MentionSuggestion',\n  components: {\n    DtAvatar,\n    DtStack,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    name () {\n      return this.item.name;\n    },\n\n    avatarSrc () {\n      return this.item.avatarSrc;\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.mention-suggestion-name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n</style>\n"],"names":["_createBlock","_withCtx","_createVNode","_createElementVNode","_toDisplayString"],"mappings":";;;;;AAqBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,YAAa;AACX,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,EACF;AACH;AAjCU,MAAA,aAAA,EAAA,OAAM,0BAAyB;;;;sBAVvCA,YAaW,qBAAA;AAAA,IAZT,WAAU;AAAA,IACV,KAAI;AAAA;IAHR,SAAAC,QAKI,MAKE;AAAA,MALFC,YAKE,sBAAA;AAAA,QAJC,aAAW,SAAI;AAAA,QACf,aAAW,SAAS;AAAA,QACpB,aAAW,SAAI;AAAA,QAChB,MAAK;AAAA;MAEPC,mBAEO,QAFP,YAEOC,gBADF,SAAI,IAAA,GAAA,CAAA;AAAA;IAZb,GAAA;AAAA;;;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/mentions/mention.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention.cjs","sources":["../../../../../../../components/rich_text_editor/extensions/mentions/mention.js"],"sourcesContent":["import Mention from '@tiptap/extension-mention';\nimport { mergeAttributes } from '@tiptap/core';\nimport { VueNodeViewRenderer } from '@tiptap/vue-3';\nimport { PluginKey } from '@tiptap/pm/state';\n\n// Mention component\nimport MentionComponent from './MentionComponent.vue';\n\nexport const MentionPlugin = Mention.extend({\n\n  addNodeView () {\n    return VueNodeViewRenderer(MentionComponent);\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'mention-component',\n      },\n    ];\n  },\n\n  addAttributes () {\n    return {\n      name: {\n        default: '',\n      },\n      avatarSrc: {\n        default: '',\n      },\n      id: {\n        default: '',\n      },\n    };\n  },\n\n  renderText ({ node }) {\n    return `@${node.attrs.id}`;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['mention-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];\n  },\n\n}).configure({\n  suggestion: {\n    char: '@',\n    pluginKey: new PluginKey('mentionSuggestion'),\n  },\n});\n"],"names":["VueNodeViewRenderer","MentionComponent","mergeAttributes","PluginKey"],"mappings":";;;;;;;AAQY,MAAC,gBAAgB,QAAQ,OAAO;AAAA,EAE1C,cAAe;AACb,WAAOA,KAAAA,oBAAoBC,iBAAAA,OAAgB;AAAA,EAC5C;AAAA,EAED,YAAa;AACX,WAAO;AAAA,MACL;AAAA,QACE,KAAK;AAAA,MACN;AAAA,IACP;AAAA,EACG;AAAA,EAED,gBAAiB;AACf,WAAO;AAAA,MACL,MAAM;AAAA,QACJ,SAAS;AAAA,MACV;AAAA,MACD,WAAW;AAAA,QACT,SAAS;AAAA,MACV;AAAA,MACD,IAAI;AAAA,QACF,SAAS;AAAA,MACV;AAAA,IACP;AAAA,EACG;AAAA,EAED,WAAY,EAAE,QAAQ;AACpB,WAAO,IAAI,KAAK,MAAM,EAAE;AAAA,EACzB;AAAA,EAED,WAAY,EAAE,kBAAkB;AAC9B,WAAO,CAAC,qBAAqBC,qBAAgB,KAAK,QAAQ,gBAAgB,cAAc,CAAC;AAAA,EAC1F;AAEH,CAAC,EAAE,UAAU;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,WAAW,IAAIC,MAAS,UAAC,mBAAmB;AAAA,EAC7C;AACH,CAAC;;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/mentions/mention.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention.js","sources":["../../../../../../../components/rich_text_editor/extensions/mentions/mention.js"],"sourcesContent":["import Mention from '@tiptap/extension-mention';\nimport { mergeAttributes } from '@tiptap/core';\nimport { VueNodeViewRenderer } from '@tiptap/vue-3';\nimport { PluginKey } from '@tiptap/pm/state';\n\n// Mention component\nimport MentionComponent from './MentionComponent.vue';\n\nexport const MentionPlugin = Mention.extend({\n\n  addNodeView () {\n    return VueNodeViewRenderer(MentionComponent);\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'mention-component',\n      },\n    ];\n  },\n\n  addAttributes () {\n    return {\n      name: {\n        default: '',\n      },\n      avatarSrc: {\n        default: '',\n      },\n      id: {\n        default: '',\n      },\n    };\n  },\n\n  renderText ({ node }) {\n    return `@${node.attrs.id}`;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['mention-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];\n  },\n\n}).configure({\n  suggestion: {\n    char: '@',\n    pluginKey: new PluginKey('mentionSuggestion'),\n  },\n});\n"],"names":[],"mappings":";;;;;AAQY,MAAC,gBAAgB,QAAQ,OAAO;AAAA,EAE1C,cAAe;AACb,WAAO,oBAAoB,gBAAgB;AAAA,EAC5C;AAAA,EAED,YAAa;AACX,WAAO;AAAA,MACL;AAAA,QACE,KAAK;AAAA,MACN;AAAA,IACP;AAAA,EACG;AAAA,EAED,gBAAiB;AACf,WAAO;AAAA,MACL,MAAM;AAAA,QACJ,SAAS;AAAA,MACV;AAAA,MACD,WAAW;AAAA,QACT,SAAS;AAAA,MACV;AAAA,MACD,IAAI;AAAA,QACF,SAAS;AAAA,MACV;AAAA,IACP;AAAA,EACG;AAAA,EAED,WAAY,EAAE,QAAQ;AACpB,WAAO,IAAI,KAAK,MAAM,EAAE;AAAA,EACzB;AAAA,EAED,WAAY,EAAE,kBAAkB;AAC9B,WAAO,CAAC,qBAAqB,gBAAgB,KAAK,QAAQ,gBAAgB,cAAc,CAAC;AAAA,EAC1F;AAEH,CAAC,EAAE,UAAU;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,WAAW,IAAI,UAAU,mBAAmB;AAAA,EAC7C;AACH,CAAC;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/mentions/suggestion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestion.cjs","sources":["../../../../../../../components/rich_text_editor/extensions/mentions/suggestion.js"],"sourcesContent":["import { markRaw } from 'vue';\nimport { VueRenderer } from '@tiptap/vue-3';\nimport tippy from 'tippy.js';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport MentionSuggestion from './MentionSuggestion.vue';\nimport hideOnEsc from '../tippy_plugins/hide_on_esc';\n\nexport default {\n\n  // This function comes from the user and passed to the editor directly.\n  // This will also activate the mention plugin on the editor\n  // items: ({ query }) => { return [] },\n\n  allowSpaces: true,\n\n  render: () => {\n    let component;\n    let popup;\n    let popupIsOpen = false;\n\n    return {\n      onStart: props => {\n        component = new VueRenderer(SuggestionList, {\n          props: {\n            itemComponent: markRaw(MentionSuggestion),\n            itemType: 'mention',\n            ...props,\n          },\n          editor: props.editor,\n        });\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup = tippy('body', {\n          getReferenceClientRect: props.clientRect,\n          appendTo: () => document.body,\n          content: component.element,\n          showOnCreate: false,\n          onShow: () => { popupIsOpen = true; },\n          onHidden: () => { popupIsOpen = false; },\n          interactive: true,\n          trigger: 'manual',\n          placement: 'top-start',\n          zIndex: 650,\n          plugins: [hideOnEsc],\n        });\n\n        if (props.items.length > 0) {\n          popup?.[0].show();\n        }\n      },\n\n      onUpdate (props) {\n        component?.updateProps(props);\n\n        if (props.items.length > 0) {\n          popup?.[0].show();\n        } else {\n          popup?.[0].hide();\n        }\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup?.[0].setProps({\n          getReferenceClientRect: props.clientRect,\n        });\n      },\n\n      onKeyDown (props) {\n        if (popupIsOpen) {\n          return component?.ref?.onKeyDown(props);\n        }\n      },\n\n      onExit () {\n        popup?.[0].destroy();\n        popup = null;\n        component?.destroy();\n        component = null;\n      },\n    };\n  },\n};\n"],"names":["VueRenderer","SuggestionList","markRaw","MentionSuggestion","hideOnEsc"],"mappings":";;;;;;;;AAQA,MAAe,oBAAA;AAAA;AAAA;AAAA;AAAA,EAMb,aAAa;AAAA,EAEb,QAAQ,MAAM;AACZ,QAAI;AACJ,QAAI;AACJ,QAAI,cAAc;AAElB,WAAO;AAAA,MACL,SAAS,WAAS;AAChB,oBAAY,IAAIA,KAAW,YAACC,wBAAgB;AAAA,UAC1C,OAAO;AAAA,YACL,eAAeC,IAAO,QAACC,yBAAiB;AAAA,YACxC,UAAU;AAAA,YACV,GAAG;AAAA,UACJ;AAAA,UACD,QAAQ,MAAM;AAAA,QACxB,CAAS;AAED,YAAI,CAAC,MAAM,YAAY;AACrB;AAAA,QACD;AAED,gBAAQ,MAAM,QAAQ;AAAA,UACpB,wBAAwB,MAAM;AAAA,UAC9B,UAAU,MAAM,SAAS;AAAA,UACzB,SAAS,UAAU;AAAA,UACnB,cAAc;AAAA,UACd,QAAQ,MAAM;AAAE,0BAAc;AAAA,UAAO;AAAA,UACrC,UAAU,MAAM;AAAE,0BAAc;AAAA,UAAQ;AAAA,UACxC,aAAa;AAAA,UACb,SAAS;AAAA,UACT,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,SAAS,CAACC,YAAAA,OAAS;AAAA,QAC7B,CAAS;AAED,YAAI,MAAM,MAAM,SAAS,GAAG;AAC1B,yCAAQ,GAAG;AAAA,QACZ;AAAA,MACF;AAAA,MAED,SAAU,OAAO;AACf,+CAAW,YAAY;AAEvB,YAAI,MAAM,MAAM,SAAS,GAAG;AAC1B,yCAAQ,GAAG;AAAA,QACrB,OAAe;AACL,yCAAQ,GAAG;AAAA,QACZ;AAED,YAAI,CAAC,MAAM,YAAY;AACrB;AAAA,QACD;AAED,uCAAQ,GAAG,SAAS;AAAA,UAClB,wBAAwB,MAAM;AAAA,QACxC;AAAA,MACO;AAAA,MAED,UAAW,OAAO;;AAChB,YAAI,aAAa;AACf,kBAAO,4CAAW,QAAX,mBAAgB,UAAU;AAAA,QAClC;AAAA,MACF;AAAA,MAED,SAAU;AACR,uCAAQ,GAAG;AACX,gBAAQ;AACR,+CAAW;AACX,oBAAY;AAAA,MACb;AAAA,IACP;AAAA,EACG;AACH;;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/mentions/suggestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestion.js","sources":["../../../../../../../components/rich_text_editor/extensions/mentions/suggestion.js"],"sourcesContent":["import { markRaw } from 'vue';\nimport { VueRenderer } from '@tiptap/vue-3';\nimport tippy from 'tippy.js';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport MentionSuggestion from './MentionSuggestion.vue';\nimport hideOnEsc from '../tippy_plugins/hide_on_esc';\n\nexport default {\n\n  // This function comes from the user and passed to the editor directly.\n  // This will also activate the mention plugin on the editor\n  // items: ({ query }) => { return [] },\n\n  allowSpaces: true,\n\n  render: () => {\n    let component;\n    let popup;\n    let popupIsOpen = false;\n\n    return {\n      onStart: props => {\n        component = new VueRenderer(SuggestionList, {\n          props: {\n            itemComponent: markRaw(MentionSuggestion),\n            itemType: 'mention',\n            ...props,\n          },\n          editor: props.editor,\n        });\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup = tippy('body', {\n          getReferenceClientRect: props.clientRect,\n          appendTo: () => document.body,\n          content: component.element,\n          showOnCreate: false,\n          onShow: () => { popupIsOpen = true; },\n          onHidden: () => { popupIsOpen = false; },\n          interactive: true,\n          trigger: 'manual',\n          placement: 'top-start',\n          zIndex: 650,\n          plugins: [hideOnEsc],\n        });\n\n        if (props.items.length > 0) {\n          popup?.[0].show();\n        }\n      },\n\n      onUpdate (props) {\n        component?.updateProps(props);\n\n        if (props.items.length > 0) {\n          popup?.[0].show();\n        } else {\n          popup?.[0].hide();\n        }\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup?.[0].setProps({\n          getReferenceClientRect: props.clientRect,\n        });\n      },\n\n      onKeyDown (props) {\n        if (popupIsOpen) {\n          return component?.ref?.onKeyDown(props);\n        }\n      },\n\n      onExit () {\n        popup?.[0].destroy();\n        popup = null;\n        component?.destroy();\n        component = null;\n      },\n    };\n  },\n};\n"],"names":[],"mappings":";;;;;;AAQA,MAAe,oBAAA;AAAA;AAAA;AAAA;AAAA,EAMb,aAAa;AAAA,EAEb,QAAQ,MAAM;AACZ,QAAI;AACJ,QAAI;AACJ,QAAI,cAAc;AAElB,WAAO;AAAA,MACL,SAAS,WAAS;AAChB,oBAAY,IAAI,YAAY,gBAAgB;AAAA,UAC1C,OAAO;AAAA,YACL,eAAe,QAAQ,iBAAiB;AAAA,YACxC,UAAU;AAAA,YACV,GAAG;AAAA,UACJ;AAAA,UACD,QAAQ,MAAM;AAAA,QACxB,CAAS;AAED,YAAI,CAAC,MAAM,YAAY;AACrB;AAAA,QACD;AAED,gBAAQ,MAAM,QAAQ;AAAA,UACpB,wBAAwB,MAAM;AAAA,UAC9B,UAAU,MAAM,SAAS;AAAA,UACzB,SAAS,UAAU;AAAA,UACnB,cAAc;AAAA,UACd,QAAQ,MAAM;AAAE,0BAAc;AAAA,UAAO;AAAA,UACrC,UAAU,MAAM;AAAE,0BAAc;AAAA,UAAQ;AAAA,UACxC,aAAa;AAAA,UACb,SAAS;AAAA,UACT,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,SAAS,CAAC,SAAS;AAAA,QAC7B,CAAS;AAED,YAAI,MAAM,MAAM,SAAS,GAAG;AAC1B,yCAAQ,GAAG;AAAA,QACZ;AAAA,MACF;AAAA,MAED,SAAU,OAAO;AACf,+CAAW,YAAY;AAEvB,YAAI,MAAM,MAAM,SAAS,GAAG;AAC1B,yCAAQ,GAAG;AAAA,QACrB,OAAe;AACL,yCAAQ,GAAG;AAAA,QACZ;AAED,YAAI,CAAC,MAAM,YAAY;AACrB;AAAA,QACD;AAED,uCAAQ,GAAG,SAAS;AAAA,UAClB,wBAAwB,MAAM;AAAA,QACxC;AAAA,MACO;AAAA,MAED,UAAW,OAAO;;AAChB,YAAI,aAAa;AACf,kBAAO,4CAAW,QAAX,mBAAgB,UAAU;AAAA,QAClC;AAAA,MACF;AAAA,MAED,SAAU;AACR,uCAAQ,GAAG;AACX,gBAAQ;AACR,+CAAW;AACX,oBAAY;AAAA,MACb;AAAA,IACP;AAAA,EACG;AACH;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue3 = require("@tiptap/vue-3");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _sfc_main = {
+  name: "SlashCommandsComponent",
+  components: {
+    NodeViewWrapper: vue3.NodeViewWrapper
+  },
+  props: vue3.nodeViewProps,
+  emits: ["selected-command"],
+  computed: {
+    text() {
+      return "/" + this.$props.node.attrs.command;
+    }
+  },
+  created() {
+    this.$parent.$emit("selected-command", this.$props.node.attrs.command);
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_node_view_wrapper = vue.resolveComponent("node-view-wrapper");
+  return vue.openBlock(), vue.createBlock(_component_node_view_wrapper, { class: "d-d-inline-block" }, {
+    default: vue.withCtx(() => [
+      vue.createTextVNode(vue.toDisplayString($options.text), 1)
+    ]),
+    _: 1
+  });
+}
+const SlashCommandComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = SlashCommandComponent;
+//# sourceMappingURL=SlashCommandComponent.vue.cjs.map

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlashCommandComponent.vue.cjs","sources":["../../../../../../../components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    {{ text }}\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nexport default {\n  name: 'SlashCommandsComponent',\n  components: {\n    NodeViewWrapper,\n  },\n\n  props: nodeViewProps,\n\n  emits: ['selected-command'],\n\n  computed: {\n    text () {\n      return '/' + this.$props.node.attrs.command;\n    },\n  },\n\n  created () {\n    this.$parent.$emit('selected-command', this.$props.node.attrs.command);\n  },\n};\n</script>\n"],"names":["NodeViewWrapper","nodeViewProps","_createBlock","_withCtx","_createTextVNode","_toDisplayString"],"mappings":";;;;;AAYA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,iBAAAA,KAAe;AAAA,EAChB;AAAA,EAED,OAAOC,KAAa;AAAA,EAEpB,OAAO,CAAC,kBAAkB;AAAA,EAE1B,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AAAA,EAED,UAAW;AACT,SAAK,QAAQ,MAAM,oBAAoB,KAAK,OAAO,KAAK,MAAM,OAAO;AAAA,EACtE;AACH;;;0BA7BEC,IAIoB,YAAA,8BAAA,EAHlB,OAAM,sBAAkB;AAAA,IAH5B,SAAAC,IAAA,QAKI,MAAU;AAAA,MALdC,IAAAA,gBAAAC,IAAAA,gBAKO,SAAI,IAAA,GAAA,CAAA;AAAA;IALX,GAAA;AAAA;;;;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue.js

@@ -0,0 +1,33 @@
+import { NodeViewWrapper, nodeViewProps } from "@tiptap/vue-3";
+import { resolveComponent, openBlock, createBlock, withCtx, createTextVNode, toDisplayString } from "vue";
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "SlashCommandsComponent",
+  components: {
+    NodeViewWrapper
+  },
+  props: nodeViewProps,
+  emits: ["selected-command"],
+  computed: {
+    text() {
+      return "/" + this.$props.node.attrs.command;
+    }
+  },
+  created() {
+    this.$parent.$emit("selected-command", this.$props.node.attrs.command);
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_node_view_wrapper = resolveComponent("node-view-wrapper");
+  return openBlock(), createBlock(_component_node_view_wrapper, { class: "d-d-inline-block" }, {
+    default: withCtx(() => [
+      createTextVNode(toDisplayString($options.text), 1)
+    ]),
+    _: 1
+  });
+}
+const SlashCommandComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  SlashCommandComponent as default
+};
+//# sourceMappingURL=SlashCommandComponent.vue.js.map

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlashCommandComponent.vue.js","sources":["../../../../../../../components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    {{ text }}\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nexport default {\n  name: 'SlashCommandsComponent',\n  components: {\n    NodeViewWrapper,\n  },\n\n  props: nodeViewProps,\n\n  emits: ['selected-command'],\n\n  computed: {\n    text () {\n      return '/' + this.$props.node.attrs.command;\n    },\n  },\n\n  created () {\n    this.$parent.$emit('selected-command', this.$props.node.attrs.command);\n  },\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createTextVNode","_toDisplayString"],"mappings":";;;AAYA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACD;AAAA,EAED,OAAO;AAAA,EAEP,OAAO,CAAC,kBAAkB;AAAA,EAE1B,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,MAAM,KAAK,OAAO,KAAK,MAAM;AAAA,IACrC;AAAA,EACF;AAAA,EAED,UAAW;AACT,SAAK,QAAQ,MAAM,oBAAoB,KAAK,OAAO,KAAK,MAAM,OAAO;AAAA,EACtE;AACH;;;sBA7BEA,YAIoB,8BAAA,EAHlB,OAAM,sBAAkB;AAAA,IAH5B,SAAAC,QAKI,MAAU;AAAA,MALdC,gBAAAC,gBAKO,SAAI,IAAA,GAAA,CAAA;AAAA;IALX,GAAA;AAAA;;;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue.cjs

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _sfc_main = {
+  name: "SlashCommandSuggestion",
+  props: {
+    item: {
+      type: Object,
+      required: true
+    }
+  },
+  computed: {
+    command() {
+      return this.item.command;
+    },
+    description() {
+      return this.item.description;
+    },
+    parametersExample() {
+      return this.item.parametersExample;
+    }
+  }
+};
+const _hoisted_1 = { class: "d-body--md-compact" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { class: "d-body--sm d-fc-tertiary" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", null, [
+    vue.createElementVNode("div", _hoisted_1, [
+      vue.createElementVNode("span", null, "/" + vue.toDisplayString($options.command), 1),
+      $options.parametersExample ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString($options.parametersExample), 1)) : vue.createCommentVNode("", true)
+    ]),
+    vue.createElementVNode("div", _hoisted_3, vue.toDisplayString($options.description), 1)
+  ]);
+}
+const SlashCommandSuggestion = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = SlashCommandSuggestion;
+//# sourceMappingURL=SlashCommandSuggestion.vue.cjs.map

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlashCommandSuggestion.vue.cjs","sources":["../../../../../../../components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <div>\n    <div class=\"d-body--md-compact\">\n      <span>/{{ command }}</span><span v-if=\"parametersExample\"> {{ parametersExample }}</span>\n    </div>\n    <div class=\"d-body--sm d-fc-tertiary\">\n      {{ description }}\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'SlashCommandSuggestion',\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    command () {\n      return this.item.command;\n    },\n\n    description () {\n      return this.item.description;\n    },\n\n    parametersExample () {\n      return this.item.parametersExample;\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;;AAaA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,UAAW;AACT,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,cAAe;AACb,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,oBAAqB;AACnB,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,EACF;AACH;AAjCS,MAAA,aAAA,EAAA,OAAM,qBAAoB;qBAHnC,KAAA,EAAA;AAMS,MAAA,aAAA,EAAA,OAAM,2BAA0B;;0BAJvCA,uBAOM,OAAA,MAAA;AAAA,IANJC,IAAA,mBAEM,OAFN,YAEM;AAAA,MADJA,uBAA2B,QAAA,MAArB,MAACC,IAAA,gBAAG,SAAO,OAAA,GAAA,CAAA;AAAA,MAAsB,SAAiB,sCAA7BF,IAA8D,mBAAA,QAJ/F,gCAIoE,SAAiB,iBAAA,GAAA,CAAA,KAJrFG,IAAA,mBAAA,IAAA,IAAA;AAAA;IAMIF,IAEM,mBAAA,OAFN,YAEMC,IAAAA,gBADD,SAAW,WAAA,GAAA,CAAA;AAAA;;;;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue.js

@@ -0,0 +1,39 @@
+import { openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode } from "vue";
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "SlashCommandSuggestion",
+  props: {
+    item: {
+      type: Object,
+      required: true
+    }
+  },
+  computed: {
+    command() {
+      return this.item.command;
+    },
+    description() {
+      return this.item.description;
+    },
+    parametersExample() {
+      return this.item.parametersExample;
+    }
+  }
+};
+const _hoisted_1 = { class: "d-body--md-compact" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { class: "d-body--sm d-fc-tertiary" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", null, [
+    createElementVNode("div", _hoisted_1, [
+      createElementVNode("span", null, "/" + toDisplayString($options.command), 1),
+      $options.parametersExample ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString($options.parametersExample), 1)) : createCommentVNode("", true)
+    ]),
+    createElementVNode("div", _hoisted_3, toDisplayString($options.description), 1)
+  ]);
+}
+const SlashCommandSuggestion = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  SlashCommandSuggestion as default
+};
+//# sourceMappingURL=SlashCommandSuggestion.vue.js.map

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlashCommandSuggestion.vue.js","sources":["../../../../../../../components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <div>\n    <div class=\"d-body--md-compact\">\n      <span>/{{ command }}</span><span v-if=\"parametersExample\"> {{ parametersExample }}</span>\n    </div>\n    <div class=\"d-body--sm d-fc-tertiary\">\n      {{ description }}\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'SlashCommandSuggestion',\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    command () {\n      return this.item.command;\n    },\n\n    description () {\n      return this.item.description;\n    },\n\n    parametersExample () {\n      return this.item.parametersExample;\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":";;AAaA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,UAAW;AACT,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,cAAe;AACb,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,oBAAqB;AACnB,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,EACF;AACH;AAjCS,MAAA,aAAA,EAAA,OAAM,qBAAoB;qBAHnC,KAAA,EAAA;AAMS,MAAA,aAAA,EAAA,OAAM,2BAA0B;;sBAJvCA,mBAOM,OAAA,MAAA;AAAA,IANJC,mBAEM,OAFN,YAEM;AAAA,MADJA,mBAA2B,QAAA,MAArB,MAACC,gBAAG,SAAO,OAAA,GAAA,CAAA;AAAA,MAAsB,SAAiB,kCAA7BF,mBAA8D,QAJ/F,4BAIoE,SAAiB,iBAAA,GAAA,CAAA,KAJrFG,mBAAA,IAAA,IAAA;AAAA;IAMIF,mBAEM,OAFN,YAEMC,gBADD,SAAW,WAAA,GAAA,CAAA;AAAA;;;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/slash_command/slash_command.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slash_command.cjs","sources":["../../../../../../../components/rich_text_editor/extensions/slash_command/slash_command.js"],"sourcesContent":["import Mention from '@tiptap/extension-mention';\nimport { VueNodeViewRenderer } from '@tiptap/vue-3';\nimport { PluginKey } from '@tiptap/pm/state';\n\n// Slash Command Mention component\nimport SlashCommandComponent from './SlashCommandComponent.vue';\nimport { mergeAttributes, nodeInputRule, nodePasteRule } from '@tiptap/core';\n\nconst slashCommandPasteMatch = (text, slashCommandRegex) => {\n  const matches = [...text.matchAll(slashCommandRegex)];\n\n  return matches\n    .map(match => {\n      let slashCommand = match[2];\n      if (!slashCommand.endsWith(' ')) slashCommand += ' ';\n      return {\n        index: match.index,\n        text: slashCommand,\n        match,\n      };\n    });\n};\n\nexport const SlashCommandPlugin = Mention.extend({\n  name: 'slash-commands',\n  group: 'inline',\n  inline: true,\n\n  addNodeView () {\n    return VueNodeViewRenderer(SlashCommandComponent);\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'command-component',\n      },\n    ];\n  },\n\n  addAttributes () {\n    return {\n      command: {\n        default: '',\n      },\n      parametersExample: {\n        default: '',\n      },\n      description: {\n        default: '',\n      },\n    };\n  },\n\n  renderText ({ node }) {\n    return `/${node.attrs.command}`;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['command-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];\n  },\n\n  addInputRules () {\n    const suggestions = this.options.suggestion?.items({ query: '' }).map(suggestion => suggestion.command);\n    const slashCommandRegex = new RegExp(`^((?:\\\\/)(${suggestions.join('|')})) $`);\n    return [\n      nodeInputRule({\n        find: slashCommandRegex,\n        type: this.type,\n        getAttributes (attrs) {\n          return { command: attrs[2] };\n        },\n      }),\n    ];\n  },\n\n  addPasteRules () {\n    const suggestions = this.options.suggestion?.items({ query: '' }).map(suggestion => suggestion.command);\n    const slashCommandRegex = new RegExp(`^((?:\\\\/)(${suggestions.join('|')})) ?$`, 'g');\n    return [\n      nodePasteRule({\n        find: (text) => slashCommandPasteMatch(text, slashCommandRegex),\n        type: this.type,\n        getAttributes (attrs) {\n          return { command: attrs[0].trim() };\n        },\n      }),\n    ];\n  },\n}).configure({\n  suggestion: {\n    char: '/',\n    pluginKey: new PluginKey('slashCommandSuggestion'),\n  },\n});\n"],"names":["VueNodeViewRenderer","SlashCommandComponent","mergeAttributes","nodeInputRule","nodePasteRule","PluginKey"],"mappings":";;;;;;;AAQA,MAAM,yBAAyB,CAAC,MAAM,sBAAsB;AAC1D,QAAM,UAAU,CAAC,GAAG,KAAK,SAAS,iBAAiB,CAAC;AAEpD,SAAO,QACJ,IAAI,WAAS;AACZ,QAAI,eAAe,MAAM,CAAC;AAC1B,QAAI,CAAC,aAAa,SAAS,GAAG,EAAG,iBAAgB;AACjD,WAAO;AAAA,MACL,OAAO,MAAM;AAAA,MACb,MAAM;AAAA,MACN;AAAA,IACR;AAAA,EACA,CAAK;AACL;AAEY,MAAC,qBAAqB,QAAQ,OAAO;AAAA,EAC/C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EAER,cAAe;AACb,WAAOA,KAAAA,oBAAoBC,sBAAAA,OAAqB;AAAA,EACjD;AAAA,EAED,YAAa;AACX,WAAO;AAAA,MACL;AAAA,QACE,KAAK;AAAA,MACN;AAAA,IACP;AAAA,EACG;AAAA,EAED,gBAAiB;AACf,WAAO;AAAA,MACL,SAAS;AAAA,QACP,SAAS;AAAA,MACV;AAAA,MACD,mBAAmB;AAAA,QACjB,SAAS;AAAA,MACV;AAAA,MACD,aAAa;AAAA,QACX,SAAS;AAAA,MACV;AAAA,IACP;AAAA,EACG;AAAA,EAED,WAAY,EAAE,QAAQ;AACpB,WAAO,IAAI,KAAK,MAAM,OAAO;AAAA,EAC9B;AAAA,EAED,WAAY,EAAE,kBAAkB;AAC9B,WAAO,CAAC,qBAAqBC,qBAAgB,KAAK,QAAQ,gBAAgB,cAAc,CAAC;AAAA,EAC1F;AAAA,EAED,gBAAiB;;AACf,UAAM,eAAc,UAAK,QAAQ,eAAb,mBAAyB,MAAM,EAAE,OAAO,GAAE,GAAI,IAAI,gBAAc,WAAW;AAC/F,UAAM,oBAAoB,IAAI,OAAO,aAAa,YAAY,KAAK,GAAG,CAAC,MAAM;AAC7E,WAAO;AAAA,MACLC,mBAAc;AAAA,QACZ,MAAM;AAAA,QACN,MAAM,KAAK;AAAA,QACX,cAAe,OAAO;AACpB,iBAAO,EAAE,SAAS,MAAM,CAAC,EAAC;AAAA,QAC3B;AAAA,MACT,CAAO;AAAA,IACP;AAAA,EACG;AAAA,EAED,gBAAiB;;AACf,UAAM,eAAc,UAAK,QAAQ,eAAb,mBAAyB,MAAM,EAAE,OAAO,GAAE,GAAI,IAAI,gBAAc,WAAW;AAC/F,UAAM,oBAAoB,IAAI,OAAO,aAAa,YAAY,KAAK,GAAG,CAAC,SAAS,GAAG;AACnF,WAAO;AAAA,MACLC,mBAAc;AAAA,QACZ,MAAM,CAAC,SAAS,uBAAuB,MAAM,iBAAiB;AAAA,QAC9D,MAAM,KAAK;AAAA,QACX,cAAe,OAAO;AACpB,iBAAO,EAAE,SAAS,MAAM,CAAC,EAAE,KAAM,EAAA;AAAA,QAClC;AAAA,MACT,CAAO;AAAA,IACP;AAAA,EACG;AACH,CAAC,EAAE,UAAU;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,WAAW,IAAIC,MAAS,UAAC,wBAAwB;AAAA,EAClD;AACH,CAAC;;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/slash_command/slash_command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slash_command.js","sources":["../../../../../../../components/rich_text_editor/extensions/slash_command/slash_command.js"],"sourcesContent":["import Mention from '@tiptap/extension-mention';\nimport { VueNodeViewRenderer } from '@tiptap/vue-3';\nimport { PluginKey } from '@tiptap/pm/state';\n\n// Slash Command Mention component\nimport SlashCommandComponent from './SlashCommandComponent.vue';\nimport { mergeAttributes, nodeInputRule, nodePasteRule } from '@tiptap/core';\n\nconst slashCommandPasteMatch = (text, slashCommandRegex) => {\n  const matches = [...text.matchAll(slashCommandRegex)];\n\n  return matches\n    .map(match => {\n      let slashCommand = match[2];\n      if (!slashCommand.endsWith(' ')) slashCommand += ' ';\n      return {\n        index: match.index,\n        text: slashCommand,\n        match,\n      };\n    });\n};\n\nexport const SlashCommandPlugin = Mention.extend({\n  name: 'slash-commands',\n  group: 'inline',\n  inline: true,\n\n  addNodeView () {\n    return VueNodeViewRenderer(SlashCommandComponent);\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'command-component',\n      },\n    ];\n  },\n\n  addAttributes () {\n    return {\n      command: {\n        default: '',\n      },\n      parametersExample: {\n        default: '',\n      },\n      description: {\n        default: '',\n      },\n    };\n  },\n\n  renderText ({ node }) {\n    return `/${node.attrs.command}`;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['command-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];\n  },\n\n  addInputRules () {\n    const suggestions = this.options.suggestion?.items({ query: '' }).map(suggestion => suggestion.command);\n    const slashCommandRegex = new RegExp(`^((?:\\\\/)(${suggestions.join('|')})) $`);\n    return [\n      nodeInputRule({\n        find: slashCommandRegex,\n        type: this.type,\n        getAttributes (attrs) {\n          return { command: attrs[2] };\n        },\n      }),\n    ];\n  },\n\n  addPasteRules () {\n    const suggestions = this.options.suggestion?.items({ query: '' }).map(suggestion => suggestion.command);\n    const slashCommandRegex = new RegExp(`^((?:\\\\/)(${suggestions.join('|')})) ?$`, 'g');\n    return [\n      nodePasteRule({\n        find: (text) => slashCommandPasteMatch(text, slashCommandRegex),\n        type: this.type,\n        getAttributes (attrs) {\n          return { command: attrs[0].trim() };\n        },\n      }),\n    ];\n  },\n}).configure({\n  suggestion: {\n    char: '/',\n    pluginKey: new PluginKey('slashCommandSuggestion'),\n  },\n});\n"],"names":[],"mappings":";;;;;AAQA,MAAM,yBAAyB,CAAC,MAAM,sBAAsB;AAC1D,QAAM,UAAU,CAAC,GAAG,KAAK,SAAS,iBAAiB,CAAC;AAEpD,SAAO,QACJ,IAAI,WAAS;AACZ,QAAI,eAAe,MAAM,CAAC;AAC1B,QAAI,CAAC,aAAa,SAAS,GAAG,EAAG,iBAAgB;AACjD,WAAO;AAAA,MACL,OAAO,MAAM;AAAA,MACb,MAAM;AAAA,MACN;AAAA,IACR;AAAA,EACA,CAAK;AACL;AAEY,MAAC,qBAAqB,QAAQ,OAAO;AAAA,EAC/C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EAER,cAAe;AACb,WAAO,oBAAoB,qBAAqB;AAAA,EACjD;AAAA,EAED,YAAa;AACX,WAAO;AAAA,MACL;AAAA,QACE,KAAK;AAAA,MACN;AAAA,IACP;AAAA,EACG;AAAA,EAED,gBAAiB;AACf,WAAO;AAAA,MACL,SAAS;AAAA,QACP,SAAS;AAAA,MACV;AAAA,MACD,mBAAmB;AAAA,QACjB,SAAS;AAAA,MACV;AAAA,MACD,aAAa;AAAA,QACX,SAAS;AAAA,MACV;AAAA,IACP;AAAA,EACG;AAAA,EAED,WAAY,EAAE,QAAQ;AACpB,WAAO,IAAI,KAAK,MAAM,OAAO;AAAA,EAC9B;AAAA,EAED,WAAY,EAAE,kBAAkB;AAC9B,WAAO,CAAC,qBAAqB,gBAAgB,KAAK,QAAQ,gBAAgB,cAAc,CAAC;AAAA,EAC1F;AAAA,EAED,gBAAiB;;AACf,UAAM,eAAc,UAAK,QAAQ,eAAb,mBAAyB,MAAM,EAAE,OAAO,GAAE,GAAI,IAAI,gBAAc,WAAW;AAC/F,UAAM,oBAAoB,IAAI,OAAO,aAAa,YAAY,KAAK,GAAG,CAAC,MAAM;AAC7E,WAAO;AAAA,MACL,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,MAAM,KAAK;AAAA,QACX,cAAe,OAAO;AACpB,iBAAO,EAAE,SAAS,MAAM,CAAC,EAAC;AAAA,QAC3B;AAAA,MACT,CAAO;AAAA,IACP;AAAA,EACG;AAAA,EAED,gBAAiB;;AACf,UAAM,eAAc,UAAK,QAAQ,eAAb,mBAAyB,MAAM,EAAE,OAAO,GAAE,GAAI,IAAI,gBAAc,WAAW;AAC/F,UAAM,oBAAoB,IAAI,OAAO,aAAa,YAAY,KAAK,GAAG,CAAC,SAAS,GAAG;AACnF,WAAO;AAAA,MACL,cAAc;AAAA,QACZ,MAAM,CAAC,SAAS,uBAAuB,MAAM,iBAAiB;AAAA,QAC9D,MAAM,KAAK;AAAA,QACX,cAAe,OAAO;AACpB,iBAAO,EAAE,SAAS,MAAM,CAAC,EAAE,KAAM,EAAA;AAAA,QAClC;AAAA,MACT,CAAO;AAAA,IACP;AAAA,EACG;AACH,CAAC,EAAE,UAAU;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,WAAW,IAAI,UAAU,wBAAwB;AAAA,EAClD;AACH,CAAC;"}