@dialpad/dialtone-vue 2.127.0 → 2.127.1

package/dist/lib/rich-text-editor.cjs

@@ -1,2 +1,1139 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@tiptap/vue-2"),A=require("@tiptap/extension-blockquote"),j=require("@tiptap/extension-code-block"),P=require("@tiptap/extension-document"),L=require("@tiptap/extension-hard-break"),O=require("@tiptap/extension-paragraph"),D=require("@tiptap/extension-placeholder"),M=require("@tiptap/extension-bold"),$=require("@tiptap/extension-bullet-list"),B=require("@tiptap/extension-italic"),H=require("@tiptap/extension-link"),N=require("@tiptap/extension-list-item"),U=require("@tiptap/extension-ordered-list"),V=require("@tiptap/extension-strike"),F=require("@tiptap/extension-underline"),K=require("@tiptap/extension-text"),W=require("@tiptap/extension-text-align"),u=require("@tiptap/core"),l=require("../chunks/_plugin-vue2_normalizer-ZK80B3OL.js"),m=require("../chunks/index-sdfB7Aok.js"),y=require("@tiptap/pm/state"),z=require("@tiptap/suggestion"),X=require("@dialpad/dialtone-emojis"),J=require("./list-item.cjs"),T=require("./stack.cjs"),k=require("tippy.js"),x=require("./utils.cjs"),Y=require("@tiptap/extension-mention"),G=require("./link.cjs"),Q=require("./avatar.cjs");require("emoji-regex");require("emoji-toolkit/emoji_strategy.json");require("./skeleton.cjs");require("../chunks/icon_constants-2S_OSQ1t.js");require("@dialpad/dialtone-icons/icons.json");require("../chunks/list_item_constants-Tsz5CO1m.js");require("./item-layout.cjs");require("./icon.cjs");require("@dialpad/dialtone-icons/vue2");require("../chunks/stack_constants-m9Ickqw0.js");require("./constants.cjs");require("vue");require("../chunks/link_constants-Kn6kP4i1.js");require("./presence.cjs");const Z={name:"EmojiComponent",components:{NodeViewWrapper:a.NodeViewWrapper,DtEmoji:m.D},props:a.nodeViewProps};var ee=function(){var t=this,r=t._self._c;return r("node-view-wrapper",{staticClass:"d-d-inline-block d-va-bottom d-lh0"},[r("dt-emoji",{attrs:{size:"500",code:t.node.attrs.code}})],1)},te=[],re=l.n(Z,ee,te,!1,null,null,null,null);const ne=re.exports,ie={name:"SuggestionList",components:{DtListItem:J.DtListItem},props:{items:{type:Array,required:!0},command:{type:Function,required:!0},itemComponent:{type:Object,required:!0},itemType:{type:String,required:!0}},data(){return{selectedIndex:0}},watch:{items(){this.selectedIndex=0}},methods:{onKeyDown({event:e}){return e.key==="ArrowUp"?(this.upHandler(),!0):e.key==="ArrowDown"?(this.downHandler(),!0):e.key==="Enter"||e.key==="Tab"?(e.preventDefault(),this.selectHandler(),e.stopPropagation(),!0):!1},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()},scrollActiveElementIntoView(){const e=this.$refs.suggestionList.querySelector(".dt-list-item--highlighted");e&&e.scrollIntoView({behaviour:"smooth",block:"center"})},selectHandler(){this.selectItem(this.selectedIndex)},selectItem(e){const t=this.items[e];switch(this.itemType){case"emoji":this.command(t);return;case"mention":this.command({name:t.name,id:t.id,avatarSrc:t.avatarSrc});break}}}};var oe=function(){var t=this,r=t._self._c;return r("div",{staticClass:"d-popover__dialog"},[r("ul",{directives:[{name:"show",rawName:"v-show",value:t.items.length,expression:"items.length"}],ref:"suggestionList",staticClass:"dt-suggestion-list"},t._l(t.items,function(n,i){return r("dt-list-item",{key:n.id,class:["dt-suggestion-list--item",{"dt-list-item--highlighted":i===t.selectedIndex}],attrs:{"navigation-type":"arrow-keys"},on:{click:function(o){return t.selectItem(i)},keydown:function(o){return o.preventDefault(),o.stopPropagation(),t.onKeyDown.apply(null,arguments)}}},[r(t.itemComponent,{tag:"component",attrs:{item:n}})],1)}),1)])},se=[],ue=l.n(ie,oe,se,!1,null,null,null,null);const q=ue.exports,ae={name:"EmojiSuggestion",components:{DtEmoji:m.D,DtStack:T.DtStack},props:{item:{type:Object,required:!0}}};var ce=function(){var t=this,r=t._self._c;return r("dt-stack",{attrs:{direction:"row",gap:"400"}},[r("dt-emoji",{attrs:{size:"200",code:t.item.code}}),t._v(" "+t._s(t.item.code)+" ")],1)},le=[],de=l.n(ae,ce,le,!1,null,null,null,null);const pe=de.exports,me={items:({query:e})=>e.length<2?[]:Object.values(X.emojisIndexed).filter(function(n){return!!n.shortname.substring(1,n.shortname.length-1).startsWith(e.toLowerCase())}).map(n=>({id:n.unicode_character,code:n.shortname})),command:({editor:e,range:t,props:r})=>{var o,s;const n=e.view.state.selection.$to.nodeAfter;((o=n==null?void 0:n.text)==null?void 0:o.startsWith(" "))&&(t.to+=1),e.chain().focus().insertContentAt(t,[{type:"emoji",attrs:r},{type:"text",text:" "}]).run(),(s=window.getSelection())==null||s.collapseToEnd()},render:()=>{let e,t;return{onStart:r=>{e=new a.VueRenderer(q,{parent:void 0,propsData:{itemComponent:pe,itemType:"emoji",...r},editor:r.editor}),r.clientRect&&(t=k("body",{getReferenceClientRect:r.clientRect,appendTo:()=>document.body,content:e.element,showOnCreate:!0,interactive:!0,trigger:"manual",placement:"top-start",contentElement:null,zIndex:650}))},onUpdate(r){e.updateProps(r),r.clientRect&&t[0].setProps({getReferenceClientRect:r.clientRect})},onKeyDown(r){var n;return r.event.key==="Escape"?(t[0].hide(),!0):(n=e.ref)==null?void 0:n.onKeyDown(r)},onExit(){t[0].destroy(),e.destroy()}}}},fe=new y.PluginKey("emoji"),he=/:\w+:$/,ge=/:\w+:/g,_e=/(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])$/,ye=/(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])/g,w=e=>{if(e&&m.o(e[0]))return{index:e.index,text:e[0],match:e}},ve=e=>[...e.matchAll(ge)].filter(r=>m.o(r[0])).map(r=>({index:r.index,text:r[0],match:r})),be=u.Node.create({addOptions(){return{HTMLAttributes:{},suggestion:{char:":",pluginKey:fe}}},name:"emoji",group:"inline",inline:!0,selectable:!0,addNodeView(){return a.VueNodeViewRenderer(ne)},addAttributes(){return{code:{default:null},id:{default:null}}},parseHTML(){return[{tag:"emoji-component"}]},renderText({node:e}){return e.attrs.code},renderHTML({HTMLAttributes:e}){return["emoji-component",u.mergeAttributes(this.options.HTMLAttributes,e)]},addInputRules(){return[u.nodeInputRule({find:e=>{const t=e.match(he);return w(t)},type:this.type,getAttributes(e){return{code:e[0]}}}),u.nodeInputRule({find:e=>{const t=e.match(_e);return w(t)},type:this.type,getAttributes(e){const t=m.m(e[0]).unicode_output;return{code:String.fromCodePoint(parseInt(t,16)),label:"emoji"}}})]},addPasteRules(){return[u.nodePasteRule({find:ve,type:this.type,getAttributes(e){return{code:e[0]}}}),u.nodePasteRule({find:ye,type:this.type,getAttributes(e){return{code:e[0]}}})]},addProseMirrorPlugins(){return[z({editor:this.editor,...this.options.suggestion,...me})]}});function we(e,t,r=()=>!0){const n=[];t.lastIndex=0;let i;for(;i=t.exec(e);)r(e,i)&&n.push(i);return n}function Ee(e,t){return!["#","@"].includes(e.charAt(t.index))&&!["#","@"].includes(e.charAt(t.index-1))}function Re(e){const t=new RegExp("(?:"+[`[!?.,:;'"]`,"(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$"].join("|"),"g");return e.replace(t,"")}function Te(e,t){const r=e.slice(0,t+1).search(/\S+\s*$/),n=e.slice(t).search(/\s/);if(n<0){const i=e.slice(r);return{text:i,from:r,to:r+i.length}}return{text:e.slice(r,n+t),from:r,to:n+t}}function v(e,t,r,n){const i=Te(e,t);if(n.lastIndex=0,!n.test(i.text))return i;const o=r==="left"?i.from-1:i.to+1;return o<=0||o>=e.length||o===t?i:v(e,o,r,n)}function ke(e,t,r,n){const i=Math.max(e.from-1,0),o=Math.min(e.to+1,t.content.size),s=u.getMarksBetween(i,o,t);for(const c of s)c.mark.type===n&&r.removeMark(c.from,c.to,n)}const E=x.getPhoneNumberRegex(1,15);function R(e,t,r,n,i,o){if(!e)return;let s=r-t-1;s=s<0?0:s;const c=n-t,f=v(e,s,"left",E),b=v(e,c,"right",E),d=e.slice(f.from,b.to);we(d,x.linkRegex,Ee).forEach(_=>{const p=Re(_[0]),g=t+f.from+_.index+1,C=g+p.length;i.addMark(g,C,o.create())})}function xe(e){let t=!1;return new y.Plugin({key:new y.PluginKey("autolink"),appendTransaction:(r,n,i)=>{const o=r.some(d=>d.docChanged)&&!n.doc.eq(i.doc);if(t&&!o)return;const{tr:s}=i,{textContent:c}=i.doc;t||R(c,0,0,c.length,s,e.type),t=!0;const f=u.combineTransactionSteps(n.doc,[...r]);return u.getChangedRanges(f).forEach(({oldRange:d,newRange:h})=>{ke(h,i.doc,s,e.type),u.findChildrenInRange(i.doc,h,p=>p.isTextblock).forEach(({node:p,pos:g})=>{R(p.textContent,g,d.from,h.to,s,e.type)})}),s}})}const qe={class:"d-link d-c-text d-d-inline-block",rel:"noopener noreferrer nofollow"},Se=u.Mark.create({name:"Link",renderHTML({HTMLAttributes:e}){return["a",u.mergeAttributes(this.options.HTMLAttributes,e,qe),0]},renderText({node:e}){return e.attrs.text},addProseMirrorPlugins(){return[xe({type:this.type})]}}),Ie={name:"MentionComponent",components:{NodeViewWrapper:a.NodeViewWrapper,DtLink:G.DtLink},props:a.nodeViewProps,computed:{text(){return"@"+this.$props.node.attrs.name}}};var Ce=function(){var t=this,r=t._self._c;return r("node-view-wrapper",{staticClass:"d-d-inline-block"},[r("dt-link",{attrs:{kind:"mention"}},[t._v(" "+t._s(t.text)+" ")])],1)},Ae=[],je=l.n(Ie,Ce,Ae,!1,null,null,null,null);const Pe=je.exports,Le=Y.extend({addNodeView(){return a.VueNodeViewRenderer(Pe)},parseHTML(){return[{tag:"mention-component"}]},addAttributes(){return{name:{default:""},avatarSrc:{default:""},id:{default:""}}},renderText({node:e}){return`@${e.attrs.id}`},renderHTML({HTMLAttributes:e}){return["mention-component",u.mergeAttributes(this.options.HTMLAttributes,e),0]}}),S=["text","json","html"],I=["start","end","all"],Oe=["https","http","ftp","ftps","sftp","mailto"],De={name:"MentionSuggestion",components:{DtAvatar:Q.DtAvatar,DtStack:T.DtStack},props:{item:{type:Object,required:!0}},computed:{name(){return this.item.name},avatarSrc(){return this.item.avatarSrc}}};var Me=function(){var t=this,r=t._self._c;return r("dt-stack",{attrs:{direction:"row",gap:"400"}},[r("dt-avatar",{attrs:{"full-name":t.name,"image-src":t.avatarSrc,"image-alt":t.name,size:"xs"}}),t._v(" "+t._s(t.name)+" ")],1)},$e=[],Be=l.n(De,Me,$e,!1,null,null,null,null);const He=Be.exports,Ne={allowSpaces:!0,render:()=>{let e,t;return{onStart:r=>{e=new a.VueRenderer(q,{parent:void 0,propsData:{itemComponent:He,itemType:"mention",...r},editor:r.editor}),r.clientRect&&(t=k("body",{getReferenceClientRect:r.clientRect,appendTo:()=>document.body,content:e.element,showOnCreate:!0,interactive:!0,trigger:"manual",placement:"top-start"}))},onUpdate(r){e.updateProps(r),r.clientRect&&t[0].setProps({getReferenceClientRect:r.clientRect})},onKeyDown(r){return r.event.key==="Escape"?(t[0].hide(),!0):e==null?void 0:e.ref.onKeyDown(r)},onExit(){t[0].destroy(),e.destroy()}}}},Ue={name:"DtRichTextEditor",components:{EditorContent:a.EditorContent},props:{value:{type:[Object,String],default:""},editable:{type:Boolean,default:!0},allowLineBreaks:{type:Boolean,default:!1},inputAriaLabel:{type:String,required:!0},inputClass:{type:String,default:""},autoFocus:{type:[Boolean,String,Number],default:!1,validator(e){return typeof e=="string"?I.includes(e):!0}},outputFormat:{type:String,default:"text",validator(e){return S.includes(e)}},placeholder:{type:String,default:""},link:{type:[Boolean,Object],default:!1},mentionSuggestion:{type:Object,default:null},allowBlockquote:{type:Boolean,default:!0},allowBold:{type:Boolean,default:!0},allowBulletList:{type:Boolean,default:!0},allowItalic:{type:Boolean,default:!0},allowStrike:{type:Boolean,default:!0},allowUnderline:{type:Boolean,default:!0}},emits:["input","update:value","blur","focus"],data(){return{editor:null,popoverOpened:!1}},computed:{extensions(){const e=[P,O,K];if(this.link&&e.push(this.getExtension(Se,this.link)),this.allowBlockquote&&e.push(A),this.allowBold&&e.push(M),this.allowBulletList&&(e.push($),e.push(N),e.push(U.configure({itemTypeName:"listItem"}))),this.allowItalic&&e.push(B),this.allowStrike&&e.push(V),this.allowUnderline&&e.push(F),e.push(D.configure({placeholder:this.placeholder})),this.allowLineBreaks||e.push(L.extend({addKeyboardShortcuts(){return{Enter:()=>!0,"Shift-Enter":()=>this.editor.commands.first(({commands:t})=>[()=>t.newlineInCode(),()=>t.createParagraphNear(),()=>t.liftEmptyBlock(),()=>t.splitBlock()])}}})),e.push(H.extend({inclusive:!1}).configure({autolink:!0,protocols:Oe})),this.mentionSuggestion){const t={...this.mentionSuggestion,...Ne};e.push(Le.configure({suggestion:t}))}return e.push(be),e.push(W.configure({types:["paragraph"],defaultAlignment:"left"})),e.push(j.configure({HTMLAttributes:{class:"dt-rich-text-editor--code-block"}})),e},inputAttrs(){const e={"aria-label":this.inputAriaLabel,"aria-multiline":!0,role:"textbox"};return this.editable||(e["aria-readonly"]=!0),e}},watch:{editable(e){this.editor.setEditable(e),this.updateEditorAttributes({"aria-readonly":!e})},inputClass(e){this.updateEditorAttributes({class:e})},inputAriaLabel(e){this.updateEditorAttributes({"aria-label":e})},extensions(){this.destroyEditor(),this.createEditor()},value(e){let t=this.getOutput();this.outputFormat==="json"&&(e=JSON.stringify(e),t=JSON.stringify(t)),e!==t&&this.editor.commands.setContent(e,!1)}},created(){this.createEditor()},beforeUnmount(){this.destroyEditor()},methods:{createEditor(){this.editor=new a.Editor({autofocus:this.autoFocus,content:this.value,editable:this.editable,extensions:this.extensions,editorProps:{attributes:{...this.inputAttrs,class:this.inputClass}}}),this.addEditorListeners()},destroyEditor(){this.editor.destroy()},addEditorListeners(){this.editor.on("update",()=>{const e=this.getOutput();this.$emit("input",e),this.$emit("update:value",e)}),this.editor.on("focus",({event:e})=>{this.$emit("focus",e)}),this.editor.on("blur",({event:e})=>{this.$emit("blur",e)})},getOutput(){switch(this.outputFormat){case"json":return this.editor.getJSON();case"html":return this.editor.getHTML();case"text":default:return this.editor.getText()}},getExtension(e,t){var r;return typeof t=="boolean"?e:(r=e.configure)==null?void 0:r.call(e,t)},updateEditorAttributes(e){this.editor.setOptions({editorProps:{attributes:e}})},focusEditor(){this.editor.commands.focus()}}};var Ve=function(){var t=this,r=t._self._c;return r("editor-content",{staticClass:"dt-rich-text-editor",attrs:{editor:t.editor,"data-qa":"dt-rich-text-editor"}})},Fe=[],Ke=l.n(Ue,Ve,Fe,!1,null,null,null,null);const We=Ke.exports;exports.DtRichTextEditor=We;exports.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES=I;exports.RICH_TEXT_EDITOR_OUTPUT_FORMATS=S;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue2 = require("@tiptap/vue-2");
+const Blockquote = require("@tiptap/extension-blockquote");
+const CodeBlock = require("@tiptap/extension-code-block");
+const Document = require("@tiptap/extension-document");
+const HardBreak = require("@tiptap/extension-hard-break");
+const Paragraph = require("@tiptap/extension-paragraph");
+const Placeholder = require("@tiptap/extension-placeholder");
+const Bold = require("@tiptap/extension-bold");
+const BulletList = require("@tiptap/extension-bullet-list");
+const Italic = require("@tiptap/extension-italic");
+const TipTapLink = require("@tiptap/extension-link");
+const ListItem = require("@tiptap/extension-list-item");
+const OrderedList = require("@tiptap/extension-ordered-list");
+const Strike = require("@tiptap/extension-strike");
+const Underline = require("@tiptap/extension-underline");
+const Text = require("@tiptap/extension-text");
+const TextAlign = require("@tiptap/extension-text-align");
+const core = require("@tiptap/core");
+const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-1aBeR4AK.js");
+const lib_emoji = require("./emoji.cjs");
+const common_emoji = require("../common/emoji.cjs");
+const state = require("@tiptap/pm/state");
+const Suggestion = require("@tiptap/suggestion");
+const dialtoneEmojis = require("@dialpad/dialtone-emojis");
+const lib_listItem = require("./list-item.cjs");
+const lib_stack = require("./stack.cjs");
+const tippy = require("tippy.js");
+const common_utils = require("../common/utils.cjs");
+const Mention = require("@tiptap/extension-mention");
+const lib_link = require("./link.cjs");
+const lib_avatar = require("./avatar.cjs");
+require("./skeleton.cjs");
+require("../chunks/icon_constants-QYpmdE0R.js");
+require("@dialpad/dialtone-icons/icons.json");
+require("emoji-regex");
+require("emoji-toolkit/emoji_strategy.json");
+require("../chunks/list_item_constants-EiqkqZvP.js");
+require("./item-layout.cjs");
+require("./icon.cjs");
+require("@dialpad/dialtone-icons/vue2");
+require("../chunks/stack_constants-SMzMWnAQ.js");
+require("../common/constants.cjs");
+require("vue");
+require("../chunks/link_constants-Huj7D_hm.js");
+require("./presence.cjs");
+const _sfc_main$5 = {
+  name: "EmojiComponent",
+  components: {
+    NodeViewWrapper: vue2.NodeViewWrapper,
+    DtEmoji: lib_emoji.DtEmoji
+  },
+  props: vue2.nodeViewProps
+};
+var _sfc_render$5 = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("node-view-wrapper", { staticClass: "d-d-inline-block d-va-bottom d-lh0" }, [_c("dt-emoji", { attrs: { "size": "500", "code": _vm.node.attrs.code } })], 1);
+};
+var _sfc_staticRenderFns$5 = [];
+var __component__$5 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main$5,
+  _sfc_render$5,
+  _sfc_staticRenderFns$5,
+  false,
+  null,
+  null,
+  null,
+  null
+);
+const EmojiComponent = __component__$5.exports;
+const _sfc_main$4 = {
+  name: "SuggestionList",
+  components: {
+    DtListItem: lib_listItem.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") {
+        event.preventDefault();
+        this.selectHandler();
+        event.stopPropagation();
+        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();
+    },
+    scrollActiveElementIntoView() {
+      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;
+      }
+    }
+  }
+};
+var _sfc_render$4 = function render2() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", { staticClass: "d-popover__dialog" }, [_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();
+      $event.stopPropagation();
+      return _vm.onKeyDown.apply(null, arguments);
+    } } }, [_c(_vm.itemComponent, { tag: "component", attrs: { "item": item } })], 1);
+  }), 1)]);
+};
+var _sfc_staticRenderFns$4 = [];
+var __component__$4 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main$4,
+  _sfc_render$4,
+  _sfc_staticRenderFns$4,
+  false,
+  null,
+  null,
+  null,
+  null
+);
+const SuggestionList = __component__$4.exports;
+const _sfc_main$3 = {
+  name: "EmojiSuggestion",
+  components: {
+    DtEmoji: lib_emoji.DtEmoji,
+    DtStack: lib_stack.DtStack
+  },
+  props: {
+    item: {
+      type: Object,
+      required: true
+    }
+  }
+};
+var _sfc_render$3 = function render3() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("dt-stack", { attrs: { "direction": "row", "gap": "400" } }, [_c("dt-emoji", { attrs: { "size": "200", "code": _vm.item.code } }), _vm._v(" " + _vm._s(_vm.item.code) + " ")], 1);
+};
+var _sfc_staticRenderFns$3 = [];
+var __component__$3 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main$3,
+  _sfc_render$3,
+  _sfc_staticRenderFns$3,
+  false,
+  null,
+  null,
+  null,
+  null
+);
+const EmojiSuggestion = __component__$3.exports;
+const suggestionOptions = {
+  items: ({ query }) => {
+    if (query.length < 2) {
+      return [];
+    }
+    const emojiList = Object.values(dialtoneEmojis.emojisIndexed);
+    const filteredEmoji = emojiList.filter(function(item) {
+      if (item.shortname.substring(1, item.shortname.length - 1).startsWith(query.toLowerCase())) {
+        return true;
+      }
+      return false;
+    });
+    return filteredEmoji.map((item) => {
+      return { id: item.unicode_character, 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
+      },
+      {
+        type: "text",
+        text: " "
+      }
+    ]).run();
+    (_b = window.getSelection()) == null ? void 0 : _b.collapseToEnd();
+  },
+  render: () => {
+    let component;
+    let popup;
+    return {
+      onStart: (props) => {
+        component = new vue2.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: true,
+          interactive: true,
+          trigger: "manual",
+          placement: "top-start",
+          contentElement: null,
+          zIndex: 650
+        });
+      },
+      onUpdate(props) {
+        component.updateProps(props);
+        if (!props.clientRect) {
+          return;
+        }
+        popup[0].setProps({
+          getReferenceClientRect: props.clientRect
+        });
+      },
+      onKeyDown(props) {
+        var _a;
+        if (props.event.key === "Escape") {
+          popup[0].hide();
+          return true;
+        }
+        return (_a = component.ref) == null ? void 0 : _a.onKeyDown(props);
+      },
+      onExit() {
+        popup[0].destroy();
+        component.destroy();
+      }
+    };
+  }
+};
+const EmojiPluginKey = new state.PluginKey("emoji");
+const inputShortCodeRegex = /:\w+:$/;
+const pasteShortCodeRegex = /:\w+:/g;
+const inputUnicodeRegex = /(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])$/;
+const pasteUnicodeRegex = /(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])/g;
+const inputRuleMatch = (match) => {
+  if (match && common_emoji.codeToEmojiData(match[0])) {
+    return {
+      index: match.index,
+      text: match[0],
+      match
+    };
+  }
+};
+const shortCodePasteMatch = (text) => {
+  const matches = [...text.matchAll(pasteShortCodeRegex)];
+  return matches.filter((match) => common_emoji.codeToEmojiData(match[0])).map((match) => ({
+    index: match.index,
+    text: match[0],
+    match
+  }));
+};
+const Emoji = core.Node.create({
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+      suggestion: {
+        char: ":",
+        pluginKey: EmojiPluginKey
+      }
+    };
+  },
+  name: "emoji",
+  group: "inline",
+  inline: true,
+  selectable: true,
+  addNodeView() {
+    return vue2.VueNodeViewRenderer(EmojiComponent);
+  },
+  addAttributes() {
+    return {
+      code: {
+        default: null
+      },
+      id: {
+        default: null
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "emoji-component"
+      }
+    ];
+  },
+  renderText({ node }) {
+    return node.attrs.code;
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["emoji-component", core.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
+  },
+  addInputRules() {
+    return [
+      // shortcode input
+      core.nodeInputRule({
+        find: (text) => {
+          const match = text.match(inputShortCodeRegex);
+          return inputRuleMatch(match);
+        },
+        type: this.type,
+        getAttributes(attrs) {
+          return {
+            code: attrs[0]
+          };
+        }
+      }),
+      core.nodeInputRule({
+        find: (text) => {
+          const match = text.match(inputUnicodeRegex);
+          return inputRuleMatch(match);
+        },
+        type: this.type,
+        getAttributes(attrs) {
+          const unicode = common_emoji.shortcodeToEmojiData(attrs[0]).unicode_output;
+          const emoji = String.fromCodePoint(parseInt(unicode, 16));
+          return {
+            code: emoji,
+            label: "emoji"
+          };
+        }
+      })
+    ];
+  },
+  addPasteRules() {
+    return [
+      core.nodePasteRule({
+        find: shortCodePasteMatch,
+        type: this.type,
+        getAttributes(attrs) {
+          return {
+            code: attrs[0]
+          };
+        }
+      }),
+      core.nodePasteRule({
+        find: pasteUnicodeRegex,
+        type: this.type,
+        getAttributes(attrs) {
+          return {
+            code: attrs[0]
+          };
+        }
+      })
+    ];
+  },
+  addProseMirrorPlugins() {
+    return [
+      Suggestion({
+        editor: this.editor,
+        ...this.options.suggestion,
+        ...suggestionOptions
+      })
+    ];
+  }
+});
+function getRegexMatches(text, regex, validator = () => true) {
+  const matches = [];
+  regex.lastIndex = 0;
+  let match;
+  while (match = regex.exec(text)) {
+    if (validator(text, match)) {
+      matches.push(match);
+    }
+  }
+  return matches;
+}
+function hasValidPrefix(text, match) {
+  return !["#", "@"].includes(text.charAt(match.index)) && !["#", "@"].includes(text.charAt(match.index - 1));
+}
+function trimEndPunctiation(string) {
+  const endPunctuationRegex = new RegExp(
+    "(?:" + [
+      `[!?.,:;'"]`,
+      "(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$"
+    ].join("|"),
+    "g"
+  );
+  return string.replace(endPunctuationRegex, "");
+}
+function getWordAt(text, index) {
+  const left = text.slice(0, index + 1).search(/\S+\s*$/);
+  const right = text.slice(index).search(/\s/);
+  if (right < 0) {
+    const word = text.slice(left);
+    return {
+      text: word,
+      from: left,
+      to: left + word.length
+    };
+  }
+  return {
+    text: text.slice(left, right + index),
+    from: left,
+    to: right + index
+  };
+}
+function getWordAtUntil(text, index, direction, regex) {
+  const word = getWordAt(text, index);
+  regex.lastIndex = 0;
+  if (!regex.test(word.text)) {
+    return word;
+  }
+  const newIndex = direction === "left" ? word.from - 1 : word.to + 1;
+  if (newIndex <= 0 || newIndex >= text.length || newIndex === index) {
+    return word;
+  }
+  return getWordAtUntil(text, newIndex, direction, regex);
+}
+function removeMarks(range, doc, tr, type) {
+  const from = Math.max(range.from - 1, 0);
+  const to = Math.min(range.to + 1, doc.content.size);
+  const marksInRange = core.getMarksBetween(from, to, doc);
+  for (const mark of marksInRange) {
+    if (mark.mark.type !== type) {
+      continue;
+    }
+    tr.removeMark(mark.from, mark.to, type);
+  }
+}
+const partialPhoneNumberRegex = common_utils.getPhoneNumberRegex(1, 15);
+function addMarks(text, pos, from, to, tr, type) {
+  if (!text) {
+    return;
+  }
+  let rangeFrom = from - pos - 1;
+  rangeFrom = rangeFrom < 0 ? 0 : rangeFrom;
+  const rangeTo = to - pos;
+  const firstWordInRange = getWordAtUntil(
+    text,
+    rangeFrom,
+    "left",
+    partialPhoneNumberRegex
+  );
+  const lastWordInRange = getWordAtUntil(
+    text,
+    rangeTo,
+    "right",
+    partialPhoneNumberRegex
+  );
+  const wordsInRange = text.slice(firstWordInRange.from, lastWordInRange.to);
+  const matches = getRegexMatches(wordsInRange, common_utils.linkRegex, hasValidPrefix);
+  matches.forEach((match) => {
+    const word = trimEndPunctiation(match[0]);
+    const from2 = pos + firstWordInRange.from + match.index + 1;
+    const to2 = from2 + word.length;
+    tr.addMark(from2, to2, type.create());
+  });
+}
+function autolink(options) {
+  let hasInitialized = false;
+  return new state.Plugin({
+    key: new state.PluginKey("autolink"),
+    appendTransaction: (transactions, oldState, newState) => {
+      const contentChanged = transactions.some((tr2) => tr2.docChanged) && !oldState.doc.eq(newState.doc);
+      if (hasInitialized && !contentChanged) {
+        return;
+      }
+      const { tr } = newState;
+      const { textContent } = newState.doc;
+      if (!hasInitialized) {
+        addMarks(textContent, 0, 0, textContent.length, tr, options.type);
+      }
+      hasInitialized = true;
+      const transform = core.combineTransactionSteps(
+        oldState.doc,
+        [...transactions]
+      );
+      const changes = core.getChangedRanges(transform);
+      changes.forEach(({ oldRange, newRange }) => {
+        removeMarks(newRange, newState.doc, tr, options.type);
+        const paragraphs = core.findChildrenInRange(
+          newState.doc,
+          newRange,
+          (node) => node.isTextblock
+        );
+        paragraphs.forEach(({ node, pos }) => {
+          addMarks(
+            node.textContent,
+            pos,
+            oldRange.from,
+            newRange.to,
+            tr,
+            options.type
+          );
+        });
+      });
+      return tr;
+    }
+  });
+}
+const defaultAttributes = {
+  class: "d-link d-c-text d-d-inline-block",
+  rel: "noopener noreferrer nofollow"
+};
+const Link = core.Mark.create({
+  name: "Link",
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "a",
+      core.mergeAttributes(
+        this.options.HTMLAttributes,
+        HTMLAttributes,
+        defaultAttributes
+      ),
+      0
+    ];
+  },
+  renderText({ node }) {
+    return node.attrs.text;
+  },
+  addProseMirrorPlugins() {
+    return [
+      autolink({ type: this.type })
+    ];
+  }
+});
+const _sfc_main$2 = {
+  name: "MentionComponent",
+  components: {
+    NodeViewWrapper: vue2.NodeViewWrapper,
+    DtLink: lib_link.DtLink
+  },
+  props: vue2.nodeViewProps,
+  computed: {
+    text() {
+      return "@" + this.$props.node.attrs.name;
+    }
+  }
+};
+var _sfc_render$2 = function render4() {
+  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$2 = [];
+var __component__$2 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main$2,
+  _sfc_render$2,
+  _sfc_staticRenderFns$2,
+  false,
+  null,
+  null,
+  null,
+  null
+);
+const MentionComponent = __component__$2.exports;
+const MentionPlugin = Mention.extend({
+  addNodeView() {
+    return vue2.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), 0];
+  }
+});
+const RICH_TEXT_EDITOR_OUTPUT_FORMATS = [
+  "text",
+  "json",
+  "html"
+];
+const RICH_TEXT_EDITOR_AUTOFOCUS_TYPES = [
+  "start",
+  "end",
+  "all"
+];
+const RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS = [
+  "https",
+  "http",
+  "ftp",
+  "ftps",
+  "sftp",
+  "mailto"
+];
+const _sfc_main$1 = {
+  name: "MentionSuggestion",
+  components: {
+    DtAvatar: lib_avatar.DtAvatar,
+    DtStack: lib_stack.DtStack
+  },
+  props: {
+    item: {
+      type: Object,
+      required: true
+    }
+  },
+  computed: {
+    name() {
+      return this.item.name;
+    },
+    avatarSrc() {
+      return this.item.avatarSrc;
+    }
+  }
+};
+var _sfc_render$1 = function render5() {
+  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" } }), _vm._v(" " + _vm._s(_vm.name) + " ")], 1);
+};
+var _sfc_staticRenderFns$1 = [];
+var __component__$1 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main$1,
+  _sfc_render$1,
+  _sfc_staticRenderFns$1,
+  false,
+  null,
+  null,
+  null,
+  null
+);
+const MentionSuggestion = __component__$1.exports;
+const suggestion = {
+  // 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;
+    return {
+      onStart: (props) => {
+        component = new vue2.VueRenderer(SuggestionList, {
+          parent: void 0,
+          propsData: {
+            itemComponent: MentionSuggestion,
+            itemType: "mention",
+            ...props
+          },
+          editor: props.editor
+        });
+        if (!props.clientRect) {
+          return;
+        }
+        popup = tippy("body", {
+          getReferenceClientRect: props.clientRect,
+          appendTo: () => document.body,
+          content: component.element,
+          showOnCreate: true,
+          interactive: true,
+          trigger: "manual",
+          placement: "top-start"
+        });
+      },
+      onUpdate(props) {
+        component.updateProps(props);
+        if (!props.clientRect) {
+          return;
+        }
+        popup[0].setProps({
+          getReferenceClientRect: props.clientRect
+        });
+      },
+      onKeyDown(props) {
+        if (props.event.key === "Escape") {
+          popup[0].hide();
+          return true;
+        }
+        return component == null ? void 0 : component.ref.onKeyDown(props);
+      },
+      onExit() {
+        popup[0].destroy();
+        component.destroy();
+      }
+    };
+  }
+};
+const _sfc_main = {
+  name: "DtRichTextEditor",
+  components: {
+    EditorContent: vue2.EditorContent
+  },
+  props: {
+    /**
+     * Value of the input. The object format should match TipTap's JSON
+     * document structure: https://tiptap.dev/guide/output#option-1-json
+     */
+    value: {
+      type: [Object, String],
+      default: ""
+    },
+    /**
+     * Whether the input is editable
+     */
+    editable: {
+      type: Boolean,
+      default: true
+    },
+    /**
+     * Whether the input allows for line breaks to be introduced in the text.
+     */
+    allowLineBreaks: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Descriptive label for the input element
+     */
+    inputAriaLabel: {
+      type: String,
+      required: true
+    },
+    /**
+     * Additional class name for the input element. Only accepts a String value
+     * because this is passed to the editor via options. For multiple classes,
+     * join them into one string, e.g. "d-p8 d-hmx96"
+     */
+    inputClass: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Whether the input should receive focus after the component has been
+     * mounted. Either one of `start`, `end`, `all` or a Boolean or a Number.
+     * - `start`  Sets the focus to the beginning of the input
+     * - `end`    Sets the focus to the end of the input
+     * - `all`    Selects the whole contents of the input
+     * - `Number` Sets the focus to a specific position in the input
+     * - `true`   Defaults to `start`
+     * - `false`  Disables autofocus
+     * @values true, false, start, end, all, number
+     */
+    autoFocus: {
+      type: [Boolean, String, Number],
+      default: false,
+      validator(autoFocus) {
+        if (typeof autoFocus === "string") {
+          return RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(autoFocus);
+        }
+        return true;
+      }
+    },
+    /**
+     * The output format that the editor uses when emitting the "@input" event.
+     * One of `text`, `json`, `html`. See https://tiptap.dev/guide/output for
+     * examples.
+     * @values text, json, html
+     */
+    outputFormat: {
+      type: String,
+      default: "text",
+      validator(outputFormat) {
+        return RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(outputFormat);
+      }
+    },
+    /**
+     * Placeholder text
+     */
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Enables the Link extension and optionally passes configurations to it
+     */
+    link: {
+      type: [Boolean, Object],
+      default: false
+    },
+    /**
+     * suggestion object containing the items query function.
+     * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion
+     *
+     * The only required key is the items function which is used to query the contacts for suggestion.
+     * items({ query }) => { return [ContactObject]; }
+     * ContactObject format:
+     * { name: string, avatarSrc: string, id: string }
+     *
+     * When null, it does not add the plugin.
+     */
+    mentionSuggestion: {
+      type: Object,
+      default: null
+    },
+    /**
+     * Whether the input allows for block quote.
+     */
+    allowBlockquote: {
+      type: Boolean,
+      default: true
+    },
+    /**
+     * Whether the input allows for bold to be introduced in the text.
+     */
+    allowBold: {
+      type: Boolean,
+      default: true
+    },
+    /**
+     * Whether the input allows for bullet list to be introduced in the text.
+    */
+    allowBulletList: {
+      type: Boolean,
+      default: true
+    },
+    /**
+     * Whether the input allows for italic to be introduced in the text.
+     */
+    allowItalic: {
+      type: Boolean,
+      default: true
+    },
+    /**
+     * Whether the input allows for strike to be introduced in the text.
+     */
+    allowStrike: {
+      type: Boolean,
+      default: true
+    },
+    /**
+     * Whether the input allows for underline to be introduced in the text.
+     */
+    allowUnderline: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: [
+    /**
+     * Editor input event
+     * @event input
+     * @type {String|JSON}
+     */
+    "input",
+    /**
+     * Event to sync the value with the parent
+     * @event input
+     * @type {String|JSON}
+     */
+    "update:value",
+    /**
+     * Editor blur event
+     * @event blur
+     * @type {FocusEvent}
+     */
+    "blur",
+    /**
+     * Editor focus event
+     * @event focus
+     * @type {FocusEvent}
+     */
+    "focus"
+  ],
+  data() {
+    return {
+      editor: null,
+      popoverOpened: false
+    };
+  },
+  computed: {
+    // eslint-disable-next-line complexity
+    extensions() {
+      const extensions = [Document, Paragraph, Text];
+      if (this.link) {
+        extensions.push(this.getExtension(Link, this.link));
+      }
+      if (this.allowBlockquote) {
+        extensions.push(Blockquote);
+      }
+      if (this.allowBold) {
+        extensions.push(Bold);
+      }
+      if (this.allowBulletList) {
+        extensions.push(BulletList);
+        extensions.push(ListItem);
+        extensions.push(OrderedList.configure({
+          itemTypeName: "listItem"
+        }));
+      }
+      if (this.allowItalic) {
+        extensions.push(Italic);
+      }
+      if (this.allowStrike) {
+        extensions.push(Strike);
+      }
+      if (this.allowUnderline) {
+        extensions.push(Underline);
+      }
+      extensions.push(
+        Placeholder.configure({ placeholder: this.placeholder })
+      );
+      if (!this.allowLineBreaks) {
+        extensions.push(
+          HardBreak.extend({
+            addKeyboardShortcuts() {
+              return {
+                Enter: () => true,
+                "Shift-Enter": () => this.editor.commands.first(({ commands }) => [
+                  () => commands.newlineInCode(),
+                  () => commands.createParagraphNear(),
+                  () => commands.liftEmptyBlock(),
+                  () => commands.splitBlock()
+                ])
+              };
+            }
+          })
+        );
+      }
+      extensions.push(TipTapLink.extend({ inclusive: false }).configure({
+        autolink: true,
+        protocols: RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS
+      }));
+      if (this.mentionSuggestion) {
+        const suggestionObject = { ...this.mentionSuggestion, ...suggestion };
+        extensions.push(MentionPlugin.configure({ suggestion: suggestionObject }));
+      }
+      extensions.push(Emoji);
+      extensions.push(TextAlign.configure({
+        types: ["paragraph"],
+        defaultAlignment: "left"
+      }));
+      extensions.push(CodeBlock.configure({
+        HTMLAttributes: {
+          class: "dt-rich-text-editor--code-block"
+        }
+      }));
+      return extensions;
+    },
+    inputAttrs() {
+      const attrs = {
+        "aria-label": this.inputAriaLabel,
+        "aria-multiline": true,
+        role: "textbox"
+      };
+      if (!this.editable) {
+        attrs["aria-readonly"] = true;
+      }
+      return attrs;
+    }
+  },
+  /**
+    * Because the Editor instance is initialized when mounted it does not get
+    * updated props automatically, so the ones that can change after mount have
+    * to be hooked up to the Editor's own API.
+    */
+  watch: {
+    editable(isEditable) {
+      this.editor.setEditable(isEditable);
+      this.updateEditorAttributes({ "aria-readonly": !isEditable });
+    },
+    inputClass(newClass) {
+      this.updateEditorAttributes({ class: newClass });
+    },
+    inputAriaLabel(newLabel) {
+      this.updateEditorAttributes({ "aria-label": newLabel });
+    },
+    extensions() {
+      this.destroyEditor();
+      this.createEditor();
+    },
+    value(newValue) {
+      let currentValue = this.getOutput();
+      if (this.outputFormat === "json") {
+        newValue = JSON.stringify(newValue);
+        currentValue = JSON.stringify(currentValue);
+      }
+      if (newValue === currentValue) {
+        return;
+      }
+      this.editor.commands.setContent(newValue, false);
+    }
+  },
+  created() {
+    this.createEditor();
+  },
+  beforeUnmount() {
+    this.destroyEditor();
+  },
+  methods: {
+    createEditor() {
+      this.editor = new vue2.Editor({
+        autofocus: this.autoFocus,
+        content: this.value,
+        editable: this.editable,
+        extensions: this.extensions,
+        editorProps: {
+          attributes: {
+            ...this.inputAttrs,
+            class: this.inputClass
+          }
+        }
+      });
+      this.addEditorListeners();
+    },
+    destroyEditor() {
+      this.editor.destroy();
+    },
+    /**
+     * The Editor exposes event hooks that we have to map our emits into. See
+     * https://tiptap.dev/api/events for all events.
+     */
+    addEditorListeners() {
+      this.editor.on("update", () => {
+        const value = this.getOutput();
+        this.$emit("input", value);
+        this.$emit("update:value", value);
+      });
+      this.editor.on("focus", ({ event }) => {
+        this.$emit("focus", event);
+      });
+      this.editor.on("blur", ({ event }) => {
+        this.$emit("blur", event);
+      });
+    },
+    getOutput() {
+      switch (this.outputFormat) {
+        case "json":
+          return this.editor.getJSON();
+        case "html":
+          return this.editor.getHTML();
+        case "text":
+        default:
+          return this.editor.getText();
+      }
+    },
+    getExtension(extension, options) {
+      var _a;
+      if (typeof options === "boolean") {
+        return extension;
+      }
+      return (_a = extension.configure) == null ? void 0 : _a.call(extension, options);
+    },
+    updateEditorAttributes(attributes) {
+      this.editor.setOptions({ editorProps: { attributes } });
+    },
+    focusEditor() {
+      this.editor.commands.focus();
+    }
+  }
+};
+var _sfc_render = function render6() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("editor-content", { staticClass: "dt-rich-text-editor", attrs: { "editor": _vm.editor, "data-qa": "dt-rich-text-editor" } });
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
+  null,
+  null,
+  null,
+  null
+);
+const DtRichTextEditor = __component__.exports;
+exports.DtRichTextEditor = DtRichTextEditor;
+exports.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES = RICH_TEXT_EDITOR_AUTOFOCUS_TYPES;
+exports.RICH_TEXT_EDITOR_OUTPUT_FORMATS = RICH_TEXT_EDITOR_OUTPUT_FORMATS;
 //# sourceMappingURL=rich-text-editor.cjs.map