@dialpad/dialtone 9.79.2 → 9.80.0

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

@@ -1,35 +0,0 @@
-"use strict";
-const vue2 = require("@tiptap/vue-2");
-const _pluginVue2_normalizer = require("../../../../../../_virtual/_plugin-vue2_normalizer.cjs");
-const _sfc_main = {
-  name: "SlashCommandsComponent",
-  components: {
-    NodeViewWrapper: vue2.NodeViewWrapper
-  },
-  props: vue2.nodeViewProps,
-  emits: ["selected-command"],
-  computed: {
-    text() {
-      return "/" + this.$props.node.attrs.command;
-    }
-  },
-  created() {
-    this.$parent.$emit("selected-command", this.$props.node.attrs.command);
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("node-view-wrapper", { staticClass: "d-d-inline-block" }, [_vm._v(" " + _vm._s(_vm.text) + " ")]);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const SlashCommandComponent = __component__.exports;
-module.exports = SlashCommandComponent;
-//# sourceMappingURL=SlashCommandComponent.vue.cjs.map

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

@@ -1 +0,0 @@
-{"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-2';\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"],"mappings":";;;AAYA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,iBAAAA,KAAA;AAAA,EACA;AAAA,EAEA,OAAAC,KAAA;AAAA,EAEA,OAAA,CAAA,kBAAA;AAAA,EAEA,UAAA;AAAA,IACA,OAAA;AACA,aAAA,MAAA,KAAA,OAAA,KAAA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AACA,SAAA,QAAA,MAAA,oBAAA,KAAA,OAAA,KAAA,MAAA,OAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;"}

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

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

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

@@ -1 +0,0 @@
-{"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-2';\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":[],"mappings":";;AAYA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,EAEA,OAAA,CAAA,kBAAA;AAAA,EAEA,UAAA;AAAA,IACA,OAAA;AACA,aAAA,MAAA,KAAA,OAAA,KAAA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AACA,SAAA,QAAA,MAAA,oBAAA,KAAA,OAAA,KAAA,MAAA,OAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}

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

@@ -1,38 +0,0 @@
-"use strict";
-const _pluginVue2_normalizer = require("../../../../../../_virtual/_plugin-vue2_normalizer.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;
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("div", [_c("div", { staticClass: "d-body--md-compact" }, [_c("span", [_vm._v("/" + _vm._s(_vm.command))]), _vm.parametersExample ? _c("span", [_vm._v(" " + _vm._s(_vm.parametersExample))]) : _vm._e()]), _c("div", { staticClass: "d-body--sm d-fc-tertiary" }, [_vm._v(" " + _vm._s(_vm.description) + " ")])]);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const SlashCommandSuggestion = __component__.exports;
-module.exports = SlashCommandSuggestion;
-//# sourceMappingURL=SlashCommandSuggestion.vue.cjs.map

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

@@ -1 +0,0 @@
-{"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":[],"mappings":";;AAaA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,UAAA;AACA,aAAA,KAAA,KAAA;AAAA,IACA;AAAA,IAEA,cAAA;AACA,aAAA,KAAA,KAAA;AAAA,IACA;AAAA,IAEA,oBAAA;AACA,aAAA,KAAA,KAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;"}

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

@@ -1,39 +0,0 @@
-import normalizeComponent from "../../../../../../_virtual/_plugin-vue2_normalizer.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;
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("div", [_c("div", { staticClass: "d-body--md-compact" }, [_c("span", [_vm._v("/" + _vm._s(_vm.command))]), _vm.parametersExample ? _c("span", [_vm._v(" " + _vm._s(_vm.parametersExample))]) : _vm._e()]), _c("div", { staticClass: "d-body--sm d-fc-tertiary" }, [_vm._v(" " + _vm._s(_vm.description) + " ")])]);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const SlashCommandSuggestion = __component__.exports;
-export {
-  SlashCommandSuggestion as default
-};
-//# sourceMappingURL=SlashCommandSuggestion.vue.js.map

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

@@ -1 +0,0 @@
-{"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":[],"mappings":";AAaA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,UAAA;AACA,aAAA,KAAA,KAAA;AAAA,IACA;AAAA,IAEA,cAAA;AACA,aAAA,KAAA,KAAA;AAAA,IACA;AAAA,IAEA,oBAAA;AACA,aAAA,KAAA,KAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}

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

@@ -1,88 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Mention = require("@tiptap/extension-mention");
-const vue2 = require("@tiptap/vue-2");
-const state = require("@tiptap/pm/state");
-const SlashCommandComponent = require("./SlashCommandComponent.vue.cjs");
-const core = require("@tiptap/core");
-const slashCommandPasteMatch = (text, slashCommandRegex) => {
-  const matches = [...text.matchAll(slashCommandRegex)];
-  return matches.map((match) => {
-    let slashCommand = match[2];
-    if (!slashCommand.endsWith(" ")) slashCommand += " ";
-    return {
-      index: match.index,
-      text: slashCommand,
-      match
-    };
-  });
-};
-const SlashCommandPlugin = Mention.extend({
-  name: "slash-commands",
-  group: "inline",
-  inline: true,
-  addNodeView() {
-    return vue2.VueNodeViewRenderer(SlashCommandComponent);
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "command-component"
-      }
-    ];
-  },
-  addAttributes() {
-    return {
-      command: {
-        default: ""
-      },
-      parametersExample: {
-        default: ""
-      },
-      description: {
-        default: ""
-      }
-    };
-  },
-  renderText({ node }) {
-    return `/${node.attrs.command}`;
-  },
-  renderHTML({ HTMLAttributes }) {
-    return ["command-component", core.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
-  },
-  addInputRules() {
-    var _a;
-    const suggestions = (_a = this.options.suggestion) == null ? void 0 : _a.items({ query: "" }).map((suggestion) => suggestion.command);
-    const slashCommandRegex = new RegExp(`^((?:\\/)(${suggestions.join("|")})) $`);
-    return [
-      core.nodeInputRule({
-        find: slashCommandRegex,
-        type: this.type,
-        getAttributes(attrs) {
-          return { command: attrs[2] };
-        }
-      })
-    ];
-  },
-  addPasteRules() {
-    var _a;
-    const suggestions = (_a = this.options.suggestion) == null ? void 0 : _a.items({ query: "" }).map((suggestion) => suggestion.command);
-    const slashCommandRegex = new RegExp(`^((?:\\/)(${suggestions.join("|")})) ?$`, "g");
-    return [
-      core.nodePasteRule({
-        find: (text) => slashCommandPasteMatch(text, slashCommandRegex),
-        type: this.type,
-        getAttributes(attrs) {
-          return { command: attrs[0].trim() };
-        }
-      })
-    ];
-  }
-}).configure({
-  suggestion: {
-    char: "/",
-    pluginKey: new state.PluginKey("slashCommandSuggestion")
-  }
-});
-exports.SlashCommandPlugin = SlashCommandPlugin;
-//# sourceMappingURL=slash_command.cjs.map

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

@@ -1 +0,0 @@
-{"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-2';\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","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,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,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/vue2/packages/dialtone-vue2/components/rich_text_editor/extensions/slash_command/slash_command.js.map

@@ -1 +0,0 @@
-{"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-2';\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;"}

package/dist/vue2/packages/dialtone-vue2/components/rich_text_editor/extensions/slash_command/suggestion.cjs

@@ -1,82 +0,0 @@
-"use strict";
-const vue2 = require("@tiptap/vue-2");
-const tippy = require("tippy.js");
-const hide_on_esc = require("../tippy_plugins/hide_on_esc.cjs");
-const SuggestionList = require("../suggestion/SuggestionList.vue.cjs");
-const SlashCommandSuggestion = require("./SlashCommandSuggestion.vue.cjs");
-const slashCommandSuggestion = {
-  // 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,
-  startOfLine: true,
-  render: () => {
-    let component;
-    let popup;
-    let popupIsOpen = false;
-    return {
-      onStart: (props) => {
-        component = new vue2.VueRenderer(SuggestionList, {
-          parent: void 0,
-          propsData: {
-            itemComponent: SlashCommandSuggestion,
-            itemType: "slash-command",
-            ...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 = slashCommandSuggestion;
-//# sourceMappingURL=suggestion.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"suggestion.cjs","sources":["../../../../../../../components/rich_text_editor/extensions/slash_command/suggestion.js"],"sourcesContent":["import { VueRenderer } from '@tiptap/vue-2';\nimport tippy from 'tippy.js';\nimport hideOnEsc from '../tippy_plugins/hide_on_esc';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport SlashCommandSuggestion from './SlashCommandSuggestion.vue';\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  startOfLine: 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          parent: this,\n          propsData: {\n            itemComponent: SlashCommandSuggestion,\n            itemType: 'slash-command',\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","this","hideOnEsc"],"mappings":";;;;;;AAOA,MAAe,yBAAA;AAAA;AAAA;AAAA;AAAA,EAMb,aAAa;AAAA,EACb,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,QAAQC;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,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/vue2/packages/dialtone-vue2/components/rich_text_editor/extensions/slash_command/suggestion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"suggestion.js","sources":["../../../../../../../components/rich_text_editor/extensions/slash_command/suggestion.js"],"sourcesContent":["import { VueRenderer } from '@tiptap/vue-2';\nimport tippy from 'tippy.js';\nimport hideOnEsc from '../tippy_plugins/hide_on_esc';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport SlashCommandSuggestion from './SlashCommandSuggestion.vue';\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  startOfLine: 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          parent: this,\n          propsData: {\n            itemComponent: SlashCommandSuggestion,\n            itemType: 'slash-command',\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":["this"],"mappings":";;;;;AAOA,MAAe,yBAAA;AAAA;AAAA;AAAA;AAAA,EAMb,aAAa;AAAA,EACb,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,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;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/vue2/packages/dialtone-vue2/components/rich_text_editor/extensions/suggestion/SuggestionList.vue.cjs

@@ -1,119 +0,0 @@
-"use strict";
-;/* empty css                      */
-const _pluginVue2_normalizer = require("../../../../../../_virtual/_plugin-vue2_normalizer.cjs");
-const list_item = require("../../../list_item/list_item.vue.cjs");
-const _sfc_main = {
-  name: "SuggestionList",
-  components: {
-    DtListItem: list_item
-  },
-  props: {
-    items: {
-      type: Array,
-      required: true
-    },
-    command: {
-      type: Function,
-      required: true
-    },
-    itemComponent: {
-      type: Object,
-      required: true
-    },
-    itemType: {
-      type: String,
-      required: true
-    }
-  },
-  data() {
-    return {
-      selectedIndex: 0
-    };
-  },
-  watch: {
-    items() {
-      this.selectedIndex = 0;
-    }
-  },
-  methods: {
-    onKeyDown({ event }) {
-      if (event.key === "ArrowUp") {
-        this.upHandler();
-        return true;
-      }
-      if (event.key === "ArrowDown") {
-        this.downHandler();
-        return true;
-      }
-      if (event.key === "Enter" || event.key === "Tab") {
-        this.selectHandler();
-        return true;
-      }
-      return false;
-    },
-    upHandler() {
-      this.selectedIndex = (this.selectedIndex + this.items.length - 1) % this.items.length;
-      this.scrollActiveElementIntoView();
-    },
-    downHandler() {
-      this.selectedIndex = (this.selectedIndex + 1) % this.items.length;
-      this.scrollActiveElementIntoView();
-    },
-    async scrollActiveElementIntoView() {
-      await this.$nextTick();
-      const activeElement = this.$refs.suggestionList.querySelector(".dt-list-item--highlighted");
-      if (activeElement) {
-        activeElement.scrollIntoView({
-          behaviour: "smooth",
-          block: "center"
-        });
-      }
-    },
-    selectHandler() {
-      this.selectItem(this.selectedIndex);
-    },
-    selectItem(index) {
-      const item = this.items[index];
-      switch (this.itemType) {
-        case "emoji":
-          this.command(item);
-          return;
-        case "mention":
-          this.command({ name: item.name, id: item.id, avatarSrc: item.avatarSrc });
-          break;
-        case "channel":
-          this.command({ name: item.name, id: item.id });
-          break;
-        case "slash-command":
-          this.command({ command: item.command });
-          break;
-      }
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("div", { staticClass: "d-popover__dialog dt-suggestion-list__container" }, [_c("ul", { directives: [{ name: "show", rawName: "v-show", value: _vm.items.length, expression: "items.length" }], ref: "suggestionList", staticClass: "dt-suggestion-list" }, _vm._l(_vm.items, function(item, index) {
-    return _c("dt-list-item", { key: item.id, class: [
-      "dt-suggestion-list--item",
-      { "dt-list-item--highlighted": index === _vm.selectedIndex }
-    ], attrs: { "navigation-type": "arrow-keys" }, on: { "click": function($event) {
-      return _vm.selectItem(index);
-    }, "keydown": function($event) {
-      $event.preventDefault();
-      return _vm.onKeyDown.apply(null, arguments);
-    } } }, [_c(_vm.itemComponent, { tag: "component", attrs: { "item": item } })], 1);
-  }), 1)]);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const SuggestionList = __component__.exports;
-module.exports = SuggestionList;
-//# sourceMappingURL=SuggestionList.vue.cjs.map

package/dist/vue2/packages/dialtone-vue2/components/rich_text_editor/extensions/suggestion/SuggestionList.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SuggestionList.vue.cjs","sources":["../../../../../../../components/rich_text_editor/extensions/suggestion/SuggestionList.vue"],"sourcesContent":["<template>\n  <div class=\"d-popover__dialog dt-suggestion-list__container\">\n    <ul\n      v-show=\"items.length\"\n      ref=\"suggestionList\"\n      class=\"dt-suggestion-list\"\n    >\n      <dt-list-item\n        v-for=\"(item, index) in items\"\n        :key=\"item.id\"\n        :class=\"[\n          'dt-suggestion-list--item',\n          { 'dt-list-item--highlighted': index === selectedIndex },\n        ]\"\n        navigation-type=\"arrow-keys\"\n        @click=\"selectItem(index)\"\n        @keydown.prevent=\"onKeyDown\"\n      >\n        <component\n          :is=\"itemComponent\"\n          :item=\"item\"\n        />\n      </dt-list-item>\n    </ul>\n  </div>\n</template>\n\n<script>\nimport { DtListItem } from '@/components/list_item';\n\nexport default {\n  name: 'SuggestionList',\n  components: {\n    DtListItem,\n  },\n\n  props: {\n    items: {\n      type: Array,\n      required: true,\n    },\n\n    command: {\n      type: Function,\n      required: true,\n    },\n\n    itemComponent: {\n      type: Object,\n      required: true,\n    },\n\n    itemType: {\n      type: String,\n      required: true,\n    },\n  },\n\n  data () {\n    return {\n      selectedIndex: 0,\n    };\n  },\n\n  watch: {\n    items () {\n      this.selectedIndex = 0;\n    },\n  },\n\n  methods: {\n    onKeyDown ({ event }) {\n      if (event.key === 'ArrowUp') {\n        this.upHandler();\n        return true;\n      }\n\n      if (event.key === 'ArrowDown') {\n        this.downHandler();\n        return true;\n      }\n\n      if (event.key === 'Enter' || event.key === 'Tab') {\n        this.selectHandler();\n        return true;\n      }\n\n      return false;\n    },\n\n    upHandler () {\n      this.selectedIndex = ((this.selectedIndex + this.items.length) - 1) % this.items.length;\n\n      this.scrollActiveElementIntoView();\n    },\n\n    downHandler () {\n      this.selectedIndex = (this.selectedIndex + 1) % this.items.length;\n\n      this.scrollActiveElementIntoView();\n    },\n\n    async scrollActiveElementIntoView () {\n      await this.$nextTick();\n      const activeElement = this.$refs.suggestionList.querySelector('.dt-list-item--highlighted');\n      if (activeElement) {\n        activeElement.scrollIntoView({\n          behaviour: 'smooth',\n          block: 'center',\n        });\n      }\n    },\n\n    selectHandler () {\n      this.selectItem(this.selectedIndex);\n    },\n\n    selectItem (index) {\n      const item = this.items[index];\n\n      switch (this.itemType) {\n        case 'emoji':\n          this.command(item);\n          return;\n        case 'mention':\n          this.command({ name: item.name, id: item.id, avatarSrc: item.avatarSrc });\n          break;\n        case 'channel':\n          this.command({ name: item.name, id: item.id });\n          break;\n        case 'slash-command':\n          this.command({ command: item.command });\n          break;\n      }\n    },\n  },\n};\n</script>\n\n<style>\n.dt-suggestion-list__container {\n  max-height: var(--dt-size-875);\n}\n\n.dt-suggestion-list {\n  position: relative;\n  padding: var(--dt-size-300);\n  min-width: var(--dt-size-925);\n  max-width: var(--dt-size-975);\n}\n\n.dt-suggestion-list--item {\n  border: var(--dt-size-100) solid transparent;\n}\n</style>\n"],"names":["DtListItem"],"mappings":";;;;AA8BA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,YAAAA;AAAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IAEA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IAEA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IAEA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,eAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,QAAA;AACA,WAAA,gBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,UAAA,EAAA,SAAA;AACA,UAAA,MAAA,QAAA,WAAA;AACA,aAAA,UAAA;AACA,eAAA;AAAA,MACA;AAEA,UAAA,MAAA,QAAA,aAAA;AACA,aAAA,YAAA;AACA,eAAA;AAAA,MACA;AAEA,UAAA,MAAA,QAAA,WAAA,MAAA,QAAA,OAAA;AACA,aAAA,cAAA;AACA,eAAA;AAAA,MACA;AAEA,aAAA;AAAA,IACA;AAAA,IAEA,YAAA;AACA,WAAA,iBAAA,KAAA,gBAAA,KAAA,MAAA,SAAA,KAAA,KAAA,MAAA;AAEA,WAAA,4BAAA;AAAA,IACA;AAAA,IAEA,cAAA;AACA,WAAA,iBAAA,KAAA,gBAAA,KAAA,KAAA,MAAA;AAEA,WAAA,4BAAA;AAAA,IACA;AAAA,IAEA,MAAA,8BAAA;AACA,YAAA,KAAA;AACA,YAAA,gBAAA,KAAA,MAAA,eAAA,cAAA,4BAAA;AACA,UAAA,eAAA;AACA,sBAAA,eAAA;AAAA,UACA,WAAA;AAAA,UACA,OAAA;AAAA,QACA,CAAA;AAAA,MACA;AAAA,IACA;AAAA,IAEA,gBAAA;AACA,WAAA,WAAA,KAAA,aAAA;AAAA,IACA;AAAA,IAEA,WAAA,OAAA;AACA,YAAA,OAAA,KAAA,MAAA,KAAA;AAEA,cAAA,KAAA,UAAA;AAAA,QACA,KAAA;AACA,eAAA,QAAA,IAAA;AACA;AAAA,QACA,KAAA;AACA,eAAA,QAAA,EAAA,MAAA,KAAA,MAAA,IAAA,KAAA,IAAA,WAAA,KAAA,UAAA,CAAA;AACA;AAAA,QACA,KAAA;AACA,eAAA,QAAA,EAAA,MAAA,KAAA,MAAA,IAAA,KAAA,GAAA,CAAA;AACA;AAAA,QACA,KAAA;AACA,eAAA,QAAA,EAAA,SAAA,KAAA,QAAA,CAAA;AACA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/vue2/packages/dialtone-vue2/components/rich_text_editor/extensions/suggestion/SuggestionList.vue.js

@@ -1,120 +0,0 @@
-/* empty css                    */
-import normalizeComponent from "../../../../../../_virtual/_plugin-vue2_normalizer.js";
-import DtListItem from "../../../list_item/list_item.vue.js";
-const _sfc_main = {
-  name: "SuggestionList",
-  components: {
-    DtListItem
-  },
-  props: {
-    items: {
-      type: Array,
-      required: true
-    },
-    command: {
-      type: Function,
-      required: true
-    },
-    itemComponent: {
-      type: Object,
-      required: true
-    },
-    itemType: {
-      type: String,
-      required: true
-    }
-  },
-  data() {
-    return {
-      selectedIndex: 0
-    };
-  },
-  watch: {
-    items() {
-      this.selectedIndex = 0;
-    }
-  },
-  methods: {
-    onKeyDown({ event }) {
-      if (event.key === "ArrowUp") {
-        this.upHandler();
-        return true;
-      }
-      if (event.key === "ArrowDown") {
-        this.downHandler();
-        return true;
-      }
-      if (event.key === "Enter" || event.key === "Tab") {
-        this.selectHandler();
-        return true;
-      }
-      return false;
-    },
-    upHandler() {
-      this.selectedIndex = (this.selectedIndex + this.items.length - 1) % this.items.length;
-      this.scrollActiveElementIntoView();
-    },
-    downHandler() {
-      this.selectedIndex = (this.selectedIndex + 1) % this.items.length;
-      this.scrollActiveElementIntoView();
-    },
-    async scrollActiveElementIntoView() {
-      await this.$nextTick();
-      const activeElement = this.$refs.suggestionList.querySelector(".dt-list-item--highlighted");
-      if (activeElement) {
-        activeElement.scrollIntoView({
-          behaviour: "smooth",
-          block: "center"
-        });
-      }
-    },
-    selectHandler() {
-      this.selectItem(this.selectedIndex);
-    },
-    selectItem(index) {
-      const item = this.items[index];
-      switch (this.itemType) {
-        case "emoji":
-          this.command(item);
-          return;
-        case "mention":
-          this.command({ name: item.name, id: item.id, avatarSrc: item.avatarSrc });
-          break;
-        case "channel":
-          this.command({ name: item.name, id: item.id });
-          break;
-        case "slash-command":
-          this.command({ command: item.command });
-          break;
-      }
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("div", { staticClass: "d-popover__dialog dt-suggestion-list__container" }, [_c("ul", { directives: [{ name: "show", rawName: "v-show", value: _vm.items.length, expression: "items.length" }], ref: "suggestionList", staticClass: "dt-suggestion-list" }, _vm._l(_vm.items, function(item, index) {
-    return _c("dt-list-item", { key: item.id, class: [
-      "dt-suggestion-list--item",
-      { "dt-list-item--highlighted": index === _vm.selectedIndex }
-    ], attrs: { "navigation-type": "arrow-keys" }, on: { "click": function($event) {
-      return _vm.selectItem(index);
-    }, "keydown": function($event) {
-      $event.preventDefault();
-      return _vm.onKeyDown.apply(null, arguments);
-    } } }, [_c(_vm.itemComponent, { tag: "component", attrs: { "item": item } })], 1);
-  }), 1)]);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  null
-);
-const SuggestionList = __component__.exports;
-export {
-  SuggestionList as default
-};
-//# sourceMappingURL=SuggestionList.vue.js.map

package/dist/vue2/packages/dialtone-vue2/components/rich_text_editor/extensions/suggestion/SuggestionList.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SuggestionList.vue.js","sources":["../../../../../../../components/rich_text_editor/extensions/suggestion/SuggestionList.vue"],"sourcesContent":["<template>\n  <div class=\"d-popover__dialog dt-suggestion-list__container\">\n    <ul\n      v-show=\"items.length\"\n      ref=\"suggestionList\"\n      class=\"dt-suggestion-list\"\n    >\n      <dt-list-item\n        v-for=\"(item, index) in items\"\n        :key=\"item.id\"\n        :class=\"[\n          'dt-suggestion-list--item',\n          { 'dt-list-item--highlighted': index === selectedIndex },\n        ]\"\n        navigation-type=\"arrow-keys\"\n        @click=\"selectItem(index)\"\n        @keydown.prevent=\"onKeyDown\"\n      >\n        <component\n          :is=\"itemComponent\"\n          :item=\"item\"\n        />\n      </dt-list-item>\n    </ul>\n  </div>\n</template>\n\n<script>\nimport { DtListItem } from '@/components/list_item';\n\nexport default {\n  name: 'SuggestionList',\n  components: {\n    DtListItem,\n  },\n\n  props: {\n    items: {\n      type: Array,\n      required: true,\n    },\n\n    command: {\n      type: Function,\n      required: true,\n    },\n\n    itemComponent: {\n      type: Object,\n      required: true,\n    },\n\n    itemType: {\n      type: String,\n      required: true,\n    },\n  },\n\n  data () {\n    return {\n      selectedIndex: 0,\n    };\n  },\n\n  watch: {\n    items () {\n      this.selectedIndex = 0;\n    },\n  },\n\n  methods: {\n    onKeyDown ({ event }) {\n      if (event.key === 'ArrowUp') {\n        this.upHandler();\n        return true;\n      }\n\n      if (event.key === 'ArrowDown') {\n        this.downHandler();\n        return true;\n      }\n\n      if (event.key === 'Enter' || event.key === 'Tab') {\n        this.selectHandler();\n        return true;\n      }\n\n      return false;\n    },\n\n    upHandler () {\n      this.selectedIndex = ((this.selectedIndex + this.items.length) - 1) % this.items.length;\n\n      this.scrollActiveElementIntoView();\n    },\n\n    downHandler () {\n      this.selectedIndex = (this.selectedIndex + 1) % this.items.length;\n\n      this.scrollActiveElementIntoView();\n    },\n\n    async scrollActiveElementIntoView () {\n      await this.$nextTick();\n      const activeElement = this.$refs.suggestionList.querySelector('.dt-list-item--highlighted');\n      if (activeElement) {\n        activeElement.scrollIntoView({\n          behaviour: 'smooth',\n          block: 'center',\n        });\n      }\n    },\n\n    selectHandler () {\n      this.selectItem(this.selectedIndex);\n    },\n\n    selectItem (index) {\n      const item = this.items[index];\n\n      switch (this.itemType) {\n        case 'emoji':\n          this.command(item);\n          return;\n        case 'mention':\n          this.command({ name: item.name, id: item.id, avatarSrc: item.avatarSrc });\n          break;\n        case 'channel':\n          this.command({ name: item.name, id: item.id });\n          break;\n        case 'slash-command':\n          this.command({ command: item.command });\n          break;\n      }\n    },\n  },\n};\n</script>\n\n<style>\n.dt-suggestion-list__container {\n  max-height: var(--dt-size-875);\n}\n\n.dt-suggestion-list {\n  position: relative;\n  padding: var(--dt-size-300);\n  min-width: var(--dt-size-925);\n  max-width: var(--dt-size-975);\n}\n\n.dt-suggestion-list--item {\n  border: var(--dt-size-100) solid transparent;\n}\n</style>\n"],"names":[],"mappings":";;;AA8BA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IAEA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IAEA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IAEA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,eAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,QAAA;AACA,WAAA,gBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,UAAA,EAAA,SAAA;AACA,UAAA,MAAA,QAAA,WAAA;AACA,aAAA,UAAA;AACA,eAAA;AAAA,MACA;AAEA,UAAA,MAAA,QAAA,aAAA;AACA,aAAA,YAAA;AACA,eAAA;AAAA,MACA;AAEA,UAAA,MAAA,QAAA,WAAA,MAAA,QAAA,OAAA;AACA,aAAA,cAAA;AACA,eAAA;AAAA,MACA;AAEA,aAAA;AAAA,IACA;AAAA,IAEA,YAAA;AACA,WAAA,iBAAA,KAAA,gBAAA,KAAA,MAAA,SAAA,KAAA,KAAA,MAAA;AAEA,WAAA,4BAAA;AAAA,IACA;AAAA,IAEA,cAAA;AACA,WAAA,iBAAA,KAAA,gBAAA,KAAA,KAAA,MAAA;AAEA,WAAA,4BAAA;AAAA,IACA;AAAA,IAEA,MAAA,8BAAA;AACA,YAAA,KAAA;AACA,YAAA,gBAAA,KAAA,MAAA,eAAA,cAAA,4BAAA;AACA,UAAA,eAAA;AACA,sBAAA,eAAA;AAAA,UACA,WAAA;AAAA,UACA,OAAA;AAAA,QACA,CAAA;AAAA,MACA;AAAA,IACA;AAAA,IAEA,gBAAA;AACA,WAAA,WAAA,KAAA,aAAA;AAAA,IACA;AAAA,IAEA,WAAA,OAAA;AACA,YAAA,OAAA,KAAA,MAAA,KAAA;AAEA,cAAA,KAAA,UAAA;AAAA,QACA,KAAA;AACA,eAAA,QAAA,IAAA;AACA;AAAA,QACA,KAAA;AACA,eAAA,QAAA,EAAA,MAAA,KAAA,MAAA,IAAA,KAAA,IAAA,WAAA,KAAA,UAAA,CAAA;AACA;AAAA,QACA,KAAA;AACA,eAAA,QAAA,EAAA,MAAA,KAAA,MAAA,IAAA,KAAA,GAAA,CAAA;AACA;AAAA,QACA,KAAA;AACA,eAAA,QAAA,EAAA,SAAA,KAAA,QAAA,CAAA;AACA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;"}