@dialpad/dialtone 9.110.1-beta.2 → 9.110.2

package/dist/vue2/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-2";
+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/vue2/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-2';\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":"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"}

package/dist/vue2/components/rich_text_editor/extensions/emoji/index.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const emoji = require("./emoji.cjs");
+exports.Emoji = emoji.Emoji;
+exports.default = emoji.Emoji;
+//# sourceMappingURL=index.cjs.map

package/dist/vue2/components/rich_text_editor/extensions/emoji/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/vue2/components/rich_text_editor/extensions/emoji/index.js

@@ -0,0 +1,6 @@
+import { Emoji } from "./emoji.js";
+export {
+  Emoji,
+  Emoji as default
+};
+//# sourceMappingURL=index.js.map

package/dist/vue2/components/rich_text_editor/extensions/emoji/suggestion.cjs

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue2 = require("@tiptap/vue-2");
+const dialtoneEmojis = require("@dialpad/dialtone-emojis");
+const SuggestionList = require("../suggestion/SuggestionList.vue.cjs");
+const EmojiSuggestion = require("./EmojiSuggestion.vue.cjs");
+const tippy = require("tippy.js");
+const hide_on_esc = require("../tippy_plugins/hide_on_esc.cjs");
+const suggestionLimit = 20;
+const suggestionOptions = {
+  items: ({ query }) => {
+    if (query.length < 2) {
+      return [];
+    }
+    const emojiList = Object.values(dialtoneEmojis.emojisIndexed);
+    query = query.toLowerCase();
+    const filteredEmoji = emojiList.filter(
+      (item) => [
+        item.name,
+        item.shortname.replaceAll(":", ""),
+        ...item.keywords
+      ].some((text) => text.startsWith(query))
+    ).splice(0, suggestionLimit);
+    return filteredEmoji.map((item) => ({ code: item.shortname }));
+  },
+  command: ({ editor, range, props }) => {
+    var _a, _b;
+    const nodeAfter = editor.view.state.selection.$to.nodeAfter;
+    const overrideSpace = (_a = nodeAfter == null ? void 0 : nodeAfter.text) == null ? void 0 : _a.startsWith(" ");
+    if (overrideSpace) {
+      range.to += 1;
+    }
+    editor.chain().focus().insertContentAt(range, [
+      {
+        type: "emoji",
+        attrs: props
+      }
+    ]).run();
+    (_b = window.getSelection()) == null ? void 0 : _b.collapseToEnd();
+  },
+  render: () => {
+    let component;
+    let popup;
+    let popupIsOpen = false;
+    return {
+      onStart: (props) => {
+        component = new vue2.VueRenderer(SuggestionList.default, {
+          parent: void 0,
+          propsData: {
+            itemComponent: EmojiSuggestion.default,
+            itemType: "emoji",
+            ...props
+          },
+          editor: props.editor
+        });
+        if (!props.clientRect) {
+          return;
+        }
+        popup = tippy("body", {
+          getReferenceClientRect: props.clientRect,
+          appendTo: () => document.body,
+          content: component.element,
+          showOnCreate: false,
+          onShow: () => {
+            popupIsOpen = true;
+          },
+          onHidden: () => {
+            popupIsOpen = false;
+          },
+          interactive: true,
+          trigger: "manual",
+          placement: "top-start",
+          zIndex: 650,
+          plugins: [hide_on_esc.default]
+        });
+        if (props.items.length > 0) {
+          popup == null ? void 0 : popup[0].show();
+        }
+      },
+      onUpdate(props) {
+        component == null ? void 0 : component.updateProps(props);
+        if (props.items.length > 0) {
+          popup == null ? void 0 : popup[0].show();
+        } else {
+          popup == null ? void 0 : popup[0].hide();
+        }
+        popup == null ? void 0 : popup[0].setProps({
+          getReferenceClientRect: props.clientRect
+        });
+      },
+      onKeyDown(props) {
+        var _a;
+        if (popupIsOpen) {
+          return (_a = component == null ? void 0 : component.ref) == null ? void 0 : _a.onKeyDown(props);
+        }
+      },
+      onExit() {
+        popup == null ? void 0 : popup[0].destroy();
+        popup = null;
+        component == null ? void 0 : component.destroy();
+        component = null;
+      }
+    };
+  }
+};
+exports.default = suggestionOptions;
+//# sourceMappingURL=suggestion.cjs.map

package/dist/vue2/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 { VueRenderer } from '@tiptap/vue-2';\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          parent: this,\n          propsData: {\n            itemComponent: 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","this","EmojiSuggestion","hideOnEsc"],"mappings":";;;;;;;;AASA,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,QAAQC;AAAAA,UACR,WAAW;AAAA,YACT,eAAeC,gBAAe;AAAA,YAC9B,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/vue2/components/rich_text_editor/extensions/emoji/suggestion.js

@@ -0,0 +1,107 @@
+import { VueRenderer } from "@tiptap/vue-2";
+import { emojisIndexed } from "@dialpad/dialtone-emojis";
+import SuggestionList from "../suggestion/SuggestionList.vue.js";
+import EmojiSuggestion from "./EmojiSuggestion.vue.js";
+import tippy from "tippy.js";
+import hideOnEsc from "../tippy_plugins/hide_on_esc.js";
+const suggestionLimit = 20;
+const suggestionOptions = {
+  items: ({ query }) => {
+    if (query.length < 2) {
+      return [];
+    }
+    const emojiList = Object.values(emojisIndexed);
+    query = query.toLowerCase();
+    const filteredEmoji = emojiList.filter(
+      (item) => [
+        item.name,
+        item.shortname.replaceAll(":", ""),
+        ...item.keywords
+      ].some((text) => text.startsWith(query))
+    ).splice(0, suggestionLimit);
+    return filteredEmoji.map((item) => ({ code: item.shortname }));
+  },
+  command: ({ editor, range, props }) => {
+    var _a, _b;
+    const nodeAfter = editor.view.state.selection.$to.nodeAfter;
+    const overrideSpace = (_a = nodeAfter == null ? void 0 : nodeAfter.text) == null ? void 0 : _a.startsWith(" ");
+    if (overrideSpace) {
+      range.to += 1;
+    }
+    editor.chain().focus().insertContentAt(range, [
+      {
+        type: "emoji",
+        attrs: props
+      }
+    ]).run();
+    (_b = window.getSelection()) == null ? void 0 : _b.collapseToEnd();
+  },
+  render: () => {
+    let component;
+    let popup;
+    let popupIsOpen = false;
+    return {
+      onStart: (props) => {
+        component = new VueRenderer(SuggestionList, {
+          parent: void 0,
+          propsData: {
+            itemComponent: EmojiSuggestion,
+            itemType: "emoji",
+            ...props
+          },
+          editor: props.editor
+        });
+        if (!props.clientRect) {
+          return;
+        }
+        popup = tippy("body", {
+          getReferenceClientRect: props.clientRect,
+          appendTo: () => document.body,
+          content: component.element,
+          showOnCreate: false,
+          onShow: () => {
+            popupIsOpen = true;
+          },
+          onHidden: () => {
+            popupIsOpen = false;
+          },
+          interactive: true,
+          trigger: "manual",
+          placement: "top-start",
+          zIndex: 650,
+          plugins: [hideOnEsc]
+        });
+        if (props.items.length > 0) {
+          popup == null ? void 0 : popup[0].show();
+        }
+      },
+      onUpdate(props) {
+        component == null ? void 0 : component.updateProps(props);
+        if (props.items.length > 0) {
+          popup == null ? void 0 : popup[0].show();
+        } else {
+          popup == null ? void 0 : popup[0].hide();
+        }
+        popup == null ? void 0 : popup[0].setProps({
+          getReferenceClientRect: props.clientRect
+        });
+      },
+      onKeyDown(props) {
+        var _a;
+        if (popupIsOpen) {
+          return (_a = component == null ? void 0 : component.ref) == null ? void 0 : _a.onKeyDown(props);
+        }
+      },
+      onExit() {
+        popup == null ? void 0 : popup[0].destroy();
+        popup = null;
+        component == null ? void 0 : component.destroy();
+        component = null;
+      }
+    };
+  }
+};
+export {
+  suggestionOptions as default
+};
+//# sourceMappingURL=suggestion.js.map

package/dist/vue2/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 { VueRenderer } from '@tiptap/vue-2';\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          parent: this,\n          propsData: {\n            itemComponent: 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":["this"],"mappings":";;;;;;AASA,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,QAAQA;AAAAA,UACR,WAAW;AAAA,YACT,eAAe;AAAA,YACf,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/vue2/components/rich_text_editor/extensions/image/image.cjs

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Image = require("@tiptap/extension-image");
+const ConfigurableImage = Image.extend({
+  name: "ConfigurableImage",
+  addAttributes() {
+    return {
+      src: {
+        default: ""
+      },
+      alt: {
+        default: void 0
+      },
+      title: {
+        default: void 0
+      },
+      width: {
+        default: void 0
+      },
+      height: {
+        default: void 0
+      },
+      style: {
+        default: void 0
+      }
+    };
+  }
+}).configure({ inline: true, allowBase64: true });
+exports.ConfigurableImage = ConfigurableImage;
+//# sourceMappingURL=image.cjs.map

package/dist/vue2/components/rich_text_editor/extensions/image/image.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.cjs","sources":["../../../../../components/rich_text_editor/extensions/image/image.js"],"sourcesContent":["import Image from '@tiptap/extension-image';\n\nexport const ConfigurableImage = Image.extend({\n  name: 'ConfigurableImage',\n\n  addAttributes () {\n    return {\n      src: {\n        default: '',\n      },\n      alt: {\n        default: undefined,\n      },\n      title: {\n        default: undefined,\n      },\n      width: {\n        default: undefined,\n      },\n      height: {\n        default: undefined,\n      },\n      style: {\n        default: undefined,\n      },\n    };\n  },\n}).configure({ inline: true, allowBase64: true });\n"],"names":[],"mappings":";;;AAEY,MAAC,oBAAoB,MAAM,OAAO;AAAA,EAC5C,MAAM;AAAA,EAEN,gBAAiB;AACf,WAAO;AAAA,MACL,KAAK;AAAA,QACH,SAAS;AAAA,MACV;AAAA,MACD,KAAK;AAAA,QACH,SAAS;AAAA,MACV;AAAA,MACD,OAAO;AAAA,QACL,SAAS;AAAA,MACV;AAAA,MACD,OAAO;AAAA,QACL,SAAS;AAAA,MACV;AAAA,MACD,QAAQ;AAAA,QACN,SAAS;AAAA,MACV;AAAA,MACD,OAAO;AAAA,QACL,SAAS;AAAA,MACV;AAAA,IACP;AAAA,EACG;AACH,CAAC,EAAE,UAAU,EAAE,QAAQ,MAAM,aAAa,KAAM,CAAA;;"}

package/dist/vue2/components/rich_text_editor/extensions/image/image.js

@@ -0,0 +1,30 @@
+import Image from "@tiptap/extension-image";
+const ConfigurableImage = Image.extend({
+  name: "ConfigurableImage",
+  addAttributes() {
+    return {
+      src: {
+        default: ""
+      },
+      alt: {
+        default: void 0
+      },
+      title: {
+        default: void 0
+      },
+      width: {
+        default: void 0
+      },
+      height: {
+        default: void 0
+      },
+      style: {
+        default: void 0
+      }
+    };
+  }
+}).configure({ inline: true, allowBase64: true });
+export {
+  ConfigurableImage
+};
+//# sourceMappingURL=image.js.map

package/dist/vue2/components/rich_text_editor/extensions/image/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sources":["../../../../../components/rich_text_editor/extensions/image/image.js"],"sourcesContent":["import Image from '@tiptap/extension-image';\n\nexport const ConfigurableImage = Image.extend({\n  name: 'ConfigurableImage',\n\n  addAttributes () {\n    return {\n      src: {\n        default: '',\n      },\n      alt: {\n        default: undefined,\n      },\n      title: {\n        default: undefined,\n      },\n      width: {\n        default: undefined,\n      },\n      height: {\n        default: undefined,\n      },\n      style: {\n        default: undefined,\n      },\n    };\n  },\n}).configure({ inline: true, allowBase64: true });\n"],"names":[],"mappings":";AAEY,MAAC,oBAAoB,MAAM,OAAO;AAAA,EAC5C,MAAM;AAAA,EAEN,gBAAiB;AACf,WAAO;AAAA,MACL,KAAK;AAAA,QACH,SAAS;AAAA,MACV;AAAA,MACD,KAAK;AAAA,QACH,SAAS;AAAA,MACV;AAAA,MACD,OAAO;AAAA,QACL,SAAS;AAAA,MACV;AAAA,MACD,OAAO;AAAA,QACL,SAAS;AAAA,MACV;AAAA,MACD,QAAQ;AAAA,QACN,SAAS;AAAA,MACV;AAAA,MACD,OAAO;AAAA,QACL,SAAS;AAAA,MACV;AAAA,IACP;AAAA,EACG;AACH,CAAC,EAAE,UAAU,EAAE,QAAQ,MAAM,aAAa,KAAM,CAAA;"}

package/dist/vue2/components/rich_text_editor/extensions/image/index.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const image = require("./image.cjs");
+exports.default = image.ConfigurableImage;
+//# sourceMappingURL=index.cjs.map

package/dist/vue2/components/rich_text_editor/extensions/image/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/vue2/components/rich_text_editor/extensions/image/index.js

@@ -0,0 +1,5 @@
+import { ConfigurableImage } from "./image.js";
+export {
+  ConfigurableImage as default
+};
+//# sourceMappingURL=index.js.map

package/dist/vue2/components/rich_text_editor/extensions/mentions/MentionComponent.vue.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue2 = require("@tiptap/vue-2");
+const _pluginVue2_normalizer = require("../../../../_virtual/_plugin-vue2_normalizer.cjs");
+const link = require("../../../link/link.vue.cjs");
+const _sfc_main = {
+  name: "MentionComponent",
+  components: {
+    NodeViewWrapper: vue2.NodeViewWrapper,
+    DtLink: link.default
+  },
+  props: vue2.nodeViewProps,
+  computed: {
+    text() {
+      return "@" + this.$props.node.attrs.name;
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("node-view-wrapper", { staticClass: "d-d-inline-block" }, [_c("dt-link", { attrs: { "kind": "mention" } }, [_vm._v(" " + _vm._s(_vm.text) + " ")])], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.default(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns
+);
+const MentionComponent = __component__.exports;
+exports.default = MentionComponent;
+//# sourceMappingURL=MentionComponent.vue.cjs.map

package/dist/vue2/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-2';\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"],"mappings":";;;;;AAkBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,iBAAAA,KAAA;AAAA,IACA,QAAAC,KAAA;AAAA,EACA;AAAA,EAEA,OAAAC,KAAA;AAAA,EAEA,UAAA;AAAA,IACA,OAAA;AACA,aAAA,MAAA,KAAA,OAAA,KAAA,MAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;"}

package/dist/vue2/components/rich_text_editor/extensions/mentions/MentionComponent.vue.js

@@ -0,0 +1,31 @@
+import { NodeViewWrapper, nodeViewProps } from "@tiptap/vue-2";
+import normalizeComponent from "../../../../_virtual/_plugin-vue2_normalizer.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;
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("node-view-wrapper", { staticClass: "d-d-inline-block" }, [_c("dt-link", { attrs: { "kind": "mention" } }, [_vm._v(" " + _vm._s(_vm.text) + " ")])], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns
+);
+const MentionComponent = __component__.exports;
+export {
+  MentionComponent as default
+};
+//# sourceMappingURL=MentionComponent.vue.js.map

package/dist/vue2/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-2';\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":[],"mappings":";;;AAkBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,EAEA,UAAA;AAAA,IACA,OAAA;AACA,aAAA,MAAA,KAAA,OAAA,KAAA,MAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;"}

package/dist/vue2/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.cjs

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _pluginVue2_normalizer = require("../../../../_virtual/_plugin-vue2_normalizer.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;
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("dt-stack", { attrs: { "direction": "row", "gap": "400" } }, [_c("dt-avatar", { attrs: { "full-name": _vm.name, "image-src": _vm.avatarSrc, "image-alt": _vm.name, "size": "xs" } }), _c("span", { staticClass: "d-mention-suggestion__name" }, [_vm._v(" " + _vm._s(_vm.name) + " ")])], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.default(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns
+);
+const MentionSuggestion = __component__.exports;
+exports.default = MentionSuggestion;
+//# sourceMappingURL=MentionSuggestion.vue.cjs.map

package/dist/vue2/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    <!-- eslint-disable-next-line vue/no-restricted-class -->\n    <span class=\"d-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"],"names":["DtAvatar","DtStack"],"mappings":";;;;;AAsBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,UAAAA,OAAA;AAAA,IACA,SAAAC,MAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,OAAA;AACA,aAAA,KAAA,KAAA;AAAA,IACA;AAAA,IAEA,YAAA;AACA,aAAA,KAAA,KAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;"}

package/dist/vue2/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.js

@@ -0,0 +1,39 @@
+import normalizeComponent from "../../../../_virtual/_plugin-vue2_normalizer.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;
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("dt-stack", { attrs: { "direction": "row", "gap": "400" } }, [_c("dt-avatar", { attrs: { "full-name": _vm.name, "image-src": _vm.avatarSrc, "image-alt": _vm.name, "size": "xs" } }), _c("span", { staticClass: "d-mention-suggestion__name" }, [_vm._v(" " + _vm._s(_vm.name) + " ")])], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns
+);
+const MentionSuggestion = __component__.exports;
+export {
+  MentionSuggestion as default
+};
+//# sourceMappingURL=MentionSuggestion.vue.js.map