@dialpad/dialtone-vue 3.93.1 → 3.94.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/CHANGELOG.json +1 -1
  2. package/CHANGELOG.md +25 -0
  3. package/dist/component-documentation.json +1 -1
  4. package/dist/dialtone-vue.cjs +5 -5
  5. package/dist/dialtone-vue.js +2228 -3726
  6. package/dist/directives.cjs +1 -1
  7. package/dist/directives.js +4 -3
  8. package/dist/emoji-2ba641cd.cjs +1 -0
  9. package/dist/{emoji-ee056efb.js → emoji-fa0ee549.js} +1073 -17030
  10. package/dist/emoji.cjs +1 -1
  11. package/dist/emoji.js +31 -29
  12. package/dist/message_input-104c4579.js +3619 -0
  13. package/dist/message_input-4d2df135.cjs +2 -0
  14. package/dist/message_input.cjs +1 -1
  15. package/dist/message_input.js +18 -4
  16. package/dist/style.css +1 -1
  17. package/dist/tooltip-0cdd1500.js +738 -0
  18. package/dist/tooltip-e88ebb8c.cjs +1 -0
  19. package/dist/types/common/storybook_utils.d.ts +1 -1
  20. package/dist/types/common/storybook_utils.d.ts.map +1 -1
  21. package/dist/types/components/avatar/avatar.vue.d.ts +1 -1
  22. package/dist/types/components/button/button.vue.d.ts +1 -1
  23. package/dist/types/components/chip/chip.vue.d.ts +1 -1
  24. package/dist/types/components/combobox/combobox.vue.d.ts +1 -1
  25. package/dist/types/components/datepicker/modules/month-year-picker.vue.d.ts +1 -1
  26. package/dist/types/components/description_list/description_list.vue.d.ts +98 -0
  27. package/dist/types/components/description_list/description_list.vue.d.ts.map +1 -0
  28. package/dist/types/components/description_list/description_list_constants.d.ts +2 -0
  29. package/dist/types/components/description_list/description_list_constants.d.ts.map +1 -0
  30. package/dist/types/components/description_list/description_list_validators.d.ts +2 -0
  31. package/dist/types/components/description_list/description_list_validators.d.ts.map +1 -0
  32. package/dist/types/components/description_list/index.d.ts +3 -0
  33. package/dist/types/components/description_list/index.d.ts.map +1 -0
  34. package/dist/types/components/icon/icon.vue.d.ts +16 -2
  35. package/dist/types/components/icon/icon.vue.d.ts.map +1 -1
  36. package/dist/types/components/icon/icon_constants.d.ts +0 -2
  37. package/dist/types/components/icon/icon_constants.d.ts.map +1 -1
  38. package/dist/types/components/input/input.vue.d.ts +1 -1
  39. package/dist/types/components/modal/modal.vue.d.ts +1 -1
  40. package/dist/types/components/notice/notice.vue.d.ts +1 -1
  41. package/dist/types/components/radio/radio.vue.d.ts +1 -1
  42. package/dist/types/components/root_layout/root_layout.vue.d.ts +2 -2
  43. package/dist/types/components/scroller/modules/core_scroller.vue.d.ts +1 -1
  44. package/dist/types/components/scroller/modules/scroller_item.vue.d.ts +1 -1
  45. package/dist/types/components/tabs/tab.vue.d.ts +1 -1
  46. package/dist/types/components/toast/toast.vue.d.ts +2 -2
  47. package/dist/types/components/tooltip/tooltip.vue.d.ts +1 -1
  48. package/dist/types/index.d.ts +1 -0
  49. package/dist/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts +1 -1
  50. package/dist/types/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.d.ts +1 -1
  51. package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts +17 -0
  52. package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts.map +1 -1
  53. package/package.json +8 -4
  54. package/dist/emoji-125c2250.cjs +0 -1
  55. package/dist/message_input-2f040a4e.cjs +0 -93
  56. package/dist/message_input-97a05856.js +0 -15876
  57. package/dist/tooltip-02b802bc.js +0 -2577
  58. package/dist/tooltip-3390fc3b.cjs +0 -25
@@ -0,0 +1,2 @@
1
+ "use strict";const f=require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/vue-3/dist/index.js"),fe=require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-code-block/dist/index.js"),_e=require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-document/dist/index.js"),ge=require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-hard-break/dist/index.js"),ye=require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-paragraph/dist/index.js"),ve=require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-placeholder/dist/index.js"),Ce=require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-text/dist/index.js"),h=require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/core/dist/index.js"),m=require("./emoji-2ba641cd.cjs"),t=require("vue"),l=require("./tooltip-e88ebb8c.cjs"),O=require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/pm/state/dist/index.js"),be=require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/suggestion/dist/index.js");require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/emoji-regex/index.mjs");const H=require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/tippy.js/dist/tippy.esm.js"),Se=require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-mention/dist/index.js"),ke=require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@dialpad/dialtone-icons/dist/icons.json"),C={BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},z=[C.BUSY,C.AWAY,C.OFFLINE,C.ACTIVE],Ee={name:"DtPresence",props:{presence:{type:String,default:C.ACTIVE,validator:e=>z.includes(e)},srText:{type:String,default:null}}},Ie=["aria-live"],we={key:0,"data-qa":"dt-presence-sr-text",class:"sr-only"};function Ae(e,n,o,r,i,s){return t.openBlock(),t.createElementBlock("div",{class:"d-presence","data-qa":"dt-presence",role:"status","aria-live":e.$attrs.ariaLive||"off"},[o.srText?(t.openBlock(),t.createElementBlock("span",we,t.toDisplayString(o.srText),1)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["d-presence__inner",{"d-presence__inner--active":o.presence==="active","d-presence__inner--away":o.presence==="away","d-presence__inner--busy":o.presence==="busy","d-presence__inner--offline":o.presence==="offline"}])},null,2)],8,Ie)}const K=l._export_sfc(Ee,[["render",Ae]]),E={xs:"d-avatar--xs",sm:"d-avatar--sm",md:"d-avatar--md",lg:"d-avatar--lg",xl:"d-avatar--xl"},$={default:"",icon:"d-avatar__icon",initials:"d-avatar__initials"},U={md:"d-avatar__presence--md",lg:"d-avatar__presence--lg"},P={NONE:"",BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},W={xs:"100",sm:"200",md:"300",lg:"500",xl:"600"},G=["100","200","300","400","500","600","700","800","900","1000","1100","1200","1300","1400","1500","1600","1700","1800"],N=e=>e>1;function Te(){return[void 0,...ke]}const Oe=e=>{if(typeof e!="string"||!e.trim())return"";const n=e.trim().split(/\s+/g);return n.length===1?n.join("").substring(0,2):n.filter((o,r)=>r===0||r===n.length-1).map(o=>o.slice(0,1).toUpperCase()).join("")};const Pe=Te(),Ne={name:"DtAvatar",components:{DtPresence:K,DtIcon:m.DtIcon},inheritAttrs:!1,props:{id:{type:String,default(){return l.getUniqueString()}},seed:{type:String,default:void 0},color:{type:String,default:void 0},size:{type:String,default:"md",validator:e=>Object.keys(E).includes(e)},avatarClass:{type:[String,Array,Object],default:""},canvasClass:{type:[String,Array,Object],default:""},iconClass:{type:[String,Array,Object],default:""},presence:{type:String,default:P.NONE,validator:e=>Object.values(P).includes(e)},presenceProps:{type:Object,default:()=>({})},group:{type:Number,default:void 0,validator:e=>N(e)},overlayIcon:{type:String,default:""},overlayText:{type:String,default:""},overlayClass:{type:[String,Array,Object],default:""},imageSrc:{type:String,default:""},imageAlt:{type:String,default:""},iconName:{type:String,default:void 0,validator:e=>Pe.includes(e)},iconSize:{type:String,default:"",validator:e=>!e||Object.keys(m.ICON_SIZE_MODIFIERS).includes(e)},fullName:{type:String,default:""},clickable:{type:Boolean,default:!1}},emits:["click"],data(){return{AVATAR_SIZE_MODIFIERS:E,AVATAR_KIND_MODIFIERS:$,AVATAR_PRESENCE_SIZE_MODIFIERS:U,AVATAR_ICON_SIZES:W,imageLoadedSuccessfully:null,formattedInitials:"",initializing:!1}},computed:{isNotIconType(){return!this.iconName},avatarClasses(){return["d-avatar",E[this.validatedSize],this.avatarClass,{"d-avatar--group":this.showGroup,[`d-avatar--color-${this.getColor()}`]:this.isNotIconType,"d-avatar--clickable":this.clickable}]},overlayClasses(){return["d-avatar__overlay",this.overlayClass]},showGroup(){return N(this.group)},formattedGroup(){return this.group>99?"99+":this.group},validatedSize(){return this.group?"xs":this.size},showImage(){return this.imageLoadedSuccessfully!==!1&&this.imageSrc},buttonAriaLabel(){if(this.clickable)return this.fullName||this.imageAlt||this.$attrs["aria-label"]}},watch:{fullName:{immediate:!0,handler(e){this.formatInitials(e)}},imageSrc(e){this.imageLoadedSuccessfully=null,e&&(this.validateProps(),this.setImageListeners())}},mounted(){this.validateProps(),this.setImageListeners()},methods:{async setImageListeners(){await this.$nextTick();const e=this.$refs.avatarImage;e&&(e.addEventListener("load",()=>this._loadedImageEventHandler(e),{once:!0}),e.addEventListener("error",()=>this._erroredImageEventHandler(e),{once:!0}))},formatInitials(e){const n=Oe(e);this.validatedSize==="xs"?this.formattedInitials="":this.validatedSize==="sm"?this.formattedInitials=n[0]:this.formattedInitials=n},getColor(){return this.color??l.getRandomElement(G,this.seed)},_loadedImageEventHandler(e){this.imageLoadedSuccessfully=!0,e.classList.remove("d-d-none")},_erroredImageEventHandler(e){this.imageLoadedSuccessfully=!1,e.classList.add("d-d-none")},validateProps(){if(this.imageSrc&&!(this.fullName||this.imageAlt))throw new Error("full-name or image-alt must be set if image-src is provided")},handleClick(e){this.clickable&&this.$emit("click",e)}}},Be=["src","alt"],De={key:1,class:"d-avatar__overlay-text"},Le={key:1,class:"d-avatar__count","data-qa":"dt-avatar-count"};function xe(e,n,o,r,i,s){const a=t.resolveComponent("dt-icon"),d=t.resolveComponent("dt-presence");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.clickable?"button":"div"),{id:o.id,class:t.normalizeClass(s.avatarClasses),"data-qa":"dt-avatar","aria-label":s.buttonAriaLabel,onClick:s.handleClick},{default:t.withCtx(()=>[t.createElementVNode("div",{ref:"canvas",class:t.normalizeClass([o.canvasClass,"d-avatar__canvas",{"d-avatar--image-loaded":i.imageLoadedSuccessfully}])},[s.showImage?(t.openBlock(),t.createElementBlock("img",{key:0,ref:"avatarImage",class:"d-avatar__image","data-qa":"dt-avatar-image",src:o.imageSrc,alt:o.imageAlt||o.fullName},null,8,Be)):o.iconName?(t.openBlock(),t.createBlock(a,{key:1,name:o.iconName,size:o.iconSize||i.AVATAR_ICON_SIZES[o.size],class:t.normalizeClass([o.iconClass,i.AVATAR_KIND_MODIFIERS.icon]),"data-qa":"dt-avatar-icon"},null,8,["name","size","class"])):(t.openBlock(),t.createElementBlock("span",{key:2,class:t.normalizeClass([i.AVATAR_KIND_MODIFIERS.initials,"d-ps-absolute d-zi-base d-us-none"])},t.toDisplayString(i.formattedInitials),3))],2),o.overlayIcon||o.overlayText?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(s.overlayClasses)},[o.overlayIcon?(t.openBlock(),t.createBlock(a,{key:0,class:"d-avatar__overlay-icon",name:o.overlayIcon},null,8,["name"])):o.overlayText?(t.openBlock(),t.createElementBlock("p",De,t.toDisplayString(o.overlayText),1)):t.createCommentVNode("",!0)],2)):t.createCommentVNode("",!0),s.showGroup?(t.openBlock(),t.createElementBlock("span",Le,t.toDisplayString(s.formattedGroup),1)):t.createCommentVNode("",!0),o.presence&&!s.showGroup?(t.openBlock(),t.createBlock(d,t.mergeProps({key:2,presence:o.presence,class:["d-avatar__presence",i.AVATAR_PRESENCE_SIZE_MODIFIERS[o.size]]},o.presenceProps,{"data-qa":"dt-presence"}),null,16,["presence","class"])):t.createCommentVNode("",!0)]),_:1},8,["id","class","aria-label","onClick"])}const Y=l._export_sfc(Ne,[["render",xe]]),I=["base","error","info","success","warning"],Ve=["alert","alertdialog","status"],Re=new Map([["info","info"],["success","check-circle"],["warning","alert-triangle"],["error","alert-circle"],["base","bell"]]),je={name:"DtNoticeIcon",components:{DtIcon:m.DtIcon},props:{kind:{type:String,default:"base",validate(e){return I.includes(e)}}},data(){return{hasSlotContent:l.hasSlotContent}},computed:{defaultIcon(){return Re.get(this.kind)}}},Fe={key:0,"aria-hidden":"true",class:"d-notice__icon"};function Me(e,n,o,r,i,s){const a=t.resolveComponent("dt-icon");return s.defaultIcon||i.hasSlotContent(e.$slots.default)?(t.openBlock(),t.createElementBlock("div",Fe,[t.renderSlot(e.$slots,"default",{},()=>[t.createVNode(a,{name:s.defaultIcon,size:"400"},null,8,["name"])])])):t.createCommentVNode("",!0)}const Z=l._export_sfc(je,[["render",Me]]),qe={name:"DtNoticeContent",props:{title:{type:String,default:""},titleId:{type:String,default:void 0},contentId:{type:String,default:void 0}},data(){return{hasSlotContent:l.hasSlotContent}}},He={class:"d-notice__content","data-qa":"notice-content"},ze=["id"],Ke=["id"];function $e(e,n,o,r,i,s){return t.openBlock(),t.createElementBlock("div",He,[o.title||i.hasSlotContent(e.$slots.titleOverride)?(t.openBlock(),t.createElementBlock("p",{key:0,id:o.titleId,class:"d-notice__title","data-qa":"notice-content-title"},[t.renderSlot(e.$slots,"titleOverride",{},()=>[t.createTextVNode(t.toDisplayString(o.title),1)])],8,ze)):t.createCommentVNode("",!0),t.createElementVNode("p",{id:o.contentId,class:"d-notice__message","data-qa":"notice-content-message"},[t.renderSlot(e.$slots,"default")],8,Ke)])}const X=l._export_sfc(qe,[["render",$e]]),w={props:{visuallyHiddenClose:{type:Boolean,default:!1},visuallyHiddenCloseLabel:{type:String,default:null}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateVisuallyHiddenCloseProps()}}},computed:{showVisuallyHiddenClose(){return this.visuallyHiddenClose&&this.visuallyHiddenCloseLabel!=null}},methods:{validateVisuallyHiddenCloseProps(){this.visuallyHiddenClose&&!this.visuallyHiddenCloseLabel&&console.error(`If visuallyHiddenClose prop is true, the component includes
2
+ a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`)}}},Ue={name:"SrOnlyCloseButton",components:{DtIcon:m.DtIcon,DtButton:m.DtButton},props:{visuallyHiddenCloseLabel:{type:String,default:null}},emits:["close"],methods:{close(){this.$emit("close")}}};function We(e,n,o,r,i,s){const a=t.resolveComponent("dt-icon"),d=t.resolveComponent("dt-button");return t.openBlock(),t.createBlock(d,{id:"sr-only-close-button","data-qa":"dt-sr-only-close-button",class:"d-vi-visible-sr","aria-label":o.visuallyHiddenCloseLabel,onClick:s.close,onKeydown:t.withKeys(t.withModifiers(s.close,["prevent","stop"]),["space"])},{default:t.withCtx(()=>[t.createVNode(a,{name:"close"})]),_:1},8,["aria-label","onClick","onKeydown"])}const x=l._export_sfc(Ue,[["render",We]]),Ge={name:"DtNoticeAction",components:{DtIcon:m.DtIcon,DtButton:m.DtButton,SrOnlyCloseButton:x},mixins:[w],props:{closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1}},emits:["close"],created(){!this.hideClose&&!this.closeButtonProps.ariaLabel&&console.error("Invalid props: you must pass in closeButtonProps.ariaLabel if the close button is displayed.")},mounted(){this.hideClose||(this.lastFocusedElement=document.activeElement)},beforeUnmount(){var e;(e=this.lastFocusedElement)==null||e.focus()},methods:{close(){this.$emit("close")}}},Ye={class:"d-notice__actions","data-qa":"notice-content-actions"};function Ze(e,n,o,r,i,s){const a=t.resolveComponent("dt-icon"),d=t.resolveComponent("dt-button"),p=t.resolveComponent("sr-only-close-button");return t.openBlock(),t.createElementBlock("div",Ye,[t.renderSlot(e.$slots,"default"),o.hideClose?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(d,t.mergeProps({key:0,ref:"closeButton","data-qa":"dt-notice-action-close-button",size:"sm",importance:"clear",circle:"","aria-label":o.closeButtonProps.ariaLabel?o.closeButtonProps.ariaLabel:"Close"},o.closeButtonProps,{onClick:s.close}),{icon:t.withCtx(()=>[t.createVNode(a,{name:"close",size:"200"})]),_:1},16,["aria-label","onClick"])),e.showVisuallyHiddenClose?(t.openBlock(),t.createBlock(p,{key:1,"visually-hidden-close-label":e.visuallyHiddenCloseLabel,onClose:s.close},null,8,["visually-hidden-close-label","onClose"])):t.createCommentVNode("",!0)])}const J=l._export_sfc(Ge,[["render",Ze]]),Q=':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])',Xe=`${Q}:not([tabindex="-1"])`,Je="button,[href],input,select,textarea,details,[tabindex]",ee={methods:{async getFirstFocusableElement(e){await this.$nextTick();const n=this._getFocusableElements(e,!0);return this._getFirstFocusElement(n)},async focusFirstElement(e){const n=await this.getFirstFocusableElement(e);n==null||n.focus({preventScroll:!0})},_getFirstFocusElement(e){if(!e.length)return;let n=e[0];return n.matches('[type="radio"]:not(:checked)')&&(n=e.find(o=>o.checked&&o.name===n.name)||n),n},_getFocusableElements(e=this.$el,n=!1){return e?[...e.querySelectorAll(Je)].filter(r=>{const i=window.getComputedStyle(r);return i.getPropertyValue("display")!=="none"&&i.getPropertyValue("visibility")!=="hidden"&&r.matches(n?Q:Xe)}):[]},focusTrappedTabPress(e,n){if(!(e.key==="Tab"))return;const r=this._getFocusableElements(n);if(!r.length){e.preventDefault();return}const i=this._getFirstFocusElement(r),s=r[r.length-1];e.shiftKey?document.activeElement===i&&(s.focus(),e.preventDefault()):document.activeElement===s&&(i.focus(),e.preventDefault())}}},Qe={name:"DtLink",props:{kind:{type:String,default:"",validator(e){return m.LINK_VARIANTS.includes(e)}}},data(){return{LINK_KIND_MODIFIERS:m.LINK_KIND_MODIFIERS}}},et=["href"];function tt(e,n,o,r,i,s){return t.openBlock(),t.createElementBlock("a",{class:t.normalizeClass(["d-link",i.LINK_KIND_MODIFIERS[o.kind]]),"data-qa":"dt-link",href:"href"in e.$attrs?e.$attrs.href:"javascript:void(0)"},[t.renderSlot(e.$slots,"default")],10,et)}const te=l._export_sfc(Qe,[["render",tt]]),T={DEFAULT:"default",CUSTOM:"custom"},S={ARROW_KEYS:"arrow-keys",TAB:"tab",NONE:"none"};const nt={name:"DtItemLayout",props:{as:{type:String,default:"div"}}},ot={key:0,"data-qa":"dt-item-layout-left-wrapper",class:"dt-item-layout--left"},st={"data-qa":"dt-item-layout-content-wrapper",class:"dt-item-layout--content"},it={key:0,"data-qa":"dt-item-layout-title-wrapper",class:"dt-item-layout--title"},rt={key:2,"data-qa":"dt-item-layout-bottom-wrapper",class:"dt-item-layout--bottom"},at={key:1,"data-qa":"dt-item-layout-right-wrapper",class:"dt-item-layout--right"},lt={key:2,"data-qa":"dt-item-layout-selected-wrapper",class:"dt-item-layout--selected"};function ct(e,n,o,r,i,s){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.as),{class:"dt-item-layout"},{default:t.withCtx(()=>[e.$slots.left?(t.openBlock(),t.createElementBlock("section",ot,[t.renderSlot(e.$slots,"left",{},void 0,!0)])):t.createCommentVNode("",!0),t.createElementVNode("section",st,[e.$slots.default?(t.openBlock(),t.createElementBlock("div",it,[t.renderSlot(e.$slots,"default",{},void 0,!0)])):t.createCommentVNode("",!0),e.$slots.subtitle?(t.openBlock(),t.createElementBlock("div",{key:1,"data-qa":"dt-item-layout-subtitle-wrapper",class:t.normalizeClass(["dt-item-layout--subtitle",{"d-mtn2":e.$slots.default}])},[t.renderSlot(e.$slots,"subtitle",{},void 0,!0)],2)):t.createCommentVNode("",!0),e.$slots.bottom?(t.openBlock(),t.createElementBlock("div",rt,[t.renderSlot(e.$slots,"bottom",{},void 0,!0)])):t.createCommentVNode("",!0)]),e.$slots.right?(t.openBlock(),t.createElementBlock("section",at,[t.renderSlot(e.$slots,"right",{},void 0,!0)])):t.createCommentVNode("",!0),e.$slots.selected?(t.openBlock(),t.createElementBlock("section",lt,[t.renderSlot(e.$slots,"selected",{},void 0,!0)])):t.createCommentVNode("",!0)]),_:3})}const B=l._export_sfc(nt,[["render",ct],["__scopeId","data-v-9afad3c4"]]);const dt={name:"DtListItem",components:{DtItemLayout:B,DtIcon:m.DtIcon},inject:{highlightId:{default:null}},props:{id:{type:String,default(){return l.utils.getUniqueString()}},role:{type:String,default:"listitem"},elementType:{type:String,default:"li"},type:{type:String,default:T.DEFAULT,validator:e=>Object.values(T).includes(e)},navigationType:{type:String,default:S.NONE,validator:e=>Object.values(S).includes(e)},selected:{type:Boolean,default:!1}},emits:["keydown","mousemove","mouseleave","mousedown"],data(){return{injected:!1,mouseHighlighted:!1}},computed:{listItemType(){switch(this.type){case T.DEFAULT:return B;default:return null}},listItemListeners(){return{keydown:e=>{["enter","space"].includes(e.code.toLowerCase())&&this.onClick(e),this.$emit("keydown",e)},mousemove:e=>{this.onMouseHover(e),this.$emit("mousemove",e)},mouseleave:e=>{this.onMouseLeave(e),this.$emit("mouseleave",e)}}},isHighlighted(){return this.isHoverable?this.highlightId&&this.highlightId()?this.id===this.highlightId():this.mouseHighlighted:!1},isFocusable(){return this.navigationType===S.TAB},isHoverable(){return this.navigationType!==S.NONE}},methods:{onClick(e){this.$emit("click",e)},onMouseHover(){this.mouseHighlighted=!0},onMouseLeave(){this.mouseHighlighted=!1}}};function ut(e,n,o,r,i,s){const a=t.resolveComponent("dt-icon");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.elementType),t.mergeProps({id:o.id,class:["dt-list-item",{"dt-list-item--focusable":s.isFocusable,"dt-list-item--highlighted":s.isHighlighted,"dt-list-item--static":!s.isHoverable}],tabindex:s.isFocusable?0:-1,role:o.role,"aria-selected":s.isHighlighted},t.toHandlers(s.listItemListeners)),{default:t.withCtx(()=>[s.listItemType?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(s.listItemType),{key:0},t.createSlots({_:2},[t.renderList(e.$slots,(d,p)=>({name:p,fn:t.withCtx(()=>[t.renderSlot(e.$slots,p)])})),o.selected?{name:"selected",fn:t.withCtx(()=>[t.createVNode(a,{name:"check",size:"400",class:"dt-list-item--selected-icon"})]),key:"0"}:void 0]),1024)):t.renderSlot(e.$slots,"default",{key:1})]),_:3},16,["id","class","tabindex","role","aria-selected"])}const ne=l._export_sfc(dt,[["render",ut]]),v={default:"column",column:"column",row:"row","row-reverse":"row-reverse","column-reverse":"column-reverse"},oe=["sm","md","lg","xl"],A=["0","100","200","300","400","500","600"],D={none:void 0,small:"d-p4",medium:"d-p8",large:"d-p16"},se={none:void 0,small:"d-pl4",medium:"d-pl8",large:"d-pl16"},ie=["dialog","menu","listbox","tree","grid"],re=["","anchor"],ae=["none","dialog","first"],le=["parent","body"],mt=[...l.TIPPY_STICKY_VALUES],pt={name:"PopoverHeaderFooter",components:{DtButton:m.DtButton,DtIcon:m.DtIcon},props:{type:{type:String,validator:function(e){return["header","footer"].includes(e)}},contentClass:{type:[String,Array,Object],default:""},showCloseButton:{type:Boolean,default:!1},closeButtonProps:{type:Object,default:()=>{}}},emits:["close"],data(){return{hasSlotContent:l.hasSlotContent}},methods:{focusCloseButton(){var n;const e=(n=this.$refs["popover__close-button"])==null?void 0:n.$el;e==null||e.focus()}}};function ht(e,n,o,r,i,s){const a=t.resolveComponent("dt-icon"),d=t.resolveComponent("dt-button");return t.openBlock(),t.createElementBlock("div",{"data-qa":"dt-popover-header-footer",class:t.normalizeClass({"d-popover__header":o.type==="header","d-popover__footer":o.type==="footer"})},[i.hasSlotContent(e.$slots.content)?(t.openBlock(),t.createElementBlock("div",{key:0,"data-qa":"dt-popover-header-footer-content",class:t.normalizeClass(["d-to-ellipsis","d-w100p",o.contentClass])},[t.renderSlot(e.$slots,"content")],2)):t.createCommentVNode("",!0),o.showCloseButton?(t.openBlock(),t.createBlock(d,t.mergeProps({key:1,ref:"popover__close-button","data-qa":"dt-popover-close",class:"d-p6 d-mr6 d-bc-transparent",importance:"outlined",kind:"muted",circle:""},o.closeButtonProps,{onClick:n[0]||(n[0]=p=>e.$emit("close"))}),{icon:t.withCtx(()=>[t.createVNode(a,{name:"close",size:"300"})]),_:1},16)):t.createCommentVNode("",!0)],2)}const ft=l._export_sfc(pt,[["render",ht]]);const _t={name:"DtPopover",components:{SrOnlyCloseButton:x,DtLazyShow:l.DtLazyShow,PopoverHeaderFooter:ft},mixins:[ee,w],props:{open:{type:Boolean,default:null},openOnContext:{type:Boolean,default:!1},elementType:{type:String,default:"div"},transition:{type:String,default:"fade"},role:{type:String,default:"dialog",validator:e=>ie.includes(e)},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null},closeButtonProps:{type:Object,default:()=>({})},padding:{type:String,default:"large",validator:e=>Object.keys(D).some(n=>n===e)},contentClass:{type:[String,Array,Object],default:""},contentWidth:{type:String,default:"",validator:e=>re.includes(e)},contentAppear:{type:Boolean,default:null},contentTabindex:{type:Number||null,default:-1},externalAnchor:{type:String,default:""},id:{type:String,default(){return l.getUniqueString()}},offset:{type:Array,default:()=>[0,4]},hideOnClick:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},fallbackPlacements:{type:Array,default:()=>["auto"]},placement:{type:String,default:"bottom-end"},tether:{type:Boolean,default:!0},sticky:{type:[Boolean,String],default:!1,validator:e=>mt.includes(e)},maxHeight:{type:String,default:""},maxWidth:{type:String,default:""},showCloseButton:{type:Boolean,default:!1},headerClass:{type:[String,Array,Object],default:""},footerClass:{type:[String,Array,Object],default:""},dialogClass:{type:[String,Array,Object],default:""},initialFocusElement:{type:[String,HTMLElement],default:"first",validator:e=>ae.includes(e)||e instanceof HTMLElement||e.startsWith("#")},openWithArrowKeys:{type:Boolean,default:!1},appendTo:{type:[HTMLElement,String],default:"body",validator:e=>le.includes(e)||e instanceof HTMLElement}},emits:["keydown","update:open","opened"],data(){return{POPOVER_PADDING_CLASSES:D,POPOVER_HEADER_FOOTER_PADDING_CLASSES:se,intersectionObserver:null,isOutsideViewport:!1,isOpen:!1,toAppear:!1,anchorEl:null,popoverContentEl:null,hasSlotContent:l.hasSlotContent}},computed:{popoverListeners(){return{keydown:e=>{this.onKeydown(e)},"after-leave":e=>{this.onLeaveTransitionComplete()},"after-enter":e=>{this.onEnterTransitionComplete()}}},calculatedMaxHeight(){return this.isOutsideViewport&&this.modal?"calc(100vh - var(--dt-space-300))":this.maxHeight},labelledBy(){return this.ariaLabelledby||!this.ariaLabel&&l.getUniqueString("DtPopover__anchor")}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateProps()}},modal(e){var n;(n=this.tip)==null||n.setProps({zIndex:e?650:this.calculateAnchorZindex()})},offset(e){var n;(n=this.tip)==null||n.setProps({offset:e})},sticky(e){var n;(n=this.tip)==null||n.setProps({sticky:e})},fallbackPlacements(){var e;(e=this.tip)==null||e.setProps({popperOptions:this.popperOptions()})},tether(){var e;(e=this.tip)==null||e.setProps({popperOptions:this.popperOptions()})},placement(e){var n;(n=this.tip)==null||n.setProps({placement:e})},open:{handler:function(e){e!==null&&(this.isOpen=e),e===!0&&(this.toAppear=!0)},immediate:!0},contentAppear:{handler:function(e){e!==null&&(this.toAppear=e)}},isOpen(e,n){e?(this.initTippyInstance(),this.tip.show()):!e&&n!==e&&(this.removeEventListeners(),this.tip.hide())}},mounted(){const e=this.externalAnchor?this.$refs.anchor.getRootNode().querySelector(`#${this.externalAnchor}`):null;this.anchorEl=e??this.$refs.anchor.children[0],this.popoverContentEl=this.$refs.content.$el,this.isOpen&&(this.initTippyInstance(),this.tip.show()),this.intersectionObserver=new IntersectionObserver(this.hasIntersectedViewport),this.intersectionObserver.observe(this.popoverContentEl)},beforeUnmount(){var e;(e=this.tip)==null||e.destroy(),this.intersectionObserver.disconnect(),this.removeReferences(),this.removeEventListeners()},methods:{hasIntersectedViewport(e){var r;const n=(r=e==null?void 0:e[0])==null?void 0:r.target;if(!n)return;const o=l.isOutOfViewPort(n);this.isOutsideViewport=o.bottom||o.top},popperOptions(){return l.getPopperOptions({fallbackPlacements:this.fallbackPlacements,tether:this.tether,hasHideModifierEnabled:!0})},validateProps(){this.modal&&this.initialFocusElement==="none"&&console.error('If the popover is modal you must set the initialFocusElement prop. Possible values: "dialog", "first", HTMLElement')},calculateAnchorZindex(){var e;return this.$el.getRootNode().querySelector('.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"]')||(e=this.anchorEl)!=null&&e.closest(".d-zi-drawer")?650:300},defaultToggleOpen(e){var n,o,r;if(!this.openOnContext&&(this.open===null||this.open===void 0)){if(!((n=this.anchorEl)!=null&&n.contains(e.target))&&!((o=this.anchorEl)!=null&&o.isEqualNode(e.target))||(r=this.anchorEl)!=null&&r.disabled)return;this.toggleOpen()}},async onContext(e){this.openOnContext&&(e.preventDefault(),this.isOpen=!0,await this.$nextTick(),this.tip.setProps({placement:"right-start",getReferenceClientRect:()=>({width:0,height:0,top:e.clientY,bottom:e.clientY,left:e.clientX,right:e.clientX})}))},toggleOpen(){this.isOpen=!this.isOpen},onArrowKeyPress(e){var n;this.open===null&&(this.openWithArrowKeys&&((n=this.anchorEl)!=null&&n.contains(e.target))&&(this.isOpen||(this.isOpen=!0)),this.$emit("keydown",e))},addEventListeners(){window.addEventListener("dt-popover-close",this.closePopover),this.contentWidth==="anchor"&&window.addEventListener("resize",this.onResize)},removeEventListeners(){window.removeEventListener("dt-popover-close",this.closePopover),this.contentWidth==="anchor"&&window.removeEventListener("resize",this.onResize)},closePopover(){this.isOpen=!1},preventScrolling(){var e;if(this.modal){const n=(e=this.anchorEl)==null?void 0:e.closest("body, .tippy-box");n.tagName.toLowerCase()==="body"?(n.classList.add("d-of-hidden"),this.tip.setProps({offset:this.offset})):n.classList.add("d-zi-popover")}},enableScrolling(){var n,o;const e=(n=this.anchorEl)==null?void 0:n.closest("body, .tippy-box");e&&(((o=e.tagName)==null?void 0:o.toLowerCase())==="body"?(e.classList.remove("d-of-hidden"),this.tip.setProps({offset:this.offset})):e.classList.remove("d-zi-popover"))},removeReferences(){this.anchorEl=null,this.popoverContentEl=null,this.tip=null},async onShow(){this.contentWidth==="anchor"&&await this.setPopoverContentAnchorWidth(),this.contentWidth===null&&(this.popoverContentEl.style.width="auto"),this.addEventListeners()},async onLeaveTransitionComplete(){var e;this.modal&&(await this.focusFirstElement(this.$refs.anchor),await this.$nextTick(),this.enableScrolling()),(e=this.tip)==null||e.unmount(),this.$emit("opened",!1),this.open!==null&&this.$emit("update:open",!1)},async onEnterTransitionComplete(){this.focusInitialElement(),await this.$nextTick(),this.preventScrolling(),this.$emit("opened",!0,this.$refs.popover__content),this.open!==null&&this.$emit("update:open",!0)},focusInitialElement(){this.initialFocusElement==="dialog"&&this.$refs.content.$el.focus(),this.initialFocusElement.startsWith("#")&&this.focusInitialElementById(),this.initialFocusElement==="first"&&this.focusFirstElementIfNeeded(this.$refs.popover__content),this.initialFocusElement instanceof HTMLElement&&this.initialFocusElement.focus()},focusInitialElementById(){var n,o,r;const e=(o=(n=this.$refs.content)==null?void 0:n.$el)==null?void 0:o.querySelector(this.initialFocusElement);e?e.focus():console.warn('Could not find the element specified in dt-popover prop "initialFocusElement". Defaulting to focusing the dialog.'),e?e.focus():(r=this.$refs.content)==null||r.$el.focus()},onResize(){this.closePopover()},onClickOutside(){if(!this.hideOnClick)return;this.popoverContentEl.querySelector(".d-popover__anchor--opened")||this.closePopover()},onKeydown(e){e.key==="Tab"&&this.modal&&this.focusTrappedTabPress(e,this.popoverContentEl),e.key==="Escape"&&this.closePopover(),this.$emit("keydown",e)},async setPopoverContentAnchorWidth(){var e;await this.$nextTick(),this.popoverContentEl.style.width=`${(e=this.anchorEl)==null?void 0:e.clientWidth}px`},focusFirstElementIfNeeded(e){var o,r;this._getFocusableElements(e,!0).length!==0?this.focusFirstElement(e):this.showCloseButton?(o=this.$refs.popover__header)==null||o.focusCloseButton():(r=this.$refs.content)==null||r.$el.focus()},initTippyInstance(){var e,n;this.tip=l.createTippy(this.anchorEl,{popperOptions:this.popperOptions(),contentElement:this.popoverContentEl,placement:this.placement,offset:this.offset,sticky:this.sticky,appendTo:this.appendTo==="body"?(n=(e=this.anchorEl)==null?void 0:e.getRootNode())==null?void 0:n.querySelector("body"):this.appendTo,interactive:!0,trigger:"manual",hideOnClick:!1,zIndex:this.modal?650:this.calculateAnchorZindex(),onClickOutside:this.onClickOutside,onShow:this.onShow})}}},gt=["aria-hidden"],yt=["id","tabindex"];function vt(e,n,o,r,i,s){const a=t.resolveComponent("popover-header-footer"),d=t.resolveComponent("sr-only-close-button"),p=t.resolveComponent("dt-lazy-show");return t.openBlock(),t.createElementBlock("div",null,[o.modal&&i.isOpen?(t.openBlock(),t.createBlock(t.Teleport,{key:0,to:"body"},[t.createElementVNode("div",{class:"d-modal--transparent","aria-hidden":o.modal&&i.isOpen?"false":"true",onClick:n[0]||(n[0]=t.withModifiers(()=>{},["prevent","stop"]))},null,8,gt)])):t.createCommentVNode("",!0),(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.elementType),{ref:"popover",class:t.normalizeClass(["d-popover",{"d-popover__anchor--opened":i.isOpen}]),"data-qa":"dt-popover-container"},{default:t.withCtx(()=>[t.createElementVNode("div",{id:!o.ariaLabelledby&&s.labelledBy,ref:"anchor","data-qa":"dt-popover-anchor",tabindex:o.openOnContext?0:void 0,onClickCapture:n[1]||(n[1]=(...u)=>s.defaultToggleOpen&&s.defaultToggleOpen(...u)),onContextmenu:n[2]||(n[2]=(...u)=>s.onContext&&s.onContext(...u)),onKeydown:[n[3]||(n[3]=t.withKeys(t.withModifiers((...u)=>s.onArrowKeyPress&&s.onArrowKeyPress(...u),["prevent"]),["up"])),n[4]||(n[4]=t.withKeys(t.withModifiers((...u)=>s.onArrowKeyPress&&s.onArrowKeyPress(...u),["prevent"]),["down"])),n[6]||(n[6]=t.withKeys(u=>e.$emit("keydown",u),["enter"])),n[7]||(n[7]=t.withKeys(u=>e.$emit("keydown",u),["space"]))],onKeydownCapture:n[5]||(n[5]=t.withKeys((...u)=>s.closePopover&&s.closePopover(...u),["escape"]))},[t.renderSlot(e.$slots,"anchor",{attrs:{"aria-expanded":i.isOpen.toString(),"aria-controls":o.id,"aria-haspopup":o.role}})],40,yt),t.createVNode(p,t.mergeProps({id:o.id,ref:"content",role:o.role,"data-qa":"dt-popover","aria-hidden":`${!i.isOpen}`,"aria-labelledby":s.labelledBy,"aria-label":o.ariaLabel,"aria-modal":`${!o.modal}`,transition:o.transition,show:i.isOpen,appear:i.toAppear,class:["d-popover__dialog",{"d-popover__dialog--modal":o.modal},o.dialogClass],style:{"max-height":s.calculatedMaxHeight,"max-width":o.maxWidth},css:e.$attrs.css,tabindex:o.contentTabindex},t.toHandlers(s.popoverListeners)),{default:t.withCtx(()=>[i.hasSlotContent(e.$slots.headerContent)||o.showCloseButton?(t.openBlock(),t.createBlock(a,{key:0,ref:"popover__header",class:t.normalizeClass(i.POPOVER_HEADER_FOOTER_PADDING_CLASSES[o.padding]),"content-class":o.headerClass,type:"header","show-close-button":o.showCloseButton,"close-button-props":o.closeButtonProps,onClose:s.closePopover},{content:t.withCtx(()=>[t.renderSlot(e.$slots,"headerContent",{close:s.closePopover})]),_:3},8,["class","content-class","show-close-button","close-button-props","onClose"])):t.createCommentVNode("",!0),t.createElementVNode("div",{ref:"popover__content","data-qa":"dt-popover-content",class:t.normalizeClass(["d-popover__content",i.POPOVER_PADDING_CLASSES[o.padding],o.contentClass])},[t.renderSlot(e.$slots,"content",{close:s.closePopover})],2),i.hasSlotContent(e.$slots.footerContent)?(t.openBlock(),t.createBlock(a,{key:1,ref:"popover__footer",type:"footer",class:t.normalizeClass(i.POPOVER_HEADER_FOOTER_PADDING_CLASSES[o.padding]),"content-class":o.footerClass},{content:t.withCtx(()=>[t.renderSlot(e.$slots,"footerContent",{close:s.closePopover})]),_:3},8,["class","content-class"])):t.createCommentVNode("",!0),e.showVisuallyHiddenClose?(t.openBlock(),t.createBlock(d,{key:2,"visually-hidden-close-label":e.visuallyHiddenCloseLabel,onClose:s.closePopover},null,8,["visually-hidden-close-label","onClose"])):t.createCommentVNode("",!0)]),_:3},16,["id","role","aria-hidden","aria-labelledby","aria-label","aria-modal","transition","show","appear","class","style","css","tabindex"])]),_:3},8,["class"]))])}const ce=l._export_sfc(_t,[["render",vt]]),Ct={name:"DtNotice",components:{DtNoticeIcon:Z,DtNoticeContent:X,DtNoticeAction:J},mixins:[w],props:{titleId:{type:String,default:void 0},contentId:{type:String,default:void 0},title:{type:String,default:""},role:{type:String,default:"status",validate(e){return Ve.includes(e)}},important:{type:Boolean,default:!1},kind:{type:String,default:"base",validate(e){return I.includes(e)}},closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1}},emits:["close","click"],computed:{noticeClass(){return["d-notice",{error:"d-notice--error",info:"d-notice--info",success:"d-notice--success",warning:"d-notice--warning",base:"d-notice--base"}[this.kind],{"d-notice--important":this.important}]}}};function bt(e,n,o,r,i,s){const a=t.resolveComponent("dt-notice-icon"),d=t.resolveComponent("dt-notice-content"),p=t.resolveComponent("dt-notice-action");return t.openBlock(),t.createElementBlock("aside",{class:t.normalizeClass(s.noticeClass),"data-qa":"notice"},[t.createVNode(a,{kind:o.kind},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"icon")]),_:3},8,["kind"]),t.createVNode(d,{"title-id":o.titleId,"content-id":o.contentId,title:o.title,role:o.role},{titleOverride:t.withCtx(()=>[t.renderSlot(e.$slots,"titleOverride")]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["title-id","content-id","title","role"]),t.createVNode(p,{"hide-close":o.hideClose,"close-button-props":o.closeButtonProps,"visually-hidden-close":e.visuallyHiddenClose,"visually-hidden-close-label":e.visuallyHiddenCloseLabel,onClose:n[0]||(n[0]=u=>e.$emit("close"))},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"action")]),_:3},8,["hide-close","close-button-props","visually-hidden-close","visually-hidden-close-label"])],2)}const de=l._export_sfc(Ct,[["render",bt]]);function R(e){return e===v.default}function j(e){if(k(e)==="string")return R(e)?null:v[e];if(k(e)==="object"){const{default:n}=e;return R(n)?null:v[n]}else return null}function k(e){return typeof e}function St(e){return j(e)?`d-stack--${v[j(e)]}`:null}function kt(e){return k(e)==="object"?[...oe.map(n=>e[n]?`d-stack--${n}--${e[n]}`:null)]:null}function Et(e){return A.includes(e)?`d-stack--gap-${e}`:null}function It(e){if(k(e)==="string")return Object.keys(v).includes(e);if(k(e)==="object"){const{default:n}=e;return Object.keys(v).includes(n)}else return null}function wt(e){return A.includes(e)}const At={name:"DtStack",props:{direction:{type:[String,Object],default:"column",validator:e=>It(e)},as:{type:String,default:"div"},gap:{type:String,default:"0",validator:e=>wt(e)}},data(){return{DT_STACK_DIRECTION:v,DT_STACK_GAP:A,DT_STACK_RESPONSIVE_BREAKPOINTS:oe}},computed:{stackGap(){return Et(this.gap)},defaultDirection(){return St(this.direction)},stackResponsive(){return kt(this.direction)}}};function Tt(e,n,o,r,i,s){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.as),{class:t.normalizeClass(["d-stack",s.defaultDirection,s.stackResponsive,s.stackGap])},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["class"])}const V=l._export_sfc(At,[["render",Tt]]),Ot={name:"EmojiComponent",components:{NodeViewWrapper:f.NodeViewWrapper,DtEmoji:m.DtEmoji},props:f.nodeViewProps};function Pt(e,n,o,r,i,s){const a=t.resolveComponent("dt-emoji"),d=t.resolveComponent("node-view-wrapper");return t.openBlock(),t.createBlock(d,{class:"d-d-inline-block"},{default:t.withCtx(()=>[t.createVNode(a,{size:"300",code:e.node.attrs.code},null,8,["code"])]),_:1})}const Nt=l._export_sfc(Ot,[["render",Pt]]);const Bt={name:"SuggestionList",components:{DtListItem:ne},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"?(this.enterHandler(),!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"})},enterHandler(){this.selectItem(this.selectedIndex)},selectItem(e){const n=this.items[e];switch(this.itemType){case"emoji":this.command(n);return;case"mention":this.command({name:n.name,id:n.contactId,avatarSrc:n.avatarSrc});break}}}},Dt={class:"d-popover__dialog"},Lt={ref:"suggestionList",class:"dt-suggestion-list"};function xt(e,n,o,r,i,s){const a=t.resolveComponent("dt-list-item");return t.openBlock(),t.createElementBlock("div",Dt,[t.withDirectives(t.createElementVNode("ul",Lt,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.items,(d,p)=>(t.openBlock(),t.createBlock(a,{key:d.id,class:t.normalizeClass(["dt-suggestion-list--item",{"dt-list-item--highlighted":p===i.selectedIndex}]),"navigation-type":"arrow-keys",onClick:u=>s.selectItem(p),onKeydown:t.withModifiers(s.onKeyDown,["prevent","stop"])},{default:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.itemComponent),{item:d},null,8,["item"]))]),_:2},1032,["class","onClick","onKeydown"]))),128))],512),[[t.vShow,o.items.length]])])}const ue=l._export_sfc(Bt,[["render",xt]]),Vt={name:"EmojiSuggestion",components:{DtEmoji:m.DtEmoji,DtStack:V},props:{item:{type:Object,required:!0}}};function Rt(e,n,o,r,i,s){const a=t.resolveComponent("dt-emoji"),d=t.resolveComponent("dt-stack");return t.openBlock(),t.createBlock(d,{direction:"row",gap:"400"},{default:t.withCtx(()=>[t.createVNode(a,{size:"200",code:o.item.code},null,8,["code"]),t.createTextVNode(" "+t.toDisplayString(o.item.code),1)]),_:1})}const jt=l._export_sfc(Vt,[["render",Rt]]),Ft={items:({query:e})=>e.length<2?[]:Object.values(m.emojisIndexed).filter(function(r){return!!r.shortname.substring(1,r.shortname.length-1).startsWith(e.toLowerCase())}).map(r=>({id:r.unicode_character,code:r.shortname})),command:({editor:e,range:n,props:o})=>{var s,a;const r=e.view.state.selection.$to.nodeAfter;((s=r==null?void 0:r.text)==null?void 0:s.startsWith(" "))&&(n.to+=1),e.chain().focus().insertContentAt(n,[{type:"emoji",attrs:o},{type:"text",text:" "}]).run(),(a=window.getSelection())==null||a.collapseToEnd()},render:()=>{let e,n;return{onStart:o=>{e=new f.VueRenderer(ue,{props:{itemComponent:t.markRaw(jt),itemType:"emoji",...o},editor:o.editor}),o.clientRect&&(n=H("body",{getReferenceClientRect:o.clientRect,appendTo:()=>document.body,content:e.element,showOnCreate:!0,interactive:!0,trigger:"manual",placement:"bottom-start",contentElement:null,zIndex:650}))},onUpdate(o){e.updateProps(o),o.clientRect&&n[0].setProps({getReferenceClientRect:o.clientRect})},onKeyDown(o){var r;return o.event.key==="Escape"?(n[0].hide(),!0):(r=e.ref)==null?void 0:r.onKeyDown(o)},onExit(){n[0].destroy(),e.destroy()}}}},Mt=new O.PluginKey("emoji"),qt=/:\w+:$/,Ht=/:\w+:/g,zt=/(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])$/,Kt=/(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])/g,F=e=>{if(e&&m.codeToEmojiData(e[0]))return{index:e.index,text:e[0],match:e}},$t=e=>[...e.matchAll(Ht)].filter(o=>m.codeToEmojiData(o[0])).map(o=>({index:o.index,text:o[0],match:o})),Ut=h.Node.create({addOptions(){return{HTMLAttributes:{},suggestion:{char:":",pluginKey:Mt}}},name:"emoji",group:"inline",inline:!0,selectable:!0,addNodeView(){return f.VueNodeViewRenderer(Nt)},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",h.mergeAttributes(this.options.HTMLAttributes,e),0]},addInputRules(){return[h.nodeInputRule({find:e=>{const n=e.match(qt);return F(n)},type:this.type,getAttributes(e){return{code:e[0]}}}),h.nodeInputRule({find:e=>{const n=e.match(zt);return F(n)},type:this.type,getAttributes(e){const n=m.shortcodeToEmojiData(e[0]).unicode_output;return{code:String.fromCodePoint(parseInt(n,16)),label:"emoji"}}})]},addPasteRules(){return[h.nodePasteRule({find:$t,type:this.type,getAttributes(e){return{code:e[0]}}}),h.nodePasteRule({find:Kt,type:this.type,getAttributes(e){return{code:e[0]}}})]},addProseMirrorPlugins(){return[be({editor:this.editor,...this.options.suggestion,...Ft})]}});function Wt(e,n,o=()=>!0){const r=[];n.lastIndex=0;let i;for(;i=n.exec(e);)o(e,i)&&r.push(i);return r}function Gt(e,n){return!["#","@"].includes(e.charAt(n.index))&&!["#","@"].includes(e.charAt(n.index-1))}function Yt(e){const n=new RegExp("(?:"+[`[!?.,:;'"]`,"(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$"].join("|"),"g");return e.replace(n,"")}function Zt(e,n){const o=e.slice(0,n+1).search(/\S+\s*$/),r=e.slice(n).search(/\s/);if(r<0){const i=e.slice(o);return{text:i,from:o,to:o+i.length}}return{text:e.slice(o,r+n),from:o,to:r+n}}function L(e,n,o,r){const i=Zt(e,n);if(r.lastIndex=0,!r.test(i.text))return i;const s=o==="left"?i.from-1:i.to+1;return s<=0||s>=e.length||s===n?i:L(e,s,o,r)}function Xt(e,n,o,r){const i=Math.max(e.from-1,0),s=Math.min(e.to+1,n.content.size),a=h.getMarksBetween(i,s,n);for(const d of a)d.mark.type===r&&o.removeMark(d.from,d.to,r)}const M=l.getPhoneNumberRegex(1,15);function q(e,n,o,r,i,s){if(!e)return;let a=o-n-1;a=a<0?0:a;const d=r-n,p=L(e,a,"left",M),u=L(e,d,"right",M),g=e.slice(p.from,u.to);Wt(g,l.linkRegex,Gt).forEach(b=>{const y=Yt(b[0]),c=n+p.from+b.index+1,he=c+y.length;i.addMark(c,he,s.create())})}function Jt(e){let n=!1;return new O.Plugin({key:new O.PluginKey("autolink"),appendTransaction:(o,r,i)=>{const s=o.some(g=>g.docChanged)&&!r.doc.eq(i.doc);if(n&&!s)return;const{tr:a}=i,{textContent:d}=i.doc;n||q(d,0,0,d.length,a,e.type),n=!0;const p=h.combineTransactionSteps(r.doc,[...o]);return h.getChangedRanges(p).forEach(({oldRange:g,newRange:_})=>{Xt(_,i.doc,a,e.type),h.findChildrenInRange(i.doc,_,y=>y.isTextblock).forEach(({node:y,pos:c})=>{q(y.textContent,c,g.from,_.to,a,e.type)})}),a}})}const Qt={class:"d-link d-c-text d-d-inline-block",rel:"noopener noreferrer nofollow"},en=h.Mark.create({name:"Link",renderHTML({HTMLAttributes:e}){return["a",h.mergeAttributes(this.options.HTMLAttributes,e,Qt),0]},renderText({node:e}){return e.attrs.text},addProseMirrorPlugins(){return[Jt({type:this.type})]}});const tn={name:"MentionComponent",components:{NodeViewWrapper:f.NodeViewWrapper,DtLink:te},props:f.nodeViewProps,computed:{text(){return"@"+this.$props.node.attrs.name}}};function nn(e,n,o,r,i,s){const a=t.resolveComponent("dt-link"),d=t.resolveComponent("node-view-wrapper");return t.openBlock(),t.createBlock(d,{class:"d-d-inline-block"},{default:t.withCtx(()=>[t.createVNode(a,{kind:"inverted",class:"dt-link--mention",href:null},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(s.text),1)]),_:1})]),_:1})}const on=l._export_sfc(tn,[["render",nn]]),sn=Se.extend({addNodeView(){return f.VueNodeViewRenderer(on)},parseHTML(){return[{tag:"mention-component"}]},addAttributes(){return{name:{default:""},avatarSrc:{default:""},id:{default:""}}},renderText({node:e}){return"@ "+e.attrs.name},renderHTML({HTMLAttributes:e}){return["mention-component",h.mergeAttributes(this.options.HTMLAttributes,e),0]}}),me=["text","json","html"],pe=["start","end","all"],rn={name:"MentionSuggestion",components:{DtAvatar:Y,DtStack:V},props:{item:{type:Object,required:!0}},computed:{name(){return this.item.name},avatarSrc(){return this.item.avatarSrc}}};function an(e,n,o,r,i,s){const a=t.resolveComponent("dt-avatar"),d=t.resolveComponent("dt-stack");return t.openBlock(),t.createBlock(d,{direction:"row",gap:"400"},{default:t.withCtx(()=>[t.createVNode(a,{"full-name":s.name,"image-src":s.avatarSrc,size:"xs"},null,8,["full-name","image-src"]),t.createTextVNode(" "+t.toDisplayString(s.name),1)]),_:1})}const ln=l._export_sfc(rn,[["render",an]]),cn={render:()=>{let e,n;return{onStart:o=>{e=new f.VueRenderer(ue,{props:{itemComponent:t.markRaw(ln),itemType:"mention",...o},editor:o.editor}),o.clientRect&&(n=H("body",{getReferenceClientRect:o.clientRect,appendTo:()=>document.body,content:e.element,showOnCreate:!0,interactive:!0,trigger:"manual",placement:"bottom-start"}))},onUpdate(o){e.updateProps(o),o.clientRect&&n[0].setProps({getReferenceClientRect:o.clientRect})},onKeyDown(o){var r;return o.event.key==="Escape"?(n[0].hide(),!0):(r=e.ref)==null?void 0:r.onKeyDown(o)},onExit(){n[0].destroy(),e.destroy()}}}};const dn={name:"DtRichTextEditor",components:{EditorContent:f.EditorContent},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(e){return typeof e=="string"?pe.includes(e):!0}},outputFormat:{type:String,default:"text",validator(e){return me.includes(e)}},placeholder:{type:String,default:""},link:{type:[Boolean,Object],default:!1},mentionSuggestion:{type:Object,default:null}},emits:["input","update:modelValue","blur","focus"],data(){return{editor:null,popoverOpened:!1}},computed:{extensions(){const e=[fe,_e,ye,Ce];if(this.link&&e.push(this.getExtension(en,this.link)),e.push(ve.configure({placeholder:this.placeholder})),e.push(ge.extend({addKeyboardShortcuts(){return{Enter:()=>!0,"Shift-Enter":()=>this.editor.commands.first(({commands:n})=>[()=>n.newlineInCode(),()=>n.createParagraphNear(),()=>n.liftEmptyBlock(),()=>n.splitBlock()])}}})),this.mentionSuggestion){const n={...this.mentionSuggestion,...cn};e.push(sn.configure({suggestion:n}))}return e.push(Ut),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()},modelValue(e){let n=this.getOutput();this.outputFormat==="json"&&(e=JSON.stringify(e),n=JSON.stringify(n)),e!==n&&this.editor.commands.setContent(e,!1)}},created(){this.createEditor()},beforeUnmount(){this.destroyEditor()},methods:{createEditor(){this.editor=new f.Editor({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 e=this.getOutput();this.$emit("input",e),this.$emit("update:modelValue",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,n){var o;return typeof n=="boolean"?e:(o=e.configure)==null?void 0:o.call(e,n)},updateEditorAttributes(e){this.editor.setOptions({editorProps:{attributes:e}})},focusEditor(){this.editor.commands.focus()}}};function un(e,n,o,r,i,s){const a=t.resolveComponent("editor-content");return t.openBlock(),t.createBlock(a,{editor:i.editor,"data-qa":"dt-rich-text-editor"},null,8,["editor"])}const mn=l._export_sfc(dn,[["render",un]]);const pn={name:"DtRecipeMessageInput",components:{DtButton:m.DtButton,DtEmojiPicker:m._sfc_main,DtIcon:m.DtIcon,DtInput:m.DtInput,DtNotice:de,DtPopover:ce,DtRichTextEditor:mn,DtTooltip:l.DtTooltip},mixins:[],inheritAttrs:!1,props:{modelValue:{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(e){return typeof e=="string"?pe.includes(e):!0}},outputFormat:{type:String,default:"text",validator(e){return me.includes(e)}},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},characterLimitWarningMessage:{type:String,default:""},showNotice:{type:Boolean,default:!1},noticeMessage:{type:String,default:""},noticeKind:{type:String,default:"error",validate(e){return I.includes(e)}},maxHeight:{type:String,default:"unset"},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..."},emojiTooltipMessage:{type:String,default:"Emoji"},emojiButtonAriaLabel:{type:String,default:"emoji button"},imageButtonAriaLabel:{type:String,default:"image button"},imageTooltipLabel:{type:String,default:"Attach Image"},sendButtonAriaLabel:{type:String,default:"send button"},sendTooltipLabel:{type:String,default:"Send"}},emits:["submit","select-media","add-media","notice-close"],data(){return{skinTone:"Default",internalInputValue:this.modelValue,hasFocus:!1,imagePickerFocus:!1,emojiPickerFocus:!1,sendButtonFocus:!1,emojiPickerOpened:!1}},computed:{inputLength(){return this.internalInputValue.length},displayCharacterLimitWarning(){return this.hasCharacterLimit&&this.characterLimitCount-this.inputLength<=this.characterLimitWarning},isSendDisabled(){return this.inputLength===0||this.disableSend||this.hasCharacterLimit&&this.inputLength>this.characterLimitCount},computedCloseButtonProps(){return{ariaLabel:"Close"}},noticeClasses(){return["dt-message-input-notice","d-ps-relative","d-t8","d-bbr0","d-pt4","d-pb8","d-pr12","d-pl16","d-bs-none","d-fs-100","d-wmx-unset"]},emojiPickerHovered(){return this.emojiPickerFocus||this.emojiPickerOpened}},watch:{modelValue(e){this.internalInputValue=e}},methods:{onDrag(e){e.stopPropagation(),e.preventDefault()},onDrop(e){e.stopPropagation(),e.preventDefault();const n=e.dataTransfer,r=Array.from(n.files).map(i=>i.name);this.$emit("add-media",r)},onSelectEmoji(e){if(!e){this.emojiPickerOpened=!1;return}this.$refs.richTextEditor.editor.commands.insertContent({type:"emoji",attrs:{code:e.shortname}}),this.emojiPickerOpened=!1},onSelectImage(){this.$refs.messageInputImageUpload.$refs.input.click()},onImageUpload(e){this.$emit("select-media",e)},toggleEmojiPicker(){this.emojiPickerOpened=!this.emojiPickerOpened},onSend(){this.isSendDisabled||this.$emit("submit",this.internalInputValue)},noticeClose(){this.$emit("notice-close",!0)},focus(){this.$refs.richTextEditor.focusEditor(),this.hasFocus=!0}}},hn={class:"d-ps-relative d-bar8 d-bgc-white"},fn={class:"d-d-flex d-jc-space-between d-mx8 d-my4"},_n={class:"d-d-flex"},gn={class:"d-d-flex"},yn={key:0,class:"d-fc-error d-mr16 d-as-center dt-message-input--remaining-char","data-qa":"dt-message-input-character-limit"},vn={class:"d-d-flex d-jc-space-between d-h24 d-ai-center"},Cn={"data-qa":"dt-message-input-footer-left"},bn={"data-qa":"dt-message-input-footer-right"};function Sn(e,n,o,r,i,s){const a=t.resolveComponent("dt-icon"),d=t.resolveComponent("dt-notice"),p=t.resolveComponent("dt-rich-text-editor"),u=t.resolveComponent("dt-button"),g=t.resolveComponent("dt-input"),_=t.resolveComponent("dt-tooltip"),b=t.resolveComponent("dt-emoji-picker"),y=t.resolveComponent("dt-popover");return t.openBlock(),t.createElementBlock(t.Fragment,null,[o.showNotice?(t.openBlock(),t.createBlock(d,{key:0,"data-qa":"dt-message-input-error-notice",class:t.normalizeClass(s.noticeClasses),kind:o.noticeKind,"close-button-props":s.computedCloseButtonProps,onClose:s.noticeClose},{icon:t.withCtx(()=>[t.createVNode(a,{size:"300",name:"alert-circle"})]),default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(o.noticeMessage)+" ",1)]),_:1},8,["class","kind","close-button-props","onClose"])):t.createCommentVNode("",!0),t.createElementVNode("div",hn,[t.createElementVNode("div",{"data-qa":"dt-message-input",role:"presentation",class:t.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}]),onClick:n[17]||(n[17]=c=>e.$refs.richTextEditor.focusEditor()),onDragEnter:n[18]||(n[18]=(...c)=>s.onDrag&&s.onDrag(...c)),onDragOver:n[19]||(n[19]=(...c)=>s.onDrag&&s.onDrag(...c)),onDrop:n[20]||(n[20]=(...c)=>s.onDrop&&s.onDrop(...c)),onKeydown:n[21]||(n[21]=t.withKeys(t.withModifiers((...c)=>s.onSend&&s.onSend(...c),["exact"]),["enter"])),onFocusin:n[22]||(n[22]=c=>i.hasFocus=!0),onFocusout:n[23]||(n[23]=c=>i.hasFocus=!1)},[t.createElementVNode("div",{class:"d-of-auto d-mx16 d-mt8 d-mb4",style:t.normalizeStyle({"max-height":o.maxHeight})},[t.createVNode(p,t.mergeProps({ref:"richTextEditor",modelValue:i.internalInputValue,"onUpdate:modelValue":n[0]||(n[0]=c=>i.internalInputValue=c),editable:o.editable,"input-aria-label":o.inputAriaLabel,"input-class":o.inputClass,"output-format":o.outputFormat,"auto-focus":o.autoFocus,link:o.link,placeholder:o.placeholder},e.$attrs,{onFocus:n[1]||(n[1]=c=>i.hasFocus=!0),onBlur:n[2]||(n[2]=c=>i.hasFocus=!1)}),null,16,["modelValue","editable","input-aria-label","input-class","output-format","auto-focus","link","placeholder"])],4),t.renderSlot(e.$slots,"middle"),t.createElementVNode("section",fn,[t.createElementVNode("div",_n,[t.createVNode(_,{placement:"top-start",message:o.imageTooltipLabel,offset:[-4,-4]},{anchor:t.withCtx(()=>[t.createVNode(u,{"data-qa":"dt-message-input-image-btn",size:"sm",circle:"",kind:i.imagePickerFocus?"default":"muted",importance:"clear","aria-label":o.imageButtonAriaLabel,onClick:s.onSelectImage,onMouseenter:n[3]||(n[3]=c=>i.imagePickerFocus=!0),onMouseleave:n[4]||(n[4]=c=>i.imagePickerFocus=!1),onFocusin:n[5]||(n[5]=c=>i.imagePickerFocus=!0),onFocusout:n[6]||(n[6]=c=>i.imagePickerFocus=!1)},{icon:t.withCtx(()=>[t.createVNode(a,{name:"image",size:"300"})]),_:1},8,["kind","aria-label","onClick"]),t.createVNode(g,{ref:"messageInputImageUpload","data-qa":"dt-message-input-image-input",type:"file",class:"d-ps-absolute",multiple:"",hidden:"",onInput:s.onImageUpload},null,8,["onInput"])]),_:1},8,["message"]),t.createVNode(y,{"data-qa":"dt-message-input-emoji-picker-popover",open:i.emojiPickerOpened,"initial-focus-element":"#searchInput",padding:"none",onOpened:n[12]||(n[12]=c=>{i.emojiPickerOpened=c})},{anchor:t.withCtx(()=>[t.createVNode(_,{message:o.emojiTooltipMessage,offset:[0,-4]},{anchor:t.withCtx(()=>[t.createVNode(u,{"data-qa":"dt-message-input-emoji-picker-btn",size:"sm",circle:"",kind:s.emojiPickerHovered?"default":"muted",importance:"clear","aria-label":o.emojiButtonAriaLabel,offset:[0,0],onClick:s.toggleEmojiPicker,onMouseenter:n[7]||(n[7]=c=>i.emojiPickerFocus=!0),onMouseleave:n[8]||(n[8]=c=>i.emojiPickerFocus=!1),onFocusin:n[9]||(n[9]=c=>i.emojiPickerFocus=!0),onFocusout:n[10]||(n[10]=c=>i.emojiPickerFocus=!1)},{icon:t.withCtx(()=>[t.createVNode(a,{name:s.emojiPickerHovered?"very-satisfied":"satisfied",size:"300"},null,8,["name"])]),_:1},8,["kind","aria-label","onClick"])]),_:1},8,["message"])]),content:t.withCtx(()=>[t.createVNode(b,{"tab-set-labels":o.emojiTabSetLabels,"skin-selector-button-tooltip-label":o.emojiSkinSelectorButtonTooltipLabel,"search-no-results-label":o.emojiSearchNoResultsLabel,"search-results-label":o.emojiSearchResultsLabel,"search-placeholder-label":o.emojiSearchPlaceholderLabel,"skin-tone":i.skinTone,onSkinTone:n[11]||(n[11]=c=>i.skinTone=c),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"])]),t.createElementVNode("div",gn,[s.displayCharacterLimitWarning?(t.openBlock(),t.createBlock(_,{key:0,enabled:o.characterLimitWarningMessage&&o.characterLimitCount-s.inputLength<0,placement:"top-end",message:o.characterLimitWarningMessage,offset:[10,-8]},{anchor:t.withCtx(()=>[s.displayCharacterLimitWarning?(t.openBlock(),t.createElementBlock("p",yn,t.toDisplayString(o.characterLimitCount-s.inputLength),1)):t.createCommentVNode("",!0)]),_:1},8,["enabled","message"])):t.createCommentVNode("",!0),t.createVNode(_,{placement:"top-end",message:o.sendTooltipLabel,show:!s.isSendDisabled&&i.sendButtonFocus,offset:[6,-4]},{anchor:t.withCtx(()=>[t.createVNode(u,{"data-qa":"dt-message-input-send-btn",size:"sm",kind:s.isSendDisabled?"muted":"default",circle:"",importance:"primary",class:t.normalizeClass({"message-input-button__disabled d-fc-muted":s.isSendDisabled}),"aria-label":o.sendButtonAriaLabel,"aria-disabled":s.isSendDisabled,onClick:s.onSend,onMouseenter:n[13]||(n[13]=c=>i.sendButtonFocus=!0),onMouseleave:n[14]||(n[14]=c=>i.sendButtonFocus=!1),onFocusin:n[15]||(n[15]=c=>i.sendButtonFocus=!0),onFocusout:n[16]||(n[16]=c=>i.sendButtonFocus=!1)},{icon:t.withCtx(()=>[t.createVNode(a,{name:"send",size:"300"})]),_:1},8,["kind","class","aria-label","aria-disabled","onClick"])]),_:1},8,["message","show"])])])],34),t.createElementVNode("section",vn,[t.createElementVNode("div",Cn,[t.renderSlot(e.$slots,"footerLeft")]),t.createElementVNode("div",bn,[t.renderSlot(e.$slots,"footerRight")])])])],64)}const kn=l._export_sfc(pn,[["render",Sn]]);exports.AVATAR_COLORS=G;exports.AVATAR_GROUP_VALIDATOR=N;exports.AVATAR_ICON_SIZES=W;exports.AVATAR_KIND_MODIFIERS=$;exports.AVATAR_PRESENCE_SIZE_MODIFIERS=U;exports.AVATAR_PRESENCE_STATES=P;exports.AVATAR_SIZE_MODIFIERS=E;exports.DT_STACK_GAP=A;exports.DtAvatar=Y;exports.DtItemLayout=B;exports.DtLink=te;exports.DtListItem=ne;exports.DtNotice=de;exports.DtNoticeAction=J;exports.DtNoticeContent=X;exports.DtNoticeIcon=Z;exports.DtPopover=ce;exports.DtPresence=K;exports.DtStack=V;exports.LIST_ITEM_NAVIGATION_TYPES=S;exports.Modal=ee;exports.NOTICE_KINDS=I;exports.POPOVER_APPEND_TO_VALUES=le;exports.POPOVER_CONTENT_WIDTHS=re;exports.POPOVER_HEADER_FOOTER_PADDING_CLASSES=se;exports.POPOVER_INITIAL_FOCUS_STRINGS=ae;exports.POPOVER_PADDING_CLASSES=D;exports.POPOVER_ROLES=ie;exports.PRESENCE_STATES=C;exports.PRESENCE_STATES_LIST=z;exports.SrOnlyCloseButton=x;exports.SrOnlyCloseButtonMixin=w;exports.message_input=kn;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./message_input-2f040a4e.cjs");require("./tooltip-3390fc3b.cjs");require("vue");require("./emoji-125c2250.cjs");exports.DtRecipeMessageInput=e.message_input;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./message_input-4d2df135.cjs");require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/vue-3/dist/index.js");require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-code-block/dist/index.js");require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-document/dist/index.js");require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-hard-break/dist/index.js");require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-paragraph/dist/index.js");require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-placeholder/dist/index.js");require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-text/dist/index.js");require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/core/dist/index.js");require("./emoji-2ba641cd.cjs");require("vue");require("./tooltip-e88ebb8c.cjs");require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/tippy.js/dist/tippy.esm.js");require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/emoji-regex/index.mjs");require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/pm/state/dist/index.js");require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/suggestion/dist/index.js");require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-mention/dist/index.js");require("/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@dialpad/dialtone-icons/dist/icons.json");exports.DtRecipeMessageInput=e.message_input;
@@ -1,7 +1,21 @@
1
- import { y as i } from "./message_input-97a05856.js";
2
- import "./tooltip-02b802bc.js";
1
+ import { z as R } from "./message_input-104c4579.js";
2
+ import "/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/vue-3/dist/index.js";
3
+ import "/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-code-block/dist/index.js";
4
+ import "/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-document/dist/index.js";
5
+ import "/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-hard-break/dist/index.js";
6
+ import "/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-paragraph/dist/index.js";
7
+ import "/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-placeholder/dist/index.js";
8
+ import "/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-text/dist/index.js";
9
+ import "/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/core/dist/index.js";
10
+ import "./emoji-fa0ee549.js";
3
11
  import "vue";
4
- import "./emoji-ee056efb.js";
12
+ import "./tooltip-0cdd1500.js";
13
+ import "/home/runner/work/dialtone-vue/dialtone-vue/node_modules/tippy.js/dist/tippy.esm.js";
14
+ import "/home/runner/work/dialtone-vue/dialtone-vue/node_modules/emoji-regex/index.mjs";
15
+ import "/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/pm/state/dist/index.js";
16
+ import "/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/suggestion/dist/index.js";
17
+ import "/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@tiptap/extension-mention/dist/index.js";
18
+ import "/home/runner/work/dialtone-vue/dialtone-vue/node_modules/@dialpad/dialtone-icons/dist/icons.json";
5
19
  export {
6
- i as DtRecipeMessageInput
20
+ R as DtRecipeMessageInput
7
21
  };
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .skeleton-placeholder{display:flex;stroke:none;fill:var(--placeholder-from-color, var(--dt-color-black-300));background:var(--placeholder-from-color, var(--dt-color-black-300))}.skeleton-placeholder--animate{animation-name:placeholder-throb;animation-iteration-count:infinite}@keyframes placeholder-throb{10%{fill:var(--placeholder-from-color, var(--dt-color-black-300));background:var(--placeholder-from-color, var(--dt-color-black-300))}50%{fill:var(--placeholder-to-color, var(--dt-color-black-100));background:var(--placeholder-to-color, var(--dt-color-black-100))}90%{fill:var(--placeholder-from-color, var(--dt-color-black-300));background:var(--placeholder-from-color, var(--dt-color-black-300))}}.dt-emoji[data-v-6ad3e149]{display:inline-block}.tippy-box[data-popper-reference-hidden] .d-tooltip,.tippy-box[data-popper-escaped] .d-tooltip{visibility:hidden;pointer-events:none}.dt-empty-list-item{display:flex;align-items:center;justify-content:center;font-size:var(--dt-font-size-200);line-height:var(--lh4);padding:var(--dt-space-300) var(--dt-space-450)}.enter-active,.leave-active{overflow:hidden;transition:height var(--td300) var(--ttf-quint)}.d-context-menu-list{width:var(--dt-size-850)}.dt-list-item[role=menuitem]{border-radius:var(--dt-size-300)}.dt-list-separator{border-top:var(--dt-size-100) solid var(--dt-color-border-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(--dt-font-line-height-300)}.dt-recipe-callbar-button--circle{border-radius:var(--dt-size-radius-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--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(--dt-space-350-negative);margin-left:calc(var(--dt-space-300-negative) * 5);width:var(--dt-size-500);height:var(--dt-size-500);padding:var(--dt-space-400);border-radius:var(--dt-size-300)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--dt-color-surface-moderate-opaque)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--dt-color-surface-contrast);color:var(--dt-color-foreground-primary-inverted)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header .d-btn{color:var(--dt-color-foreground-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(--dt-color-surface-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}.dt-contact-info[data-v-3d0f9d2e]{--contact-info-avatar-border-color: var(--dt-color-surface-primary);display:flex}.dt-contact-info[data-v-3d0f9d2e] .dt-item-layout{flex:1 1 0}.dt-contact-info[data-v-3d0f9d2e] .dt-item-layout--content{min-width:var(--dt-space-825)}.dt-contact-info[data-v-3d0f9d2e] .dt-item-layout--left{min-width:var(--dt-space-650);justify-content:flex-start;align-items:center}.dt-contact-info[data-v-3d0f9d2e] .dt-item-layout--right{min-width:0;align-items:center}.dt-contact-info--avatars .d-avatar[data-v-3d0f9d2e]{border-radius:var(--dt-size-radius-pill);border:var(--dt-size-300) solid var(--contact-info-avatar-border-color);box-sizing:unset}.d-top-banner-info__left{margin:var(--dt-space-300) 0 var(--dt-space-300) var(--dt-space-400);min-width:20%}.d-top-banner-info__middle{display:flex;align-items:center;gap:var(--dt-size-300)}.d-top-banner-info__right{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--dt-size-300);margin:var(--dt-space-300) var(--dt-space-500) var(--dt-space-300) 0;min-width:20%}.ivr_node__width{width:280px}.ivr_node__goto_icon{transform:rotate(90deg)}.ivr-connector{z-index:var(--zi-base);display:flex;justify-content:center;align-items:center;border-color:var(--dt-color-purple-600);background-color:var(--dt-color-purple-600)}.dt-chip-content{font-variant-numeric:tabular-nums}.settings-menu-button[data-v-b0dfa8b3]{padding:var(--dt-space-0);border-radius:var(--dt-size-550);height:var(--dt-size-600);width:var(--dt-size-550);color:var(--dt-theme-topbar-button-color-foreground);background-color:var(--dt-theme-topbar-button-color-background)}.settings-menu-button[data-v-b0dfa8b3]:hover{background-color:var(--dt-theme-topbar-button-color-background-hover);color:var(--dt-theme-topbar-button-color-foreground-hover)}.settings-menu-button[data-v-b0dfa8b3]:active{background-color:var(--dt-theme-topbar-button-color-background-active)}.settings-menu-button-update[data-v-b0dfa8b3]{background-color:hsla(var(--dt-color-blue-200-hsl) / 25%);color:var(--dt-color-blue-500);border-color:hsla(var(--dt-color-blue-200-hsl) / 25%);border-radius:var(--dt-size-radius-pill);height:var(--dt-size-600)}.settings-menu-button-update[data-v-b0dfa8b3]:hover{background-color:hsla(var(--dt-color-blue-200-hsl) / 50%);color:var(--dt-theme-topbar-button-color-foreground-hover)}.dt-leftbar-row[data-v-49d75ce6]{--leftbar-row-color-foreground: var(--dt-theme-sidebar-color-foreground);--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background);--leftbar-row-radius: var(--dt-size-radius-pill);--leftbar-row-opacity: 100%;--leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-icon-color-foreground);--leftbar-row-alpha-width: calc(var(--dt-size-300) * 10);--leftbar-row-alpha-height: calc(var(--dt-size-300) * 9);--leftbar-row-omega-height: var(--leftbar-row-alpha-height);--leftbar-row-unread-badge-display: inline-flex;--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground);--leftbar-row-description-font-weight: var(--dt-font-weight-normal);--leftbar-row-description-font-size: var(--dt-font-size-200);--leftbar-row-description-line-height: var(--dt-font-line-height-200);--leftbar-row-status-color-foreground: var(--dt-theme-sidebar-status-color-foreground);--leftbar-row-status-font-size: var(--dt-font-size-100);--leftbar-row-status-line-height: var(--dt-font-line-height-100);--leftbar-row-action-position-right: var(--dt-size-400);--leftbar-row-action-position-bottom: 50%;--leftbar-row-action-width: var(--dt-size-550);--leftbar-row-action-height: var(--leftbar-row-action-width);position:relative;opacity:var(--leftbar-row-opacity);display:flex;background-color:var(--dt-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[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):hover,.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):focus-within{--leftbar-row-unread-badge-display: none}.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action{display:inline-flex}.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button{opacity:1}.dt-leftbar-row[data-v-49d75ce6]:hover,.dt-leftbar-row[data-v-49d75ce6]:focus-within{--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-hover)}.dt-leftbar-row[data-v-49d75ce6]:hover .d-presence,.dt-leftbar-row[data-v-49d75ce6]:focus-within .d-presence{--presence-color-border-base: var(--dt-color-black-200)}.dt-leftbar-row[data-v-49d75ce6]:hover .d-avatar__count,.dt-leftbar-row[data-v-49d75ce6]:focus-within .d-avatar__count{--avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background)}.dt-leftbar-row--has-unread[data-v-49d75ce6]{--leftbar-row-description-font-weight: var(--dt-font-weight-bold);--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);--leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-color-foreground-unread)}.dt-leftbar-row--unread-count[data-v-49d75ce6] .dt-leftbar-row__action{display:none}.dt-leftbar-row--muted[data-v-49d75ce6]{--leftbar-row-opacity: 60%}.dt-leftbar-row--selected[data-v-49d75ce6]{--leftbar-row-color-background: var(--dt-theme-sidebar-selected-row-color-background);--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-selected-row-color-foreground)}.dt-leftbar-row--selected[data-v-49d75ce6] .d-presence{--presence-color-border-base: var(--dt-color-black-200)}.dt-leftbar-row--selected[data-v-49d75ce6] .d-avatar__count{--avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background)}.dt-leftbar-row__is-typing[data-v-49d75ce6]{--is-typing-size-shape: var(--dt-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(--dt-size-radius-pill);opacity:.75}.dt-leftbar-row__is-typing span[data-v-49d75ce6]{transition:all .5s ease;background:var(--dt-color-surface-strong);height:4px;width:4px;display:inline-block;padding:0;opacity:.3;border-radius:var(--dt-size-radius-pill);animation:wave-49d75ce6 1.5s ease infinite}.dt-leftbar-row__is-typing span[data-v-49d75ce6]:nth-child(1){animation-delay:0ms}.dt-leftbar-row__is-typing span[data-v-49d75ce6]:nth-child(2){animation-delay:var(--td100)}.dt-leftbar-row__is-typing span[data-v-49d75ce6]:nth-child(3){animation-delay:var(--td200)}.dt-leftbar-row__primary[data-v-49d75ce6]{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;-webkit-appearance:none;-moz-appearance: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[data-v-49d75ce6]:active{--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active)}.dt-leftbar-row__primary[data-v-49d75ce6]:focus-visible{box-shadow:var(--dt-shadow-focus-inset)}.dt-leftbar-row__action-button[data-v-49d75ce6]{opacity:0;width:var(--leftbar-row-action-width);height:var(--leftbar-row-action-height)}.dt-leftbar-row__alpha[data-v-49d75ce6]{color:var(--leftbar-row-alpha-color-foreground);display:flex;box-sizing:border-box;justify-content:center;align-items:center;padding-left:var(--dt-space-400);padding-right:var(--dt-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[data-v-49d75ce6]{flex:0 1;min-width:0}.dt-leftbar-row__omega[data-v-49d75ce6]{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(--dt-space-300);justify-content:flex-end;align-items:center;box-sizing:border-box;border-radius:var(--leftbar-row-radius)}.dt-leftbar-row__unread-badge[data-v-49d75ce6]{display:var(--leftbar-row-unread-badge-display)}.dt-leftbar-row__active-voice[data-v-49d75ce6]{color:var(--dt-color-foreground-success);display:inline-flex;-webkit-animation-name:opacity-pulsate-49d75ce6;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate-49d75ce6;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate-49d75ce6;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}.dt-leftbar-row__dnd[data-v-49d75ce6]{padding-top:var(--dt-space-200);padding-right:var(--dt-space-300);color:var(--dt-color-foreground-tertiary);font-size:var(--dt-font-size-100);line-height:var(--dt-font-line-height-400);font-weight:var(--dt-font-weight-medium)}.dt-leftbar-row[data-v-49d75ce6] .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);color:var(--leftbar-row-description-color-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row[data-v-49d75ce6] .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(--dt-space-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row[data-v-49d75ce6] .dt-leftbar-row__meta-context~.dt-leftbar-row__meta-custom:not(:empty):before{content:" • ";color:var(--dt-theme-sidebar-status-color-foreground)}.dt-leftbar-row__icon-cc[data-v-49d75ce6]{border-radius:var(--dt-size-200);width:calc(var(--dt-size-300) * 3.5);height:calc(var(--dt-size-300) * 3.5)}.opacity-pulsate[data-v-49d75ce6]{-webkit-animation-name:opacity-pulsate-49d75ce6;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate-49d75ce6;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate-49d75ce6;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}@-webkit-keyframes opacity-pulsate-49d75ce6{0%,to{opacity:.2}50%{opacity:1}}@-moz-keyframes opacity-pulsate-49d75ce6{0%,to{opacity:.2}50%{opacity:1}}@keyframes opacity-pulsate-49d75ce6{0%,to{opacity:.2}50%{opacity:1}}@keyframes wave-49d75ce6{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(--dt-space-200) var(--dt-space-500) var(--dt-space-200) var(--dt-space-400);gap:var(--dt-space-300);font-size:var(--dt-font-size-100);box-shadow:var(--dt-shadow-medium);border-radius:var(--dt-size-radius-pill);border:none;line-height:var(--dt-font-line-height-600);cursor:pointer}.dt-leftbar-unread-pill--mentions{font-weight:var(--dt-font-weight-bold);background-color:var(--dt-theme-mention-color-background);color:var(--dt-theme-mention-color-foreground)}.dt-leftbar-unread-pill--messages{background-color:var(--dt-color-surface-contrast);color:var(--dt-color-foreground-secondary-inverted)}.dt-feed-item-row[data-v-5db9c697]{transition-duration:2s!important}.dt-feed-item-row .content-text-wrapper-class[data-v-5db9c697]:not(img){line-height:1.6rem}.dt-feed-item-row[data-v-5db9c697] .dt-item-layout--left .d-avatar{align-self:flex-start;margin-top:var(--dt-space-300)}.dt-recipe-feed-item-pill__wrapper[data-v-2e98d8f9]{background-color:var(--dt-color-surface-secondary);padding:var(--dt-space-400)}.dt-recipe-feed-item-pill__button[data-v-2e98d8f9]{background-color:var(--dt-color-surface-moderate);text-align:left;width:100%;cursor:pointer;border-width:0;border-radius:var(--dt-size-radius-600);--button-padding-x: var(--button-padding-y-md);--button-padding-y: var(--button-padding-y-md);--button-color-text: var(--dt-action-color-foreground-muted-default);--button-border-radius: var(--dt-size-radius-600)}.dt-recipe-feed-item-pill__layout[data-v-2e98d8f9]{padding:var(--dt-space-400);width:100%}.dt-recipe-feed-item-pill__icon[data-v-2e98d8f9]{animation:fade-2e98d8f9 .15s ease-in;margin-right:var(--dt-space-400)}.dt-recipe-feed-item-pill__content[data-v-2e98d8f9]{display:flex;justify-content:center}.dt-recipe-feed-item-pill__title[data-v-2e98d8f9]{font-weight:var(--dt-font-weight-bold)}.dt-recipe-feed-item-pill__border[data-v-2e98d8f9]{border:double 1px transparent;border-radius:var(--dt-size-radius-600);background-origin:border-box;background-clip:content-box,border-box;overflow:hidden}.dt-recipe-feed-item-pill__border-default[data-v-2e98d8f9]{background:var(--dt-color-border-default)}.dt-recipe-feed-item-pill__border-ai[data-v-2e98d8f9]{background-image:linear-gradient(var(--dt-color-surface-primary),var(--dt-color-surface-primary)),var(--dt-badge-color-background-ai)}.dt-recipe-feed-item-pill__border-critical[data-v-2e98d8f9]{background:var(--dt-color-foreground-critical)}@keyframes fade-2e98d8f9{0%{transform:scale(0)}to{transform:scale(1)}}.dt-emoji-row{display:flex;flex-wrap:wrap}.dt-emoji-row__reaction{padding:var(--dt-space-300) var(--dt-space-400);gap:var(--dt-space-300);border-radius:var(--dt-size-radius-500);margin-bottom:0;transition-delay:0s;transition-duration:var(--td50);transition-property:all;transition-timing-function:var(--ttf-in-out);color:var(--dt-color-foreground-secondary);background-color:var(--dt-color-surface-moderate-opaque)}.dt-emoji-row__reaction:hover,.dt-emoji-row__reaction:focus{border-color:hsla(var(--dt-color-black-600-hsl)/100%)!important}.dt-emoji-row__reaction--selected{color:var(--dt-color-link-primary);background-color:var(--dt-color-purple-100)!important;border-color:var(--dt-color-brand-purple)!important}.dt-emoji-row__reaction--selected:hover{color:var(--dt-color-link-primary)}.progress-bar__circle{fill:none;stroke-width:2;stroke-dasharray:var(--stroke-dasharray)}.progress-bar__circle:nth-child(1){stroke-dashoffset:0;stroke:var(--dt-color-black-100)}.progress-bar__circle:nth-child(2){stroke-dashoffset:var(--stroke-dashoffset);stroke:var(--dt-color-purple-500);transition:stroke-dashoffset .5s linear}.dt-attachment-image{position:relative}.dt-attachment-image:focus-within .dt-attachment-image__close-button,.dt-attachment-image:hover .dt-attachment-image__close-button{opacity:1}.dt-attachment-image__image-viewer{height:var(--dt-size-700);width:var(--dt-size-700);border:var(--dt-space-100) solid;border-radius:var(--br4);border-width:var(--dt-size-350);border-color:var(--dt-color-border-subtle);object-fit:cover}.dt-attachment-image__top-right{position:absolute;top:var(--dt-size-100);right:var(--dt-size-100)}.dt-attachment-image__close-button{opacity:0;position:absolute;top:inherit;right:inherit;color:var(--dt-color-neutral-white);background-color:var(--dt-color-black-400);border:var(--dt-space-100) solid;border-width:var(--dt-size-200);border-color:var(--dt-color-neutral-white)}.dt-attachment-image__progress-bar{position:absolute;top:inherit;right:inherit;background-color:var(--dt-color-neutral-white);border-radius:50%;display:flex;transform:rotate(-90deg);border:var(--dt-space-100) solid;border-width:var(--dt-size-200);border-color:var(--dt-color-border-subtle)}.dt-attachment-carousel{position:relative;max-height:100px;width:var(--dt-space-1000)}.dt-attachment-carousel__media-list{display:flex;flex-direction:row;padding-left:0;overflow-x:scroll}.dt-attachment-carousel__media-list::-webkit-scrollbar{display:none}.dt-attachment-carousel__arrow{position:absolute;opacity:0;background-color:var(--dt-color-neutral-white);top:var(--dt-space-30-percent);border:var(--dt-space-100) solid;border-width:var(--dt-size-100);border-color:var(--bc-default)}.dt-attachment-carousel:hover .dt-attachment-carousel__arrow{opacity:1}.dt-attachment-carousel__arrow--left{left:var(--dt-space-300)}.dt-attachment-carousel__arrow--right{right:var(--dt-space-300)}.dt-attachment-carousel__image-viewer{height:var(--dt-size-700);width:var(--dt-size-700);border-radius:var(--br4);border:var(--dt-space-100) solid;border-width:var(--dt-size-350);border-color:var(--dt-color-border-subtle)}.dt-recipe-callbox[data-v-66800ae7]{padding:0;color:var(--dt-color-foreground-primary);background-color:var(--dt-color-surface-primary);border-radius:var(--dt-size-radius-300)}.dt-recipe-callbox--video[data-v-66800ae7]{display:flex;border-radius:var(--dt-size-radius-200) var(--dt-size-radius-200) 0 0;overflow:clip;margin-bottom:var(--dt-space-300-negative)}.dt-recipe-callbox--main-content[data-v-66800ae7]{padding:0;border-radius:var(--dt-size-radius-300);border:var(--dt-size-border-100) solid transparent;align-items:stretch}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-default[data-v-66800ae7]{border-color:var(--dt-color-border-default)}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-ai[data-v-66800ae7]{background:linear-gradient(var(--dt-color-surface-primary),var(--dt-color-surface-primary)) padding-box,linear-gradient(135deg,var(--dt-color-border-accent),var(--dt-color-border-brand)) border-box}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-critical[data-v-66800ae7]{background:radial-gradient(var(--dt-color-surface-primary),var(--dt-color-surface-primary)) padding-box,radial-gradient(circle,#E7301D,#F78B23) border-box}.dt-recipe-callbox--main-content-top[data-v-66800ae7]{display:flex;align-items:center;padding:var(--dt-space-350) var(--dt-space-400)}.dt-recipe-callbox--main-content-bottom[data-v-66800ae7]{border-top:1px solid var(--dt-color-border-subtle)}.dt-recipe-callbox--avatar[data-v-66800ae7]{margin-right:var(--dt-space-400)}.dt-recipe-callbox--content[data-v-66800ae7]{display:flex;flex-direction:column;flex:1 0 auto;min-width:0}.dt-recipe-callbox--content-title[data-v-66800ae7]{overflow:clip;white-space:nowrap;text-overflow:ellipsis;color:var(--dt-color-foreground-primary);background-color:var(--dt-color-surface-primary);font-weight:var(--dt-font-weight-bold);border:none;padding:0;width:0;min-width:100%;text-align:left;-webkit-user-select:text;user-select:text;line-height:normal}.dt-recipe-callbox--content-badge[data-v-66800ae7]{line-height:normal}.dt-recipe-callbox--content-subtitle[data-v-66800ae7]{padding:0;font-size:var(--dt-font-size-100);color:var(--dt-color-foreground-tertiary);line-height:normal;overflow:hidden;width:0;min-width:100%}.dt-recipe-callbox--right[data-v-66800ae7]{display:flex;justify-content:right}.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-66800ae7]{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--dt-size-100)}.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-66800ae7]:focus-visible{outline:none;box-shadow:var(--dt-shadow-focus)}.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-66800ae7]:hover,.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-66800ae7]:active{text-decoration:underline}.dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-66800ae7]{background-color:var(--dt-color-surface-warning)}.d-avatar--image-loaded{background-color:transparent;background-image:unset}.d-avatar__count,.d-avatar__presence{z-index:var(--zi-base)}.d-avatar__overlay{background-color:var(--dt-color-surface-contrast-opaque);opacity:var(--dt-opacity-900);position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--dt-size-radius-circle);z-index:var(--zi-base)}.d-avatar__overlay-icon{color:var(--dt-color-foreground-primary-inverted);width:100%}.d-avatar__overlay-text{color:var(--dt-color-foreground-primary-inverted);font-weight:var(--dt-font-weight-bold);font-size:var(--dt-font-size-200);width:100%;text-align:center}.d-avatar--clickable{--avatar-color-border: transparent;cursor:pointer;padding:0;background-color:transparent;border-radius:var(--dt-size-radius-circle);border:var(--dt-size-border-100) solid var(--avatar-color-border)}.d-avatar--clickable:focus-visible{outline:none;box-shadow:var(--dt-shadow-focus)}.d-avatar--clickable:hover{--avatar-color-border: var(--dt-color-border-default)}.d-avatar--clickable:active{--avatar-color-border: var(--dt-color-border-moderate);transform:scale(.98)}.dt-item-layout[data-v-9afad3c4]{align-items:stretch}.dt-item-layout--content[data-v-9afad3c4]{display:flex;flex-direction:column;justify-content:center}.dt-item-layout--selected[data-v-9afad3c4]{display:flex;align-items:center}.dt-list-item{list-style:none;background-color:var(--dt-action-color-background-muted-default)}.dt-list-item:not(.dt-list-item--static){cursor:pointer;border-radius:var(--dt-size-radius-300)}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:var(--dt-action-color-background-muted-hover)}.dt-list-item--highlighted:active{background-color:var(--dt-action-color-background-muted-active)}.dt-list-item--selected-icon{margin-left:var(--dt-space-400)}.dt-list-item :focus-visible{outline:none;box-shadow:var(--dt-shadow-focus)}.tippy-box[data-popper-reference-hidden] .d-popover__dialog,.tippy-box[data-popper-escaped] .d-popover__dialog{visibility:hidden;pointer-events:none}.dt-suggestion-list{position:relative;padding:var(--dt-size-300);max-height:var(--dt-size-875)!important;min-width:var(--dt-size-925);max-width:var(--dt-size-975)}.dt-suggestion-list--item{border:var(--dt-size-100) solid transparent}.dt-link--mention{background-color:hsl(var(--dt-color-purple-400-hsl) / 10%);color:var(--dt-color-link-primary);border-radius:var(--dt-space-200);height:1.8rem}.dt-link--mention:hover{color:var(--dt-color-link-primary);background-color:hsl(var(--dt-color-purple-500-hsl) / 10%)}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--dt-color-foreground-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}.dt-message-input-notice .d-notice__icon{margin-right:8px}
1
+ .tippy-box[data-popper-reference-hidden] .d-tooltip,.tippy-box[data-popper-escaped] .d-tooltip{visibility:hidden;pointer-events:none}.skeleton-placeholder{display:flex;stroke:none;fill:var(--placeholder-from-color, var(--dt-color-black-300));background:var(--placeholder-from-color, var(--dt-color-black-300))}.skeleton-placeholder--animate{animation-name:placeholder-throb;animation-iteration-count:infinite}@keyframes placeholder-throb{10%{fill:var(--placeholder-from-color, var(--dt-color-black-300));background:var(--placeholder-from-color, var(--dt-color-black-300))}50%{fill:var(--placeholder-to-color, var(--dt-color-black-100));background:var(--placeholder-to-color, var(--dt-color-black-100))}90%{fill:var(--placeholder-from-color, var(--dt-color-black-300));background:var(--placeholder-from-color, var(--dt-color-black-300))}}.dt-emoji[data-v-6ad3e149]{display:inline-block}.dt-empty-list-item{display:flex;align-items:center;justify-content:center;font-size:var(--dt-font-size-200);line-height:var(--lh4);padding:var(--dt-space-300) var(--dt-space-450)}.enter-active,.leave-active{overflow:hidden;transition:height var(--td300) var(--ttf-quint)}.dt-description-list{display:flex;flex-wrap:wrap;align-items:flex-start;flex-direction:row;line-height:var(--dt-font-line-height-300);font-size:var(--dt-font-size-100);--description-list-gap: var(--dt-space-400);gap:var(--description-list-gap)}.dt-description-list--gap-0{--description-list-gap: var(--dt-space-0)}.dt-description-list--gap-100{--description-list-gap: var(--dt-space-100)}.dt-description-list--gap-200{--description-list-gap: var(--dt-space-200)}.dt-description-list--gap-300{--description-list-gap: var(--dt-space-300)}.dt-description-list--gap-400{--description-list-gap: var(--dt-space-400)}.dt-description-list--gap-500{--description-list-gap: var(--dt-space-500)}.dt-description-list--gap-600{--description-list-gap: var(--dt-space-600)}.dt-description-list--column{flex-direction:column}.dt-description-list__term{color:var(--dt-color-foreground-tertiary);flex:0 1 40%}.dt-description-list__description{color:var(--dt-color-foreground-primary);flex:1 1 50%;margin-left:0}.d-context-menu-list{width:var(--dt-size-850)}.dt-list-item[role=menuitem]{border-radius:var(--dt-size-300)}.dt-list-separator{border-top:var(--dt-size-100) solid var(--dt-color-border-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(--dt-font-line-height-300)}.dt-recipe-callbar-button--circle{border-radius:var(--dt-size-radius-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--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(--dt-space-350-negative);margin-left:calc(var(--dt-space-300-negative) * 5);width:var(--dt-size-500);height:var(--dt-size-500);padding:var(--dt-space-400);border-radius:var(--dt-size-300)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--dt-color-surface-moderate-opaque)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--dt-color-surface-contrast);color:var(--dt-color-foreground-primary-inverted)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header .d-btn{color:var(--dt-color-foreground-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(--dt-color-surface-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}.dt-contact-info[data-v-3d0f9d2e]{--contact-info-avatar-border-color: var(--dt-color-surface-primary);display:flex}.dt-contact-info[data-v-3d0f9d2e] .dt-item-layout{flex:1 1 0}.dt-contact-info[data-v-3d0f9d2e] .dt-item-layout--content{min-width:var(--dt-space-825)}.dt-contact-info[data-v-3d0f9d2e] .dt-item-layout--left{min-width:var(--dt-space-650);justify-content:flex-start;align-items:center}.dt-contact-info[data-v-3d0f9d2e] .dt-item-layout--right{min-width:0;align-items:center}.dt-contact-info--avatars .d-avatar[data-v-3d0f9d2e]{border-radius:var(--dt-size-radius-pill);border:var(--dt-size-300) solid var(--contact-info-avatar-border-color);box-sizing:unset}.d-top-banner-info__left{margin:var(--dt-space-300) 0 var(--dt-space-300) var(--dt-space-400);min-width:20%}.d-top-banner-info__middle{display:flex;align-items:center;gap:var(--dt-size-300)}.d-top-banner-info__right{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--dt-size-300);margin:var(--dt-space-300) var(--dt-space-500) var(--dt-space-300) 0;min-width:20%}.ivr_node__width{width:280px}.ivr_node__goto_icon{transform:rotate(90deg)}.ivr-connector{z-index:var(--zi-base);display:flex;justify-content:center;align-items:center;border-color:var(--dt-color-purple-600);background-color:var(--dt-color-purple-600)}.dt-chip-content{font-variant-numeric:tabular-nums}.settings-menu-button[data-v-b0dfa8b3]{padding:var(--dt-space-0);border-radius:var(--dt-size-550);height:var(--dt-size-600);width:var(--dt-size-550);color:var(--dt-theme-topbar-button-color-foreground);background-color:var(--dt-theme-topbar-button-color-background)}.settings-menu-button[data-v-b0dfa8b3]:hover{background-color:var(--dt-theme-topbar-button-color-background-hover);color:var(--dt-theme-topbar-button-color-foreground-hover)}.settings-menu-button[data-v-b0dfa8b3]:active{background-color:var(--dt-theme-topbar-button-color-background-active)}.settings-menu-button-update[data-v-b0dfa8b3]{background-color:hsla(var(--dt-color-blue-200-hsl) / 25%);color:var(--dt-color-blue-500);border-color:hsla(var(--dt-color-blue-200-hsl) / 25%);border-radius:var(--dt-size-radius-pill);height:var(--dt-size-600)}.settings-menu-button-update[data-v-b0dfa8b3]:hover{background-color:hsla(var(--dt-color-blue-200-hsl) / 50%);color:var(--dt-theme-topbar-button-color-foreground-hover)}.dt-leftbar-row[data-v-49d75ce6]{--leftbar-row-color-foreground: var(--dt-theme-sidebar-color-foreground);--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background);--leftbar-row-radius: var(--dt-size-radius-pill);--leftbar-row-opacity: 100%;--leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-icon-color-foreground);--leftbar-row-alpha-width: calc(var(--dt-size-300) * 10);--leftbar-row-alpha-height: calc(var(--dt-size-300) * 9);--leftbar-row-omega-height: var(--leftbar-row-alpha-height);--leftbar-row-unread-badge-display: inline-flex;--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground);--leftbar-row-description-font-weight: var(--dt-font-weight-normal);--leftbar-row-description-font-size: var(--dt-font-size-200);--leftbar-row-description-line-height: var(--dt-font-line-height-200);--leftbar-row-status-color-foreground: var(--dt-theme-sidebar-status-color-foreground);--leftbar-row-status-font-size: var(--dt-font-size-100);--leftbar-row-status-line-height: var(--dt-font-line-height-100);--leftbar-row-action-position-right: var(--dt-size-400);--leftbar-row-action-position-bottom: 50%;--leftbar-row-action-width: var(--dt-size-550);--leftbar-row-action-height: var(--leftbar-row-action-width);position:relative;opacity:var(--leftbar-row-opacity);display:flex;background-color:var(--dt-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[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):hover,.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):focus-within{--leftbar-row-unread-badge-display: none}.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action{display:inline-flex}.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button{opacity:1}.dt-leftbar-row[data-v-49d75ce6]:hover,.dt-leftbar-row[data-v-49d75ce6]:focus-within{--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-hover)}.dt-leftbar-row[data-v-49d75ce6]:hover .d-presence,.dt-leftbar-row[data-v-49d75ce6]:focus-within .d-presence{--presence-color-border-base: var(--dt-color-black-200)}.dt-leftbar-row[data-v-49d75ce6]:hover .d-avatar__count,.dt-leftbar-row[data-v-49d75ce6]:focus-within .d-avatar__count{--avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background)}.dt-leftbar-row--has-unread[data-v-49d75ce6]{--leftbar-row-description-font-weight: var(--dt-font-weight-bold);--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);--leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-color-foreground-unread)}.dt-leftbar-row--unread-count[data-v-49d75ce6] .dt-leftbar-row__action{display:none}.dt-leftbar-row--muted[data-v-49d75ce6]{--leftbar-row-opacity: 60%}.dt-leftbar-row--selected[data-v-49d75ce6]{--leftbar-row-color-background: var(--dt-theme-sidebar-selected-row-color-background);--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-selected-row-color-foreground)}.dt-leftbar-row--selected[data-v-49d75ce6] .d-presence{--presence-color-border-base: var(--dt-color-black-200)}.dt-leftbar-row--selected[data-v-49d75ce6] .d-avatar__count{--avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background)}.dt-leftbar-row__is-typing[data-v-49d75ce6]{--is-typing-size-shape: var(--dt-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(--dt-size-radius-pill);opacity:.75}.dt-leftbar-row__is-typing span[data-v-49d75ce6]{transition:all .5s ease;background:var(--dt-color-surface-strong);height:4px;width:4px;display:inline-block;padding:0;opacity:.3;border-radius:var(--dt-size-radius-pill);animation:wave-49d75ce6 1.5s ease infinite}.dt-leftbar-row__is-typing span[data-v-49d75ce6]:nth-child(1){animation-delay:0ms}.dt-leftbar-row__is-typing span[data-v-49d75ce6]:nth-child(2){animation-delay:var(--td100)}.dt-leftbar-row__is-typing span[data-v-49d75ce6]:nth-child(3){animation-delay:var(--td200)}.dt-leftbar-row__primary[data-v-49d75ce6]{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;-webkit-appearance:none;-moz-appearance: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[data-v-49d75ce6]:active{--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active)}.dt-leftbar-row__primary[data-v-49d75ce6]:focus-visible{box-shadow:var(--dt-shadow-focus-inset)}.dt-leftbar-row__action-button[data-v-49d75ce6]{opacity:0;width:var(--leftbar-row-action-width);height:var(--leftbar-row-action-height)}.dt-leftbar-row__alpha[data-v-49d75ce6]{color:var(--leftbar-row-alpha-color-foreground);display:flex;box-sizing:border-box;justify-content:center;align-items:center;padding-left:var(--dt-space-400);padding-right:var(--dt-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[data-v-49d75ce6]{flex:0 1;min-width:0}.dt-leftbar-row__omega[data-v-49d75ce6]{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(--dt-space-300);justify-content:flex-end;align-items:center;box-sizing:border-box;border-radius:var(--leftbar-row-radius)}.dt-leftbar-row__unread-badge[data-v-49d75ce6]{display:var(--leftbar-row-unread-badge-display)}.dt-leftbar-row__active-voice[data-v-49d75ce6]{color:var(--dt-color-foreground-success);display:inline-flex;-webkit-animation-name:opacity-pulsate-49d75ce6;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate-49d75ce6;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate-49d75ce6;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}.dt-leftbar-row__dnd[data-v-49d75ce6]{padding-top:var(--dt-space-200);padding-right:var(--dt-space-300);color:var(--dt-color-foreground-tertiary);font-size:var(--dt-font-size-100);line-height:var(--dt-font-line-height-400);font-weight:var(--dt-font-weight-medium)}.dt-leftbar-row[data-v-49d75ce6] .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);color:var(--leftbar-row-description-color-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row[data-v-49d75ce6] .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(--dt-space-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row[data-v-49d75ce6] .dt-leftbar-row__meta-context~.dt-leftbar-row__meta-custom:not(:empty):before{content:" • ";color:var(--dt-theme-sidebar-status-color-foreground)}.dt-leftbar-row__icon-cc[data-v-49d75ce6]{border-radius:var(--dt-size-200);width:calc(var(--dt-size-300) * 3.5);height:calc(var(--dt-size-300) * 3.5)}.opacity-pulsate[data-v-49d75ce6]{-webkit-animation-name:opacity-pulsate-49d75ce6;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate-49d75ce6;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate-49d75ce6;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}@-webkit-keyframes opacity-pulsate-49d75ce6{0%,to{opacity:.2}50%{opacity:1}}@-moz-keyframes opacity-pulsate-49d75ce6{0%,to{opacity:.2}50%{opacity:1}}@keyframes opacity-pulsate-49d75ce6{0%,to{opacity:.2}50%{opacity:1}}@keyframes wave-49d75ce6{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(--dt-space-200) var(--dt-space-500) var(--dt-space-200) var(--dt-space-400);gap:var(--dt-space-300);font-size:var(--dt-font-size-100);box-shadow:var(--dt-shadow-medium);border-radius:var(--dt-size-radius-pill);border:none;line-height:var(--dt-font-line-height-600);cursor:pointer}.dt-leftbar-unread-pill--mentions{font-weight:var(--dt-font-weight-bold);background-color:var(--dt-theme-mention-color-background);color:var(--dt-theme-mention-color-foreground)}.dt-leftbar-unread-pill--messages{background-color:var(--dt-color-surface-contrast);color:var(--dt-color-foreground-secondary-inverted)}.dt-feed-item-row[data-v-1219f3b4]{transition-duration:2s!important}.dt-feed-item-row__left-time[data-v-1219f3b4]{color:var(--dt-color-foreground-tertiary);padding-top:var(--dt-space-350);line-height:var(--dt-font-line-height-400);font-size:var(--dt-font-size-100);font-weight:var(--dt-font-weight-normal);white-space:nowrap;height:100%}.dt-feed-item-row .content-text-wrapper-class[data-v-1219f3b4]:not(img){line-height:1.6rem}.dt-feed-item-row[data-v-1219f3b4] .dt-item-layout--left .d-avatar{align-self:flex-start;margin-top:var(--dt-space-300)}.dt-recipe-feed-item-pill__wrapper[data-v-2e98d8f9]{background-color:var(--dt-color-surface-secondary);padding:var(--dt-space-400)}.dt-recipe-feed-item-pill__button[data-v-2e98d8f9]{background-color:var(--dt-color-surface-moderate);text-align:left;width:100%;cursor:pointer;border-width:0;border-radius:var(--dt-size-radius-600);--button-padding-x: var(--button-padding-y-md);--button-padding-y: var(--button-padding-y-md);--button-color-text: var(--dt-action-color-foreground-muted-default);--button-border-radius: var(--dt-size-radius-600)}.dt-recipe-feed-item-pill__layout[data-v-2e98d8f9]{padding:var(--dt-space-400);width:100%}.dt-recipe-feed-item-pill__icon[data-v-2e98d8f9]{animation:fade-2e98d8f9 .15s ease-in;margin-right:var(--dt-space-400)}.dt-recipe-feed-item-pill__content[data-v-2e98d8f9]{display:flex;justify-content:center}.dt-recipe-feed-item-pill__title[data-v-2e98d8f9]{font-weight:var(--dt-font-weight-bold)}.dt-recipe-feed-item-pill__border[data-v-2e98d8f9]{border:double 1px transparent;border-radius:var(--dt-size-radius-600);background-origin:border-box;background-clip:content-box,border-box;overflow:hidden}.dt-recipe-feed-item-pill__border-default[data-v-2e98d8f9]{background:var(--dt-color-border-default)}.dt-recipe-feed-item-pill__border-ai[data-v-2e98d8f9]{background-image:linear-gradient(var(--dt-color-surface-primary),var(--dt-color-surface-primary)),var(--dt-badge-color-background-ai)}.dt-recipe-feed-item-pill__border-critical[data-v-2e98d8f9]{background:var(--dt-color-foreground-critical)}@keyframes fade-2e98d8f9{0%{transform:scale(0)}to{transform:scale(1)}}.dt-emoji-row{display:flex;flex-wrap:wrap}.dt-emoji-row__reaction{padding:var(--dt-space-300) var(--dt-space-400);gap:var(--dt-space-300);border-radius:var(--dt-size-radius-500);margin-bottom:0;transition-delay:0s;transition-duration:var(--td50);transition-property:all;transition-timing-function:var(--ttf-in-out);color:var(--dt-color-foreground-secondary);background-color:var(--dt-color-surface-moderate-opaque)}.dt-emoji-row__reaction:hover,.dt-emoji-row__reaction:focus{border-color:hsla(var(--dt-color-black-600-hsl)/100%)!important}.dt-emoji-row__reaction--selected{color:var(--dt-color-link-primary);background-color:var(--dt-color-purple-100)!important;border-color:var(--dt-color-brand-purple)!important}.dt-emoji-row__reaction--selected:hover{color:var(--dt-color-link-primary)}.progress-bar__circle{fill:none;stroke-width:2;stroke-dasharray:var(--stroke-dasharray)}.progress-bar__circle:nth-child(1){stroke-dashoffset:0;stroke:var(--dt-color-black-100)}.progress-bar__circle:nth-child(2){stroke-dashoffset:var(--stroke-dashoffset);stroke:var(--dt-color-purple-500);transition:stroke-dashoffset .5s linear}.dt-attachment-image{position:relative}.dt-attachment-image:focus-within .dt-attachment-image__close-button,.dt-attachment-image:hover .dt-attachment-image__close-button{opacity:1}.dt-attachment-image__image-viewer{height:var(--dt-size-700);width:var(--dt-size-700);border:var(--dt-space-100) solid;border-radius:var(--br4);border-width:var(--dt-size-350);border-color:var(--dt-color-border-subtle);object-fit:cover}.dt-attachment-image__top-right{position:absolute;top:var(--dt-size-100);right:var(--dt-size-100)}.dt-attachment-image__close-button{opacity:0;position:absolute;top:inherit;right:inherit;color:var(--dt-color-neutral-white);background-color:var(--dt-color-black-400);border:var(--dt-space-100) solid;border-width:var(--dt-size-200);border-color:var(--dt-color-neutral-white)}.dt-attachment-image__progress-bar{position:absolute;top:inherit;right:inherit;background-color:var(--dt-color-neutral-white);border-radius:50%;display:flex;transform:rotate(-90deg);border:var(--dt-space-100) solid;border-width:var(--dt-size-200);border-color:var(--dt-color-border-subtle)}.dt-attachment-carousel{position:relative;max-height:100px;width:var(--dt-space-1000)}.dt-attachment-carousel__media-list{display:flex;flex-direction:row;padding-left:0;overflow-x:scroll}.dt-attachment-carousel__media-list::-webkit-scrollbar{display:none}.dt-attachment-carousel__arrow{position:absolute;opacity:0;background-color:var(--dt-color-neutral-white);top:var(--dt-space-30-percent);border:var(--dt-space-100) solid;border-width:var(--dt-size-100);border-color:var(--bc-default)}.dt-attachment-carousel:hover .dt-attachment-carousel__arrow{opacity:1}.dt-attachment-carousel__arrow--left{left:var(--dt-space-300)}.dt-attachment-carousel__arrow--right{right:var(--dt-space-300)}.dt-attachment-carousel__image-viewer{height:var(--dt-size-700);width:var(--dt-size-700);border-radius:var(--br4);border:var(--dt-space-100) solid;border-width:var(--dt-size-350);border-color:var(--dt-color-border-subtle)}.dt-recipe-callbox[data-v-66800ae7]{padding:0;color:var(--dt-color-foreground-primary);background-color:var(--dt-color-surface-primary);border-radius:var(--dt-size-radius-300)}.dt-recipe-callbox--video[data-v-66800ae7]{display:flex;border-radius:var(--dt-size-radius-200) var(--dt-size-radius-200) 0 0;overflow:clip;margin-bottom:var(--dt-space-300-negative)}.dt-recipe-callbox--main-content[data-v-66800ae7]{padding:0;border-radius:var(--dt-size-radius-300);border:var(--dt-size-border-100) solid transparent;align-items:stretch}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-default[data-v-66800ae7]{border-color:var(--dt-color-border-default)}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-ai[data-v-66800ae7]{background:linear-gradient(var(--dt-color-surface-primary),var(--dt-color-surface-primary)) padding-box,linear-gradient(135deg,var(--dt-color-border-accent),var(--dt-color-border-brand)) border-box}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-critical[data-v-66800ae7]{background:radial-gradient(var(--dt-color-surface-primary),var(--dt-color-surface-primary)) padding-box,radial-gradient(circle,#E7301D,#F78B23) border-box}.dt-recipe-callbox--main-content-top[data-v-66800ae7]{display:flex;align-items:center;padding:var(--dt-space-350) var(--dt-space-400)}.dt-recipe-callbox--main-content-bottom[data-v-66800ae7]{border-top:1px solid var(--dt-color-border-subtle)}.dt-recipe-callbox--avatar[data-v-66800ae7]{margin-right:var(--dt-space-400)}.dt-recipe-callbox--content[data-v-66800ae7]{display:flex;flex-direction:column;flex:1 0 auto;min-width:0}.dt-recipe-callbox--content-title[data-v-66800ae7]{overflow:clip;white-space:nowrap;text-overflow:ellipsis;color:var(--dt-color-foreground-primary);background-color:var(--dt-color-surface-primary);font-weight:var(--dt-font-weight-bold);border:none;padding:0;width:0;min-width:100%;text-align:left;-webkit-user-select:text;user-select:text;line-height:normal}.dt-recipe-callbox--content-badge[data-v-66800ae7]{line-height:normal}.dt-recipe-callbox--content-subtitle[data-v-66800ae7]{padding:0;font-size:var(--dt-font-size-100);color:var(--dt-color-foreground-tertiary);line-height:normal;overflow:hidden;width:0;min-width:100%}.dt-recipe-callbox--right[data-v-66800ae7]{display:flex;justify-content:right}.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-66800ae7]{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--dt-size-100)}.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-66800ae7]:focus-visible{outline:none;box-shadow:var(--dt-shadow-focus)}.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-66800ae7]:hover,.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-66800ae7]:active{text-decoration:underline}.dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-66800ae7]{background-color:var(--dt-color-surface-warning)}.d-avatar--image-loaded{background-color:transparent;background-image:unset}.d-avatar__count,.d-avatar__presence{z-index:var(--zi-base)}.d-avatar__overlay{background-color:var(--dt-color-surface-contrast-opaque);opacity:var(--dt-opacity-900);position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--dt-size-radius-circle);z-index:var(--zi-base)}.d-avatar__overlay-icon{color:var(--dt-color-foreground-primary-inverted);width:100%}.d-avatar__overlay-text{color:var(--dt-color-foreground-primary-inverted);font-weight:var(--dt-font-weight-bold);font-size:var(--dt-font-size-200);width:100%;text-align:center}.d-avatar--clickable{--avatar-color-border: transparent;cursor:pointer;padding:0;background-color:transparent;border-radius:var(--dt-size-radius-circle);border:var(--dt-size-border-100) solid var(--avatar-color-border)}.d-avatar--clickable:focus-visible{outline:none;box-shadow:var(--dt-shadow-focus)}.d-avatar--clickable:hover{--avatar-color-border: var(--dt-color-border-default)}.d-avatar--clickable:active{--avatar-color-border: var(--dt-color-border-moderate);transform:scale(.98)}.dt-item-layout[data-v-9afad3c4]{align-items:stretch}.dt-item-layout--content[data-v-9afad3c4]{display:flex;flex-direction:column;justify-content:center}.dt-item-layout--selected[data-v-9afad3c4]{display:flex;align-items:center}.dt-list-item{list-style:none;background-color:var(--dt-action-color-background-muted-default)}.dt-list-item:not(.dt-list-item--static){cursor:pointer;border-radius:var(--dt-size-radius-300)}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:var(--dt-action-color-background-muted-hover)}.dt-list-item--highlighted:active{background-color:var(--dt-action-color-background-muted-active)}.dt-list-item--selected-icon{margin-left:var(--dt-space-400)}.dt-list-item :focus-visible{outline:none;box-shadow:var(--dt-shadow-focus)}.tippy-box[data-popper-reference-hidden] .d-popover__dialog,.tippy-box[data-popper-escaped] .d-popover__dialog{visibility:hidden;pointer-events:none}.dt-suggestion-list{position:relative;padding:var(--dt-size-300);max-height:var(--dt-size-875)!important;min-width:var(--dt-size-925);max-width:var(--dt-size-975)}.dt-suggestion-list--item{border:var(--dt-size-100) solid transparent}.dt-link--mention{background-color:hsl(var(--dt-color-purple-400-hsl) / 10%);color:var(--dt-color-link-primary);border-radius:var(--dt-space-200);height:1.8rem}.dt-link--mention:hover{color:var(--dt-color-link-primary);background-color:hsl(var(--dt-color-purple-500-hsl) / 10%)}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--dt-color-foreground-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}.dt-message-input-notice .d-notice__icon{margin-right:8px}