@dialpad/dialtone 9.0.1 → 9.0.3

package/dist/vue3/stack-s3MR-6wx.cjs

@@ -0,0 +1,2 @@
+"use strict";const l=require("./tooltip-gZ2LW6l0.cjs"),t=require("vue"),d=require("./emoji-QX8MEKZV.cjs"),p={BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},O=[p.BUSY,p.AWAY,p.OFFLINE,p.ACTIVE],K={name:"DtPresence",props:{presence:{type:String,default:p.ACTIVE,validator:e=>O.includes(e)},srText:{type:String,default:null}}},j=["aria-live"],G={key:0,"data-qa":"dt-presence-sr-text",class:"sr-only"};function U(e,o,n,i,a,s){return t.openBlock(),t.createElementBlock("div",{class:"d-presence","data-qa":"dt-presence",role:"status","aria-live":e.$attrs.ariaLive||"off"},[n.srText?(t.openBlock(),t.createElementBlock("span",G,t.toDisplayString(n.srText),1)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["d-presence__inner",{"d-presence__inner--active":n.presence==="active","d-presence__inner--away":n.presence==="away","d-presence__inner--busy":n.presence==="busy","d-presence__inner--offline":n.presence==="offline"}])},null,2)],8,j)}const A=l._export_sfc(K,[["render",U]]),g={xs:"d-avatar--xs",sm:"d-avatar--sm",md:"d-avatar--md",lg:"d-avatar--lg",xl:"d-avatar--xl"},T={default:"",icon:"d-avatar__icon",initials:"d-avatar__initials"},P={md:"d-avatar__presence--md",lg:"d-avatar__presence--lg"},b={NONE:"",BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},D={xs:"100",sm:"200",md:"300",lg:"500",xl:"600"},L=["100","200","300","400","500","600","700","800","900","1000","1100","1200","1300","1400","1500","1600","1700","1800"],E=e=>e>1,W=["accessibility","activity","add-task","agent-assist","ai-notes","airplay","airtable","alarm-check","alarm-clock-off","alarm-minus","alarm-plus","album","alert-circle","alert-triangle","amex","app-store-badge","apple","archive","archive-restore","arrow-down","arrow-down-left","arrow-down-right","arrow-left","arrow-left-right","arrow-right","arrow-up","arrow-up-down","arrow-up-left","arrow-up-right","asana","asterisk","at-sign","ata-adapter","attestation","attestation-outline","axis-3d","bar-chart","bar-chart-2","bar-chart-3","bar-chart-4","bar-chart-horizontal","barge","baseline","battery","battery-charging","battery-full","battery-low","battery-medium","bell","bell-minus","bell-off","bell-plus","bell-ring","binary","bluetooth","bluetooth-connected","bluetooth-off","bluetooth-searching","blur-background","bold","book","book-open","bookmark","bookmark-minus","bookmark-plus","box","box-select","boxes","branch","brand-dialpad","brand-dialpad-meetings","briefcase","building","building-2","bullhorn","calculator","calendar","calendar-check","calendar-check-2","calendar-clock","calendar-days","calendar-heart","calendar-minus","calendar-off","calendar-plus","calendar-range","calendar-search","calendar-x","call-abandoned","call-merge","call-rejected","camera","camera-off","camera-tracking","cast","check","check-circle","check-circle-filled","chevron-down","chevron-first","chevron-last","chevron-left","chevron-right","chevron-up","chevrons-down","chevrons-down-up","chevrons-left","chevrons-left-right","chevrons-right","chevrons-right-left","chevrons-up","chevrons-up-down","circle-half-filled","circle-slashed","clipboard","clipboard-check","clipboard-copy","clipboard-edit","clipboard-list","clipboard-signature","clipboard-type","clipboard-x","clock","clock-1","clock-10","clock-11","clock-12","clock-2","clock-3","clock-4","clock-5","clock-6","clock-7","clock-8","clock-9","clockify","close","cloud","cloud-cog","cloud-drizzle","cloud-fog","cloud-hail","cloud-lightning","cloud-moon","cloud-moon-rain","cloud-off","cloud-rain","cloud-rain-wind","cloud-snow","cloud-sun","cloud-sun-rain","cloudy","coaching-hub","code","command","concierge-bell","contacts","copper-crm","copy","copyright","corner-down-left","corner-down-right","corner-left-down","corner-left-up","corner-right-down","corner-right-up","corner-up-left","corner-up-right","cpu","credit-card","dash","dect-base-station","dect-handset","delete","deskphone","dialbot","dialer","dialpad-ai","dialpad-ai-color","dialpad-logomark","digital-whisper","diners-club","discover","dissatisfied","double-check","download","download-cloud","dp-phone","edit","edit-2","empty","end-chat","equal","eraser","evernote","expand","expert-node","external-link","eye","eye-off","facebook","factory","fast-forward","file","file-audio","files","film","filter","fingerprint","flag","flag-off","flame","focus","folder","folder-tree","folders","food","form-input","forward","freshsales-crm","front","gamepad","gauge","globe-2","gmail","google-business-messaging","google-calendar","google-docs","google-drive","google-glyph","google-sheets","google-slides","greenhouse","grid","grip-horizontal","grip-vertical","hand","hard-drive","hash","hash-bold","haze","hd","headphones","hear","heart","help-circle","highfive","history","hold","home","hourglass","hubspot","image","import","inbox","indent","infinity","info","inspect","instagram","intercom","isolated-queries","italic","jcb","jira-service-desk","key","keyboard","keypad","languages","laptop-2","large-self-view","layout","layout-dashboard","layout-filmstrip","layout-grid","layout-template","library","life-buoy","lightbulb","lightbulb-off","lightning-bolt","line-chart","line-messenger","link-2","link-2-off","linkedin","list-add","list-bullet","list-checks","list-ordered","listen","listen","listening","live-queue","living-thing","loading","lock","lock-filled","log-in","log-out","maestro","mail","mail-open","mails","map","map-pin","mastercard","maximize","megaphone","megaphone-off","menu","message","messenger","mic","mic-off","microsoft","microsoft-dynamics-365","microsoft-teams","minimize","minimize-alt","minus-circle","miro","monday-com","monitor","monitor-off","monitor-speaker","moon","more-horizontal","more-vertical","mouse","multi-line-dept","music","music-off","network","neutral","newspaper","not-enough-queries","notes","object","office-365","option","package","paperclip","park","party-popper","past-conversations","pause","pause-circle","phone","phone-call","phone-forward","phone-hang-up","phone-hang-up","phone-hold","phone-incoming","phone-missed","phone-off","phone-outgoing","picture-in-picture","pie-chart","pin","pin-off","pipedrive","play","play-circle","play-filled","play-store-badge","plug","plus","plus-circle","power","print-fax","printer","puzzle","qr-code","queries","quote","record","record-filled","redo","refresh","repeat","reply","reply-all","rewind","rewind-15-sec","salesforce-glyph","salesforce-logo","satisfied","save","scan","scan-face","scissors","screen-share-off","scroll","search","send","servicenow","settings","share","share-2","share-screen","sheet","shield","shield-alert","shield-check","shield-close","shield-off","shortcuts","shuffle","sidebar","sidebar-close","sidebar-open","signal-best","signal-high","signal-low","signal-medium","signal-zero","siren","skip-15-sec","skip-back","skip-back-ten","skip-forward","skip-forward-ten","slack","slash","sliders","sliders-horizontal","small-self-view","smartphone","smartphone-charging","snapchat","snooze","snowflake","somewhat-dissatisfied","somewhat-satisfied","sort-asc","sort-desc","sparkle","speaker","star","star-filled","stop-circle","stop-filled","strikethrough","sun","sun-dim","sun-medium","sunrise","sunset","switch-to-cellular","switch-to-hd","table","tag","tags","takeover","task","telegram","text-cursor","text-cursor-input","thermometer","thermometer-snowflake","thermometer-sun","thread","threads","thumbs-down","thumbs-up","tiktok","timer","timer-off","timer-reset","toggl","too-many-queries","tools","toy-brick","transfer","transfer-webchat","transportation","trash","trending-down","trending-up","triangle","twitter","type","umbrella","underline","undo-2","union-pay","unlink-2","unlock","unlock-filled","upload","upload-cloud","usb","user","user-check","user-minus","user-plus","user-remove","users","very-dissatisfied","very-satisfied","viber","video","video-off","video-settings","visa","voicemail","voicemail-drop","volume","volume-1","volume-2","volume-x","waveform","we-chat","webcam","webchat","whatsapp","whisper","wifi","wifi-off","wind","x-brand","x-circle","zap-off","zendesk","zoho","zoho-crm","zoho-desk","zoom","zoom-in","zoom-logo","zoom-out"];function Y(){return[void 0,...W]}const Z=e=>{if(typeof e!="string"||!e.trim())return"";const o=e.trim().split(/\s+/g);return o.length===1?o.join("").substring(0,2):o.filter((n,i)=>i===0||i===o.length-1).map(n=>n.slice(0,1).toUpperCase()).join("")},$=Y(),X={name:"DtAvatar",components:{DtPresence:A,DtIcon:d.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(g).includes(e)},avatarClass:{type:[String,Array,Object],default:""},canvasClass:{type:[String,Array,Object],default:""},iconClass:{type:[String,Array,Object],default:""},presence:{type:String,default:b.NONE,validator:e=>Object.values(b).includes(e)},presenceProps:{type:Object,default:()=>({})},group:{type:Number,default:void 0,validator:e=>E(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=>$.includes(e)},iconSize:{type:String,default:"",validator:e=>!e||Object.keys(d.ICON_SIZE_MODIFIERS).includes(e)},fullName:{type:String,default:""},clickable:{type:Boolean,default:!1}},emits:["click"],data(){return{AVATAR_SIZE_MODIFIERS:g,AVATAR_KIND_MODIFIERS:T,AVATAR_PRESENCE_SIZE_MODIFIERS:P,AVATAR_ICON_SIZES:D,imageLoadedSuccessfully:null,formattedInitials:"",initializing:!1}},computed:{isNotIconType(){return!this.iconName},avatarClasses(){return["d-avatar",g[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 E(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 o=Z(e);this.validatedSize==="xs"?this.formattedInitials="":this.validatedSize==="sm"?this.formattedInitials=o[0]:this.formattedInitials=o},getColor(){return this.color??l.getRandomElement(L,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)}}},J=["src","alt"],Q={key:1,class:"d-avatar__overlay-text"},ee={key:1,class:"d-avatar__count","data-qa":"dt-avatar-count"};function te(e,o,n,i,a,s){const c=t.resolveComponent("dt-icon"),u=t.resolveComponent("dt-presence");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(n.clickable?"button":"div"),{id:n.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([n.canvasClass,"d-avatar__canvas",{"d-avatar--image-loaded":a.imageLoadedSuccessfully}])},[s.showImage?(t.openBlock(),t.createElementBlock("img",{key:0,ref:"avatarImage",class:"d-avatar__image","data-qa":"dt-avatar-image",src:n.imageSrc,alt:n.imageAlt||n.fullName},null,8,J)):n.iconName?(t.openBlock(),t.createBlock(c,{key:1,name:n.iconName,size:n.iconSize||a.AVATAR_ICON_SIZES[n.size],class:t.normalizeClass([n.iconClass,a.AVATAR_KIND_MODIFIERS.icon]),"data-qa":"dt-avatar-icon"},null,8,["name","size","class"])):(t.openBlock(),t.createElementBlock("span",{key:2,class:t.normalizeClass([a.AVATAR_KIND_MODIFIERS.initials])},t.toDisplayString(a.formattedInitials),3))],2),n.overlayIcon||n.overlayText?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(s.overlayClasses)},[n.overlayIcon?(t.openBlock(),t.createBlock(c,{key:0,class:"d-avatar__overlay-icon",name:n.overlayIcon},null,8,["name"])):n.overlayText?(t.openBlock(),t.createElementBlock("p",Q,t.toDisplayString(n.overlayText),1)):t.createCommentVNode("",!0)],2)):t.createCommentVNode("",!0),s.showGroup?(t.openBlock(),t.createElementBlock("span",ee,t.toDisplayString(s.formattedGroup),1)):t.createCommentVNode("",!0),n.presence&&!s.showGroup?(t.openBlock(),t.createBlock(u,t.mergeProps({key:2,presence:n.presence,class:["d-avatar__presence",a.AVATAR_PRESENCE_SIZE_MODIFIERS[n.size]]},n.presenceProps,{"data-qa":"dt-presence"}),null,16,["presence","class"])):t.createCommentVNode("",!0)]),_:1},8,["id","class","aria-label","onClick"])}const oe=l._export_sfc(X,[["render",te]]),ne={name:"DtLink",props:{kind:{type:String,default:"",validator(e){return d.LINK_VARIANTS.includes(e)}}},data(){return{LINK_KIND_MODIFIERS:d.LINK_KIND_MODIFIERS}}},se=["href"];function ae(e,o,n,i,a,s){return t.openBlock(),t.createElementBlock("a",{class:t.normalizeClass(["d-link",a.LINK_KIND_MODIFIERS[n.kind]]),"data-qa":"dt-link",href:"href"in e.$attrs?e.$attrs.href:"javascript:void(0)"},[t.renderSlot(e.$slots,"default")],10,se)}const ie=l._export_sfc(ne,[["render",ae]]),N={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
+           a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`)}}},le={name:"SrOnlyCloseButton",components:{DtIcon:d.DtIcon,DtButton:d.DtButton},props:{visuallyHiddenCloseLabel:{type:String,default:null}},emits:["close"],methods:{close(){this.$emit("close")}}};function re(e,o,n,i,a,s){const c=t.resolveComponent("dt-icon"),u=t.resolveComponent("dt-button");return t.openBlock(),t.createBlock(u,{id:"sr-only-close-button","data-qa":"dt-sr-only-close-button",class:"d-vi-visible-sr","aria-label":n.visuallyHiddenCloseLabel,onClick:s.close,onKeydown:t.withKeys(t.withModifiers(s.close,["prevent","stop"]),["space"])},{default:t.withCtx(()=>[t.createVNode(c,{name:"close"})]),_:1},8,["aria-label","onClick","onKeydown"])}const B=l._export_sfc(le,[["render",re]]),R=':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])',ce=`${R}:not([tabindex="-1"])`,de="button,[href],input,select,textarea,details,[tabindex]",V={methods:{async getFirstFocusableElement(e){await this.$nextTick();const o=this._getFocusableElements(e,!0);return this._getFirstFocusElement(o)},async focusFirstElement(e){const o=await this.getFirstFocusableElement(e);o==null||o.focus({preventScroll:!0})},_getFirstFocusElement(e){if(!e.length)return;let o=e[0];return o.matches('[type="radio"]:not(:checked)')&&(o=e.find(n=>n.checked&&n.name===o.name)||o),o},_getFocusableElements(e=this.$el,o=!1){return e?[...e.querySelectorAll(de)].filter(i=>{const a=window.getComputedStyle(i);return a.getPropertyValue("display")!=="none"&&a.getPropertyValue("visibility")!=="hidden"&&i.matches(o?R:ce)}):[]},focusTrappedTabPress(e,o){if(!(e.key==="Tab"))return;const i=this._getFocusableElements(o);if(!i.length){e.preventDefault();return}const a=this._getFirstFocusElement(i),s=i[i.length-1];e.shiftKey?document.activeElement===a&&(s.focus(),e.preventDefault()):document.activeElement===s&&(a.focus(),e.preventDefault())}}},v={DEFAULT:"default",CUSTOM:"custom"},f={ARROW_KEYS:"arrow-keys",TAB:"tab",NONE:"none"},ue={name:"DtItemLayout",props:{as:{type:String,default:"div"}}},he={key:0,"data-qa":"dt-item-layout-left-wrapper",class:"dt-item-layout--left"},pe={"data-qa":"dt-item-layout-content-wrapper",class:"dt-item-layout--content"},me={key:0,"data-qa":"dt-item-layout-title-wrapper",class:"dt-item-layout--title"},fe={key:2,"data-qa":"dt-item-layout-bottom-wrapper",class:"dt-item-layout--bottom"},ye={key:1,"data-qa":"dt-item-layout-right-wrapper",class:"dt-item-layout--right"},ge={key:2,"data-qa":"dt-item-layout-selected-wrapper",class:"dt-item-layout--selected"};function ve(e,o,n,i,a,s){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(n.as),{class:"dt-item-layout"},{default:t.withCtx(()=>[e.$slots.left?(t.openBlock(),t.createElementBlock("section",he,[t.renderSlot(e.$slots,"left",{},void 0,!0)])):t.createCommentVNode("",!0),t.createElementVNode("section",pe,[e.$slots.default?(t.openBlock(),t.createElementBlock("div",me,[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",{"dt-item-layout--subtitle--with-title":e.$slots.default}])},[t.renderSlot(e.$slots,"subtitle",{},void 0,!0)],2)):t.createCommentVNode("",!0),e.$slots.bottom?(t.openBlock(),t.createElementBlock("div",fe,[t.renderSlot(e.$slots,"bottom",{},void 0,!0)])):t.createCommentVNode("",!0)]),e.$slots.right?(t.openBlock(),t.createElementBlock("section",ye,[t.renderSlot(e.$slots,"right",{},void 0,!0)])):t.createCommentVNode("",!0),e.$slots.selected?(t.openBlock(),t.createElementBlock("section",ge,[t.renderSlot(e.$slots,"selected",{},void 0,!0)])):t.createCommentVNode("",!0)]),_:3})}const S=l._export_sfc(ue,[["render",ve],["__scopeId","data-v-c04dbbaa"]]),_e={name:"DtListItem",components:{DtItemLayout:S,DtIcon:d.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:v.DEFAULT,validator:e=>Object.values(v).includes(e)},navigationType:{type:String,default:f.NONE,validator:e=>Object.values(f).includes(e)},selected:{type:Boolean,default:!1}},emits:["keydown","mousemove","mouseleave","mousedown"],data(){return{injected:!1,mouseHighlighted:!1}},computed:{listItemType(){switch(this.type){case v.DEFAULT:return S;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===f.TAB},isHoverable(){return this.navigationType!==f.NONE}},methods:{onClick(e){this.$emit("click",e)},onMouseHover(){this.mouseHighlighted=!0},onMouseLeave(){this.mouseHighlighted=!1}}};function be(e,o,n,i,a,s){const c=t.resolveComponent("dt-icon");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(n.elementType),t.mergeProps({id:n.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:n.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,(u,m)=>({name:m,fn:t.withCtx(()=>[t.renderSlot(e.$slots,m)])})),n.selected?{name:"selected",fn:t.withCtx(()=>[t.createVNode(c,{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 Ee=l._export_sfc(_e,[["render",be]]),h={default:"column",column:"column",row:"row","row-reverse":"row-reverse","column-reverse":"column-reverse"},C=["sm","md","lg","xl"],_=["0","100","200","300","400","500","600"],k={none:void 0,small:"d-p4",medium:"d-p8",large:"d-p16"},x={none:void 0,small:"d-pl4",medium:"d-pl8",large:"d-pl16"},z=["dialog","menu","listbox","tree","grid"],F=["","anchor"],H=["none","dialog","first"],M=["parent","body"],q=[...l.TIPPY_STICKY_VALUES],Se=[...l.BASE_TIPPY_DIRECTIONS],ke={name:"PopoverHeaderFooter",components:{DtButton:d.DtButton,DtIcon:d.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 o;const e=(o=this.$refs["popover__close-button"])==null?void 0:o.$el;e==null||e.focus()}}};function Ce(e,o,n,i,a,s){const c=t.resolveComponent("dt-icon"),u=t.resolveComponent("dt-button");return t.openBlock(),t.createElementBlock("div",{"data-qa":"dt-popover-header-footer",class:t.normalizeClass({"d-popover__header":n.type==="header","d-popover__footer":n.type==="footer"})},[a.hasSlotContent(e.$slots.content)?(t.openBlock(),t.createElementBlock("div",{key:0,"data-qa":"dt-popover-header-footer-content",class:t.normalizeClass([{"d-popover__header__content":n.type==="header","d-popover__footer__content":n.type==="footer"},n.contentClass])},[t.renderSlot(e.$slots,"content")],2)):t.createCommentVNode("",!0),n.showCloseButton?(t.openBlock(),t.createBlock(u,t.mergeProps({key:1,ref:"popover__close-button","data-qa":"dt-popover-close",class:{"d-popover__header__close-button":n.type==="header","d-popover__footer__close-button":n.type==="footer"},importance:"outlined",kind:"muted",circle:""},n.closeButtonProps,{onClick:o[0]||(o[0]=m=>e.$emit("close"))}),{icon:t.withCtx(()=>[t.createVNode(c,{name:"close",size:"300"})]),_:1},16,["class"])):t.createCommentVNode("",!0)],2)}const we=l._export_sfc(ke,[["render",Ce]]),Ie={name:"DtPopover",components:{SrOnlyCloseButton:B,DtLazyShow:l.DtLazyShow,PopoverHeaderFooter:we},mixins:[V,N],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=>z.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(k).some(o=>o===e)},contentClass:{type:[String,Array,Object],default:""},contentWidth:{type:String,default:"",validator:e=>F.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=>q.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=>H.includes(e)||e instanceof HTMLElement||e.startsWith("#")},openWithArrowKeys:{type:Boolean,default:!1},appendTo:{type:[HTMLElement,String],default:"body",validator:e=>M.includes(e)||e instanceof HTMLElement},hovercard:{type:Boolean,default:!1}},emits:["keydown","update:open","opened"],data(){return{POPOVER_PADDING_CLASSES:k,POPOVER_HEADER_FOOTER_PADDING_CLASSES:x,intersectionObserver:null,isOutsideViewport:!1,isOpen:!1,toAppear:!1,anchorEl:null,popoverContentEl:null,hasSlotContent:l.hasSlotContent,inTimer:null,outTimer:null}},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 o;(o=this.tip)==null||o.setProps({zIndex:e?650:this.calculateAnchorZindex()})},offset(e){var o;(o=this.tip)==null||o.setProps({offset:e})},sticky(e){var o;(o=this.tip)==null||o.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 o;(o=this.tip)==null||o.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,o){e?(this.initTippyInstance(),this.tip.show()):!e&&o!==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 i;const o=(i=e==null?void 0:e[0])==null?void 0:i.target;if(!o)return;const n=l.isOutOfViewPort(o);this.isOutsideViewport=n.bottom||n.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 o,n,i;if(!this.hovercard&&!this.openOnContext&&(this.open===null||this.open===void 0)){if(!((o=this.anchorEl)!=null&&o.contains(e.target))&&!((n=this.anchorEl)!=null&&n.isEqualNode(e.target))||(i=this.anchorEl)!=null&&i.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 o;this.open===null&&(this.openWithArrowKeys&&((o=this.anchorEl)!=null&&o.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 o=(e=this.anchorEl)==null?void 0:e.closest("body, .tippy-box");o.tagName.toLowerCase()==="body"?(o.classList.add("d-of-hidden"),this.tip.setProps({offset:this.offset})):o.classList.add("d-zi-popover")}},enableScrolling(){var o,n;const e=(o=this.anchorEl)==null?void 0:o.closest("body, .tippy-box");e&&(((n=e.tagName)==null?void 0:n.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 o,n,i;const e=(n=(o=this.$refs.content)==null?void 0:o.$el)==null?void 0:n.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():(i=this.$refs.content)==null||i.$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 n,i;this._getFocusableElements(e,!0).length!==0?this.focusFirstElement(e):this.showCloseButton?(n=this.$refs.popover__header)==null||n.focusCloseButton():(i=this.$refs.content)==null||i.$el.focus()},initTippyInstance(){var e,o;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"?(o=(e=this.anchorEl)==null?void 0:e.getRootNode())==null?void 0:o.querySelector("body"):this.appendTo,interactive:!0,trigger:"manual",hideOnClick:!1,zIndex:this.modal?650:this.calculateAnchorZindex(),onClickOutside:this.onClickOutside,onShow:this.onShow})},setInTimer(){this.inTimer=setTimeout(()=>{this.isOpen=!0},l.TOOLTIP_DELAY_MS)},setOutTimer(){this.outTimer=setTimeout(()=>{this.isOpen=!1},l.TOOLTIP_DELAY_MS)},onEnterAnchor(e){this.hovercard&&(clearTimeout(this.outTimer),this.setInTimer(e))},onLeaveAnchor(e){this.hovercard&&(clearTimeout(this.inTimer),this.setOutTimer(e))},onEnterContent(){this.hovercard&&clearTimeout(this.outTimer)},onLeaveContent(e){this.hovercard&&this.setOutTimer(e)}}},Oe=["aria-hidden"],Ae=["id","tabindex"];function Te(e,o,n,i,a,s){const c=t.resolveComponent("popover-header-footer"),u=t.resolveComponent("sr-only-close-button"),m=t.resolveComponent("dt-lazy-show");return t.openBlock(),t.createElementBlock("div",null,[n.modal&&a.isOpen?(t.openBlock(),t.createBlock(t.Teleport,{key:0,to:"body"},[t.createElementVNode("div",{class:"d-modal--transparent","aria-hidden":n.modal&&a.isOpen?"false":"true",onClick:o[0]||(o[0]=t.withModifiers(()=>{},["prevent","stop"]))},null,8,Oe)])):t.createCommentVNode("",!0),(t.openBlock(),t.createBlock(t.resolveDynamicComponent(n.elementType),{ref:"popover",class:t.normalizeClass(["d-popover",{"d-popover__anchor--opened":a.isOpen}]),"data-qa":"dt-popover-container"},{default:t.withCtx(()=>[t.createElementVNode("div",{id:!n.ariaLabelledby&&s.labelledBy,ref:"anchor","data-qa":"dt-popover-anchor",tabindex:n.openOnContext?0:void 0,onClickCapture:o[1]||(o[1]=(...r)=>s.defaultToggleOpen&&s.defaultToggleOpen(...r)),onContextmenu:o[2]||(o[2]=(...r)=>s.onContext&&s.onContext(...r)),onKeydown:[o[3]||(o[3]=t.withKeys(t.withModifiers((...r)=>s.onArrowKeyPress&&s.onArrowKeyPress(...r),["prevent"]),["up"])),o[4]||(o[4]=t.withKeys(t.withModifiers((...r)=>s.onArrowKeyPress&&s.onArrowKeyPress(...r),["prevent"]),["down"])),o[6]||(o[6]=t.withKeys(r=>e.$emit("keydown",r),["enter"])),o[7]||(o[7]=t.withKeys(r=>e.$emit("keydown",r),["space"]))],onKeydownCapture:o[5]||(o[5]=t.withKeys((...r)=>s.closePopover&&s.closePopover(...r),["escape"])),onMouseenter:o[8]||(o[8]=(...r)=>s.onEnterAnchor&&s.onEnterAnchor(...r)),onMouseleave:o[9]||(o[9]=(...r)=>s.onLeaveAnchor&&s.onLeaveAnchor(...r))},[t.renderSlot(e.$slots,"anchor",{attrs:{"aria-expanded":a.isOpen.toString(),"aria-controls":n.id,"aria-haspopup":n.role}})],40,Ae),t.createVNode(m,t.mergeProps({id:n.id,ref:"content",role:n.role,"data-qa":"dt-popover","aria-hidden":`${!a.isOpen}`,"aria-labelledby":s.labelledBy,"aria-label":n.ariaLabel,"aria-modal":`${!n.modal}`,transition:n.transition,show:a.isOpen,appear:a.toAppear,class:["d-popover__dialog",{"d-popover__dialog--modal":n.modal},n.dialogClass],style:{"max-height":s.calculatedMaxHeight,"max-width":n.maxWidth},css:e.$attrs.css,tabindex:n.contentTabindex},t.toHandlers(s.popoverListeners),{onMouseenter:s.onEnterContent,onMouseleave:s.onLeaveContent}),{default:t.withCtx(()=>[a.hasSlotContent(e.$slots.headerContent)||n.showCloseButton?(t.openBlock(),t.createBlock(c,{key:0,ref:"popover__header",class:t.normalizeClass(a.POPOVER_HEADER_FOOTER_PADDING_CLASSES[n.padding]),"content-class":n.headerClass,type:"header","show-close-button":n.showCloseButton,"close-button-props":n.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",a.POPOVER_PADDING_CLASSES[n.padding],n.contentClass])},[t.renderSlot(e.$slots,"content",{close:s.closePopover})],2),a.hasSlotContent(e.$slots.footerContent)?(t.openBlock(),t.createBlock(c,{key:1,ref:"popover__footer",type:"footer",class:t.normalizeClass(a.POPOVER_HEADER_FOOTER_PADDING_CLASSES[n.padding]),"content-class":n.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(u,{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","onMouseenter","onMouseleave"])]),_:3},8,["class"]))])}const Pe=l._export_sfc(Ie,[["render",Te]]);function w(e){return e===h.default}function I(e){if(y(e)==="string")return w(e)?null:h[e];if(y(e)==="object"){const{default:o}=e;return w(o)?null:h[o]}else return null}function y(e){return typeof e}function De(e){return I(e)?`d-stack--${h[I(e)]}`:null}function Le(e){return y(e)==="object"?[...C.map(o=>e[o]?`d-stack--${o}--${e[o]}`:null)]:null}function Ne(e){return _.includes(e)?`d-stack--gap-${e}`:null}function Be(e){if(y(e)==="string")return Object.keys(h).includes(e);if(y(e)==="object"){const{default:o}=e;return Object.keys(h).includes(o)}else return null}function Re(e){return _.includes(e)}const Ve={name:"DtStack",props:{direction:{type:[String,Object],default:"column",validator:e=>Be(e)},as:{type:String,default:"div"},gap:{type:String,default:"0",validator:e=>Re(e)}},data(){return{DT_STACK_DIRECTION:h,DT_STACK_GAP:_,DT_STACK_RESPONSIVE_BREAKPOINTS:C}},computed:{stackGap(){return Ne(this.gap)},defaultDirection(){return De(this.direction)},stackResponsive(){return Le(this.direction)}}};function xe(e,o,n,i,a,s){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(n.as),{class:t.normalizeClass(["d-stack",s.defaultDirection,s.stackResponsive,s.stackGap])},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["class"])}const ze=l._export_sfc(Ve,[["render",xe]]);exports.AVATAR_COLORS=L;exports.AVATAR_GROUP_VALIDATOR=E;exports.AVATAR_ICON_SIZES=D;exports.AVATAR_KIND_MODIFIERS=T;exports.AVATAR_PRESENCE_SIZE_MODIFIERS=P;exports.AVATAR_PRESENCE_STATES=b;exports.AVATAR_SIZE_MODIFIERS=g;exports.DT_STACK_DIRECTION=h;exports.DT_STACK_GAP=_;exports.DT_STACK_RESPONSIVE_BREAKPOINTS=C;exports.DtAvatar=oe;exports.DtItemLayout=S;exports.DtLink=ie;exports.DtListItem=Ee;exports.DtPopover=Pe;exports.DtPresence=A;exports.DtStack=ze;exports.LIST_ITEM_NAVIGATION_TYPES=f;exports.LIST_ITEM_TYPES=v;exports.Modal=V;exports.POPOVER_APPEND_TO_VALUES=M;exports.POPOVER_CONTENT_WIDTHS=F;exports.POPOVER_DIRECTIONS=Se;exports.POPOVER_HEADER_FOOTER_PADDING_CLASSES=x;exports.POPOVER_INITIAL_FOCUS_STRINGS=H;exports.POPOVER_PADDING_CLASSES=k;exports.POPOVER_ROLES=z;exports.POPOVER_STICKY_VALUES=q;exports.PRESENCE_STATES=p;exports.PRESENCE_STATES_LIST=O;exports.SrOnlyCloseButton=B;exports.SrOnlyCloseButtonMixin=N;

package/dist/vue3/style.css

@@ -0,0 +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}.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-c04dbbaa]{align-items:stretch}.dt-item-layout--content[data-v-c04dbbaa]{display:flex;flex-direction:column;justify-content:center}.dt-item-layout--content .dt-item-layout--subtitle--with-title[data-v-c04dbbaa]{margin-top:var(--dt-space-200-negative)}.dt-item-layout--selected[data-v-c04dbbaa]{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-tooltip{margin-top:auto;margin-bottom:auto}.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--cancel-button{color:var(--dt-color-black-500);margin-right:var(--dt-space-300)}.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-out-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)}.d-dropdown-list{position:relative;margin:var(--dt-space-300);padding-left:var(--dt-space-0);padding-right:var(--dt-space-0)}.d-dropdown-list>.dt-list-item{margin-top:var(--dt-space-200)}.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;margin:var(--dt-space-300) var(--dt-space-300-negative)}.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%}.combobox__input-wrapper[data-v-659a1a3d]{position:relative;display:block}.combobox__chip-wrapper[data-v-659a1a3d]{position:absolute;margin-left:var(--dt-space-200);margin-right:var(--dt-space-200);padding-left:var(--dt-space-100)}.combobox__chip[data-v-659a1a3d]{margin-top:var(--dt-space-300);margin-left:var(--dt-space-200);margin-right:var(--dt-space-200);z-index:var(--zi-base1)}.combobox__input[data-v-659a1a3d]{flex-grow:1}.combobox__list--loading[data-v-659a1a3d]{text-align:center;padding-top:var(--dt-space-500);padding-bottom:var(--dt-space-500)}.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--disabled{cursor:not-allowed}.dt-recipe--callbar-button-with-popover--arrow{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--active{background:var(--dt-color-surface-moderate-opaque)}.dt-recipe--callbar-button-with-popover--arrow--large{margin-left:var(--dt-space-550-negative)}.dt-recipe--callbar-button-with-popover--arrow__icon{color:var(--dt-color-black-800)}.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-recipe--callbar-button-with-popover{display:flex;align-items:center}.dt-contact-info[data-v-20548ad1]{--contact-info-avatar-border-color: var(--dt-color-surface-primary);display:flex}.dt-contact-info[data-v-20548ad1] .dt-item-layout{flex:1 1 0}.dt-contact-info[data-v-20548ad1] .dt-item-layout--content{min-width:var(--dt-space-825)}.dt-contact-info[data-v-20548ad1] .dt-item-layout--left{min-width:var(--dt-space-650);justify-content:flex-start;align-items:center}.dt-contact-info[data-v-20548ad1] .dt-item-layout--right{min-width:0;align-items:center}.dt-contact-info__left[data-v-20548ad1]{position:relative;background-color:transparent;background-image:none;border-width:0;cursor:pointer}.dt-contact-info--avatars[data-v-20548ad1]{margin-right:var(--dt-space-300-negative);display:flex;flex-direction:row}.dt-contact-info--avatars .d-avatar[data-v-20548ad1]{border-radius:var(--dt-size-radius-pill);border:var(--dt-size-300) solid var(--contact-info-avatar-border-color);box-sizing:unset}.dt-top-banner-info{font-size:var(--dt-font-size-100);display:flex;justify-content:space-between;align-items:center;color:var(--dt-color-foreground-primary)}.dt-top-banner-info__left{margin:var(--dt-space-300) 0 var(--dt-space-300) var(--dt-space-400);min-width:20%}.dt-top-banner-info__middle{display:flex;align-items:center;gap:var(--dt-size-300);margin-top:var(--dt-space-300);margin-bottom:var(--dt-space-300)}.dt-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%;text-align:right}.ivr_node{width:280px;display:flex;flex-direction:column;align-items:center;cursor:pointer}.ivr_node__header-left{display:flex;align-items:center}.ivr_node__label{font-size:var(--dt-font-size-200);font-weight:var(--dt-font-weight-bold)}.ivr_node__dropdown-list{width:var(--dt-size-825)}.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);width:var(--dt-size-400);height:var(--dt-size-400);border-radius:var(--dt-size-radius-circle);margin-bottom:var(--dt-space-300-negative)}.ivr-connector--selected{margin-bottom:var(--dt-space-400-negative)}.ivr-connector.ivr-connector--dtmf{width:var(--dt-size-550);height:var(--dt-size-550);margin-bottom:var(--dt-space-450-negative);color:var(--dt-color-neutral-white);font-size:var(--dt-font-size-200)}.ivr-connector.ivr-connector--dtmf--selected{margin-bottom:var(--dt-space-500-negative)}.dt-grouped-chip{display:inline-flex;white-space:nowrap;background-color:unset;background-image:unset}.dt-chip-content{font-variant-numeric:tabular-nums}.dt-chip-content--left{border-top-left-radius:var(--dt-size-radius-pill);border-bottom-left-radius:var(--dt-size-radius-pill);background-color:var(--dt-color-surface-moderate-opaque);max-width:var(--dt-size-730)}.dt-chip-content--right{border-top-right-radius:var(--dt-size-radius-pill);border-bottom-right-radius:var(--dt-size-radius-pill);background-color:var(--dt-color-purple-200);max-width:var(--dt-size-730)}.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-purple-400);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-14e1c163]{transition-duration:2s!important}.dt-feed-item-row__header[data-v-14e1c163]{display:flex;align-items:center;gap:var(--dt-space-300)}.dt-feed-item-row__header__name[data-v-14e1c163]{font-size:var(--dt-font-size-200);line-height:var(--dt-font-line-height-300);font-weight:var(--dt-font-weight-bold);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dt-feed-item-row__header__time[data-v-14e1c163]{font-size:var(--dt-font-size-100);margin-top:var(--dt-space-200);line-height:var(--dt-font-line-height-300);color:var(--dt-color-foreground-tertiary);font-weight:var(--dt-font-weight-normal);margin-left:var(--dt-space-300);flex-shrink:0}.dt-feed-item-row__reactions[data-v-14e1c163]{display:flex;flex-wrap:wrap}.dt-feed-item-row__left-time[data-v-14e1c163]{color:var(--dt-color-foreground-tertiary);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__menu[data-v-14e1c163]{position:absolute;top:var(--dt-space-550-negative);right:var(--dt-space-450)}.dt-feed-item-row .content-text-wrapper-class[data-v-14e1c163]:not(img){line-height:1.6rem}.dt-feed-item-row[data-v-14e1c163] .dt-item-layout--left{align-self:baseline}.dt-feed-item-row[data-v-14e1c163] .dt-item-layout--left .d-avatar{align-self:flex-start;margin-top:var(--dt-space-300)}.dt-feed-item-row[data-v-14e1c163] .dt-item-layout--bottom{display:flex;flex-direction:column;gap:var(--dt-space-200)}.dt-recipe-feed-item-pill__wrapper[data-v-ebc5dd1f]{background-color:var(--dt-color-surface-secondary);padding:var(--dt-space-400)}.dt-recipe-feed-item-pill__button[data-v-ebc5dd1f]{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-ebc5dd1f]{padding:var(--dt-space-400);width:100%}.dt-recipe-feed-item-pill__icon[data-v-ebc5dd1f]{animation:fade-ebc5dd1f .15s ease-in;margin-right:var(--dt-space-400)}.dt-recipe-feed-item-pill__content[data-v-ebc5dd1f]{display:flex;justify-content:center}.dt-recipe-feed-item-pill__title[data-v-ebc5dd1f]{font-weight:var(--dt-font-weight-bold)}.dt-recipe-feed-item-pill__border[data-v-ebc5dd1f]{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-ebc5dd1f]{background:var(--dt-color-border-default)}.dt-recipe-feed-item-pill__border-ai[data-v-ebc5dd1f]{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-ebc5dd1f]{background:var(--dt-color-foreground-critical)}@keyframes fade-ebc5dd1f{0%{transform:scale(0)}to{transform:scale(1)}}.dt-time-pill{border:var(--dt-size-100) solid;border-radius:var(--dt-size-radius-pill);border-width:var(--dt-size-100);--bco: 100%;border-color:var(--dt-color-black-300);padding-left:var(--dt-space-500);padding-right:var(--dt-space-500);padding-top:var(--dt-space-300);padding-bottom:var(--dt-space-300);font-size:var(--dt-font-size-100)}.dt-emoji-row{display:flex;flex-wrap:wrap;gap:var(--dt-space-300)}.dt-emoji-row__tooltip{display:inline-block}.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);border-width:var(--dt-size-border-100);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.dt-emoji-row__picker{padding:var(--dt-space-200) var(--dt-space-350)}.dt-emoji-row__reaction:hover,.dt-emoji-row__reaction:focus-visible{border-color:hsla(var(--dt-color-black-600-hsl)/100%)!important}.dt-emoji-row__reaction--selected{color:var(--dt-color-link-primary);border-width:var(--dt-size-border-150);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)}.dt-emoji-row__emoji{margin-right:var(--dt-space-300);display:inline-flex}.dt-emoji-row__reaction-number{font-weight:var(--dt-font-weight-bold);font-size:var(--dt-font-size-100)}.progress-bar{width:var(--dt-size-550);height:var(--dt-size-550)}.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)}