@dialpad/dialtone-vue 3.71.0 → 3.72.0

package/dist/dialtone-vue.js

@@ -1591,18 +1591,25 @@ const Xi = {
       hasSlotContent: $
     };
   }
-}, Ji = { class: "dt-default-list-item d-fs-200 d-lh-300 d-py4 d-px8 d-d-flex d-ai-center" }, en = {
+}, Ji = { class: "dt-default-list-item" }, en = {
   key: 0,
-  class: "dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8 d-jc-flex-end",
-  "data-qa": "dt-default-list-item-left-wrapper"
-}, tn = { class: "d-fl-grow1" }, sn = { key: 0 }, nn = {
+  "data-qa": "dt-default-list-item-left-wrapper",
+  class: "dt-default-list-item--left"
+}, tn = {
+  "data-qa": "dt-default-list-item-content-wrapper",
+  class: "dt-default-list-item--content"
+}, sn = {
+  key: 0,
+  "data-qa": "dt-default-list-item-title-wrapper",
+  class: "dt-default-list-item--title"
+}, nn = {
   key: 2,
   "data-qa": "dt-default-list-item-bottom-wrapper",
-  class: "d-mt2"
+  class: "dt-default-list-item--bottom"
 }, an = {
   key: 1,
-  class: "dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",
-  "data-qa": "dt-default-list-item-right-wrapper"
+  "data-qa": "dt-default-list-item-right-wrapper",
+  class: "dt-default-list-item--right"
 };
 function on(e, s, t, o, n, i) {
   return a(), l("div", Ji, [
@@ -1616,7 +1623,7 @@ function on(e, s, t, o, n, i) {
       n.hasSlotContent(e.$slots.subtitle) ? (a(), l("div", {
         key: 1,
         "data-qa": "dt-default-list-item-subtitle-wrapper",
-        class: y(["d-fs-100 d-fc-tertiary", { "d-mtn2": e.$slots.default }])
+        class: y(["dt-default-list-item--subtitle", { "d-mtn2": e.$slots.default }])
       }, [
         d(e.$slots, "subtitle")
       ], 2)) : p("", !0),
@@ -1786,7 +1793,7 @@ function rn(e, s, t, o, n, i) {
   const r = f("dt-icon");
   return a(), S(X(t.elementType), C({
     id: t.id,
-    class: ["dt-list-item d-ls-none", {
+    class: ["dt-list-item", {
       "dt-list-item--focusable": i.isFocusable,
       "dt-list-item--highlighted": i.isHighlighted,
       "dt-list-item--static": !i.isHoverable
@@ -1809,7 +1816,7 @@ function rn(e, s, t, o, n, i) {
             m(r, {
               name: "check",
               size: "400",
-              class: "d-ml8"
+              class: "dt-list-item--selected-icon"
             })
           ]),
           key: "0"

package/dist/emoji.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./emoji_text_wrapper-0681c5eb.cjs"),e=require("vue");const H={class:"d-emoji-picker__search d-emoji-picker__alignment"},W=["onKeydown"],Q={__name:"emoji_search",props:{searchPlaceholderLabel:{type:String,required:!0},modelValue:{type:String,default:""}},emits:["update:modelValue","focus-emoji-selector","focus-tabset","select-first-emoji"],setup(a,{expose:h,emit:p}){const i=e.ref(null);function f(){p("update:modelValue",""),g()}function g(){i.value.focus()}return e.onMounted(()=>{g()}),h({focusSearchInput:g}),(y,k)=>(e.openBlock(),e.createElementBlock("div",H,[e.createVNode(s.DtInput,{ref_key:"searchInput",ref:i,placeholder:a.searchPlaceholderLabel,"model-value":a.modelValue,"onUpdate:modelValue":k[0]||(k[0]=d=>y.$emit("update:modelValue",d)),onKeydown:[k[1]||(k[1]=e.withKeys(d=>y.$emit("focus-tabset"),["up"])),k[2]||(k[2]=e.withKeys(e.withModifiers(d=>y.$emit("focus-emoji-selector"),["prevent"]),["down"])),k[3]||(k[3]=e.withKeys(d=>y.$emit("select-first-emoji"),["enter"]))]},e.createSlots({leftIcon:e.withCtx(()=>[e.createVNode(s.DtIcon,{name:"search"})]),_:2},[a.modelValue.length>0?{name:"rightIcon",fn:e.withCtx(()=>[e.createElementVNode("button",{class:"d-emoji-picker__search-button",onClick:f,onKeydown:e.withKeys(f,["enter"])},[e.createVNode(s.DtIcon,{name:"close"})],40,W)]),key:"0"}:void 0]),1032,["placeholder","model-value"])]))}},X=s._export_sfc(Q,[["__scopeId","data-v-2576719b"]]);const Y={class:"d-emoji-picker__tabset"},Z={__name:"emoji_tabset",props:{showRecentlyUsedTab:{type:Boolean,default:!1},scrollIntoTab:{type:Number,required:!0},isScrolling:{type:Boolean,default:!1},emojiFilter:{type:String,default:""},tabsetLabels:{type:Array,required:!0}},emits:["selected-tabset","focus-search-input"],setup(a,{expose:h,emit:p}){const i=a,f=[{label:"Recently used",icon:"clock"},{label:"Smiley’s and people",icon:"satisfied"},{label:"Nature",icon:"living-thing"},{label:"Food",icon:"food"},{label:"Activity",icon:"object"},{label:"Travel",icon:"transportation"},{label:"Objects",icon:"lightbulb"},{label:"Symbols",icon:"heart"},{label:"Flags",icon:"flag"}],g=e.computed(()=>(i.showRecentlyUsedTab?f:f.slice(1)).map((o,r)=>({...o,label:i.tabsetLabels[r],id:(r+1).toString(),panelId:(r+1).toString()}))),y=e.computed(()=>i.emojiFilter.length>0),k=e.ref("1"),{isScrolling:d}=e.toRefs(i),R=e.ref([]);e.watch(()=>i.scrollIntoTab,()=>{!d.value&&!y.value&&(k.value=(i.scrollIntoTab+1).toString())}),e.watch(y,()=>{y.value&&(k.value=null)});function $(t){d.value||(k.value=t),p("selected-tabset",t)}function m(t){R.value.push(t.$el)}function T(){R.value[0].focus()}function b(t,o){t.key==="Enter"&&($(o),R.value[o-1].blur()),t.key==="Tab"&&(t.preventDefault(),p("focus-search-input")),t.key==="ArrowDown"&&p("focus-search-input")}return h({focusTabset:T}),(t,o)=>(e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(s.DtTabGroup,{"tab-list-class":"d-emoji-picker__tabset-list",selected:k.value},{tabs:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g),(r,S)=>(e.openBlock(),e.createBlock(s.DtTab,{id:r.id,ref_for:!0,ref:j=>{j&&m(j)},key:r.id,"panel-id":r.panelId,label:r.label,"aria-controls":"d-emoji-picker-list",tabindex:S+1,onClickCapture:e.withModifiers(j=>$(r.id),["stop"]),onKeydown:j=>b(j,r.id)},{default:e.withCtx(()=>[e.createVNode(s.DtIcon,{size:"400",name:r.icon},null,8,["name"])]),_:2},1032,["id","panel-id","label","tabindex","onClickCapture","onKeydown"]))),128))]),_:1},8,["selected"])]))}},F="https://static.dialpadcdn.com/joypixels/png/unicode/32/",w=9;function x(a){const h=e.ref([]),p=e.ref([]),i=e.ref(!1),f=e.ref(!0);function g(t,o=!1){f.value=o,a("highlighted-emoji",t)}function y(t,o,r){h.value[o]||(h.value[o]=[]),h.value[o][r]=t}function k(t,o){p.value[o]=t}function d(t,o){var S,j,C;const r=i.value?(S=p.value)==null?void 0:S[o]:(C=(j=h.value)==null?void 0:j[t])==null?void 0:C[o];return r?(r.focus(),!0):!1}function R(t,o){d(t,o-1)||(h.value[t-1]?d(t-1,h.value[t-1].length-1):d(h.value.length-1,h.value[h.value.length-1].length-1))}function $(t,o){d(t,o+1)||d(t+1,0)||d(0,0)}function m(t,o){d(0,o-1)||d(0,p.value.length-1)}function T(t,o){d(0,o+1)||d(0,0)}function b(t,o,r){i.value?t==="left"?m(o,r):t==="right"&&T(o,r):t==="left"?R(o,r):t==="right"&&$(o,r)}return{emojiRefs:h,emojiFilteredRefs:p,isFiltering:i,hoverFirstEmoji:f,setEmojiRef:y,setFilteredRef:k,hoverEmoji:g,focusEmoji:d,handleHorizontalNavigation:b}}const ee={class:"d-emoji-picker__selector"},te={key:0,class:"d-emoji-picker__search-label d-emoji-picker__alignment"},oe={key:0},le={class:"d-emoji-picker__tab"},ne=["aria-label","onClick","onFocusin","onMouseover","onKeydown"],se=["alt","aria-label","title","src"],ie={key:2,class:"d-emoji-picker__alignment"},re={class:"d-emoji-picker__tab","data-qa":"filtered-emojis"},ae=["aria-label","onClick","onFocusin","onMouseover","onKeydown"],ce=["alt","aria-label","title","src"],ue={__name:"emoji_selector",props:{emojiFilter:{type:String,default:""},skinTone:{type:String,required:!0},tabsetLabels:{type:Array,required:!0},selectedTabset:{type:Object,required:!0},searchResultsLabel:{type:String,required:!0},searchNoResultsLabel:{type:String,required:!0},recentlyUsedEmojis:{type:Array,default:()=>[]}},emits:["highlighted-emoji","selected-emoji","scroll-into-tab","is-scrolling","focus-skin-selector","focus-search-input"],setup(a,{expose:h,emit:p}){const i=a,{emojiRefs:f,emojiFilteredRefs:g,isFiltering:y,hoverFirstEmoji:k,setEmojiRef:d,setFilteredRef:R,hoverEmoji:$,focusEmoji:m,handleHorizontalNavigation:T}=x(p),b=e.ref(null),t=e.ref(null),o=e.ref(null),r=["Recently used","People","Nature","Food","Activity","Travel","Objects","Symbols","Flags"],S=e.computed(()=>i.recentlyUsedEmojis.length?i.tabsetLabels.map(l=>({label:l,ref:e.ref(null)})):i.tabsetLabels.slice(1).map(l=>({label:l,ref:e.ref(null)}))),j=e.ref(S.value[0].label),C=e.computed(()=>i.recentlyUsedEmojis.length?r:r.slice(1)),D=e.ref([]),V=e.computed(()=>[...s.emojisGrouped[`People${i.skinTone}`],...s.emojisGrouped.Nature,...s.emojisGrouped.Food,...s.emojisGrouped[`Activity${i.skinTone}`],...s.emojisGrouped.Travel,...s.emojisGrouped[`Objects${i.skinTone}`],...s.emojisGrouped.Symbols,...s.emojisGrouped.Flags]),A=U(()=>{g.value=[],I()});e.watch(V,()=>{I()},{immediate:!0}),e.watch(()=>i.recentlyUsedEmojis,()=>{s.emojisGrouped["Recently used"]=i.recentlyUsedEmojis},{immediate:!0}),e.watch(()=>i.emojiFilter,()=>{O(),i.emojiFilter?y.value=!0:(y.value=!1,p("highlighted-emoji",null)),A()}),e.watch(()=>i.selectedTabset,l=>{N(l.tabId)},{deep:!0});function I(){const l=i.emojiFilter.toLowerCase();D.value=V.value.filter(n=>{const u=n.name.toLowerCase().includes(l),v=n.keywords.some(c=>c.toLowerCase().includes(l));return u||v}),e.nextTick(()=>{l&&$(D.value[0],!0)})}function U(l,n=300){let u;return(...v)=>{clearTimeout(u),u=setTimeout(()=>l(...v),n)}}function K(l){return`${F+l}.png`}function q(l){l.target.parentNode.style.display="none"}function N(l,n=!0){const v=S.value[l-1].ref.value[0];e.nextTick(()=>{const c=t.value,E=l==="1"?0:v.offsetTop-20;let _=!0,B=c.scrollTop;p("is-scrolling",!0),c.addEventListener("scroll",()=>{if(_){const L=c.scrollTop;(B<L&&L>=E||B>L&&L<=E)&&(_=!1,p("is-scrolling",!1)),B=L}}),c.scrollTop=E,n&&m(l-1,0)})}function O(){const l=t.value;l.scrollTop=0}function P(){o.value=new IntersectionObserver(l=>{l.forEach(n=>{var c,E,_,B,L;const{target:u}=n,v=parseInt(u.dataset.index);n.isIntersecting&&u.offsetTop<=b.value.offsetTop+50?(j.value=((c=S.value[v-1])==null?void 0:c.label)??((E=S.value[0])==null?void 0:E.label),p("scroll-into-tab",v-1)):n.boundingClientRect.bottom<=((_=b.value)==null?void 0:_.getBoundingClientRect().bottom)?(p("scroll-into-tab",v),j.value=(B=S.value[v])==null?void 0:B.label):v===1&&(p("scroll-into-tab",v),j.value=(L=S.value[0])==null?void 0:L.label)})}),o.value.observe(b.value),Array.from(t.value.children).forEach((l,n)=>{o.value.observe(l),l.dataset.index=n})}const M=(l,n,u)=>{var v;if(l.preventDefault(),k.value=!1,l.key==="ArrowUp"){const c=n%w;if(!m(0,n-w)){const E=g.value.length-g.value.length%w+c;m(0,E),m(0,E)||m(0,g.value.length-1)}}if(l.key==="ArrowDown"&&!m(0,n+w)){const c=n%w;(v=g.value)!=null&&v[n+(w-c)]?m(0,g.value.length-1):m(0,c)}l.key==="ArrowLeft"&&T("left",0,n),l.key==="ArrowRight"&&T("right",0,n),l.key==="Tab"&&p("focus-skin-selector"),l.key==="Enter"&&p("selected-emoji",u)},G=(l,n,u,v)=>{var c,E;if(l.preventDefault(),l.key==="ArrowUp"){const _=u%w;if(n===0){const B=w-f.value[f.value.length-1].length%w,L=f.value[f.value.length-1].length+B-(w-_);m(f.value.length-1,L)||m(f.value.length-1,f.value[f.value.length-1].length-1);return}if(!m(n,u-w)){const B=n-1<0?0:n-1,L=f.value[B].length,J=L-L%w+_;m(B,J)||m(n-1,f.value[n-1].length-1)}}if(l.key==="ArrowDown"&&!m(n,u+w)){const _=u%w;(E=(c=f.value)==null?void 0:c[n])!=null&&E[u+(w-_)]?m(n,f.value[n].length-1):m(n+1,_)||m(0,_)||m(0,f.value[0].length-1)}l.key==="ArrowLeft"&&T("left",n,u),l.key==="ArrowRight"&&T("right",n,u),l.key==="Tab"&&(m(n+1,0)?N(n+1+1,!1):p("focus-skin-selector")),l.key==="Tab"&&l.shiftKey&&(m(n,0)&&n>0?N(n,!0):(N(1,!1),p("focus-search-input"))),l.key==="Enter"&&p("selected-emoji",v)};function z(){m(0,0)}return e.onMounted(()=>{P()}),e.onUnmounted(()=>{o.value.disconnect()}),h({focusEmojiSelector:z}),(l,n)=>(e.openBlock(),e.createElementBlock("div",ee,[e.createElementVNode("div",{id:"d-emoji-picker-list",ref_key:"listRef",ref:t,class:"d-emoji-picker__list"},[a.emojiFilter?(e.openBlock(),e.createElementBlock("p",te,e.toDisplayString(D.value.length>0?a.searchResultsLabel:a.searchNoResultsLabel),1)):(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"tabCategoryRef",ref:b,class:"d-emoji-picker__category d-emoji-picker__alignment"},[e.createElementVNode("p",null,e.toDisplayString(j.value),1)],512)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(S),(u,v)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:v,ref_for:!0,ref:u.ref,class:"d-emoji-picker__alignment"},[v?(e.openBlock(),e.createElementBlock("p",oe,e.toDisplayString(u.label),1)):e.createCommentVNode("",!0),e.createElementVNode("div",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s.emojisGrouped)[e.unref(C)[v]+a.skinTone]?e.unref(s.emojisGrouped)[e.unref(C)[v]+a.skinTone]:e.unref(s.emojisGrouped)[e.unref(C)[v]],(c,E)=>(e.openBlock(),e.createElementBlock("button",{key:c.shortname,ref_for:!0,ref:_=>{_&&e.unref(d)(_,v,E)},type:"button","aria-label":c.name,onClick:_=>l.$emit("selected-emoji",c),onFocusin:_=>l.$emit("highlighted-emoji",c),onFocusout:n[0]||(n[0]=_=>l.$emit("highlighted-emoji",null)),onMouseover:_=>l.$emit("highlighted-emoji",c),onMouseleave:n[1]||(n[1]=_=>l.$emit("highlighted-emoji",null)),onKeydown:_=>G(_,v,E,c)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:c.name,"aria-label":c.name,title:c.name,src:K(c.unicode_character),onError:q},null,40,se)],40,ne))),128))])])),[[e.vShow,!a.emojiFilter]])),128)),a.emojiFilter?(e.openBlock(),e.createElementBlock("div",ie,[e.createElementVNode("div",re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(D.value,(u,v)=>(e.openBlock(),e.createElementBlock("button",{key:u.shortname,ref_for:!0,ref:c=>{c&&e.unref(R)(c,v)},type:"button","aria-label":u.name,class:e.normalizeClass({"hover-emoji":v===0&&e.unref(k)}),onClick:c=>l.$emit("selected-emoji",u),onFocusin:c=>l.$emit("highlighted-emoji",u),onFocusout:n[2]||(n[2]=c=>l.$emit("highlighted-emoji",null)),onMouseover:c=>e.unref($)(u),onMouseleave:n[3]||(n[3]=c=>e.unref($)(null)),onKeydown:c=>M(c,v,u)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:u.name,"aria-label":u.name,title:u.name,src:`${e.unref(F)+u.unicode_character}.png`},null,8,ce)],42,ae))),128))])])):e.createCommentVNode("",!0)],512)]))}},fe=s._export_sfc(ue,[["__scopeId","data-v-b604e646"]]);const de={"data-qa":"skin-selector"},me={class:"d-emoji-picker__skin-list"},pe=["onKeydown","onClick"],ve=["alt","aria-label","title","src"],he={class:"d-emoji-picker__skin-selected"},be=["aria-label"],ge=["alt","aria-label","title","src"],ke={__name:"emoji_skin_selector",props:{skinTone:{type:String,required:!0},isHovering:{type:Boolean,default:!1},skinSelectorButtonTooltipLabel:{type:String,required:!0}},emits:["skin-tone","focus-tabset"],setup(a,{expose:h,emit:p}){const i=a,f=[{name:":wave_tone1:",unicode_output:"1f44b-1f3fb",skinTone:"Light",skinCode:"_tone1"},{name:":wave_tone2:",unicode_output:"1f44b-1f3fc",skinTone:"MediumLight",skinCode:"_tone2"},{name:":wave_tone3:",unicode_output:"1f44b-1f3fd",skinTone:"Medium",skinCode:"_tone3"},{name:":wave_tone4:",unicode_output:"1f44b-1f3fe",skinTone:"MediumDark",skinCode:"_tone4"},{name:":wave_tone5:",unicode_output:"1f44b-1f3ff",skinTone:"Dark",skinCode:"_tone5"},{name:":wave:",unicode_output:"1f44b",skinTone:"Default",skinCode:""}],g=e.ref(f.find(t=>t.skinTone===i.skinTone)),y=e.ref(!1),k=e.ref(null),d=e.ref([]);e.watchEffect(()=>i.isHovering&&(y.value=!1));function R(t){d.value.push(t)}function $(){k.value.focus()}function m(t){g.value=t,y.value=!1,p("skin-tone",t.skinTone),e.nextTick(()=>$())}const T=(t,o,r)=>{var S,j,C;t.preventDefault(),t.key==="ArrowLeft"&&(r===0&&((S=d.value[d.value.length-1])==null||S.focus()),(j=d.value[r-1])==null||j.focus()),t.key==="ArrowRight"&&((C=d.value[r+1])==null||C.focus()),t.key==="Enter"&&(o?m(o):b()),t.key==="Tab"&&p("focus-tabset")};function b(){y.value=!y.value,e.nextTick(()=>d.value[0].focus())}return h({focusSkinSelector:$}),(t,o)=>(e.openBlock(),e.createElementBlock("div",de,[e.withDirectives(e.createElementVNode("div",me,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(f,(r,S)=>e.createElementVNode("button",{ref_for:!0,ref:j=>{j&&R(j)},key:r.name,class:e.normalizeClass({selected:g.value.skinCode===r.skinCode}),onKeydown:j=>T(j,r,S),onClick:j=>m(r)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:r.name,"aria-label":r.name,title:r.name,src:`${e.unref(F)+r.unicode_output}.png`},null,8,ve)],42,pe)),64))],512),[[e.vShow,y.value]]),e.withDirectives(e.createElementVNode("div",he,[e.createVNode(s.DtTooltip,{placement:"top-end"},{anchor:e.withCtx(()=>[e.createElementVNode("button",{ref_key:"skinSelectorRef",ref:k,"aria-label":a.skinSelectorButtonTooltipLabel,onClick:b,onKeydown:o[0]||(o[0]=r=>T(r))},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:g.value.name,"aria-label":g.value.name,title:g.value.name,src:`${e.unref(F)+g.value.unicode_output}.png`},null,8,ge)],40,be)]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.skinSelectorButtonTooltipLabel)+" ",1)]),_:1})],512),[[e.vShow,!y.value]])]))}},ye=s._export_sfc(ke,[["__scopeId","data-v-58a153f4"]]);const je={class:"d-emoji-picker__data"},_e=["alt","aria-label","title","src"],Se={__name:"emoji_description",props:{emoji:{type:Object,default:null}},setup(a){return(h,p)=>{var i;return e.openBlock(),e.createElementBlock("div",je,[a.emoji?(e.openBlock(),e.createElementBlock("img",{key:0,class:"d-icon d-icon--size-500",alt:a.emoji.name,"aria-label":a.emoji.name,title:a.emoji.name,src:`${e.unref(F)+a.emoji.unicode_character}.png`},null,8,_e)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString((i=a.emoji)==null?void 0:i.name),1)])}}},Ee=s._export_sfc(Se,[["__scopeId","data-v-48c61881"]]);const we={class:"d-emoji-picker"},$e={class:"d-emoji-picker--header"},Te={class:"d-emoji-picker--body"},Le={class:"d-emoji-picker--footer"},Re={__name:"emoji_picker",props:{recentlyUsedEmojis:{type:Array,default:()=>[]},searchPlaceholderLabel:{type:String,required:!0},searchResultsLabel:{type:String,required:!0},searchNoResultsLabel:{type:String,required:!0},tabSetLabels:{type:Array,required:!0},skinTone:{type:String,default:"Default"},skinSelectorButtonTooltipLabel:{type:String,required:!0}},emits:["selected-emoji","skin-tone","close"],setup(a,{emit:h}){const p=a,i=e.ref(""),f=e.ref(null),g=e.ref({}),y=e.ref(0),k=e.ref(!1),d=e.computed(()=>p.recentlyUsedEmojis.length>0);function R(b){i.value="",g.value=b,g.value={...g.value,tabId:b}}function $(b){y.value=b}function m(b){k.value=b}function T(b){f.value=b}return(b,t)=>(e.openBlock(),e.createElementBlock("div",we,[e.createElementVNode("div",$e,[e.createVNode(Z,{ref:"tabsetRef","emoji-filter":i.value,"show-recently-used-tab":e.unref(d),"scroll-into-tab":y.value,"tabset-labels":a.tabSetLabels,"is-scrolling":k.value,onFocusSearchInput:t[0]||(t[0]=o=>b.$refs.searchInputRef.focusSearchInput()),onSelectedTabset:R,onKeydown:t[1]||(t[1]=e.withKeys(o=>h("close"),["esc"]))},null,8,["emoji-filter","show-recently-used-tab","scroll-into-tab","tabset-labels","is-scrolling"])]),e.createElementVNode("div",Te,[e.createVNode(X,{ref:"searchInputRef",modelValue:i.value,"onUpdate:modelValue":t[2]||(t[2]=o=>i.value=o),"search-placeholder-label":a.searchPlaceholderLabel,onSelectFirstEmoji:t[3]||(t[3]=o=>h("selected-emoji",f.value)),onFocusTabset:t[4]||(t[4]=o=>b.$refs.tabsetRef.focusTabset()),onFocusEmojiSelector:t[5]||(t[5]=o=>b.$refs.emojiSelectorRef.focusEmojiSelector()),onKeydown:t[6]||(t[6]=e.withKeys(o=>h("close"),["esc"]))},null,8,["modelValue","search-placeholder-label"]),e.createVNode(fe,{ref:"emojiSelectorRef","emoji-filter":i.value,"skin-tone":a.skinTone,"tabset-labels":a.tabSetLabels,"search-results-label":a.searchResultsLabel,"search-no-results-label":a.searchNoResultsLabel,"recently-used-emojis":a.recentlyUsedEmojis,"selected-tabset":g.value,onScrollIntoTab:$,onIsScrolling:m,onHighlightedEmoji:T,onSelectedEmoji:t[7]||(t[7]=o=>h("selected-emoji",o)),onFocusSkinSelector:t[8]||(t[8]=o=>b.$refs.skinSelectorRef.focusSkinSelector()),onFocusSearchInput:t[9]||(t[9]=o=>b.$refs.searchInputRef.focusSearchInput()),onKeydown:t[10]||(t[10]=e.withKeys(o=>h("close"),["esc"]))},null,8,["emoji-filter","skin-tone","tabset-labels","search-results-label","search-no-results-label","recently-used-emojis","selected-tabset"])]),e.createElementVNode("div",Le,[e.createVNode(Ee,{emoji:f.value},null,8,["emoji"]),e.createVNode(ye,{ref:"skinSelectorRef","is-hovering":!!f.value,"skin-selector-button-tooltip-label":a.skinSelectorButtonTooltipLabel,"skin-tone":a.skinTone,onSkinTone:t[11]||(t[11]=o=>h("skin-tone",o)),onFocusTabset:t[12]||(t[12]=o=>b.$refs.tabsetRef.focusTabset()),onKeydown:t[13]||(t[13]=e.withKeys(o=>h("close"),["esc"]))},null,8,["is-hovering","skin-selector-button-tooltip-label","skin-tone"])])]))}};exports.DtEmoji=s.DtEmoji;exports.DtEmojiTextWrapper=s._sfc_main;exports.codeToEmojiData=s.codeToEmojiData;Object.defineProperty(exports,"customEmojiAssetUrl",{enumerable:!0,get:()=>s.customEmojiAssetUrl});exports.defaultEmojiAssetUrl=s.defaultEmojiAssetUrl;Object.defineProperty(exports,"emojiFileExtensionLarge",{enumerable:!0,get:()=>s.emojiFileExtensionLarge});Object.defineProperty(exports,"emojiFileExtensionSmall",{enumerable:!0,get:()=>s.emojiFileExtensionSmall});Object.defineProperty(exports,"emojiImageUrlLarge",{enumerable:!0,get:()=>s.emojiImageUrlLarge});Object.defineProperty(exports,"emojiImageUrlSmall",{enumerable:!0,get:()=>s.emojiImageUrlSmall});exports.emojiJson=s.emojiJson;exports.emojiVersion=s.emojiVersion;exports.filterValidShortCodes=s.filterValidShortCodes;exports.findEmojis=s.findEmojis;exports.findShortCodes=s.findShortCodes;exports.getEmojiData=s.getEmojiData;exports.setCustomEmojiJson=s.setCustomEmojiJson;exports.setCustomEmojiUrl=s.setCustomEmojiUrl;exports.setEmojiAssetUrlLarge=s.setEmojiAssetUrlLarge;exports.setEmojiAssetUrlSmall=s.setEmojiAssetUrlSmall;exports.shortcodeToEmojiData=s.shortcodeToEmojiData;exports.stringToUnicode=s.stringToUnicode;exports.unicodeToString=s.unicodeToString;exports.validateCustomEmojiJson=s.validateCustomEmojiJson;exports.DtEmojiPicker=Re;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./emoji_text_wrapper-0681c5eb.cjs"),e=require("vue");const H={class:"d-emoji-picker__search d-emoji-picker__alignment"},W=["onKeydown"],Q={__name:"emoji_search",props:{searchPlaceholderLabel:{type:String,required:!0},modelValue:{type:String,default:""}},emits:["update:modelValue","focus-emoji-selector","focus-tabset","select-first-emoji"],setup(a,{expose:h,emit:p}){const i=e.ref(null);function f(){p("update:modelValue",""),g()}function g(){i.value.focus()}return e.onMounted(()=>{g()}),h({focusSearchInput:g}),(y,k)=>(e.openBlock(),e.createElementBlock("div",H,[e.createVNode(s.DtInput,{id:"searchInput",ref_key:"searchInput",ref:i,placeholder:a.searchPlaceholderLabel,"model-value":a.modelValue,"onUpdate:modelValue":k[0]||(k[0]=d=>y.$emit("update:modelValue",d)),onKeydown:[k[1]||(k[1]=e.withKeys(d=>y.$emit("focus-tabset"),["up"])),k[2]||(k[2]=e.withKeys(e.withModifiers(d=>y.$emit("focus-emoji-selector"),["prevent"]),["down"])),k[3]||(k[3]=e.withKeys(d=>y.$emit("select-first-emoji"),["enter"]))]},e.createSlots({leftIcon:e.withCtx(()=>[e.createVNode(s.DtIcon,{name:"search"})]),_:2},[a.modelValue.length>0?{name:"rightIcon",fn:e.withCtx(()=>[e.createElementVNode("button",{class:"d-emoji-picker__search-button",onClick:f,onKeydown:e.withKeys(f,["enter"])},[e.createVNode(s.DtIcon,{name:"close"})],40,W)]),key:"0"}:void 0]),1032,["placeholder","model-value"])]))}},X=s._export_sfc(Q,[["__scopeId","data-v-640002c1"]]);const Y={class:"d-emoji-picker__tabset"},Z={__name:"emoji_tabset",props:{showRecentlyUsedTab:{type:Boolean,default:!1},scrollIntoTab:{type:Number,required:!0},isScrolling:{type:Boolean,default:!1},emojiFilter:{type:String,default:""},tabsetLabels:{type:Array,required:!0}},emits:["selected-tabset","focus-search-input"],setup(a,{expose:h,emit:p}){const i=a,f=[{label:"Recently used",icon:"clock"},{label:"Smiley’s and people",icon:"satisfied"},{label:"Nature",icon:"living-thing"},{label:"Food",icon:"food"},{label:"Activity",icon:"object"},{label:"Travel",icon:"transportation"},{label:"Objects",icon:"lightbulb"},{label:"Symbols",icon:"heart"},{label:"Flags",icon:"flag"}],g=e.computed(()=>(i.showRecentlyUsedTab?f:f.slice(1)).map((o,r)=>({...o,label:i.tabsetLabels[r],id:(r+1).toString(),panelId:(r+1).toString()}))),y=e.computed(()=>i.emojiFilter.length>0),k=e.ref("1"),{isScrolling:d}=e.toRefs(i),R=e.ref([]);e.watch(()=>i.scrollIntoTab,()=>{!d.value&&!y.value&&(k.value=(i.scrollIntoTab+1).toString())}),e.watch(y,()=>{y.value&&(k.value=null)});function $(t){d.value||(k.value=t),p("selected-tabset",t)}function m(t){R.value.push(t.$el)}function T(){R.value[0].focus()}function b(t,o){t.key==="Enter"&&($(o),R.value[o-1].blur()),t.key==="Tab"&&(t.preventDefault(),p("focus-search-input")),t.key==="ArrowDown"&&p("focus-search-input")}return h({focusTabset:T}),(t,o)=>(e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(s.DtTabGroup,{"tab-list-class":"d-emoji-picker__tabset-list",selected:k.value},{tabs:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g),(r,S)=>(e.openBlock(),e.createBlock(s.DtTab,{id:r.id,ref_for:!0,ref:j=>{j&&m(j)},key:r.id,"panel-id":r.panelId,label:r.label,"aria-controls":"d-emoji-picker-list",tabindex:S+1,onClickCapture:e.withModifiers(j=>$(r.id),["stop"]),onKeydown:j=>b(j,r.id)},{default:e.withCtx(()=>[e.createVNode(s.DtIcon,{size:"400",name:r.icon},null,8,["name"])]),_:2},1032,["id","panel-id","label","tabindex","onClickCapture","onKeydown"]))),128))]),_:1},8,["selected"])]))}},F="https://static.dialpadcdn.com/joypixels/png/unicode/32/",w=9;function x(a){const h=e.ref([]),p=e.ref([]),i=e.ref(!1),f=e.ref(!0);function g(t,o=!1){f.value=o,a("highlighted-emoji",t)}function y(t,o,r){h.value[o]||(h.value[o]=[]),h.value[o][r]=t}function k(t,o){p.value[o]=t}function d(t,o){var S,j,C;const r=i.value?(S=p.value)==null?void 0:S[o]:(C=(j=h.value)==null?void 0:j[t])==null?void 0:C[o];return r?(r.focus(),!0):!1}function R(t,o){d(t,o-1)||(h.value[t-1]?d(t-1,h.value[t-1].length-1):d(h.value.length-1,h.value[h.value.length-1].length-1))}function $(t,o){d(t,o+1)||d(t+1,0)||d(0,0)}function m(t,o){d(0,o-1)||d(0,p.value.length-1)}function T(t,o){d(0,o+1)||d(0,0)}function b(t,o,r){i.value?t==="left"?m(o,r):t==="right"&&T(o,r):t==="left"?R(o,r):t==="right"&&$(o,r)}return{emojiRefs:h,emojiFilteredRefs:p,isFiltering:i,hoverFirstEmoji:f,setEmojiRef:y,setFilteredRef:k,hoverEmoji:g,focusEmoji:d,handleHorizontalNavigation:b}}const ee={class:"d-emoji-picker__selector"},te={key:0,class:"d-emoji-picker__search-label d-emoji-picker__alignment"},oe={key:0},le={class:"d-emoji-picker__tab"},ne=["aria-label","onClick","onFocusin","onMouseover","onKeydown"],se=["alt","aria-label","title","src"],ie={key:2,class:"d-emoji-picker__alignment"},re={class:"d-emoji-picker__tab","data-qa":"filtered-emojis"},ae=["aria-label","onClick","onFocusin","onMouseover","onKeydown"],ce=["alt","aria-label","title","src"],ue={__name:"emoji_selector",props:{emojiFilter:{type:String,default:""},skinTone:{type:String,required:!0},tabsetLabels:{type:Array,required:!0},selectedTabset:{type:Object,required:!0},searchResultsLabel:{type:String,required:!0},searchNoResultsLabel:{type:String,required:!0},recentlyUsedEmojis:{type:Array,default:()=>[]}},emits:["highlighted-emoji","selected-emoji","scroll-into-tab","is-scrolling","focus-skin-selector","focus-search-input"],setup(a,{expose:h,emit:p}){const i=a,{emojiRefs:f,emojiFilteredRefs:g,isFiltering:y,hoverFirstEmoji:k,setEmojiRef:d,setFilteredRef:R,hoverEmoji:$,focusEmoji:m,handleHorizontalNavigation:T}=x(p),b=e.ref(null),t=e.ref(null),o=e.ref(null),r=["Recently used","People","Nature","Food","Activity","Travel","Objects","Symbols","Flags"],S=e.computed(()=>i.recentlyUsedEmojis.length?i.tabsetLabels.map(l=>({label:l,ref:e.ref(null)})):i.tabsetLabels.slice(1).map(l=>({label:l,ref:e.ref(null)}))),j=e.ref(S.value[0].label),C=e.computed(()=>i.recentlyUsedEmojis.length?r:r.slice(1)),D=e.ref([]),V=e.computed(()=>[...s.emojisGrouped[`People${i.skinTone}`],...s.emojisGrouped.Nature,...s.emojisGrouped.Food,...s.emojisGrouped[`Activity${i.skinTone}`],...s.emojisGrouped.Travel,...s.emojisGrouped[`Objects${i.skinTone}`],...s.emojisGrouped.Symbols,...s.emojisGrouped.Flags]),A=U(()=>{g.value=[],I()});e.watch(V,()=>{I()},{immediate:!0}),e.watch(()=>i.recentlyUsedEmojis,()=>{s.emojisGrouped["Recently used"]=i.recentlyUsedEmojis},{immediate:!0}),e.watch(()=>i.emojiFilter,()=>{O(),i.emojiFilter?y.value=!0:(y.value=!1,p("highlighted-emoji",null)),A()}),e.watch(()=>i.selectedTabset,l=>{N(l.tabId)},{deep:!0});function I(){const l=i.emojiFilter.toLowerCase();D.value=V.value.filter(n=>{const u=n.name.toLowerCase().includes(l),v=n.keywords.some(c=>c.toLowerCase().includes(l));return u||v}),e.nextTick(()=>{l&&$(D.value[0],!0)})}function U(l,n=300){let u;return(...v)=>{clearTimeout(u),u=setTimeout(()=>l(...v),n)}}function K(l){return`${F+l}.png`}function q(l){l.target.parentNode.style.display="none"}function N(l,n=!0){const v=S.value[l-1].ref.value[0];e.nextTick(()=>{const c=t.value,E=l==="1"?0:v.offsetTop-20;let _=!0,B=c.scrollTop;p("is-scrolling",!0),c.addEventListener("scroll",()=>{if(_){const L=c.scrollTop;(B<L&&L>=E||B>L&&L<=E)&&(_=!1,p("is-scrolling",!1)),B=L}}),c.scrollTop=E,n&&m(l-1,0)})}function O(){const l=t.value;l.scrollTop=0}function P(){o.value=new IntersectionObserver(l=>{l.forEach(n=>{var c,E,_,B,L;const{target:u}=n,v=parseInt(u.dataset.index);n.isIntersecting&&u.offsetTop<=b.value.offsetTop+50?(j.value=((c=S.value[v-1])==null?void 0:c.label)??((E=S.value[0])==null?void 0:E.label),p("scroll-into-tab",v-1)):n.boundingClientRect.bottom<=((_=b.value)==null?void 0:_.getBoundingClientRect().bottom)?(p("scroll-into-tab",v),j.value=(B=S.value[v])==null?void 0:B.label):v===1&&(p("scroll-into-tab",v),j.value=(L=S.value[0])==null?void 0:L.label)})}),o.value.observe(b.value),Array.from(t.value.children).forEach((l,n)=>{o.value.observe(l),l.dataset.index=n})}const M=(l,n,u)=>{var v;if(l.preventDefault(),k.value=!1,l.key==="ArrowUp"){const c=n%w;if(!m(0,n-w)){const E=g.value.length-g.value.length%w+c;m(0,E),m(0,E)||m(0,g.value.length-1)}}if(l.key==="ArrowDown"&&!m(0,n+w)){const c=n%w;(v=g.value)!=null&&v[n+(w-c)]?m(0,g.value.length-1):m(0,c)}l.key==="ArrowLeft"&&T("left",0,n),l.key==="ArrowRight"&&T("right",0,n),l.key==="Tab"&&p("focus-skin-selector"),l.key==="Enter"&&p("selected-emoji",u)},G=(l,n,u,v)=>{var c,E;if(l.preventDefault(),l.key==="ArrowUp"){const _=u%w;if(n===0){const B=w-f.value[f.value.length-1].length%w,L=f.value[f.value.length-1].length+B-(w-_);m(f.value.length-1,L)||m(f.value.length-1,f.value[f.value.length-1].length-1);return}if(!m(n,u-w)){const B=n-1<0?0:n-1,L=f.value[B].length,J=L-L%w+_;m(B,J)||m(n-1,f.value[n-1].length-1)}}if(l.key==="ArrowDown"&&!m(n,u+w)){const _=u%w;(E=(c=f.value)==null?void 0:c[n])!=null&&E[u+(w-_)]?m(n,f.value[n].length-1):m(n+1,_)||m(0,_)||m(0,f.value[0].length-1)}l.key==="ArrowLeft"&&T("left",n,u),l.key==="ArrowRight"&&T("right",n,u),l.key==="Tab"&&(m(n+1,0)?N(n+1+1,!1):p("focus-skin-selector")),l.key==="Tab"&&l.shiftKey&&(m(n,0)&&n>0?N(n,!0):(N(1,!1),p("focus-search-input"))),l.key==="Enter"&&p("selected-emoji",v)};function z(){m(0,0)}return e.onMounted(()=>{P()}),e.onUnmounted(()=>{o.value.disconnect()}),h({focusEmojiSelector:z}),(l,n)=>(e.openBlock(),e.createElementBlock("div",ee,[e.createElementVNode("div",{id:"d-emoji-picker-list",ref_key:"listRef",ref:t,class:"d-emoji-picker__list"},[a.emojiFilter?(e.openBlock(),e.createElementBlock("p",te,e.toDisplayString(D.value.length>0?a.searchResultsLabel:a.searchNoResultsLabel),1)):(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"tabCategoryRef",ref:b,class:"d-emoji-picker__category d-emoji-picker__alignment"},[e.createElementVNode("p",null,e.toDisplayString(j.value),1)],512)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(S),(u,v)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:v,ref_for:!0,ref:u.ref,class:"d-emoji-picker__alignment"},[v?(e.openBlock(),e.createElementBlock("p",oe,e.toDisplayString(u.label),1)):e.createCommentVNode("",!0),e.createElementVNode("div",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s.emojisGrouped)[e.unref(C)[v]+a.skinTone]?e.unref(s.emojisGrouped)[e.unref(C)[v]+a.skinTone]:e.unref(s.emojisGrouped)[e.unref(C)[v]],(c,E)=>(e.openBlock(),e.createElementBlock("button",{key:c.shortname,ref_for:!0,ref:_=>{_&&e.unref(d)(_,v,E)},type:"button","aria-label":c.name,onClick:_=>l.$emit("selected-emoji",c),onFocusin:_=>l.$emit("highlighted-emoji",c),onFocusout:n[0]||(n[0]=_=>l.$emit("highlighted-emoji",null)),onMouseover:_=>l.$emit("highlighted-emoji",c),onMouseleave:n[1]||(n[1]=_=>l.$emit("highlighted-emoji",null)),onKeydown:_=>G(_,v,E,c)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:c.name,"aria-label":c.name,title:c.name,src:K(c.unicode_character),onError:q},null,40,se)],40,ne))),128))])])),[[e.vShow,!a.emojiFilter]])),128)),a.emojiFilter?(e.openBlock(),e.createElementBlock("div",ie,[e.createElementVNode("div",re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(D.value,(u,v)=>(e.openBlock(),e.createElementBlock("button",{key:u.shortname,ref_for:!0,ref:c=>{c&&e.unref(R)(c,v)},type:"button","aria-label":u.name,class:e.normalizeClass({"hover-emoji":v===0&&e.unref(k)}),onClick:c=>l.$emit("selected-emoji",u),onFocusin:c=>l.$emit("highlighted-emoji",u),onFocusout:n[2]||(n[2]=c=>l.$emit("highlighted-emoji",null)),onMouseover:c=>e.unref($)(u),onMouseleave:n[3]||(n[3]=c=>e.unref($)(null)),onKeydown:c=>M(c,v,u)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:u.name,"aria-label":u.name,title:u.name,src:`${e.unref(F)+u.unicode_character}.png`},null,8,ce)],42,ae))),128))])])):e.createCommentVNode("",!0)],512)]))}},fe=s._export_sfc(ue,[["__scopeId","data-v-067b0cfe"]]);const de={"data-qa":"skin-selector"},me={class:"d-emoji-picker__skin-list"},pe=["onKeydown","onClick"],ve=["alt","aria-label","title","src"],he={class:"d-emoji-picker__skin-selected"},be=["aria-label"],ge=["alt","aria-label","title","src"],ke={__name:"emoji_skin_selector",props:{skinTone:{type:String,required:!0},isHovering:{type:Boolean,default:!1},skinSelectorButtonTooltipLabel:{type:String,required:!0}},emits:["skin-tone","focus-tabset"],setup(a,{expose:h,emit:p}){const i=a,f=[{name:":wave_tone1:",unicode_output:"1f44b-1f3fb",skinTone:"Light",skinCode:"_tone1"},{name:":wave_tone2:",unicode_output:"1f44b-1f3fc",skinTone:"MediumLight",skinCode:"_tone2"},{name:":wave_tone3:",unicode_output:"1f44b-1f3fd",skinTone:"Medium",skinCode:"_tone3"},{name:":wave_tone4:",unicode_output:"1f44b-1f3fe",skinTone:"MediumDark",skinCode:"_tone4"},{name:":wave_tone5:",unicode_output:"1f44b-1f3ff",skinTone:"Dark",skinCode:"_tone5"},{name:":wave:",unicode_output:"1f44b",skinTone:"Default",skinCode:""}],g=e.ref(f.find(t=>t.skinTone===i.skinTone)),y=e.ref(!1),k=e.ref(null),d=e.ref([]);e.watchEffect(()=>i.isHovering&&(y.value=!1));function R(t){d.value.push(t)}function $(){k.value.focus()}function m(t){g.value=t,y.value=!1,p("skin-tone",t.skinTone),e.nextTick(()=>$())}const T=(t,o,r)=>{var S,j,C;t.preventDefault(),t.key==="ArrowLeft"&&(r===0&&((S=d.value[d.value.length-1])==null||S.focus()),(j=d.value[r-1])==null||j.focus()),t.key==="ArrowRight"&&((C=d.value[r+1])==null||C.focus()),t.key==="Enter"&&(o?m(o):b()),t.key==="Tab"&&p("focus-tabset")};function b(){y.value=!y.value,e.nextTick(()=>d.value[0].focus())}return h({focusSkinSelector:$}),(t,o)=>(e.openBlock(),e.createElementBlock("div",de,[e.withDirectives(e.createElementVNode("div",me,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(f,(r,S)=>e.createElementVNode("button",{ref_for:!0,ref:j=>{j&&R(j)},key:r.name,class:e.normalizeClass({selected:g.value.skinCode===r.skinCode}),onKeydown:j=>T(j,r,S),onClick:j=>m(r)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:r.name,"aria-label":r.name,title:r.name,src:`${e.unref(F)+r.unicode_output}.png`},null,8,ve)],42,pe)),64))],512),[[e.vShow,y.value]]),e.withDirectives(e.createElementVNode("div",he,[e.createVNode(s.DtTooltip,{placement:"top-end"},{anchor:e.withCtx(()=>[e.createElementVNode("button",{ref_key:"skinSelectorRef",ref:k,"aria-label":a.skinSelectorButtonTooltipLabel,tabindex:"-1",onClick:b,onKeydown:o[0]||(o[0]=r=>T(r))},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:g.value.name,"aria-label":g.value.name,title:g.value.name,src:`${e.unref(F)+g.value.unicode_output}.png`},null,8,ge)],40,be)]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.skinSelectorButtonTooltipLabel)+" ",1)]),_:1})],512),[[e.vShow,!y.value]])]))}},ye=s._export_sfc(ke,[["__scopeId","data-v-3a6fb9c2"]]);const je={class:"d-emoji-picker__data"},_e=["alt","aria-label","title","src"],Se={__name:"emoji_description",props:{emoji:{type:Object,default:null}},setup(a){return(h,p)=>{var i;return e.openBlock(),e.createElementBlock("div",je,[a.emoji?(e.openBlock(),e.createElementBlock("img",{key:0,class:"d-icon d-icon--size-500",alt:a.emoji.name,"aria-label":a.emoji.name,title:a.emoji.name,src:`${e.unref(F)+a.emoji.unicode_character}.png`},null,8,_e)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString((i=a.emoji)==null?void 0:i.name),1)])}}},Ee=s._export_sfc(Se,[["__scopeId","data-v-48c61881"]]);const we={class:"d-emoji-picker"},$e={class:"d-emoji-picker--header"},Te={class:"d-emoji-picker--body"},Le={class:"d-emoji-picker--footer"},Re={__name:"emoji_picker",props:{recentlyUsedEmojis:{type:Array,default:()=>[]},searchPlaceholderLabel:{type:String,required:!0},searchResultsLabel:{type:String,required:!0},searchNoResultsLabel:{type:String,required:!0},tabSetLabels:{type:Array,required:!0},skinTone:{type:String,default:"Default"},skinSelectorButtonTooltipLabel:{type:String,required:!0}},emits:["selected-emoji","skin-tone","close"],setup(a,{emit:h}){const p=a,i=e.ref(""),f=e.ref(null),g=e.ref({}),y=e.ref(0),k=e.ref(!1),d=e.computed(()=>p.recentlyUsedEmojis.length>0);function R(b){i.value="",g.value=b,g.value={...g.value,tabId:b}}function $(b){y.value=b}function m(b){k.value=b}function T(b){f.value=b}return(b,t)=>(e.openBlock(),e.createElementBlock("div",we,[e.createElementVNode("div",$e,[e.createVNode(Z,{ref:"tabsetRef","emoji-filter":i.value,"show-recently-used-tab":e.unref(d),"scroll-into-tab":y.value,"tabset-labels":a.tabSetLabels,"is-scrolling":k.value,onFocusSearchInput:t[0]||(t[0]=o=>b.$refs.searchInputRef.focusSearchInput()),onSelectedTabset:R,onKeydown:t[1]||(t[1]=e.withKeys(o=>h("close"),["esc"]))},null,8,["emoji-filter","show-recently-used-tab","scroll-into-tab","tabset-labels","is-scrolling"])]),e.createElementVNode("div",Te,[e.createVNode(X,{ref:"searchInputRef",modelValue:i.value,"onUpdate:modelValue":t[2]||(t[2]=o=>i.value=o),"search-placeholder-label":a.searchPlaceholderLabel,onSelectFirstEmoji:t[3]||(t[3]=o=>h("selected-emoji",f.value)),onFocusTabset:t[4]||(t[4]=o=>b.$refs.tabsetRef.focusTabset()),onFocusEmojiSelector:t[5]||(t[5]=o=>b.$refs.emojiSelectorRef.focusEmojiSelector()),onKeydown:t[6]||(t[6]=e.withKeys(o=>h("close"),["esc"]))},null,8,["modelValue","search-placeholder-label"]),e.createVNode(fe,{ref:"emojiSelectorRef","emoji-filter":i.value,"skin-tone":a.skinTone,"tabset-labels":a.tabSetLabels,"search-results-label":a.searchResultsLabel,"search-no-results-label":a.searchNoResultsLabel,"recently-used-emojis":a.recentlyUsedEmojis,"selected-tabset":g.value,onScrollIntoTab:$,onIsScrolling:m,onHighlightedEmoji:T,onSelectedEmoji:t[7]||(t[7]=o=>h("selected-emoji",o)),onFocusSkinSelector:t[8]||(t[8]=o=>b.$refs.skinSelectorRef.focusSkinSelector()),onFocusSearchInput:t[9]||(t[9]=o=>b.$refs.searchInputRef.focusSearchInput()),onKeydown:t[10]||(t[10]=e.withKeys(o=>h("close"),["esc"]))},null,8,["emoji-filter","skin-tone","tabset-labels","search-results-label","search-no-results-label","recently-used-emojis","selected-tabset"])]),e.createElementVNode("div",Le,[e.createVNode(Ee,{emoji:f.value},null,8,["emoji"]),e.createVNode(ye,{ref:"skinSelectorRef","is-hovering":!!f.value,"skin-selector-button-tooltip-label":a.skinSelectorButtonTooltipLabel,"skin-tone":a.skinTone,onSkinTone:t[11]||(t[11]=o=>h("skin-tone",o)),onFocusTabset:t[12]||(t[12]=o=>b.$refs.tabsetRef.focusTabset()),onKeydown:t[13]||(t[13]=e.withKeys(o=>h("close"),["esc"]))},null,8,["is-hovering","skin-selector-button-tooltip-label","skin-tone"])])]))}};exports.DtEmoji=s.DtEmoji;exports.DtEmojiTextWrapper=s._sfc_main;exports.codeToEmojiData=s.codeToEmojiData;Object.defineProperty(exports,"customEmojiAssetUrl",{enumerable:!0,get:()=>s.customEmojiAssetUrl});exports.defaultEmojiAssetUrl=s.defaultEmojiAssetUrl;Object.defineProperty(exports,"emojiFileExtensionLarge",{enumerable:!0,get:()=>s.emojiFileExtensionLarge});Object.defineProperty(exports,"emojiFileExtensionSmall",{enumerable:!0,get:()=>s.emojiFileExtensionSmall});Object.defineProperty(exports,"emojiImageUrlLarge",{enumerable:!0,get:()=>s.emojiImageUrlLarge});Object.defineProperty(exports,"emojiImageUrlSmall",{enumerable:!0,get:()=>s.emojiImageUrlSmall});exports.emojiJson=s.emojiJson;exports.emojiVersion=s.emojiVersion;exports.filterValidShortCodes=s.filterValidShortCodes;exports.findEmojis=s.findEmojis;exports.findShortCodes=s.findShortCodes;exports.getEmojiData=s.getEmojiData;exports.setCustomEmojiJson=s.setCustomEmojiJson;exports.setCustomEmojiUrl=s.setCustomEmojiUrl;exports.setEmojiAssetUrlLarge=s.setEmojiAssetUrlLarge;exports.setEmojiAssetUrlSmall=s.setEmojiAssetUrlSmall;exports.shortcodeToEmojiData=s.shortcodeToEmojiData;exports.stringToUnicode=s.stringToUnicode;exports.unicodeToString=s.unicodeToString;exports.validateCustomEmojiJson=s.validateCustomEmojiJson;exports.DtEmojiPicker=Re;

package/dist/emoji.js

@@ -1,5 +1,5 @@
-import { _ as W, s as be, D as Q, J as he, K as pe, a7 as I, t as ge } from "./emoji_text_wrapper-2d0e6363.js";
-import { y as ft, w as dt, ap as mt, aa as vt, a9 as bt, ae as ht, ac as pt, ad as gt, ab as yt, af as kt, a8 as _t, ar as jt, as as St, aq as $t, ag as wt, ak as Tt, aj as Rt, ai as Et, ah as Lt, am as Ft, ao as Ct, an as It, al as At } from "./emoji_text_wrapper-2d0e6363.js";
+import { _ as W, s as be, D as Q, J as he, K as pe, a7 as C, t as ge } from "./emoji_text_wrapper-2d0e6363.js";
+import { y as ft, w as dt, ap as mt, aa as vt, a9 as bt, ae as ht, ac as pt, ad as gt, ab as yt, af as kt, a8 as _t, ar as jt, as as St, aq as $t, ag as wt, ak as Tt, aj as Rt, ai as Et, ah as Lt, am as Ft, ao as It, an as Ct, al as At } from "./emoji_text_wrapper-2d0e6363.js";
 import { ref as y, onMounted as te, openBlock as j, createElementBlock as S, createVNode as K, withKeys as q, withModifiers as oe, createSlots as ye, withCtx as B, createElementVNode as T, computed as V, toRefs as ke, watch as N, Fragment as M, renderList as O, unref as $, createBlock as _e, nextTick as G, onUnmounted as je, toDisplayString as P, withDirectives as X, createCommentVNode as Y, vShow as Z, normalizeClass as le, watchEffect as Se, createTextVNode as se } from "vue";
 const $e = { class: "d-emoji-picker__search d-emoji-picker__alignment" }, we = ["onKeydown"], Te = {
   __name: "emoji_search",
@@ -28,6 +28,7 @@ const $e = { class: "d-emoji-picker__search d-emoji-picker__alignment" }, we = [
       focusSearchInput: h
     }), (g, p) => (j(), S("div", $e, [
       K(be, {
+        id: "searchInput",
         ref_key: "searchInput",
         ref: s,
         placeholder: i.searchPlaceholderLabel,
@@ -60,7 +61,7 @@ const $e = { class: "d-emoji-picker__search d-emoji-picker__alignment" }, we = [
       ]), 1032, ["placeholder", "model-value"])
     ]));
   }
-}, Re = /* @__PURE__ */ W(Te, [["__scopeId", "data-v-2576719b"]]);
+}, Re = /* @__PURE__ */ W(Te, [["__scopeId", "data-v-640002c1"]]);
 const Ee = { class: "d-emoji-picker__tabset" }, Le = {
   __name: "emoji_tabset",
   props: {
@@ -223,7 +224,7 @@ function Fe(i) {
     handleHorizontalNavigation: b
   };
 }
-const Ce = { class: "d-emoji-picker__selector" }, Ie = {
+const Ie = { class: "d-emoji-picker__selector" }, Ce = {
   key: 0,
   class: "d-emoji-picker__search-label d-emoji-picker__alignment"
 }, Ae = { key: 0 }, De = { class: "d-emoji-picker__tab" }, Ke = ["aria-label", "onClick", "onFocusin", "onMouseover", "onKeydown"], Ue = ["alt", "aria-label", "title", "src"], qe = {
@@ -336,14 +337,14 @@ const Ce = { class: "d-emoji-picker__selector" }, Ie = {
       focusEmoji: f,
       handleHorizontalNavigation: F
     } = Fe(d), b = y(null), e = y(null), t = y(null), n = ["Recently used", "People", "Nature", "Food", "Activity", "Travel", "Objects", "Symbols", "Flags"], w = V(() => s.recentlyUsedEmojis.length ? s.tabsetLabels.map((o) => ({ label: o, ref: y(null) })) : s.tabsetLabels.slice(1).map((o) => ({ label: o, ref: y(null) }))), k = y(w.value[0].label), U = V(() => s.recentlyUsedEmojis.length ? n : n.slice(1)), H = y([]), x = V(() => [
-      ...I[`People${s.skinTone}`],
-      ...I.Nature,
-      ...I.Food,
-      ...I[`Activity${s.skinTone}`],
-      ...I.Travel,
-      ...I[`Objects${s.skinTone}`],
-      ...I.Symbols,
-      ...I.Flags
+      ...C[`People${s.skinTone}`],
+      ...C.Nature,
+      ...C.Food,
+      ...C[`Activity${s.skinTone}`],
+      ...C.Travel,
+      ...C[`Objects${s.skinTone}`],
+      ...C.Symbols,
+      ...C.Flags
     ]), ne = ie(() => {
       h.value = [], ee();
     });
@@ -352,7 +353,7 @@ const Ce = { class: "d-emoji-picker__selector" }, Ie = {
     }, { immediate: !0 }), N(
       () => s.recentlyUsedEmojis,
       () => {
-        I["Recently used"] = s.recentlyUsedEmojis;
+        C["Recently used"] = s.recentlyUsedEmojis;
       },
       { immediate: !0 }
     ), N(() => s.emojiFilter, () => {
@@ -392,8 +393,8 @@ const Ce = { class: "d-emoji-picker__selector" }, Ie = {
         let _ = !0, D = a.scrollTop;
         d("is-scrolling", !0), a.addEventListener("scroll", () => {
           if (_) {
-            const C = a.scrollTop;
-            (D < C && C >= R || D > C && C <= R) && (_ = !1, d("is-scrolling", !1)), D = C;
+            const I = a.scrollTop;
+            (D < I && I >= R || D > I && I <= R) && (_ = !1, d("is-scrolling", !1)), D = I;
           }
         }), a.scrollTop = R, l && f(o - 1, 0);
       });
@@ -405,9 +406,9 @@ const Ce = { class: "d-emoji-picker__selector" }, Ie = {
     function ce() {
       t.value = new IntersectionObserver((o) => {
         o.forEach((l) => {
-          var a, R, _, D, C;
+          var a, R, _, D, I;
           const { target: r } = l, m = parseInt(r.dataset.index);
-          l.isIntersecting && r.offsetTop <= b.value.offsetTop + 50 ? (k.value = ((a = w.value[m - 1]) == null ? void 0 : a.label) ?? ((R = w.value[0]) == null ? void 0 : R.label), d("scroll-into-tab", m - 1)) : l.boundingClientRect.bottom <= ((_ = b.value) == null ? void 0 : _.getBoundingClientRect().bottom) ? (d("scroll-into-tab", m), k.value = (D = w.value[m]) == null ? void 0 : D.label) : m === 1 && (d("scroll-into-tab", m), k.value = (C = w.value[0]) == null ? void 0 : C.label);
+          l.isIntersecting && r.offsetTop <= b.value.offsetTop + 50 ? (k.value = ((a = w.value[m - 1]) == null ? void 0 : a.label) ?? ((R = w.value[0]) == null ? void 0 : R.label), d("scroll-into-tab", m - 1)) : l.boundingClientRect.bottom <= ((_ = b.value) == null ? void 0 : _.getBoundingClientRect().bottom) ? (d("scroll-into-tab", m), k.value = (D = w.value[m]) == null ? void 0 : D.label) : m === 1 && (d("scroll-into-tab", m), k.value = (I = w.value[0]) == null ? void 0 : I.label);
         });
       }), t.value.observe(b.value), Array.from(e.value.children).forEach((o, l) => {
         t.value.observe(o), o.dataset.index = l;
@@ -432,12 +433,12 @@ const Ce = { class: "d-emoji-picker__selector" }, Ie = {
       if (o.preventDefault(), o.key === "ArrowUp") {
         const _ = r % E;
         if (l === 0) {
-          const D = E - u.value[u.value.length - 1].length % E, C = u.value[u.value.length - 1].length + D - (E - _);
-          f(u.value.length - 1, C) || f(u.value.length - 1, u.value[u.value.length - 1].length - 1);
+          const D = E - u.value[u.value.length - 1].length % E, I = u.value[u.value.length - 1].length + D - (E - _);
+          f(u.value.length - 1, I) || f(u.value.length - 1, u.value[u.value.length - 1].length - 1);
           return;
         }
         if (!f(l, r - E)) {
-          const D = l - 1 < 0 ? 0 : l - 1, C = u.value[D].length, ve = C - C % E + _;
+          const D = l - 1 < 0 ? 0 : l - 1, I = u.value[D].length, ve = I - I % E + _;
           f(D, ve) || f(l - 1, u.value[l - 1].length - 1);
         }
       }
@@ -456,14 +457,14 @@ const Ce = { class: "d-emoji-picker__selector" }, Ie = {
       t.value.disconnect();
     }), v({
       focusEmojiSelector: me
-    }), (o, l) => (j(), S("div", Ce, [
+    }), (o, l) => (j(), S("div", Ie, [
       T("div", {
         id: "d-emoji-picker-list",
         ref_key: "listRef",
         ref: e,
         class: "d-emoji-picker__list"
       }, [
-        i.emojiFilter ? (j(), S("p", Ie, P(H.value.length > 0 ? i.searchResultsLabel : i.searchNoResultsLabel), 1)) : (j(), S("div", {
+        i.emojiFilter ? (j(), S("p", Ce, P(H.value.length > 0 ? i.searchResultsLabel : i.searchNoResultsLabel), 1)) : (j(), S("div", {
           key: 1,
           ref_key: "tabCategoryRef",
           ref: b,
@@ -479,7 +480,7 @@ const Ce = { class: "d-emoji-picker__selector" }, Ie = {
         }, [
           m ? (j(), S("p", Ae, P(r.label), 1)) : Y("", !0),
           T("div", De, [
-            (j(!0), S(M, null, O($(I)[$(U)[m] + i.skinTone] ? $(I)[$(U)[m] + i.skinTone] : $(I)[$(U)[m]], (a, R) => (j(), S("button", {
+            (j(!0), S(M, null, O($(C)[$(U)[m] + i.skinTone] ? $(C)[$(U)[m] + i.skinTone] : $(C)[$(U)[m]], (a, R) => (j(), S("button", {
               key: a.shortname,
               ref_for: !0,
               ref: (_) => {
@@ -540,7 +541,7 @@ const Ce = { class: "d-emoji-picker__selector" }, Ie = {
       ], 512)
     ]));
   }
-}, Oe = /* @__PURE__ */ W(Me, [["__scopeId", "data-v-b604e646"]]);
+}, Oe = /* @__PURE__ */ W(Me, [["__scopeId", "data-v-067b0cfe"]]);
 const Pe = { "data-qa": "skin-selector" }, ze = { class: "d-emoji-picker__skin-list" }, He = ["onKeydown", "onClick"], Je = ["alt", "aria-label", "title", "src"], Ge = { class: "d-emoji-picker__skin-selected" }, We = ["aria-label"], Qe = ["alt", "aria-label", "title", "src"], Xe = {
   __name: "emoji_skin_selector",
   props: {
@@ -663,6 +664,7 @@ const Pe = { "data-qa": "skin-selector" }, ze = { class: "d-emoji-picker__skin-l
               ref_key: "skinSelectorRef",
               ref: p,
               "aria-label": i.skinSelectorButtonTooltipLabel,
+              tabindex: "-1",
               onClick: b,
               onKeydown: t[0] || (t[0] = (n) => F(n))
             }, [
@@ -685,7 +687,7 @@ const Pe = { "data-qa": "skin-selector" }, ze = { class: "d-emoji-picker__skin-l
       ])
     ]));
   }
-}, Ye = /* @__PURE__ */ W(Xe, [["__scopeId", "data-v-58a153f4"]]);
+}, Ye = /* @__PURE__ */ W(Xe, [["__scopeId", "data-v-3a6fb9c2"]]);
 const Ze = { class: "d-emoji-picker__data" }, xe = ["alt", "aria-label", "title", "src"], et = {
   __name: "emoji_description",
   props: {
@@ -917,7 +919,7 @@ export {
   Et as setEmojiAssetUrlLarge,
   Lt as setEmojiAssetUrlSmall,
   Ft as shortcodeToEmojiData,
-  Ct as stringToUnicode,
-  It as unicodeToString,
+  It as stringToUnicode,
+  Ct as unicodeToString,
   At as validateCustomEmojiJson
 };

package/dist/style.css

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "3.71.0",
+  "version": "3.72.0",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "scripts": {
     "build": "npm run clean && npm run build:main && npm run build:documentation",