@dialpad/dialtone-vue 3.73.3 → 3.74.0

package/dist/message_input.cjs

@@ -85,4 +85,4 @@ img.ProseMirror-separator {
   opacity: 0
 }`;function Ed(r,e){const t=document.querySelector("style[data-tiptap-style]");if(t!==null)return t;const n=document.createElement("style");return e&&n.setAttribute("nonce",e),n.setAttribute("data-tiptap-style",""),n.innerHTML=r,document.getElementsByTagName("head")[0].appendChild(n),n}let Dd=class extends Ha{constructor(e={}){super(),this.isFocused=!1,this.extensionStorage={},this.options={element:document.createElement("div"),content:"",injectCSS:!0,injectNonce:void 0,extensions:[],autofocus:!1,editable:!0,editorProps:{},parseOptions:{},enableInputRules:!0,enablePasteRules:!0,enableCoreExtensions:!0,onBeforeCreate:()=>null,onCreate:()=>null,onUpdate:()=>null,onSelectionUpdate:()=>null,onTransaction:()=>null,onFocus:()=>null,onBlur:()=>null,onDestroy:()=>null},this.isCapturingTransaction=!1,this.capturedTransaction=null,this.setOptions(e),this.createExtensionManager(),this.createCommandManager(),this.createSchema(),this.on("beforeCreate",this.options.onBeforeCreate),this.emit("beforeCreate",{editor:this}),this.createView(),this.injectCSS(),this.on("create",this.options.onCreate),this.on("update",this.options.onUpdate),this.on("selectionUpdate",this.options.onSelectionUpdate),this.on("transaction",this.options.onTransaction),this.on("focus",this.options.onFocus),this.on("blur",this.options.onBlur),this.on("destroy",this.options.onDestroy),window.setTimeout(()=>{this.isDestroyed||(this.commands.focus(this.options.autofocus),this.emit("create",{editor:this}))},0)}get storage(){return this.extensionStorage}get commands(){return this.commandManager.commands}chain(){return this.commandManager.chain()}can(){return this.commandManager.can()}injectCSS(){this.options.injectCSS&&document&&(this.css=Ed(Td,this.options.injectNonce))}setOptions(e={}){this.options={...this.options,...e},!(!this.view||!this.state||this.isDestroyed)&&(this.options.editorProps&&this.view.setProps(this.options.editorProps),this.view.updateState(this.state))}setEditable(e,t=!0){this.setOptions({editable:e}),t&&this.emit("update",{editor:this,transaction:this.state.tr})}get isEditable(){return this.options.editable&&this.view&&this.view.editable}get state(){return this.view.state}registerPlugin(e,t){const n=Ms(t)?t(e,[...this.state.plugins]):[...this.state.plugins,e],i=this.state.reconfigure({plugins:n});this.view.updateState(i)}unregisterPlugin(e){if(this.isDestroyed)return;const t=typeof e=="string"?`${e}$`:e.key,n=this.state.reconfigure({plugins:this.state.plugins.filter(i=>!i.key.startsWith(t))});this.view.updateState(n)}createExtensionManager(){const t=[...this.options.enableCoreExtensions?Object.values(Nd):[],...this.options.extensions].filter(n=>["extension","node","mark"].includes(n==null?void 0:n.type));this.extensionManager=new qe(t,this)}createCommandManager(){this.commandManager=new Jt({editor:this})}createSchema(){this.schema=this.extensionManager.schema}createView(){const e=Ts(this.options.content,this.schema,this.options.parseOptions),t=Os(e,this.options.autofocus);this.view=new ia(this.options.element,{...this.options.editorProps,dispatchTransaction:this.dispatchTransaction.bind(this),state:We.create({doc:e,selection:t||void 0})});const n=this.state.reconfigure({plugins:this.extensionManager.plugins});this.view.updateState(n),this.createNodeViews();const i=this.view.dom;i.editor=this}createNodeViews(){this.view.setProps({nodeViews:this.extensionManager.nodeViews})}captureTransaction(e){this.isCapturingTransaction=!0,e(),this.isCapturingTransaction=!1;const t=this.capturedTransaction;return this.capturedTransaction=null,t}dispatchTransaction(e){if(this.view.isDestroyed)return;if(this.isCapturingTransaction){if(!this.capturedTransaction){this.capturedTransaction=e;return}e.steps.forEach(o=>{var l;return(l=this.capturedTransaction)===null||l===void 0?void 0:l.step(o)});return}const t=this.state.apply(e),n=!this.state.selection.eq(t.selection);this.view.updateState(t),this.emit("transaction",{editor:this,transaction:e}),n&&this.emit("selectionUpdate",{editor:this,transaction:e});const i=e.getMeta("focus"),s=e.getMeta("blur");i&&this.emit("focus",{editor:this,event:i.event,transaction:e}),s&&this.emit("blur",{editor:this,event:s.event,transaction:e}),!(!e.docChanged||e.getMeta("preventUpdate"))&&this.emit("update",{editor:this,transaction:e})}getAttributes(e){return _c(this.state,e)}isActive(e,t){const n=typeof e=="string"?e:null,i=typeof e=="string"?t:e;return Zc(this.state,n,i)}getJSON(){return this.state.doc.toJSON()}getHTML(){return qc(this.state.doc.content,this.schema)}getText(e){const{blockSeparator:t=`
 
-`,textSerializers:n={}}=e||{};return Jc(this.state.doc,{blockSeparator:t,textSerializers:{...ws(this.schema),...n}})}get isEmpty(){return Qc(this.state.doc)}getCharacterCount(){return console.warn('[tiptap warn]: "editor.getCharacterCount()" is deprecated. Please use "editor.storage.characterCount.characters()" instead.'),this.state.doc.content.size-2}destroy(){this.emit("destroy"),this.view&&this.view.destroy(),this.removeAllListeners()}get isDestroyed(){var e;return!(!((e=this.view)===null||e===void 0)&&e.docView)}};class yt{constructor(e={}){this.type="mark",this.name="mark",this.parent=null,this.child=null,this.config={name:this.name,defaultOptions:{}},this.config={...this.config,...e},this.name=this.config.name,e.defaultOptions&&console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`),this.options=this.config.defaultOptions,this.config.addOptions&&(this.options=T(x(this,"addOptions",{name:this.name}))),this.storage=T(x(this,"addStorage",{name:this.name,options:this.options}))||{}}static create(e={}){return new yt(e)}configure(e={}){const t=this.extend();return t.options=_t(this.options,e),t.storage=T(x(t,"addStorage",{name:t.name,options:t.options})),t}extend(e={}){const t=new yt(e);return t.parent=this,this.child=t,t.name=e.name?e.name:t.parent.name,e.defaultOptions&&console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${t.name}".`),t.options=T(x(t,"addOptions",{name:t.name})),t.storage=T(x(t,"addStorage",{name:t.name,options:t.options})),t}static handleExit({editor:e,mark:t}){const{tr:n}=e.state,i=e.state.selection.$from;if(i.pos===i.end()){const o=i.marks();if(!!!o.find(c=>(c==null?void 0:c.type.name)===t.name))return!1;const a=o.find(c=>(c==null?void 0:c.type.name)===t.name);return a&&n.removeStoredMark(a),n.insertText(" ",i.pos),e.view.dispatch(n),!0}return!1}}class et{constructor(e={}){this.type="node",this.name="node",this.parent=null,this.child=null,this.config={name:this.name,defaultOptions:{}},this.config={...this.config,...e},this.name=this.config.name,e.defaultOptions&&console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`),this.options=this.config.defaultOptions,this.config.addOptions&&(this.options=T(x(this,"addOptions",{name:this.name}))),this.storage=T(x(this,"addStorage",{name:this.name,options:this.options}))||{}}static create(e={}){return new et(e)}configure(e={}){const t=this.extend();return t.options=_t(this.options,e),t.storage=T(x(t,"addStorage",{name:t.name,options:t.options})),t}extend(e={}){const t=new et(e);return t.parent=this,this.child=t,t.name=e.name?e.name:t.parent.name,e.defaultOptions&&console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${t.name}".`),t.options=T(x(t,"addOptions",{name:t.name})),t.storage=T(x(t,"addStorage",{name:t.name,options:t.options})),t}}class Ad{constructor({editor:e,element:t,view:n,tippyOptions:i={},updateDelay:s=250,shouldShow:o}){this.preventHide=!1,this.shouldShow=({view:l,state:a,from:c,to:d})=>{const{doc:u,selection:h}=a,{empty:f}=h,p=!u.textBetween(c,d).length&&Xn(a.selection),m=this.element.contains(document.activeElement);return!(!(l.hasFocus()||m)||f||p||!this.editor.isEditable)},this.mousedownHandler=()=>{this.preventHide=!0},this.dragstartHandler=()=>{this.hide()},this.focusHandler=()=>{setTimeout(()=>this.update(this.editor.view))},this.blurHandler=({event:l})=>{var a;if(this.preventHide){this.preventHide=!1;return}l!=null&&l.relatedTarget&&(!((a=this.element.parentNode)===null||a===void 0)&&a.contains(l.relatedTarget))||this.hide()},this.tippyBlurHandler=l=>{this.blurHandler({event:l})},this.handleDebouncedUpdate=(l,a)=>{const c=!(a!=null&&a.selection.eq(l.state.selection)),d=!(a!=null&&a.doc.eq(l.state.doc));!c&&!d||(this.updateDebounceTimer&&clearTimeout(this.updateDebounceTimer),this.updateDebounceTimer=window.setTimeout(()=>{this.updateHandler(l,c,d,a)},this.updateDelay))},this.updateHandler=(l,a,c,d)=>{var u,h,f;const{state:p,composing:m}=l,{selection:g}=p;if(m||!a&&!c)return;this.createTooltip();const{ranges:C}=g,O=Math.min(...C.map(v=>v.$from.pos)),I=Math.max(...C.map(v=>v.$to.pos));if(!((u=this.shouldShow)===null||u===void 0?void 0:u.call(this,{editor:this.editor,view:l,state:p,oldState:d,from:O,to:I}))){this.hide();return}(h=this.tippy)===null||h===void 0||h.setProps({getReferenceClientRect:((f=this.tippyOptions)===null||f===void 0?void 0:f.getReferenceClientRect)||(()=>{if(ed(p.selection)){let v=l.nodeDOM(O);const L=v.dataset.nodeViewWrapper?v:v.querySelector("[data-node-view-wrapper]");if(L&&(v=L.firstChild),v)return v.getBoundingClientRect()}return Ds(l,O,I)})}),this.show()},this.editor=e,this.element=t,this.view=n,this.updateDelay=s,o&&(this.shouldShow=o),this.element.addEventListener("mousedown",this.mousedownHandler,{capture:!0}),this.view.dom.addEventListener("dragstart",this.dragstartHandler),this.editor.on("focus",this.focusHandler),this.editor.on("blur",this.blurHandler),this.tippyOptions=i,this.element.remove(),this.element.style.visibility="visible"}createTooltip(){const{element:e}=this.editor.options,t=!!e.parentElement;this.tippy||!t||(this.tippy=ue.tippy(e,{duration:0,getReferenceClientRect:null,content:this.element,interactive:!0,trigger:"manual",placement:"top",hideOnClick:"toggle",...this.tippyOptions}),this.tippy.popper.firstChild&&this.tippy.popper.firstChild.addEventListener("blur",this.tippyBlurHandler))}update(e,t){const{state:n}=e,i=n.selection.$from.pos!==n.selection.$to.pos;if(this.updateDelay>0&&i){this.handleDebouncedUpdate(e,t);return}const s=!(t!=null&&t.selection.eq(e.state.selection)),o=!(t!=null&&t.doc.eq(e.state.doc));this.updateHandler(e,s,o,t)}show(){var e;(e=this.tippy)===null||e===void 0||e.show()}hide(){var e;(e=this.tippy)===null||e===void 0||e.hide()}destroy(){var e,t;!((e=this.tippy)===null||e===void 0)&&e.popper.firstChild&&this.tippy.popper.firstChild.removeEventListener("blur",this.tippyBlurHandler),(t=this.tippy)===null||t===void 0||t.destroy(),this.element.removeEventListener("mousedown",this.mousedownHandler,{capture:!0}),this.view.dom.removeEventListener("dragstart",this.dragstartHandler),this.editor.off("focus",this.focusHandler),this.editor.off("blur",this.blurHandler)}}const As=r=>new ee({key:typeof r.pluginKey=="string"?new fe(r.pluginKey):r.pluginKey,view:e=>new Ad({view:e,...r})});Q.create({name:"bubbleMenu",addOptions(){return{element:null,tippyOptions:{},pluginKey:"bubbleMenu",updateDelay:void 0,shouldShow:null}},addProseMirrorPlugins(){return this.options.element?[As({pluginKey:this.options.pluginKey,editor:this.editor,element:this.options.element,tippyOptions:this.options.tippyOptions,updateDelay:this.options.updateDelay,shouldShow:this.options.shouldShow})]:[]}});class vd{constructor({editor:e,element:t,view:n,tippyOptions:i={},shouldShow:s}){this.preventHide=!1,this.shouldShow=({view:o,state:l})=>{const{selection:a}=l,{$anchor:c,empty:d}=a,u=c.depth===1,h=c.parent.isTextblock&&!c.parent.type.spec.code&&!c.parent.textContent;return!(!o.hasFocus()||!d||!u||!h||!this.editor.isEditable)},this.mousedownHandler=()=>{this.preventHide=!0},this.focusHandler=()=>{setTimeout(()=>this.update(this.editor.view))},this.blurHandler=({event:o})=>{var l;if(this.preventHide){this.preventHide=!1;return}o!=null&&o.relatedTarget&&(!((l=this.element.parentNode)===null||l===void 0)&&l.contains(o.relatedTarget))||this.hide()},this.tippyBlurHandler=o=>{this.blurHandler({event:o})},this.editor=e,this.element=t,this.view=n,s&&(this.shouldShow=s),this.element.addEventListener("mousedown",this.mousedownHandler,{capture:!0}),this.editor.on("focus",this.focusHandler),this.editor.on("blur",this.blurHandler),this.tippyOptions=i,this.element.remove(),this.element.style.visibility="visible"}createTooltip(){const{element:e}=this.editor.options,t=!!e.parentElement;this.tippy||!t||(this.tippy=ue.tippy(e,{duration:0,getReferenceClientRect:null,content:this.element,interactive:!0,trigger:"manual",placement:"right",hideOnClick:"toggle",...this.tippyOptions}),this.tippy.popper.firstChild&&this.tippy.popper.firstChild.addEventListener("blur",this.tippyBlurHandler))}update(e,t){var n,i,s;const{state:o}=e,{doc:l,selection:a}=o,{from:c,to:d}=a;if(t&&t.doc.eq(l)&&t.selection.eq(a))return;if(this.createTooltip(),!((n=this.shouldShow)===null||n===void 0?void 0:n.call(this,{editor:this.editor,view:e,state:o,oldState:t}))){this.hide();return}(i=this.tippy)===null||i===void 0||i.setProps({getReferenceClientRect:((s=this.tippyOptions)===null||s===void 0?void 0:s.getReferenceClientRect)||(()=>Ds(e,c,d))}),this.show()}show(){var e;(e=this.tippy)===null||e===void 0||e.show()}hide(){var e;(e=this.tippy)===null||e===void 0||e.hide()}destroy(){var e,t;!((e=this.tippy)===null||e===void 0)&&e.popper.firstChild&&this.tippy.popper.firstChild.removeEventListener("blur",this.tippyBlurHandler),(t=this.tippy)===null||t===void 0||t.destroy(),this.element.removeEventListener("mousedown",this.mousedownHandler,{capture:!0}),this.editor.off("focus",this.focusHandler),this.editor.off("blur",this.blurHandler)}}const vs=r=>new ee({key:typeof r.pluginKey=="string"?new fe(r.pluginKey):r.pluginKey,view:e=>new vd({view:e,...r})});Q.create({name:"floatingMenu",addOptions(){return{element:null,tippyOptions:{},pluginKey:"floatingMenu",shouldShow:null}},addProseMirrorPlugins(){return this.options.element?[vs({pluginKey:this.options.pluginKey,editor:this.editor,element:this.options.element,tippyOptions:this.options.tippyOptions,shouldShow:this.options.shouldShow})]:[]}});k.defineComponent({name:"BubbleMenu",props:{pluginKey:{type:[String,Object],default:"bubbleMenu"},editor:{type:Object,required:!0},updateDelay:{type:Number,default:void 0},tippyOptions:{type:Object,default:()=>({})},shouldShow:{type:Function,default:null}},setup(r,{slots:e}){const t=k.ref(null);return k.onMounted(()=>{const{updateDelay:n,editor:i,pluginKey:s,shouldShow:o,tippyOptions:l}=r;i.registerPlugin(As({updateDelay:n,editor:i,element:t.value,pluginKey:s,shouldShow:o,tippyOptions:l}))}),k.onBeforeUnmount(()=>{const{pluginKey:n,editor:i}=r;i.unregisterPlugin(n)}),()=>{var n;return k.h("div",{ref:t},(n=e.default)===null||n===void 0?void 0:n.call(e))}}});function ri(r){return k.customRef((e,t)=>({get(){return e(),r},set(n){r=n,requestAnimationFrame(()=>{requestAnimationFrame(()=>{t()})})}}))}class Id extends Dd{constructor(e={}){return super(e),this.vueRenderers=k.reactive(new Map),this.contentComponent=null,this.reactiveState=ri(this.view.state),this.reactiveExtensionStorage=ri(this.extensionStorage),this.on("transaction",()=>{this.reactiveState.value=this.view.state,this.reactiveExtensionStorage.value=this.extensionStorage}),k.markRaw(this)}get state(){return this.reactiveState?this.reactiveState.value:this.view.state}get storage(){return this.reactiveExtensionStorage?this.reactiveExtensionStorage.value:super.storage}registerPlugin(e,t){super.registerPlugin(e,t),this.reactiveState.value=this.view.state}unregisterPlugin(e){super.unregisterPlugin(e),this.reactiveState.value=this.view.state}}const Rd=k.defineComponent({name:"EditorContent",props:{editor:{default:null,type:Object}},setup(r){const e=k.ref(),t=k.getCurrentInstance();return k.watchEffect(()=>{const n=r.editor;n&&n.options.element&&e.value&&k.nextTick(()=>{if(!e.value||!n.options.element.firstChild)return;const i=k.unref(e.value);e.value.append(...n.options.element.childNodes),n.contentComponent=t.ctx._,n.setOptions({element:i}),n.createNodeViews()})}),k.onBeforeUnmount(()=>{const n=r.editor;if(!n||(n.isDestroyed||n.view.setProps({nodeViews:{}}),n.contentComponent=null,!n.options.element.firstChild))return;const i=document.createElement("div");i.append(...n.options.element.childNodes),n.setOptions({element:i})}),{rootEl:e}},render(){const r=[];return this.editor&&this.editor.vueRenderers.forEach(e=>{const t=k.h(k.Teleport,{to:e.teleportElement,key:e.id},k.h(e.component,{ref:e.id,...e.props}));r.push(t)}),k.h("div",{ref:e=>{this.rootEl=e}},...r)}});k.defineComponent({name:"FloatingMenu",props:{pluginKey:{type:null,default:"floatingMenu"},editor:{type:Object,required:!0},tippyOptions:{type:Object,default:()=>({})},shouldShow:{type:Function,default:null}},setup(r,{slots:e}){const t=k.ref(null);return k.onMounted(()=>{const{pluginKey:n,editor:i,tippyOptions:s,shouldShow:o}=r;i.registerPlugin(vs({pluginKey:n,editor:i,element:t.value,tippyOptions:s,shouldShow:o}))}),k.onBeforeUnmount(()=>{const{pluginKey:n,editor:i}=r;i.unregisterPlugin(n)}),()=>{var n;return k.h("div",{ref:t},(n=e.default)===null||n===void 0?void 0:n.call(e))}}});k.defineComponent({props:{as:{type:String,default:"div"}},render(){return k.h(this.as,{style:{whiteSpace:"pre-wrap"},"data-node-view-content":""})}});k.defineComponent({props:{as:{type:String,default:"div"}},inject:["onDragStart","decorationClasses"],render(){var r,e;return k.h(this.as,{class:this.decorationClasses,style:{whiteSpace:"normal"},"data-node-view-wrapper":"",onDragstart:this.onDragStart},(e=(r=this.$slots).default)===null||e===void 0?void 0:e.call(r))}});const Pd=et.create({name:"doc",topNode:!0,content:"block+"}),Bd=et.create({name:"paragraph",priority:1e3,addOptions(){return{HTMLAttributes:{}}},group:"block",content:"inline*",parseHTML(){return[{tag:"p"}]},renderHTML({HTMLAttributes:r}){return["p",Un(this.options.HTMLAttributes,r),0]},addCommands(){return{setParagraph:()=>({commands:r})=>r.setNode(this.name)}},addKeyboardShortcuts(){return{"Mod-Alt-0":()=>this.editor.commands.setParagraph()}}}),zd=Q.create({name:"placeholder",addOptions(){return{emptyEditorClass:"is-editor-empty",emptyNodeClass:"is-empty",placeholder:"Write something …",showOnlyWhenEditable:!0,showOnlyCurrent:!0,includeChildren:!1}},addProseMirrorPlugins(){return[new ee({key:new fe("placeholder"),props:{decorations:({doc:r,selection:e})=>{const t=this.editor.isEditable||!this.options.showOnlyWhenEditable,{anchor:n}=e,i=[];if(!t)return null;const s=r.type.createAndFill(),o=(s==null?void 0:s.sameMarkup(r))&&s.content.findDiffStart(r.content)===null;return r.descendants((l,a)=>{const c=n>=a&&n<=a+l.nodeSize,d=!l.isLeaf&&!l.childCount;if((c||!this.options.showOnlyCurrent)&&d){const u=[this.options.emptyNodeClass];o&&u.push(this.options.emptyEditorClass);const h=X.node(a,a+l.nodeSize,{class:u.join(" "),"data-placeholder":typeof this.options.placeholder=="function"?this.options.placeholder({editor:this.editor,node:l,pos:a,hasAnchor:c}):this.options.placeholder});i.push(h)}return this.options.includeChildren}),R.create(r,i)}}})]}}),Fd=et.create({name:"text",group:"inline"});function Vd(r,e,t=()=>!0){const n=[];e.lastIndex=0;let i;for(;i=e.exec(r);)t(r,i)&&n.push(i);return n}function Ld(r,e){return!["#","@"].includes(r.charAt(e.index))&&!["#","@"].includes(r.charAt(e.index-1))}function jd(r){const e=new RegExp("(?:"+[`[!?.,:;'"]`,"(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$"].join("|"),"g");return r.replace(e,"")}function Hd(r,e){const t=r.slice(0,e+1).search(/\S+\s*$/),n=r.slice(e).search(/\s/);if(n<0){const i=r.slice(t);return{text:i,from:t,to:t+i.length}}return{text:r.slice(t,n+e),from:t,to:n+e}}function Bn(r,e,t,n){const i=Hd(r,e);if(n.lastIndex=0,!n.test(i.text))return i;const s=t==="left"?i.from-1:i.to+1;return s<=0||s>=r.length||s===e?i:Bn(r,s,t,n)}function $d(r,e,t,n){const i=r.from-1,s=r.to+1,o=Xc(i,s,e);for(const l of o)l.mark.type===n&&t.removeMark(l.from,l.to,n)}const ii=ue.getPhoneNumberRegex(1,15);function si(r,e,t,n,i,s){if(!r)return;let o=t-e-1;o=o<0?0:o;const l=n-e,a=Bn(r,o,"left",ii),c=Bn(r,l,"right",ii),d=r.slice(a.from,c.to);Vd(d,ue.linkRegex,Ld).forEach(h=>{const f=jd(h[0]),p=e+a.from+h.index+1,m=p+f.length;i.addMark(p,m,s.create())})}function Wd(r){let e=!1;return new ee({key:new fe("autolink"),appendTransaction:(t,n,i)=>{const s=t.some(d=>d.docChanged)&&!n.doc.eq(i.doc);if(e&&!s)return;const{tr:o}=i,{textContent:l}=i.doc;e||si(l,0,0,l.length,o,r.type),e=!0;const a=jc(n.doc,[...t]);return Yc(a).forEach(({oldRange:d,newRange:u})=>{$d(u,i.doc,o,r.type),$c(i.doc,u,f=>f.isTextblock).forEach(({node:f,pos:p})=>{si(f.textContent,p,d.from,u.to,o,r.type)})}),o}})}const qd={class:"d-link d-c-text d-d-inline-block",rel:"noopener noreferrer nofollow"},Jd=yt.create({name:"Link",renderHTML({HTMLAttributes:r}){return["a",Un(this.options.HTMLAttributes,r,qd),0]},renderText({node:r}){return r.attrs.text},addProseMirrorPlugins(){return[Wd({type:this.type})]}}),Is=["text","json","html"],Rs=["start","end","all"];const Kd={name:"DtRichTextEditor",components:{EditorContent:Rd},props:{modelValue:{type:[Object,String],default:""},editable:{type:Boolean,default:!0},inputAriaLabel:{type:String,required:!0},inputClass:{type:String,default:""},autoFocus:{type:[Boolean,String,Number],default:!1,validator(r){return typeof r=="string"?Rs.includes(r):!0}},outputFormat:{type:String,default:"text",validator(r){return Is.includes(r)}},placeholder:{type:String,default:""},link:{type:[Boolean,Object],default:!1}},emits:["input","update:modelValue","blur","focus"],data(){return{editor:null}},computed:{extensions(){const r=[Pd,Bd,Fd];return this.link&&r.push(this.getExtension(Jd,this.link)),r.push(zd.configure({placeholder:this.placeholder})),r},inputAttrs(){const r={"aria-label":this.inputAriaLabel,"aria-multiline":!0,role:"textbox"};return this.editable||(r["aria-readonly"]=!0),r}},watch:{editable(r){this.editor.setEditable(r),this.updateEditorAttributes({"aria-readonly":!r})},inputClass(r){this.updateEditorAttributes({class:r})},inputAriaLabel(r){this.updateEditorAttributes({"aria-label":r})},extensions(){this.destroyEditor(),this.createEditor()},modelValue(r){let e=this.getOutput();this.outputFormat==="json"&&(r=JSON.stringify(r),e=JSON.stringify(e)),r!==e&&this.editor.commands.setContent(r,!1)}},created(){this.createEditor()},beforeUnmount(){this.destroyEditor()},methods:{createEditor(){this.editor=new Id({autofocus:this.autoFocus,content:this.modelValue,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 r=this.getOutput();this.$emit("input",r),this.$emit("update:modelValue",r)}),this.editor.on("focus",({event:r})=>{this.$emit("focus",r)}),this.editor.on("blur",({event:r})=>{this.$emit("blur",r)})},getOutput(){switch(this.outputFormat){case"json":return this.editor.getJSON();case"html":return this.editor.getHTML();case"text":default:return this.editor.getText()}},getExtension(r,e){var t;return typeof e=="boolean"?r:(t=r.configure)==null?void 0:t.call(r,e)},updateEditorAttributes(r){this.editor.setOptions({editorProps:{attributes:r}})}}};function _d(r,e,t,n,i,s){const o=k.resolveComponent("editor-content");return k.openBlock(),k.createBlock(o,{editor:i.editor,"data-qa":"dt-rich-text-editor"},null,8,["editor"])}const Ud=ue._export_sfc(Kd,[["render",_d]]);const Gd={name:"DtRecipeMessageInput",components:{DtButton:ue.DtButton,DtEmojiPicker:Bs._sfc_main,DtIcon:ue.DtIcon,DtInput:ue.DtInput,DtPopover:zs.DtPopover,DtRichTextEditor:Ud},mixins:[],inheritAttrs:!1,props:{value:{type:[Object,String],default:""},editable:{type:Boolean,default:!0},inputAriaLabel:{type:String,required:!0,default:""},inputClass:{type:String,default:""},autoFocus:{type:[Boolean,String,Number],default:!1,validator(r){return typeof r=="string"?Rs.includes(r):!0}},outputFormat:{type:String,default:"text",validator(r){return Is.includes(r)}},link:{type:[Boolean,Object],default:!1},placeholder:{type:String,default:""},disableSend:{type:Boolean,default:!1},hasCharacterLimit:{type:Boolean,default:!0},characterLimitCount:{type:Number,default:1500},characterLimitWarning:{type:Number,default:500},emojiTabSetLabels:{type:Array,default:()=>["Most recently used","Smileys and people","Nature","Food","Activity","Travel","Objects","Symbols","Flags"]},emojiSkinSelectorButtonTooltipLabel:{type:String,default:"Change default skin tone"},emojiSearchNoResultsLabel:{type:String,default:"No results"},emojiSearchResultsLabel:{type:String,default:"Search results"},emojiSearchPlaceholderLabel:{type:String,default:"Search..."},emojiButtonAriaLabel:{type:String,default:"emoji button"},imageButtonAriaLabel:{type:String,default:"image button"},sendButtonAriaLabel:{type:String,default:"send button"}},emits:["submit","select-media","add-media"],data(){return{skinTone:"Default",inputValue:this.value,hasFocus:!1,emojiPickerOpened:!1}},computed:{inputLength(){return this.inputValue.length},displayCharacterLimitWarning(){return this.hasCharacterLimit&&this.characterLimitCount-this.inputLength<=this.characterLimitWarning},isSendDisabled(){return this.inputLength===0||this.disableSend||this.hasCharacterLimit&&this.inputLength>this.characterLimitCount}},methods:{onDrag(r){r.stopPropagation(),r.preventDefault()},onDrop(r){r.stopPropagation(),r.preventDefault();const e=r.dataTransfer,n=Array.from(e.files).map(i=>i.name);this.$emit("add-media",n)},onSelectEmoji(r){if(!r){this.emojiPickerOpened=!1;return}this.inputValue=this.inputValue+r.shortname,this.emojiPickerOpened=!1},onSelectImage(){this.$refs.messageInputImageUpload.$refs.input.click()},onImageUpload(r){this.$emit("select-media",r)},toggleEmojiPicker(){this.emojiPickerOpened=!this.emojiPickerOpened},onSend(){this.isSendDisabled||(this.$emit("submit",this.inputValue),this.inputValue="")}}},Yd={class:"d-of-auto d-mx16 d-mt8 d-mb4 d-hmx40p"},Xd={class:"d-d-flex d-jc-space-between d-mx8 d-my4"},Zd={class:"d-d-flex"},Qd={class:"d-d-flex"},eu={key:0,class:"d-fc-error d-mr16 d-as-center dt-message-input--remaining-char"},tu={class:"d-d-flex d-jc-space-between d-h24 d-ai-center"};function nu(r,e,t,n,i,s){const o=k.resolveComponent("dt-rich-text-editor"),l=k.resolveComponent("dt-icon"),a=k.resolveComponent("dt-button"),c=k.resolveComponent("dt-input"),d=k.resolveComponent("dt-emoji-picker"),u=k.resolveComponent("dt-popover");return k.openBlock(),k.createElementBlock("div",{role:"presentation",onDragEnter:e[5]||(e[5]=(...h)=>s.onDrag&&s.onDrag(...h)),onDragOver:e[6]||(e[6]=(...h)=>s.onDrag&&s.onDrag(...h)),onDrop:e[7]||(e[7]=(...h)=>s.onDrop&&s.onDrop(...h))},[k.createElementVNode("div",{class:k.normalizeClass(["d-d-flex d-fd-column d-bar8 d-baw1 d-ba d-c-text",{"d-bc-black-500 d-bs-sm":i.hasFocus,"d-bc-default":!i.hasFocus}])},[k.createElementVNode("div",Yd,[k.createVNode(o,k.mergeProps({modelValue:i.inputValue,"onUpdate:modelValue":e[0]||(e[0]=h=>i.inputValue=h),editable:t.editable,"input-aria-label":t.inputAriaLabel,"input-class":t.inputClass,"output-format":t.outputFormat,"auto-focus":t.autoFocus,link:t.link,placeholder:t.placeholder},r.$attrs,{onFocus:e[1]||(e[1]=h=>i.hasFocus=!0),onBlur:e[2]||(e[2]=h=>i.hasFocus=!1)}),null,16,["modelValue","editable","input-aria-label","input-class","output-format","auto-focus","link","placeholder"])]),k.renderSlot(r.$slots,"middle"),k.createElementVNode("section",Xd,[k.createElementVNode("div",Zd,[k.createVNode(a,{size:"sm",circle:"",importance:"clear","aria-label":t.imageButtonAriaLabel,onClick:s.onSelectImage},{icon:k.withCtx(()=>[k.createVNode(l,{name:"image",size:"300"})]),_:1},8,["aria-label","onClick"]),k.createVNode(c,{ref:"messageInputImageUpload",type:"file",class:"d-ps-absolute",multiple:"",hidden:"",onInput:s.onImageUpload},null,8,["onInput"]),k.createVNode(u,{open:i.emojiPickerOpened,"initial-focus-element":"#searchInput",padding:"none",onOpened:e[4]||(e[4]=h=>{i.emojiPickerOpened=h})},{anchor:k.withCtx(()=>[k.createVNode(a,{size:"sm",circle:"",importance:"clear","aria-label":t.emojiButtonAriaLabel,onClick:s.toggleEmojiPicker},{icon:k.withCtx(()=>[k.createVNode(l,{name:"satisfied",size:"300"})]),_:1},8,["aria-label","onClick"])]),content:k.withCtx(()=>[k.createVNode(d,{"tab-set-labels":t.emojiTabSetLabels,"skin-selector-button-tooltip-label":t.emojiSkinSelectorButtonTooltipLabel,"search-no-results-label":t.emojiSearchNoResultsLabel,"search-results-label":t.emojiSearchResultsLabel,"search-placeholder-label":t.emojiSearchPlaceholderLabel,"skin-tone":i.skinTone,onSkinTone:e[3]||(e[3]=h=>i.skinTone=h),onSelectedEmoji:s.onSelectEmoji},null,8,["tab-set-labels","skin-selector-button-tooltip-label","search-no-results-label","search-results-label","search-placeholder-label","skin-tone","onSelectedEmoji"])]),_:1},8,["open"])]),k.createElementVNode("div",Qd,[s.displayCharacterLimitWarning?(k.openBlock(),k.createElementBlock("p",eu,k.toDisplayString(t.characterLimitCount-s.inputLength),1)):k.createCommentVNode("",!0),k.createVNode(a,{size:"sm",circle:"",importance:"clear",class:k.normalizeClass({"message-input-button__disabled":s.isSendDisabled,"d-bgc-purple-400 d-fc-primary-inverted":!s.isSendDisabled}),"aria-label":t.sendButtonAriaLabel,"aria-disabled":s.isSendDisabled,onClick:s.onSend},{icon:k.withCtx(()=>[k.createVNode(l,{name:"send",size:"300"})]),_:1},8,["class","aria-label","aria-disabled","onClick"])])])],2),k.createElementVNode("section",tu,[k.createElementVNode("div",null,[k.renderSlot(r.$slots,"footerLeft")]),k.createElementVNode("div",null,[k.renderSlot(r.$slots,"footerRight")])])],32)}const ru=ue._export_sfc(Gd,[["render",nu]]);exports.DtRecipeMessageInput=ru;
+`,textSerializers:n={}}=e||{};return Jc(this.state.doc,{blockSeparator:t,textSerializers:{...ws(this.schema),...n}})}get isEmpty(){return Qc(this.state.doc)}getCharacterCount(){return console.warn('[tiptap warn]: "editor.getCharacterCount()" is deprecated. Please use "editor.storage.characterCount.characters()" instead.'),this.state.doc.content.size-2}destroy(){this.emit("destroy"),this.view&&this.view.destroy(),this.removeAllListeners()}get isDestroyed(){var e;return!(!((e=this.view)===null||e===void 0)&&e.docView)}};class yt{constructor(e={}){this.type="mark",this.name="mark",this.parent=null,this.child=null,this.config={name:this.name,defaultOptions:{}},this.config={...this.config,...e},this.name=this.config.name,e.defaultOptions&&console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`),this.options=this.config.defaultOptions,this.config.addOptions&&(this.options=T(x(this,"addOptions",{name:this.name}))),this.storage=T(x(this,"addStorage",{name:this.name,options:this.options}))||{}}static create(e={}){return new yt(e)}configure(e={}){const t=this.extend();return t.options=_t(this.options,e),t.storage=T(x(t,"addStorage",{name:t.name,options:t.options})),t}extend(e={}){const t=new yt(e);return t.parent=this,this.child=t,t.name=e.name?e.name:t.parent.name,e.defaultOptions&&console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${t.name}".`),t.options=T(x(t,"addOptions",{name:t.name})),t.storage=T(x(t,"addStorage",{name:t.name,options:t.options})),t}static handleExit({editor:e,mark:t}){const{tr:n}=e.state,i=e.state.selection.$from;if(i.pos===i.end()){const o=i.marks();if(!!!o.find(c=>(c==null?void 0:c.type.name)===t.name))return!1;const a=o.find(c=>(c==null?void 0:c.type.name)===t.name);return a&&n.removeStoredMark(a),n.insertText(" ",i.pos),e.view.dispatch(n),!0}return!1}}class et{constructor(e={}){this.type="node",this.name="node",this.parent=null,this.child=null,this.config={name:this.name,defaultOptions:{}},this.config={...this.config,...e},this.name=this.config.name,e.defaultOptions&&console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`),this.options=this.config.defaultOptions,this.config.addOptions&&(this.options=T(x(this,"addOptions",{name:this.name}))),this.storage=T(x(this,"addStorage",{name:this.name,options:this.options}))||{}}static create(e={}){return new et(e)}configure(e={}){const t=this.extend();return t.options=_t(this.options,e),t.storage=T(x(t,"addStorage",{name:t.name,options:t.options})),t}extend(e={}){const t=new et(e);return t.parent=this,this.child=t,t.name=e.name?e.name:t.parent.name,e.defaultOptions&&console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${t.name}".`),t.options=T(x(t,"addOptions",{name:t.name})),t.storage=T(x(t,"addStorage",{name:t.name,options:t.options})),t}}class Ad{constructor({editor:e,element:t,view:n,tippyOptions:i={},updateDelay:s=250,shouldShow:o}){this.preventHide=!1,this.shouldShow=({view:l,state:a,from:c,to:d})=>{const{doc:u,selection:h}=a,{empty:f}=h,p=!u.textBetween(c,d).length&&Xn(a.selection),m=this.element.contains(document.activeElement);return!(!(l.hasFocus()||m)||f||p||!this.editor.isEditable)},this.mousedownHandler=()=>{this.preventHide=!0},this.dragstartHandler=()=>{this.hide()},this.focusHandler=()=>{setTimeout(()=>this.update(this.editor.view))},this.blurHandler=({event:l})=>{var a;if(this.preventHide){this.preventHide=!1;return}l!=null&&l.relatedTarget&&(!((a=this.element.parentNode)===null||a===void 0)&&a.contains(l.relatedTarget))||this.hide()},this.tippyBlurHandler=l=>{this.blurHandler({event:l})},this.handleDebouncedUpdate=(l,a)=>{const c=!(a!=null&&a.selection.eq(l.state.selection)),d=!(a!=null&&a.doc.eq(l.state.doc));!c&&!d||(this.updateDebounceTimer&&clearTimeout(this.updateDebounceTimer),this.updateDebounceTimer=window.setTimeout(()=>{this.updateHandler(l,c,d,a)},this.updateDelay))},this.updateHandler=(l,a,c,d)=>{var u,h,f;const{state:p,composing:m}=l,{selection:g}=p;if(m||!a&&!c)return;this.createTooltip();const{ranges:C}=g,O=Math.min(...C.map(v=>v.$from.pos)),I=Math.max(...C.map(v=>v.$to.pos));if(!((u=this.shouldShow)===null||u===void 0?void 0:u.call(this,{editor:this.editor,view:l,state:p,oldState:d,from:O,to:I}))){this.hide();return}(h=this.tippy)===null||h===void 0||h.setProps({getReferenceClientRect:((f=this.tippyOptions)===null||f===void 0?void 0:f.getReferenceClientRect)||(()=>{if(ed(p.selection)){let v=l.nodeDOM(O);const L=v.dataset.nodeViewWrapper?v:v.querySelector("[data-node-view-wrapper]");if(L&&(v=L.firstChild),v)return v.getBoundingClientRect()}return Ds(l,O,I)})}),this.show()},this.editor=e,this.element=t,this.view=n,this.updateDelay=s,o&&(this.shouldShow=o),this.element.addEventListener("mousedown",this.mousedownHandler,{capture:!0}),this.view.dom.addEventListener("dragstart",this.dragstartHandler),this.editor.on("focus",this.focusHandler),this.editor.on("blur",this.blurHandler),this.tippyOptions=i,this.element.remove(),this.element.style.visibility="visible"}createTooltip(){const{element:e}=this.editor.options,t=!!e.parentElement;this.tippy||!t||(this.tippy=ue.tippy(e,{duration:0,getReferenceClientRect:null,content:this.element,interactive:!0,trigger:"manual",placement:"top",hideOnClick:"toggle",...this.tippyOptions}),this.tippy.popper.firstChild&&this.tippy.popper.firstChild.addEventListener("blur",this.tippyBlurHandler))}update(e,t){const{state:n}=e,i=n.selection.$from.pos!==n.selection.$to.pos;if(this.updateDelay>0&&i){this.handleDebouncedUpdate(e,t);return}const s=!(t!=null&&t.selection.eq(e.state.selection)),o=!(t!=null&&t.doc.eq(e.state.doc));this.updateHandler(e,s,o,t)}show(){var e;(e=this.tippy)===null||e===void 0||e.show()}hide(){var e;(e=this.tippy)===null||e===void 0||e.hide()}destroy(){var e,t;!((e=this.tippy)===null||e===void 0)&&e.popper.firstChild&&this.tippy.popper.firstChild.removeEventListener("blur",this.tippyBlurHandler),(t=this.tippy)===null||t===void 0||t.destroy(),this.element.removeEventListener("mousedown",this.mousedownHandler,{capture:!0}),this.view.dom.removeEventListener("dragstart",this.dragstartHandler),this.editor.off("focus",this.focusHandler),this.editor.off("blur",this.blurHandler)}}const As=r=>new ee({key:typeof r.pluginKey=="string"?new fe(r.pluginKey):r.pluginKey,view:e=>new Ad({view:e,...r})});Q.create({name:"bubbleMenu",addOptions(){return{element:null,tippyOptions:{},pluginKey:"bubbleMenu",updateDelay:void 0,shouldShow:null}},addProseMirrorPlugins(){return this.options.element?[As({pluginKey:this.options.pluginKey,editor:this.editor,element:this.options.element,tippyOptions:this.options.tippyOptions,updateDelay:this.options.updateDelay,shouldShow:this.options.shouldShow})]:[]}});class vd{constructor({editor:e,element:t,view:n,tippyOptions:i={},shouldShow:s}){this.preventHide=!1,this.shouldShow=({view:o,state:l})=>{const{selection:a}=l,{$anchor:c,empty:d}=a,u=c.depth===1,h=c.parent.isTextblock&&!c.parent.type.spec.code&&!c.parent.textContent;return!(!o.hasFocus()||!d||!u||!h||!this.editor.isEditable)},this.mousedownHandler=()=>{this.preventHide=!0},this.focusHandler=()=>{setTimeout(()=>this.update(this.editor.view))},this.blurHandler=({event:o})=>{var l;if(this.preventHide){this.preventHide=!1;return}o!=null&&o.relatedTarget&&(!((l=this.element.parentNode)===null||l===void 0)&&l.contains(o.relatedTarget))||this.hide()},this.tippyBlurHandler=o=>{this.blurHandler({event:o})},this.editor=e,this.element=t,this.view=n,s&&(this.shouldShow=s),this.element.addEventListener("mousedown",this.mousedownHandler,{capture:!0}),this.editor.on("focus",this.focusHandler),this.editor.on("blur",this.blurHandler),this.tippyOptions=i,this.element.remove(),this.element.style.visibility="visible"}createTooltip(){const{element:e}=this.editor.options,t=!!e.parentElement;this.tippy||!t||(this.tippy=ue.tippy(e,{duration:0,getReferenceClientRect:null,content:this.element,interactive:!0,trigger:"manual",placement:"right",hideOnClick:"toggle",...this.tippyOptions}),this.tippy.popper.firstChild&&this.tippy.popper.firstChild.addEventListener("blur",this.tippyBlurHandler))}update(e,t){var n,i,s;const{state:o}=e,{doc:l,selection:a}=o,{from:c,to:d}=a;if(t&&t.doc.eq(l)&&t.selection.eq(a))return;if(this.createTooltip(),!((n=this.shouldShow)===null||n===void 0?void 0:n.call(this,{editor:this.editor,view:e,state:o,oldState:t}))){this.hide();return}(i=this.tippy)===null||i===void 0||i.setProps({getReferenceClientRect:((s=this.tippyOptions)===null||s===void 0?void 0:s.getReferenceClientRect)||(()=>Ds(e,c,d))}),this.show()}show(){var e;(e=this.tippy)===null||e===void 0||e.show()}hide(){var e;(e=this.tippy)===null||e===void 0||e.hide()}destroy(){var e,t;!((e=this.tippy)===null||e===void 0)&&e.popper.firstChild&&this.tippy.popper.firstChild.removeEventListener("blur",this.tippyBlurHandler),(t=this.tippy)===null||t===void 0||t.destroy(),this.element.removeEventListener("mousedown",this.mousedownHandler,{capture:!0}),this.editor.off("focus",this.focusHandler),this.editor.off("blur",this.blurHandler)}}const vs=r=>new ee({key:typeof r.pluginKey=="string"?new fe(r.pluginKey):r.pluginKey,view:e=>new vd({view:e,...r})});Q.create({name:"floatingMenu",addOptions(){return{element:null,tippyOptions:{},pluginKey:"floatingMenu",shouldShow:null}},addProseMirrorPlugins(){return this.options.element?[vs({pluginKey:this.options.pluginKey,editor:this.editor,element:this.options.element,tippyOptions:this.options.tippyOptions,shouldShow:this.options.shouldShow})]:[]}});k.defineComponent({name:"BubbleMenu",props:{pluginKey:{type:[String,Object],default:"bubbleMenu"},editor:{type:Object,required:!0},updateDelay:{type:Number,default:void 0},tippyOptions:{type:Object,default:()=>({})},shouldShow:{type:Function,default:null}},setup(r,{slots:e}){const t=k.ref(null);return k.onMounted(()=>{const{updateDelay:n,editor:i,pluginKey:s,shouldShow:o,tippyOptions:l}=r;i.registerPlugin(As({updateDelay:n,editor:i,element:t.value,pluginKey:s,shouldShow:o,tippyOptions:l}))}),k.onBeforeUnmount(()=>{const{pluginKey:n,editor:i}=r;i.unregisterPlugin(n)}),()=>{var n;return k.h("div",{ref:t},(n=e.default)===null||n===void 0?void 0:n.call(e))}}});function ri(r){return k.customRef((e,t)=>({get(){return e(),r},set(n){r=n,requestAnimationFrame(()=>{requestAnimationFrame(()=>{t()})})}}))}class Id extends Dd{constructor(e={}){return super(e),this.vueRenderers=k.reactive(new Map),this.contentComponent=null,this.reactiveState=ri(this.view.state),this.reactiveExtensionStorage=ri(this.extensionStorage),this.on("transaction",()=>{this.reactiveState.value=this.view.state,this.reactiveExtensionStorage.value=this.extensionStorage}),k.markRaw(this)}get state(){return this.reactiveState?this.reactiveState.value:this.view.state}get storage(){return this.reactiveExtensionStorage?this.reactiveExtensionStorage.value:super.storage}registerPlugin(e,t){super.registerPlugin(e,t),this.reactiveState.value=this.view.state}unregisterPlugin(e){super.unregisterPlugin(e),this.reactiveState.value=this.view.state}}const Rd=k.defineComponent({name:"EditorContent",props:{editor:{default:null,type:Object}},setup(r){const e=k.ref(),t=k.getCurrentInstance();return k.watchEffect(()=>{const n=r.editor;n&&n.options.element&&e.value&&k.nextTick(()=>{if(!e.value||!n.options.element.firstChild)return;const i=k.unref(e.value);e.value.append(...n.options.element.childNodes),n.contentComponent=t.ctx._,n.setOptions({element:i}),n.createNodeViews()})}),k.onBeforeUnmount(()=>{const n=r.editor;if(!n||(n.isDestroyed||n.view.setProps({nodeViews:{}}),n.contentComponent=null,!n.options.element.firstChild))return;const i=document.createElement("div");i.append(...n.options.element.childNodes),n.setOptions({element:i})}),{rootEl:e}},render(){const r=[];return this.editor&&this.editor.vueRenderers.forEach(e=>{const t=k.h(k.Teleport,{to:e.teleportElement,key:e.id},k.h(e.component,{ref:e.id,...e.props}));r.push(t)}),k.h("div",{ref:e=>{this.rootEl=e}},...r)}});k.defineComponent({name:"FloatingMenu",props:{pluginKey:{type:null,default:"floatingMenu"},editor:{type:Object,required:!0},tippyOptions:{type:Object,default:()=>({})},shouldShow:{type:Function,default:null}},setup(r,{slots:e}){const t=k.ref(null);return k.onMounted(()=>{const{pluginKey:n,editor:i,tippyOptions:s,shouldShow:o}=r;i.registerPlugin(vs({pluginKey:n,editor:i,element:t.value,tippyOptions:s,shouldShow:o}))}),k.onBeforeUnmount(()=>{const{pluginKey:n,editor:i}=r;i.unregisterPlugin(n)}),()=>{var n;return k.h("div",{ref:t},(n=e.default)===null||n===void 0?void 0:n.call(e))}}});k.defineComponent({props:{as:{type:String,default:"div"}},render(){return k.h(this.as,{style:{whiteSpace:"pre-wrap"},"data-node-view-content":""})}});k.defineComponent({props:{as:{type:String,default:"div"}},inject:["onDragStart","decorationClasses"],render(){var r,e;return k.h(this.as,{class:this.decorationClasses,style:{whiteSpace:"normal"},"data-node-view-wrapper":"",onDragstart:this.onDragStart},(e=(r=this.$slots).default)===null||e===void 0?void 0:e.call(r))}});const Pd=et.create({name:"doc",topNode:!0,content:"block+"}),Bd=et.create({name:"paragraph",priority:1e3,addOptions(){return{HTMLAttributes:{}}},group:"block",content:"inline*",parseHTML(){return[{tag:"p"}]},renderHTML({HTMLAttributes:r}){return["p",Un(this.options.HTMLAttributes,r),0]},addCommands(){return{setParagraph:()=>({commands:r})=>r.setNode(this.name)}},addKeyboardShortcuts(){return{"Mod-Alt-0":()=>this.editor.commands.setParagraph()}}}),zd=Q.create({name:"placeholder",addOptions(){return{emptyEditorClass:"is-editor-empty",emptyNodeClass:"is-empty",placeholder:"Write something …",showOnlyWhenEditable:!0,showOnlyCurrent:!0,includeChildren:!1}},addProseMirrorPlugins(){return[new ee({key:new fe("placeholder"),props:{decorations:({doc:r,selection:e})=>{const t=this.editor.isEditable||!this.options.showOnlyWhenEditable,{anchor:n}=e,i=[];if(!t)return null;const s=r.type.createAndFill(),o=(s==null?void 0:s.sameMarkup(r))&&s.content.findDiffStart(r.content)===null;return r.descendants((l,a)=>{const c=n>=a&&n<=a+l.nodeSize,d=!l.isLeaf&&!l.childCount;if((c||!this.options.showOnlyCurrent)&&d){const u=[this.options.emptyNodeClass];o&&u.push(this.options.emptyEditorClass);const h=X.node(a,a+l.nodeSize,{class:u.join(" "),"data-placeholder":typeof this.options.placeholder=="function"?this.options.placeholder({editor:this.editor,node:l,pos:a,hasAnchor:c}):this.options.placeholder});i.push(h)}return this.options.includeChildren}),R.create(r,i)}}})]}}),Fd=et.create({name:"text",group:"inline"});function Vd(r,e,t=()=>!0){const n=[];e.lastIndex=0;let i;for(;i=e.exec(r);)t(r,i)&&n.push(i);return n}function Ld(r,e){return!["#","@"].includes(r.charAt(e.index))&&!["#","@"].includes(r.charAt(e.index-1))}function jd(r){const e=new RegExp("(?:"+[`[!?.,:;'"]`,"(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$"].join("|"),"g");return r.replace(e,"")}function Hd(r,e){const t=r.slice(0,e+1).search(/\S+\s*$/),n=r.slice(e).search(/\s/);if(n<0){const i=r.slice(t);return{text:i,from:t,to:t+i.length}}return{text:r.slice(t,n+e),from:t,to:n+e}}function Bn(r,e,t,n){const i=Hd(r,e);if(n.lastIndex=0,!n.test(i.text))return i;const s=t==="left"?i.from-1:i.to+1;return s<=0||s>=r.length||s===e?i:Bn(r,s,t,n)}function $d(r,e,t,n){const i=Math.max(r.from-1,0),s=Math.min(r.to+1,e.content.size),o=Xc(i,s,e);for(const l of o)l.mark.type===n&&t.removeMark(l.from,l.to,n)}const ii=ue.getPhoneNumberRegex(1,15);function si(r,e,t,n,i,s){if(!r)return;let o=t-e-1;o=o<0?0:o;const l=n-e,a=Bn(r,o,"left",ii),c=Bn(r,l,"right",ii),d=r.slice(a.from,c.to);Vd(d,ue.linkRegex,Ld).forEach(h=>{const f=jd(h[0]),p=e+a.from+h.index+1,m=p+f.length;i.addMark(p,m,s.create())})}function Wd(r){let e=!1;return new ee({key:new fe("autolink"),appendTransaction:(t,n,i)=>{const s=t.some(d=>d.docChanged)&&!n.doc.eq(i.doc);if(e&&!s)return;const{tr:o}=i,{textContent:l}=i.doc;e||si(l,0,0,l.length,o,r.type),e=!0;const a=jc(n.doc,[...t]);return Yc(a).forEach(({oldRange:d,newRange:u})=>{$d(u,i.doc,o,r.type),$c(i.doc,u,f=>f.isTextblock).forEach(({node:f,pos:p})=>{si(f.textContent,p,d.from,u.to,o,r.type)})}),o}})}const qd={class:"d-link d-c-text d-d-inline-block",rel:"noopener noreferrer nofollow"},Jd=yt.create({name:"Link",renderHTML({HTMLAttributes:r}){return["a",Un(this.options.HTMLAttributes,r,qd),0]},renderText({node:r}){return r.attrs.text},addProseMirrorPlugins(){return[Wd({type:this.type})]}}),Is=["text","json","html"],Rs=["start","end","all"];const Kd={name:"DtRichTextEditor",components:{EditorContent:Rd},props:{modelValue:{type:[Object,String],default:""},editable:{type:Boolean,default:!0},inputAriaLabel:{type:String,required:!0},inputClass:{type:String,default:""},autoFocus:{type:[Boolean,String,Number],default:!1,validator(r){return typeof r=="string"?Rs.includes(r):!0}},outputFormat:{type:String,default:"text",validator(r){return Is.includes(r)}},placeholder:{type:String,default:""},link:{type:[Boolean,Object],default:!1}},emits:["input","update:modelValue","blur","focus"],data(){return{editor:null}},computed:{extensions(){const r=[Pd,Bd,Fd];return this.link&&r.push(this.getExtension(Jd,this.link)),r.push(zd.configure({placeholder:this.placeholder})),r},inputAttrs(){const r={"aria-label":this.inputAriaLabel,"aria-multiline":!0,role:"textbox"};return this.editable||(r["aria-readonly"]=!0),r}},watch:{editable(r){this.editor.setEditable(r),this.updateEditorAttributes({"aria-readonly":!r})},inputClass(r){this.updateEditorAttributes({class:r})},inputAriaLabel(r){this.updateEditorAttributes({"aria-label":r})},extensions(){this.destroyEditor(),this.createEditor()},modelValue(r){let e=this.getOutput();this.outputFormat==="json"&&(r=JSON.stringify(r),e=JSON.stringify(e)),r!==e&&this.editor.commands.setContent(r,!1)}},created(){this.createEditor()},beforeUnmount(){this.destroyEditor()},methods:{createEditor(){this.editor=new Id({autofocus:this.autoFocus,content:this.modelValue,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 r=this.getOutput();this.$emit("input",r),this.$emit("update:modelValue",r)}),this.editor.on("focus",({event:r})=>{this.$emit("focus",r)}),this.editor.on("blur",({event:r})=>{this.$emit("blur",r)})},getOutput(){switch(this.outputFormat){case"json":return this.editor.getJSON();case"html":return this.editor.getHTML();case"text":default:return this.editor.getText()}},getExtension(r,e){var t;return typeof e=="boolean"?r:(t=r.configure)==null?void 0:t.call(r,e)},updateEditorAttributes(r){this.editor.setOptions({editorProps:{attributes:r}})}}};function _d(r,e,t,n,i,s){const o=k.resolveComponent("editor-content");return k.openBlock(),k.createBlock(o,{editor:i.editor,"data-qa":"dt-rich-text-editor"},null,8,["editor"])}const Ud=ue._export_sfc(Kd,[["render",_d]]);const Gd={name:"DtRecipeMessageInput",components:{DtButton:ue.DtButton,DtEmojiPicker:Bs._sfc_main,DtIcon:ue.DtIcon,DtInput:ue.DtInput,DtPopover:zs.DtPopover,DtRichTextEditor:Ud},mixins:[],inheritAttrs:!1,props:{value:{type:[Object,String],default:""},editable:{type:Boolean,default:!0},inputAriaLabel:{type:String,required:!0,default:""},inputClass:{type:String,default:""},autoFocus:{type:[Boolean,String,Number],default:!1,validator(r){return typeof r=="string"?Rs.includes(r):!0}},outputFormat:{type:String,default:"text",validator(r){return Is.includes(r)}},link:{type:[Boolean,Object],default:!1},placeholder:{type:String,default:""},disableSend:{type:Boolean,default:!1},hasCharacterLimit:{type:Boolean,default:!0},characterLimitCount:{type:Number,default:1500},characterLimitWarning:{type:Number,default:500},emojiTabSetLabels:{type:Array,default:()=>["Most recently used","Smileys and people","Nature","Food","Activity","Travel","Objects","Symbols","Flags"]},emojiSkinSelectorButtonTooltipLabel:{type:String,default:"Change default skin tone"},emojiSearchNoResultsLabel:{type:String,default:"No results"},emojiSearchResultsLabel:{type:String,default:"Search results"},emojiSearchPlaceholderLabel:{type:String,default:"Search..."},emojiButtonAriaLabel:{type:String,default:"emoji button"},imageButtonAriaLabel:{type:String,default:"image button"},sendButtonAriaLabel:{type:String,default:"send button"}},emits:["submit","select-media","add-media"],data(){return{skinTone:"Default",inputValue:this.value,hasFocus:!1,emojiPickerOpened:!1}},computed:{inputLength(){return this.inputValue.length},displayCharacterLimitWarning(){return this.hasCharacterLimit&&this.characterLimitCount-this.inputLength<=this.characterLimitWarning},isSendDisabled(){return this.inputLength===0||this.disableSend||this.hasCharacterLimit&&this.inputLength>this.characterLimitCount}},methods:{onDrag(r){r.stopPropagation(),r.preventDefault()},onDrop(r){r.stopPropagation(),r.preventDefault();const e=r.dataTransfer,n=Array.from(e.files).map(i=>i.name);this.$emit("add-media",n)},onSelectEmoji(r){if(!r){this.emojiPickerOpened=!1;return}this.inputValue=this.inputValue+r.shortname,this.emojiPickerOpened=!1},onSelectImage(){this.$refs.messageInputImageUpload.$refs.input.click()},onImageUpload(r){this.$emit("select-media",r)},toggleEmojiPicker(){this.emojiPickerOpened=!this.emojiPickerOpened},onSend(){this.isSendDisabled||(this.$emit("submit",this.inputValue),this.inputValue="")}}},Yd={class:"d-of-auto d-mx16 d-mt8 d-mb4 d-hmx40p"},Xd={class:"d-d-flex d-jc-space-between d-mx8 d-my4"},Zd={class:"d-d-flex"},Qd={class:"d-d-flex"},eu={key:0,class:"d-fc-error d-mr16 d-as-center dt-message-input--remaining-char"},tu={class:"d-d-flex d-jc-space-between d-h24 d-ai-center"};function nu(r,e,t,n,i,s){const o=k.resolveComponent("dt-rich-text-editor"),l=k.resolveComponent("dt-icon"),a=k.resolveComponent("dt-button"),c=k.resolveComponent("dt-input"),d=k.resolveComponent("dt-emoji-picker"),u=k.resolveComponent("dt-popover");return k.openBlock(),k.createElementBlock("div",{role:"presentation",onDragEnter:e[5]||(e[5]=(...h)=>s.onDrag&&s.onDrag(...h)),onDragOver:e[6]||(e[6]=(...h)=>s.onDrag&&s.onDrag(...h)),onDrop:e[7]||(e[7]=(...h)=>s.onDrop&&s.onDrop(...h))},[k.createElementVNode("div",{class:k.normalizeClass(["d-d-flex d-fd-column d-bar8 d-baw1 d-ba d-c-text",{"d-bc-black-500 d-bs-sm":i.hasFocus,"d-bc-default":!i.hasFocus}])},[k.createElementVNode("div",Yd,[k.createVNode(o,k.mergeProps({modelValue:i.inputValue,"onUpdate:modelValue":e[0]||(e[0]=h=>i.inputValue=h),editable:t.editable,"input-aria-label":t.inputAriaLabel,"input-class":t.inputClass,"output-format":t.outputFormat,"auto-focus":t.autoFocus,link:t.link,placeholder:t.placeholder},r.$attrs,{onFocus:e[1]||(e[1]=h=>i.hasFocus=!0),onBlur:e[2]||(e[2]=h=>i.hasFocus=!1)}),null,16,["modelValue","editable","input-aria-label","input-class","output-format","auto-focus","link","placeholder"])]),k.renderSlot(r.$slots,"middle"),k.createElementVNode("section",Xd,[k.createElementVNode("div",Zd,[k.createVNode(a,{size:"sm",circle:"",importance:"clear","aria-label":t.imageButtonAriaLabel,onClick:s.onSelectImage},{icon:k.withCtx(()=>[k.createVNode(l,{name:"image",size:"300"})]),_:1},8,["aria-label","onClick"]),k.createVNode(c,{ref:"messageInputImageUpload",type:"file",class:"d-ps-absolute",multiple:"",hidden:"",onInput:s.onImageUpload},null,8,["onInput"]),k.createVNode(u,{open:i.emojiPickerOpened,"initial-focus-element":"#searchInput",padding:"none",onOpened:e[4]||(e[4]=h=>{i.emojiPickerOpened=h})},{anchor:k.withCtx(()=>[k.createVNode(a,{size:"sm",circle:"",importance:"clear","aria-label":t.emojiButtonAriaLabel,onClick:s.toggleEmojiPicker},{icon:k.withCtx(()=>[k.createVNode(l,{name:"satisfied",size:"300"})]),_:1},8,["aria-label","onClick"])]),content:k.withCtx(()=>[k.createVNode(d,{"tab-set-labels":t.emojiTabSetLabels,"skin-selector-button-tooltip-label":t.emojiSkinSelectorButtonTooltipLabel,"search-no-results-label":t.emojiSearchNoResultsLabel,"search-results-label":t.emojiSearchResultsLabel,"search-placeholder-label":t.emojiSearchPlaceholderLabel,"skin-tone":i.skinTone,onSkinTone:e[3]||(e[3]=h=>i.skinTone=h),onSelectedEmoji:s.onSelectEmoji},null,8,["tab-set-labels","skin-selector-button-tooltip-label","search-no-results-label","search-results-label","search-placeholder-label","skin-tone","onSelectedEmoji"])]),_:1},8,["open"])]),k.createElementVNode("div",Qd,[s.displayCharacterLimitWarning?(k.openBlock(),k.createElementBlock("p",eu,k.toDisplayString(t.characterLimitCount-s.inputLength),1)):k.createCommentVNode("",!0),k.createVNode(a,{size:"sm",circle:"",importance:"clear",class:k.normalizeClass({"message-input-button__disabled":s.isSendDisabled,"d-bgc-purple-400 d-fc-primary-inverted":!s.isSendDisabled}),"aria-label":t.sendButtonAriaLabel,"aria-disabled":s.isSendDisabled,onClick:s.onSend},{icon:k.withCtx(()=>[k.createVNode(l,{name:"send",size:"300"})]),_:1},8,["class","aria-label","aria-disabled","onClick"])])])],2),k.createElementVNode("section",tu,[k.createElementVNode("div",null,[k.renderSlot(r.$slots,"footerLeft")]),k.createElementVNode("div",null,[k.renderSlot(r.$slots,"footerRight")])])],32)}const ru=ue._export_sfc(Gd,[["render",nu]]);exports.DtRecipeMessageInput=ru;

package/dist/message_input.js

@@ -11667,7 +11667,7 @@ function Hn(r, e, t, n) {
   return s <= 0 || s >= r.length || s === e ? i : Hn(r, s, t, n);
 }
 function bu(r, e, t, n) {
-  const i = r.from - 1, s = r.to + 1, o = Ed(i, s, e);
+  const i = Math.max(r.from - 1, 0), s = Math.min(r.to + 1, e.content.size), o = Ed(i, s, e);
   for (const l of o)
     l.mark.type === n && t.removeMark(l.from, l.to, n);
 }

package/dist/style.css

@@ -1 +1 @@
-.d-avatar--image-loaded{background-color:transparent;background-image:unset}.dt-default-list-item{min-height:28px;font-size:var(--fs-200);line-height:var(--lh-300);padding:var(--space-300) var(--space-400)}.dt-default-list-item--content{flex-grow:1}.dt-default-list-item--subtitle{font-size:var(--fs-100);color:var(--fc-tertiary)}.dt-default-list-item,.dt-default-list-item--right,.dt-default-list-item--left{display:flex;align-items:center;min-width:32px}.dt-default-list-item--right{padding-left:var(--space-400);align-self:flex-start}.dt-default-list-item--left{padding-right:var(--space-400);justify-content:flex-end;align-self:flex-start}.dt-default-list-item--bottom{margin-top:var(--space-200)}.dt-list-item{list-style:none}.dt-list-item :not(.dt-list-item--static){cursor:pointer;border-radius:var(--size-300)}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:var(--bgc-moderate-opaque)}.dt-list-item--highlighted:active{background-color:var(--bgc-bold-opaque)}.dt-list-item--selected-icon{margin-left:var(--space-400)}.dt-list-item :focus-visible{outline:none;box-shadow:var(--bs-focus-ring)}.dt-empty-list-item{display:flex;align-items:center;justify-content:center;font-size:var(--fs-200);line-height:var(--lh4);padding:var(--space-300) var(--space-450)}.enter-active,.leave-active{overflow:hidden;transition:height var(--td300) var(--ttf-quint)}.d-context-menu-list{width:var(--size-850)}.dt-list-item[role=menuitem]{border-radius:var(--size-300)}.dt-list-separator{border-top:var(--size-100) solid var(--bc-default);list-style:none}.dt-list-section[tabindex="-1"]:focus{outline:none}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle){line-height:var(--lh-300)}.dt-recipe-callbar-button--circle{border-radius:var(--br-circle)}.dt-recipe-callbar-button.d-btn[disabled]{background-color:unset;opacity:.5}.dt-recipe-callbar-button--circle.d-btn[disabled]{border-color:unset}.dt-recipe-callbar-button--circle.d-btn--icon-only .d-btn__label{display:none}.dt-recipe-callbar-button--active .base-button__icon,.dt-recipe-callbar-button--active:hover .base-button__icon{color:var(--primary-color)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{margin-top:var(--space-350-negative);margin-left:calc(var(--space-300-negative) * 5);width:var(--size-500);height:var(--size-500);padding:var(--space-400);border-radius:var(--size-300)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--bgc-moderate-opaque)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--bgc-contrast);color:var(--fc-primary-inverted)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header .d-btn{color:var(--fc-primary-inverted)}.dt-recipe--callbar-button-with-popover--button .d-tab--selected:after,.dt-recipe--callbar-button-with-popover--button .d-tab--selected:hover:after{--tab--bgc: var(--bgc-contrast)}.dt-recipe--callbar-button-with-popover--button .tab-group{display:flex;flex-direction:column;height:100%}.dt-recipe--callbar-button-with-popover--button .tab-content{flex:1 1 100%;overflow-y:auto}.d-top-banner-info__left{margin:var(--space-300) 0 var(--space-300) var(--space-400);min-width:20%}.d-top-banner-info__middle{display:flex;align-items:center;gap:var(--size-300)}.d-top-banner-info__right{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--size-300);margin:var(--space-300) var(--space-500) var(--space-300) 0;min-width:20%}.ivr_node__width{width:280px}.ivr_node__goto_icon{transform:rotate(90deg)}.ivr-connector{z-index:var(--zi-base1);display:flex;justify-content:center;align-items:center;border-color:var(--purple-600);background-color:var(--purple-600)}.dt-chip-content{font-variant-numeric:tabular-nums}.d-btn[data-v-7712e6e1]:active{--bgo: 85% !important}.settings-menu-button[data-v-7712e6e1]:hover{background-color:hsla(var(--theme-topbar-color-hsl) / .05)}.settings-menu-button[data-v-7712e6e1]:focus-visible{color:var(--theme-topbar-color-hsl);box-shadow:0 0 0 var(--size-200) hsla(var(--theme-sidebar-color-hsl) / .15)}.dt-leftbar-row{--leftbar-row-color-foreground: var(--theme-sidebar-color);--leftbar-row-color-background: var(--theme-sidebar-row-color-background);--leftbar-row-radius: 100em;--leftbar-row-opacity: 100%;--leftbar-row-alpha-color-foreground: var(--theme-sidebar-icon-color);--leftbar-row-alpha-width: calc(var(--size-300) * 10);--leftbar-row-alpha-height: calc(var(--size-300) * 9);--leftbar-row-omega-min-width: 0;--leftbar-row-omega-height: var(--leftbar-row-alpha-height);--leftbar-row-omega-display: block;--leftbar-row-description-font-weight: var(--fw-normal);--leftbar-row-description-font-size: var(--fs-200);--leftbar-row-description-line-height: var(--lh-200);--leftbar-row-status-color-foreground: var(--theme-sidebar-status-color);--leftbar-row-status-font-size: var(--fs-100);--leftbar-row-status-line-height: var(--lh-100);--leftbar-row-action-position-right: var(--size-400);--leftbar-row-action-position-bottom: 50%;--leftbar-row-action-width: var(--size-550);--leftbar-row-action-height: var(--leftbar-row-action-width);position:relative;opacity:var(--leftbar-row-opacity);display:flex;background-color:var(--theme-sidebar-row-color-background);border-radius:var(--leftbar-row-radius);transition-duration:var(--td200);transition-property:background-color,border,box-shadow;transition-timing-function:var(--ttf-out-quint);cursor:pointer}.dt-leftbar-row:not(.dt-leftbar-row--no-action):hover{--leftbar-row-omega-display: none;--leftbar-row-omega-min-width: var(--leftbar-row-alpha-width)}.dt-leftbar-row:hover{--leftbar-row-color-background: var(--theme-sidebar-row-color-background-hover)}.dt-leftbar-row:hover .d-presence{--presence-color-border-base: var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row:hover .d-avatar__count{--avatar-count-color-shadow: var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row--has-unread{--leftbar-row-description-font-weight: var(--fw-bold);--leftbar-row-alpha-color-foreground: var(--leftbar-row-color-foreground)}.dt-leftbar-row--muted{--leftbar-row-opacity: 60%}.dt-leftbar-row--selected{--leftbar-row-color-background: var(--theme-sidebar-selected-row-color-background);--leftbar-row-color-foreground: var(--theme-sidebar-selected-row-color)}.dt-leftbar-row--selected .d-avatar__count{--avatar-count-color-shadow: var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row--action-focused{--leftbar-row-omega-display: none;--leftbar-row-omega-min-width: var(--leftbar-row-alpha-width)}.dt-leftbar-row__is-typing{--is-typing-size-shape: var(--size-550);height:var(--is-typing-size-shape);width:var(--is-typing-size-shape);position:absolute;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:var(--br-pill);opacity:.75}.dt-leftbar-row__is-typing span{transition:all .5s ease;background:var(--bgc-strong);height:4px;width:4px;display:inline-block;padding:0;opacity:.3;border-radius:var(--br-pill);animation:wave 1.5s ease infinite}.dt-leftbar-row__is-typing span:nth-child(1){animation-delay:0ms}.dt-leftbar-row__is-typing span:nth-child(2){animation-delay:var(--td100)}.dt-leftbar-row__is-typing span:nth-child(3){animation-delay:var(--td200)}.dt-leftbar-row__primary{display:flex;align-items:center;flex:1;width:100%;text-align:left;background-color:var(--leftbar-row-color-background);color:var(--leftbar-row-color-foreground);text-decoration:none;appearance:none;font-size:inherit;line-height:inherit;margin:0;border:0;padding:0;border-radius:var(--leftbar-row-radius)}.dt-leftbar-row__primary:active{--leftbar-row-color-background: var(--theme-sidebar-row-color-background-active)}.dt-leftbar-row__primary:focus-visible{box-shadow:var(--bs-focus-ring-inset)}.dt-leftbar-row__action{position:absolute;right:0;top:var(--leftbar-row-action-position-bottom);transform:translateY(calc(var(--leftbar-row-action-position-bottom) * -1))}.dt-leftbar-row__action-button{opacity:0;width:var(--leftbar-row-action-width);height:var(--leftbar-row-action-height)}.dt-leftbar-row:hover .dt-leftbar-row__action-button,.dt-leftbar-row__action-button:focus-visible{opacity:1}.dt-leftbar-row__alpha{color:var(--leftbar-row-alpha-color-foreground);display:flex;box-sizing:border-box;justify-content:center;align-items:center;padding-left:var(--space-400);padding-right:var(--space-400);width:var(--leftbar-row-alpha-width);height:var(--leftbar-row-alpha-height);border-radius:var(--leftbar-row-radius) 0 0 var(--leftbar-row-radius)}.dt-leftbar-row__label{flex:1;min-width:0}.dt-leftbar-row__omega{position:absolute;display:flex;right:var(--leftbar-row-action-position-right);top:var(--leftbar-row-action-position-bottom);transform:translateY(calc(var(--leftbar-row-action-position-bottom) * -1));gap:var(--space-300);justify-content:end;align-items:center;box-sizing:border-box;border-radius:var(--leftbar-row-radius)}.dt-leftbar-row__unread-badge{display:var(--leftbar-row-omega-display)}.dt-leftbar-row__active-voice{color:var(--fc-success);-webkit-animation-name:opacity-pulsate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}.dt-leftbar-row__dnd{padding-top:var(--space-200);padding-right:var(--space-300);color:var(--fc-tertiary);font-size:var(--fs-100);line-height:var(--lh-400);font-weight:var(--fw-medium)}.dt-leftbar-row__description{display:block;font-weight:var(--leftbar-row-description-font-weight);font-size:var(--leftbar-row-description-font-size);line-height:var(--leftbar-row-description-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row__status{display:block;color:var(--leftbar-row-status-color-foreground);font-size:var(--leftbar-row-status-font-size);line-height:var(--leftbar-row-status-line-height);padding-bottom:var(--space-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row__meta-context~.dt-leftbar-row__meta-custom:not(:empty):before{content:" • ";color:var(--theme-sidebar-status-color)}.dt-leftbar-row__icon-cc{border-radius:var(--size-200);width:calc(var(--size-300) * 3.5);height:calc(var(--size-300) * 3.5)}.opacity-pulsate{-webkit-animation-name:opacity-pulsate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}@-webkit-keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@-moz-keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@keyframes wave{0%,50%,to{transform:translate(0)}10%{transform:translateY(-5px);opacity:90%}}.dt-leftbar-unread-pill{display:flex;align-items:center;justify-content:center;padding:var(--space-200) var(--space-500) var(--space-200) var(--space-400);gap:var(--space-300);font-size:var(--fs-100);box-shadow:var(--bs-md);border-radius:var(--br-pill);border:none;line-height:var(--lh-600);cursor:pointer}.dt-leftbar-unread-pill--mentions{font-weight:var(--fw-bold);background-color:var(--theme-mention-color-background);color:var(--theme-mention-color-foreground)}.dt-leftbar-unread-pill--messages{background-color:var(--bgc-primary);color:var(--fc-primary)}content-text-wrapper-class:not(img){line-height:1.6rem}.feed-item-row{transition-duration:2s!important}.skeleton-placeholder{display:flex;stroke:none;fill:var(--placeholder-from-color, var(--black-300));background:var(--placeholder-from-color, var(--black-300))}.skeleton-placeholder--animate{animation-name:placeholder-throb;animation-iteration-count:infinite}@keyframes placeholder-throb{10%{fill:var(--placeholder-from-color, var(--black-300));background:var(--placeholder-from-color, var(--black-300))}50%{fill:var(--placeholder-to-color, var(--black-100));background:var(--placeholder-to-color, var(--black-100))}90%{fill:var(--placeholder-from-color, var(--black-300));background:var(--placeholder-from-color, var(--black-300))}}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--fc-placeholder);pointer-events:none;height:0}.dt-message-input--remaining-char{font-size:1.2rem}.message-input-button__disabled{background-color:unset;color:var(--theme-sidebar-icon-color);cursor:default}.tippy-box[data-popper-reference-hidden] .d-popover__dialog,.tippy-box[data-popper-escaped] .d-popover__dialog{visibility:hidden;pointer-events:none}.d-emoji-picker__search[data-v-640002c1]{position:relative;z-index:1;margin:var(--su16) var(--su24) 0 var(--su16);background-color:#fff}.d-emoji-picker__search-button[data-v-640002c1]{border:none;background:none;cursor:pointer;margin:0;padding:0;outline:none;line-height:0}.d-emoji-picker__tabset-list{gap:4px}.d-emoji-picker__tabset-list:after{background-color:var(--black-200)!important}.d-emoji-picker__tabset-list button{padding:var(--space-400)}.d-emoji-picker__tabset-list button.d-tab--selected:after{height:var(--size-200)}.d-emoji-picker__selector[data-v-067b0cfe]{min-height:297px}.d-emoji-picker__selector p[data-v-067b0cfe]{margin-bottom:4px;font-size:12px;font-weight:700;letter-spacing:-.01em}.d-emoji-picker__category[data-v-067b0cfe]{background:rgba(255,255,255,.9);position:sticky;top:0;padding-top:20px;width:100%}.d-emoji-picker__list[data-v-067b0cfe]{height:100%;max-height:297px;overflow-y:auto;overflow-x:hidden;position:relative;padding-bottom:5px}.d-emoji-picker__list div:not(:first-child) p[data-v-067b0cfe]{margin-top:22px}.d-emoji-picker__search-label[data-v-067b0cfe]{margin-top:20px}.d-emoji-picker__tab[data-v-067b0cfe]{width:calc(100% + 15px);max-width:340px;gap:2px;display:flex;flex-wrap:wrap;margin-left:-6px}.d-emoji-picker__tab button[data-v-067b0cfe]{display:flex;align-items:center;justify-content:center;border-radius:50%;width:36px;height:36px;border:none;background:none;cursor:pointer;margin:0;padding:0;outline:none}.d-emoji-picker__tab button[data-v-067b0cfe]:hover,.d-emoji-picker__tab button[data-v-067b0cfe]:active,.d-emoji-picker__tab button.hover-emoji[data-v-067b0cfe]{background:rgba(0,0,0,.1)}.d-emoji-picker__tab button[data-v-067b0cfe]:focus{box-shadow:var(--bs-focus-ring)}.d-emoji-picker__skin-list[data-v-3a6fb9c2]{display:inline-flex;border-radius:40px;background:rgba(0,0,0,.05);flex-direction:row;align-items:flex-start;padding:4px;gap:4px}.d-emoji-picker__skin-list button[data-v-3a6fb9c2]{border:none;background:none;cursor:pointer;margin:0;padding:0;outline:none;border-radius:28px;width:34px;height:34px}.d-emoji-picker__skin-list button[data-v-3a6fb9c2]:hover{background:rgba(0,0,0,.1);border-radius:28px}.d-emoji-picker__skin-list button.selected[data-v-3a6fb9c2]{border:1px solid rgba(0,0,0,.25);border-radius:28px}.d-emoji-picker__skin-selected button[data-v-3a6fb9c2]{border:none;background:none;cursor:pointer;margin:0;outline:none;padding:7px;display:inline-block;background:rgba(0,0,0,.1);border-radius:28px;width:42px;height:42px}.d-emoji-picker__skin-selected button[data-v-3a6fb9c2]:hover{background:#D2D2D2}.d-emoji-picker__data[data-v-48c61881]{display:flex;width:100%;max-width:290px;align-items:center;gap:10px}.d-emoji-picker{width:372px;height:100%;flex-direction:column;border-radius:4px;background-color:#fff}.d-emoji-picker--header{padding:var(--su4) var(--su4) 0 var(--su8);position:relative}.d-emoji-picker--header:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background-color:var(--bgc-moderate)!important}.d-emoji-picker__alignment{width:auto;max-width:340px;margin:0 16px}.d-emoji-picker--footer{position:relative;height:58px;background:#F9F9F9;border-top:1px solid var(--bc-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.tippy-box[data-popper-reference-hidden] .d-tooltip,.tippy-box[data-popper-escaped] .d-tooltip{visibility:hidden;pointer-events:none}
+.d-avatar--image-loaded{background-color:transparent;background-image:unset}.dt-default-list-item{min-height:28px;font-size:var(--fs-200);line-height:var(--lh-300);padding:var(--space-300) var(--space-400)}.dt-default-list-item--content{flex-grow:1}.dt-default-list-item--subtitle{font-size:var(--fs-100);color:var(--fc-tertiary)}.dt-default-list-item,.dt-default-list-item--right,.dt-default-list-item--left{display:flex;align-items:center;min-width:32px}.dt-default-list-item--right{padding-left:var(--space-400);align-self:flex-start}.dt-default-list-item--left{padding-right:var(--space-400);justify-content:flex-end;align-self:flex-start}.dt-default-list-item--bottom{margin-top:var(--space-200)}.dt-list-item{list-style:none}.dt-list-item:not(.dt-list-item--static){cursor:pointer;border-radius:var(--size-300)}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:var(--bgc-moderate-opaque)}.dt-list-item--highlighted:active{background-color:var(--bgc-bold-opaque)}.dt-list-item--selected-icon{margin-left:var(--space-400)}.dt-list-item :focus-visible{outline:none;box-shadow:var(--bs-focus-ring)}.dt-empty-list-item{display:flex;align-items:center;justify-content:center;font-size:var(--fs-200);line-height:var(--lh4);padding:var(--space-300) var(--space-450)}.enter-active,.leave-active{overflow:hidden;transition:height var(--td300) var(--ttf-quint)}.d-context-menu-list{width:var(--size-850)}.dt-list-item[role=menuitem]{border-radius:var(--size-300)}.dt-list-separator{border-top:var(--size-100) solid var(--bc-default);list-style:none}.dt-list-section[tabindex="-1"]:focus{outline:none}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle){line-height:var(--lh-300)}.dt-recipe-callbar-button--circle{border-radius:var(--br-circle)}.dt-recipe-callbar-button.d-btn[disabled]{background-color:unset;opacity:.5}.dt-recipe-callbar-button--circle.d-btn[disabled]{border-color:unset}.dt-recipe-callbar-button--circle.d-btn--icon-only .d-btn__label{display:none}.dt-recipe-callbar-button--active .base-button__icon,.dt-recipe-callbar-button--active:hover .base-button__icon{color:var(--primary-color)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{margin-top:var(--space-350-negative);margin-left:calc(var(--space-300-negative) * 5);width:var(--size-500);height:var(--size-500);padding:var(--space-400);border-radius:var(--size-300)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--bgc-moderate-opaque)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--bgc-contrast);color:var(--fc-primary-inverted)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header .d-btn{color:var(--fc-primary-inverted)}.dt-recipe--callbar-button-with-popover--button .d-tab--selected:after,.dt-recipe--callbar-button-with-popover--button .d-tab--selected:hover:after{--tab--bgc: var(--bgc-contrast)}.dt-recipe--callbar-button-with-popover--button .tab-group{display:flex;flex-direction:column;height:100%}.dt-recipe--callbar-button-with-popover--button .tab-content{flex:1 1 100%;overflow-y:auto}.d-top-banner-info__left{margin:var(--space-300) 0 var(--space-300) var(--space-400);min-width:20%}.d-top-banner-info__middle{display:flex;align-items:center;gap:var(--size-300)}.d-top-banner-info__right{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--size-300);margin:var(--space-300) var(--space-500) var(--space-300) 0;min-width:20%}.ivr_node__width{width:280px}.ivr_node__goto_icon{transform:rotate(90deg)}.ivr-connector{z-index:var(--zi-base1);display:flex;justify-content:center;align-items:center;border-color:var(--purple-600);background-color:var(--purple-600)}.dt-chip-content{font-variant-numeric:tabular-nums}.d-btn[data-v-7712e6e1]:active{--bgo: 85% !important}.settings-menu-button[data-v-7712e6e1]:hover{background-color:hsla(var(--theme-topbar-color-hsl) / .05)}.settings-menu-button[data-v-7712e6e1]:focus-visible{color:var(--theme-topbar-color-hsl);box-shadow:0 0 0 var(--size-200) hsla(var(--theme-sidebar-color-hsl) / .15)}.dt-leftbar-row{--leftbar-row-color-foreground: var(--theme-sidebar-color);--leftbar-row-color-background: var(--theme-sidebar-row-color-background);--leftbar-row-radius: 100em;--leftbar-row-opacity: 100%;--leftbar-row-alpha-color-foreground: var(--theme-sidebar-icon-color);--leftbar-row-alpha-width: calc(var(--size-300) * 10);--leftbar-row-alpha-height: calc(var(--size-300) * 9);--leftbar-row-omega-min-width: 0;--leftbar-row-omega-height: var(--leftbar-row-alpha-height);--leftbar-row-omega-display: inline-flex;--leftbar-row-description-font-weight: var(--fw-normal);--leftbar-row-description-font-size: var(--fs-200);--leftbar-row-description-line-height: var(--lh-200);--leftbar-row-status-color-foreground: var(--theme-sidebar-status-color);--leftbar-row-status-font-size: var(--fs-100);--leftbar-row-status-line-height: var(--lh-100);--leftbar-row-action-position-right: var(--size-400);--leftbar-row-action-position-bottom: 50%;--leftbar-row-action-width: var(--size-550);--leftbar-row-action-height: var(--leftbar-row-action-width);position:relative;opacity:var(--leftbar-row-opacity);display:flex;background-color:var(--theme-sidebar-row-color-background);border-radius:var(--leftbar-row-radius);transition-duration:var(--td200);transition-property:background-color,border,box-shadow;transition-timing-function:var(--ttf-out-quint);cursor:pointer}.dt-leftbar-row:not(.dt-leftbar-row--no-action):hover{--leftbar-row-omega-display: none;--leftbar-row-omega-min-width: var(--leftbar-row-alpha-width)}.dt-leftbar-row:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action{display:inline-flex}.dt-leftbar-row:hover{--leftbar-row-color-background: var(--theme-sidebar-row-color-background-hover)}.dt-leftbar-row:hover .d-presence{--presence-color-border-base: var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row:hover .d-avatar__count{--avatar-count-color-shadow: var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row--has-unread{--leftbar-row-description-font-weight: var(--fw-bold);--leftbar-row-alpha-color-foreground: var(--leftbar-row-color-foreground)}.dt-leftbar-row--has-unread .dt-leftbar-row__action{display:none}.dt-leftbar-row--muted{--leftbar-row-opacity: 60%}.dt-leftbar-row--selected{--leftbar-row-color-background: var(--theme-sidebar-selected-row-color-background);--leftbar-row-color-foreground: var(--theme-sidebar-selected-row-color)}.dt-leftbar-row--selected .d-avatar__count{--avatar-count-color-shadow: var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row--action-focused{--leftbar-row-omega-display: none;--leftbar-row-omega-min-width: var(--leftbar-row-alpha-width)}.dt-leftbar-row__is-typing{--is-typing-size-shape: var(--size-550);height:var(--is-typing-size-shape);width:var(--is-typing-size-shape);position:absolute;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:var(--br-pill);opacity:.75}.dt-leftbar-row__is-typing span{transition:all .5s ease;background:var(--bgc-strong);height:4px;width:4px;display:inline-block;padding:0;opacity:.3;border-radius:var(--br-pill);animation:wave 1.5s ease infinite}.dt-leftbar-row__is-typing span:nth-child(1){animation-delay:0ms}.dt-leftbar-row__is-typing span:nth-child(2){animation-delay:var(--td100)}.dt-leftbar-row__is-typing span:nth-child(3){animation-delay:var(--td200)}.dt-leftbar-row__primary{display:flex;align-items:center;flex:1;width:100%;text-align:left;background-color:var(--leftbar-row-color-background);color:var(--leftbar-row-color-foreground);text-decoration:none;appearance:none;font-size:inherit;line-height:inherit;margin:0;border:0;padding:0;border-radius:var(--leftbar-row-radius)}.dt-leftbar-row__primary:active{--leftbar-row-color-background: var(--theme-sidebar-row-color-background-active)}.dt-leftbar-row__primary:focus-visible{box-shadow:var(--bs-focus-ring-inset)}.dt-leftbar-row__action-button{opacity:0;width:var(--leftbar-row-action-width);height:var(--leftbar-row-action-height)}.dt-leftbar-row:hover .dt-leftbar-row__action-button,.dt-leftbar-row__action-button:focus-visible{opacity:1}.dt-leftbar-row__alpha{color:var(--leftbar-row-alpha-color-foreground);display:flex;box-sizing:border-box;justify-content:center;align-items:center;padding-left:var(--space-400);padding-right:var(--space-400);width:var(--leftbar-row-alpha-width);height:var(--leftbar-row-alpha-height);border-radius:var(--leftbar-row-radius) 0 0 var(--leftbar-row-radius)}.dt-leftbar-row__label{flex:0 1;min-width:0}.dt-leftbar-row__omega{position:absolute;display:flex;right:var(--leftbar-row-action-position-right);top:var(--leftbar-row-action-position-bottom);transform:translateY(calc(var(--leftbar-row-action-position-bottom) * -1));gap:var(--space-300);justify-content:end;align-items:center;box-sizing:border-box;border-radius:var(--leftbar-row-radius)}.dt-leftbar-row__unread-badge{display:var(--leftbar-row-omega-display)}.dt-leftbar-row__active-voice{color:var(--fc-success);-webkit-animation-name:opacity-pulsate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}.dt-leftbar-row__dnd{padding-top:var(--space-200);padding-right:var(--space-300);color:var(--fc-tertiary);font-size:var(--fs-100);line-height:var(--lh-400);font-weight:var(--fw-medium)}.dt-leftbar-row__description{display:block;font-weight:var(--leftbar-row-description-font-weight);font-size:var(--leftbar-row-description-font-size);line-height:var(--leftbar-row-description-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row__status{display:block;color:var(--leftbar-row-status-color-foreground);font-size:var(--leftbar-row-status-font-size);line-height:var(--leftbar-row-status-line-height);padding-bottom:var(--space-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row__meta-context~.dt-leftbar-row__meta-custom:not(:empty):before{content:" • ";color:var(--theme-sidebar-status-color)}.dt-leftbar-row__icon-cc{border-radius:var(--size-200);width:calc(var(--size-300) * 3.5);height:calc(var(--size-300) * 3.5)}.opacity-pulsate{-webkit-animation-name:opacity-pulsate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}@-webkit-keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@-moz-keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@keyframes wave{0%,50%,to{transform:translate(0)}10%{transform:translateY(-5px);opacity:90%}}.dt-leftbar-unread-pill{display:flex;align-items:center;justify-content:center;padding:var(--space-200) var(--space-500) var(--space-200) var(--space-400);gap:var(--space-300);font-size:var(--fs-100);box-shadow:var(--bs-md);border-radius:var(--br-pill);border:none;line-height:var(--lh-600);cursor:pointer}.dt-leftbar-unread-pill--mentions{font-weight:var(--fw-bold);background-color:var(--theme-mention-color-background);color:var(--theme-mention-color-foreground)}.dt-leftbar-unread-pill--messages{background-color:var(--bgc-primary);color:var(--fc-primary)}content-text-wrapper-class:not(img){line-height:1.6rem}.feed-item-row{transition-duration:2s!important}.skeleton-placeholder{display:flex;stroke:none;fill:var(--placeholder-from-color, var(--black-300));background:var(--placeholder-from-color, var(--black-300))}.skeleton-placeholder--animate{animation-name:placeholder-throb;animation-iteration-count:infinite}@keyframes placeholder-throb{10%{fill:var(--placeholder-from-color, var(--black-300));background:var(--placeholder-from-color, var(--black-300))}50%{fill:var(--placeholder-to-color, var(--black-100));background:var(--placeholder-to-color, var(--black-100))}90%{fill:var(--placeholder-from-color, var(--black-300));background:var(--placeholder-from-color, var(--black-300))}}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--fc-placeholder);pointer-events:none;height:0}.dt-message-input--remaining-char{font-size:1.2rem}.message-input-button__disabled{background-color:unset;color:var(--theme-sidebar-icon-color);cursor:default}.tippy-box[data-popper-reference-hidden] .d-popover__dialog,.tippy-box[data-popper-escaped] .d-popover__dialog{visibility:hidden;pointer-events:none}.d-emoji-picker__search[data-v-640002c1]{position:relative;z-index:1;margin:var(--su16) var(--su24) 0 var(--su16);background-color:#fff}.d-emoji-picker__search-button[data-v-640002c1]{border:none;background:none;cursor:pointer;margin:0;padding:0;outline:none;line-height:0}.d-emoji-picker__tabset-list{gap:4px}.d-emoji-picker__tabset-list:after{background-color:var(--black-200)!important}.d-emoji-picker__tabset-list button{padding:var(--space-400)}.d-emoji-picker__tabset-list button.d-tab--selected:after{height:var(--size-200)}.d-emoji-picker__selector[data-v-067b0cfe]{min-height:297px}.d-emoji-picker__selector p[data-v-067b0cfe]{margin-bottom:4px;font-size:12px;font-weight:700;letter-spacing:-.01em}.d-emoji-picker__category[data-v-067b0cfe]{background:rgba(255,255,255,.9);position:sticky;top:0;padding-top:20px;width:100%}.d-emoji-picker__list[data-v-067b0cfe]{height:100%;max-height:297px;overflow-y:auto;overflow-x:hidden;position:relative;padding-bottom:5px}.d-emoji-picker__list div:not(:first-child) p[data-v-067b0cfe]{margin-top:22px}.d-emoji-picker__search-label[data-v-067b0cfe]{margin-top:20px}.d-emoji-picker__tab[data-v-067b0cfe]{width:calc(100% + 15px);max-width:340px;gap:2px;display:flex;flex-wrap:wrap;margin-left:-6px}.d-emoji-picker__tab button[data-v-067b0cfe]{display:flex;align-items:center;justify-content:center;border-radius:50%;width:36px;height:36px;border:none;background:none;cursor:pointer;margin:0;padding:0;outline:none}.d-emoji-picker__tab button[data-v-067b0cfe]:hover,.d-emoji-picker__tab button[data-v-067b0cfe]:active,.d-emoji-picker__tab button.hover-emoji[data-v-067b0cfe]{background:rgba(0,0,0,.1)}.d-emoji-picker__tab button[data-v-067b0cfe]:focus{box-shadow:var(--bs-focus-ring)}.d-emoji-picker__skin-list[data-v-3a6fb9c2]{display:inline-flex;border-radius:40px;background:rgba(0,0,0,.05);flex-direction:row;align-items:flex-start;padding:4px;gap:4px}.d-emoji-picker__skin-list button[data-v-3a6fb9c2]{border:none;background:none;cursor:pointer;margin:0;padding:0;outline:none;border-radius:28px;width:34px;height:34px}.d-emoji-picker__skin-list button[data-v-3a6fb9c2]:hover{background:rgba(0,0,0,.1);border-radius:28px}.d-emoji-picker__skin-list button.selected[data-v-3a6fb9c2]{border:1px solid rgba(0,0,0,.25);border-radius:28px}.d-emoji-picker__skin-selected button[data-v-3a6fb9c2]{border:none;background:none;cursor:pointer;margin:0;outline:none;padding:7px;display:inline-block;background:rgba(0,0,0,.1);border-radius:28px;width:42px;height:42px}.d-emoji-picker__skin-selected button[data-v-3a6fb9c2]:hover{background:#D2D2D2}.d-emoji-picker__data[data-v-48c61881]{display:flex;width:100%;max-width:290px;align-items:center;gap:10px}.d-emoji-picker{width:372px;height:100%;flex-direction:column;border-radius:4px;background-color:#fff}.d-emoji-picker--header{padding:var(--su4) var(--su4) 0 var(--su8);position:relative}.d-emoji-picker--header:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background-color:var(--bgc-moderate)!important}.d-emoji-picker__alignment{width:auto;max-width:340px;margin:0 16px}.d-emoji-picker--footer{position:relative;height:58px;background:#F9F9F9;border-top:1px solid var(--bc-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.tippy-box[data-popper-reference-hidden] .d-tooltip,.tippy-box[data-popper-escaped] .d-tooltip{visibility:hidden;pointer-events:none}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "3.73.3",
+  "version": "3.74.0",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "scripts": {
     "build": "npm run clean && npm run build:main && npm run build:documentation",
@@ -38,6 +38,7 @@
     "@tiptap/extension-text": "^2.0.2",
     "@tiptap/pm": "^2.0.2",
     "@tiptap/vue-3": "^2.0.2",
+    "date-fns": "^2.30.0",
     "emoji-regex": "^10.2.1",
     "emoji-toolkit": "^6.6.0",
     "fnv-plus": "^1.3.1",