@dialpad/dialtone-vue 3.150.0 → 3.150.1

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

@@ -0,0 +1,50 @@
+"use strict";
+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,
+    DtStack: stack
+  },
+  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(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-65bcbd51"]]);
+module.exports = MentionSuggestion;
+//# sourceMappingURL=MentionSuggestion.vue.cjs.map

package/dist/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","_createVNode","_createElementVNode","_toDisplayString"],"mappings":";;;;;;AAqBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAA;AAAAA,IACA,SAAAC;AAAAA,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;;;;0BAVvCC,IAaW,YAAA,qBAAA;AAAA,IAZT,WAAU;AAAA,IACV,KAAI;AAAA;yBAEJ,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;;;;;;"}

package/dist/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/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","_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;qBAEJ,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;;;;;"}

package/dist/components/rich_text_editor/extensions/mentions/mention.cjs

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Mention = require("@tiptap/extension-mention");
+const core = require("@tiptap/core");
+const vue3 = require("@tiptap/vue-3");
+const state = require("@tiptap/pm/state");
+const MentionComponent = require("./MentionComponent.vue.cjs");
+const MentionPlugin = Mention.extend({
+  addNodeView() {
+    return vue3.VueNodeViewRenderer(MentionComponent);
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "mention-component"
+      }
+    ];
+  },
+  addAttributes() {
+    return {
+      name: {
+        default: ""
+      },
+      avatarSrc: {
+        default: ""
+      },
+      id: {
+        default: ""
+      }
+    };
+  },
+  renderText({ node }) {
+    return `@${node.attrs.id}`;
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["mention-component", core.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
+  }
+}).configure({
+  suggestion: {
+    char: "@",
+    pluginKey: new state.PluginKey("mentionSuggestion")
+  }
+});
+exports.MentionPlugin = MentionPlugin;
+//# sourceMappingURL=mention.cjs.map

package/dist/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","mergeAttributes","PluginKey"],"mappings":";;;;;;;AAQY,MAAC,gBAAgB,QAAQ,OAAO;AAAA,EAE1C,cAAe;AACb,WAAOA,KAAAA,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,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/components/rich_text_editor/extensions/mentions/mention.js

@@ -0,0 +1,45 @@
+import Mention from "@tiptap/extension-mention";
+import { mergeAttributes } from "@tiptap/core";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import { PluginKey } from "@tiptap/pm/state";
+import MentionComponent from "./MentionComponent.vue.js";
+const MentionPlugin = Mention.extend({
+  addNodeView() {
+    return VueNodeViewRenderer(MentionComponent);
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "mention-component"
+      }
+    ];
+  },
+  addAttributes() {
+    return {
+      name: {
+        default: ""
+      },
+      avatarSrc: {
+        default: ""
+      },
+      id: {
+        default: ""
+      }
+    };
+  },
+  renderText({ node }) {
+    return `@${node.attrs.id}`;
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["mention-component", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
+  }
+}).configure({
+  suggestion: {
+    char: "@",
+    pluginKey: new PluginKey("mentionSuggestion")
+  }
+});
+export {
+  MentionPlugin
+};
+//# sourceMappingURL=mention.js.map

package/dist/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/components/rich_text_editor/extensions/mentions/suggestion.cjs

@@ -0,0 +1,81 @@
+"use strict";
+const vue = require("vue");
+const vue3 = require("@tiptap/vue-3");
+const tippy = require("tippy.js");
+const SuggestionList = require("../suggestion/SuggestionList.vue.cjs");
+const MentionSuggestion = require("./MentionSuggestion.vue.cjs");
+const hide_on_esc = require("../tippy_plugins/hide_on_esc.cjs");
+const mentionSuggestion = {
+  // This function comes from the user and passed to the editor directly.
+  // This will also activate the mention plugin on the editor
+  // items: ({ query }) => { return [] },
+  allowSpaces: true,
+  render: () => {
+    let component;
+    let popup;
+    let popupIsOpen = false;
+    return {
+      onStart: (props) => {
+        component = new vue3.VueRenderer(SuggestionList, {
+          props: {
+            itemComponent: vue.markRaw(MentionSuggestion),
+            itemType: "mention",
+            ...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]
+        });
+        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();
+        }
+        if (!props.clientRect) {
+          return;
+        }
+        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;
+      }
+    };
+  }
+};
+module.exports = mentionSuggestion;
+//# sourceMappingURL=suggestion.cjs.map

package/dist/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","markRaw","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,YAAC,gBAAgB;AAAA,UAC1C,OAAO;AAAA,YACL,eAAeC,IAAO,QAAC,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,CAACC,WAAS;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/components/rich_text_editor/extensions/mentions/suggestion.js

@@ -0,0 +1,82 @@
+import { markRaw } from "vue";
+import { VueRenderer } from "@tiptap/vue-3";
+import tippy from "tippy.js";
+import SuggestionList from "../suggestion/SuggestionList.vue.js";
+import MentionSuggestion from "./MentionSuggestion.vue.js";
+import hideOnEsc from "../tippy_plugins/hide_on_esc.js";
+const mentionSuggestion = {
+  // This function comes from the user and passed to the editor directly.
+  // This will also activate the mention plugin on the editor
+  // items: ({ query }) => { return [] },
+  allowSpaces: true,
+  render: () => {
+    let component;
+    let popup;
+    let popupIsOpen = false;
+    return {
+      onStart: (props) => {
+        component = new VueRenderer(SuggestionList, {
+          props: {
+            itemComponent: markRaw(MentionSuggestion),
+            itemType: "mention",
+            ...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();
+        }
+        if (!props.clientRect) {
+          return;
+        }
+        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 {
+  mentionSuggestion as default
+};
+//# sourceMappingURL=suggestion.js.map

package/dist/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/components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue.cjs

@@ -0,0 +1,32 @@
+"use strict";
+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(_sfc_main, [["render", _sfc_render]]);
+module.exports = SlashCommandComponent;
+//# sourceMappingURL=SlashCommandComponent.vue.cjs.map

package/dist/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"],"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,yBAExB,MAAU;AAAA,8CAAP,SAAI,IAAA,GAAA,CAAA;AAAA;;;;;;"}

package/dist/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/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"],"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,qBAExB,MAAU;AAAA,sCAAP,SAAI,IAAA,GAAA,CAAA;AAAA;;;;;"}

package/dist/components/rich_text_editor/extensions/slash_command/SlashCommandSuggestion.vue.cjs

@@ -0,0 +1,38 @@
+"use strict";
+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(_sfc_main, [["render", _sfc_render]]);
+module.exports = SlashCommandSuggestion;
+//# sourceMappingURL=SlashCommandSuggestion.vue.cjs.map

package/dist/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","_openBlock"],"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;;AAG1B,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,qBAA7BC,cAAA,GAAAH,IAAA,mBAA8D,wCAA3B,SAAiB,iBAAA,GAAA,CAAA;;IAEjFC,IAEM,mBAAA,OAFN,YAEMC,IAAAA,gBADD,SAAW,WAAA,GAAA,CAAA;AAAA;;;;"}

package/dist/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/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","_openBlock"],"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;;AAG1B,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,qBAA7BC,UAAA,GAAAH,mBAA8D,oCAA3B,SAAiB,iBAAA,GAAA,CAAA;;IAEjFC,mBAEM,OAFN,YAEMC,gBADD,SAAW,WAAA,GAAA,CAAA;AAAA;;;"}