@dialpad/dialtone-vue 3.115.1 → 3.116.0

package/dist/directives.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./tooltip-P8ouLQqi.cjs"),d=require("vue"),m={name:"dt-tooltip-directive",install(c){const n=document.createElement("div");document.body.appendChild(n);const u="top",p=d.createApp({name:"DtTooltipDirectiveApp",components:{DtTooltip:s.DtTooltip},data(){return{tooltips:[]}},methods:{addOrUpdateTooltip(o,t,e){const i=this.tooltips.findIndex(l=>l.id===o);i!==-1?(this.tooltips[i].message=t,this.tooltips[i].placement=e):this.tooltips.push({id:o,message:t,placement:e})},removeTooltip(o){this.tooltips=this.tooltips.filter(t=>t.id!==o)}},render(){return d.h("div",this.tooltips.map(({id:o,message:t,placement:e})=>d.h(s.DtTooltip,{key:o,message:t,placement:e,delay:process.env.NODE_ENV!=="test",externalAnchor:`[data-dt-tooltip-id="${o}"]`})))}});p.mount(n),c.directive("dt-tooltip",{beforeMount(o,t){r(o,t)},updated(o,t){t.value!==t.oldValue&&r(o,t)},unmounted(o){var t;(t=p._instance)==null||t.ctx.removeTooltip(o.getAttribute("data-dt-tooltip-id"))}});function r(o,t){var a;const e=o.getAttribute("data-dt-tooltip-id")||s.getUniqueString(),i=t.value,l=t.arg||u;o.setAttribute("data-dt-tooltip-id",e),(a=p._instance)==null||a.ctx.addOrUpdateTooltip(e,i,l)}}};exports.DtTooltipDirective=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./tooltip-P8ouLQqi.cjs"),p=require("vue"),u={name:"dt-tooltip-directive",install(a){let l;const s=document.createElement("div");document.body.appendChild(s);const c="top";p.createApp({name:"DtTooltipDirectiveApp",components:{DtTooltip:n.DtTooltip},data(){return{tooltips:[]}},mounted(){l=p.getCurrentInstance()},methods:{addOrUpdateTooltip(t,o,e){const i=this.tooltips.findIndex(d=>d.id===t);i!==-1?(this.tooltips[i].message=o,this.tooltips[i].placement=e):this.tooltips.push({id:t,message:o,placement:e})},removeTooltip(t){this.tooltips=this.tooltips.filter(o=>o.id!==t)}},render(){return p.h("div",this.tooltips.map(({id:t,message:o,placement:e})=>p.h(n.DtTooltip,{key:t,message:o,placement:e,delay:process.env.NODE_ENV!=="test",externalAnchor:`[data-dt-tooltip-id="${t}"]`})))}}).mount(s),a.directive("dt-tooltip",{beforeMount(t,o){r(t,o)},updated(t,o){o.value!==o.oldValue&&r(t,o)},unmounted(t){l.ctx.removeTooltip(t.getAttribute("data-dt-tooltip-id"))}});function r(t,o){const e=t.getAttribute("data-dt-tooltip-id")||n.getUniqueString(),i=o.value,d=o.arg||c;t.setAttribute("data-dt-tooltip-id",e),l.ctx.addOrUpdateTooltip(e,i,d)}}};exports.DtTooltipDirective=u;

package/dist/directives.js

@@ -1,62 +1,64 @@
-import { D as a, g as m } from "./tooltip-S6S4up2q.js";
-import { createApp as v, h as r } from "vue";
-const D = {
+import { D as n, g as u } from "./tooltip-S6S4up2q.js";
+import { createApp as m, getCurrentInstance as v, h as r } from "vue";
+const A = {
   name: "dt-tooltip-directive",
-  install(c) {
+  install(a) {
+    let p;
     const d = document.createElement("div");
     document.body.appendChild(d);
-    const u = "top", p = v({
+    const c = "top";
+    m({
       name: "DtTooltipDirectiveApp",
-      components: { DtTooltip: a },
+      components: { DtTooltip: n },
       data() {
         return {
           tooltips: []
         };
       },
+      mounted() {
+        p = v();
+      },
       methods: {
-        addOrUpdateTooltip(o, t, e) {
-          const i = this.tooltips.findIndex((s) => s.id === o);
-          i !== -1 ? (this.tooltips[i].message = t, this.tooltips[i].placement = e) : this.tooltips.push({ id: o, message: t, placement: e });
+        addOrUpdateTooltip(t, o, e) {
+          const i = this.tooltips.findIndex((l) => l.id === t);
+          i !== -1 ? (this.tooltips[i].message = o, this.tooltips[i].placement = e) : this.tooltips.push({ id: t, message: o, placement: e });
         },
-        removeTooltip(o) {
-          this.tooltips = this.tooltips.filter((t) => t.id !== o);
+        removeTooltip(t) {
+          this.tooltips = this.tooltips.filter((o) => o.id !== t);
         }
       },
       render() {
         return r(
           "div",
-          this.tooltips.map(({ id: o, message: t, placement: e }) => r(a, {
-            key: o,
-            message: t,
+          this.tooltips.map(({ id: t, message: o, placement: e }) => r(n, {
+            key: t,
+            message: o,
             placement: e,
             /**
              * Set the delay to false when running tests only.
              */
             delay: process.env.NODE_ENV !== "test",
-            externalAnchor: `[data-dt-tooltip-id="${o}"]`
+            externalAnchor: `[data-dt-tooltip-id="${t}"]`
           }))
         );
       }
-    });
-    p.mount(d), c.directive("dt-tooltip", {
-      beforeMount(o, t) {
-        l(o, t);
+    }).mount(d), a.directive("dt-tooltip", {
+      beforeMount(t, o) {
+        s(t, o);
       },
-      updated(o, t) {
-        t.value !== t.oldValue && l(o, t);
+      updated(t, o) {
+        o.value !== o.oldValue && s(t, o);
       },
-      unmounted(o) {
-        var t;
-        (t = p._instance) == null || t.ctx.removeTooltip(o.getAttribute("data-dt-tooltip-id"));
+      unmounted(t) {
+        p.ctx.removeTooltip(t.getAttribute("data-dt-tooltip-id"));
       }
     });
-    function l(o, t) {
-      var n;
-      const e = o.getAttribute("data-dt-tooltip-id") || m(), i = t.value, s = t.arg || u;
-      o.setAttribute("data-dt-tooltip-id", e), (n = p._instance) == null || n.ctx.addOrUpdateTooltip(e, i, s);
+    function s(t, o) {
+      const e = t.getAttribute("data-dt-tooltip-id") || u(), i = o.value, l = o.arg || c;
+      t.setAttribute("data-dt-tooltip-id", e), p.ctx.addOrUpdateTooltip(e, i, l);
     }
   }
 };
 export {
-  D as DtTooltipDirective
+  A as DtTooltipDirective
 };

package/dist/emoji.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./emoji-1NjKe1Yv.cjs"),t=require("./emoji_text_wrapper-bOsTtVBL.cjs"),o=require("./emoji_picker--qWnpkri.cjs");require("./tooltip-P8ouLQqi.cjs");require("vue");exports.DtEmoji=e.DtEmoji;exports.codeToEmojiData=e.codeToEmojiData;Object.defineProperty(exports,"customEmojiAssetUrl",{enumerable:!0,get:()=>e.customEmojiAssetUrl});exports.defaultEmojiAssetUrl=e.defaultEmojiAssetUrl;Object.defineProperty(exports,"emojiFileExtensionLarge",{enumerable:!0,get:()=>e.emojiFileExtensionLarge});Object.defineProperty(exports,"emojiFileExtensionSmall",{enumerable:!0,get:()=>e.emojiFileExtensionSmall});Object.defineProperty(exports,"emojiImageUrlLarge",{enumerable:!0,get:()=>e.emojiImageUrlLarge});Object.defineProperty(exports,"emojiImageUrlSmall",{enumerable:!0,get:()=>e.emojiImageUrlSmall});exports.emojiJson=e.emojiJson;exports.emojiVersion=e.emojiVersion;exports.filterValidShortCodes=e.filterValidShortCodes;exports.findEmojis=e.findEmojis;exports.findShortCodes=e.findShortCodes;exports.getEmojiData=e.getEmojiData;exports.setCustomEmojiJson=e.setCustomEmojiJson;exports.setCustomEmojiUrl=e.setCustomEmojiUrl;exports.setEmojiAssetUrlLarge=e.setEmojiAssetUrlLarge;exports.setEmojiAssetUrlSmall=e.setEmojiAssetUrlSmall;exports.shortcodeToEmojiData=e.shortcodeToEmojiData;exports.stringToUnicode=e.stringToUnicode;exports.unicodeToString=e.unicodeToString;exports.validateCustomEmojiJson=e.validateCustomEmojiJson;exports.DtEmojiTextWrapper=t._sfc_main;exports.ARROW_KEYS=o.ARROW_KEYS;exports.CDN_URL=o.CDN_URL;exports.DtEmojiPicker=o._sfc_main;exports.EMOJIS_PER_ROW=o.EMOJIS_PER_ROW;exports.EMOJI_PICKER_CATEGORIES=o.EMOJI_PICKER_CATEGORIES;exports.EMOJI_PICKER_SKIN_TONE_MODIFIERS=o.EMOJI_PICKER_SKIN_TONE_MODIFIERS;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./emoji-1NjKe1Yv.cjs"),t=require("./emoji_text_wrapper-bOsTtVBL.cjs"),o=require("./emoji_picker-ZG38HbIV.cjs");require("./tooltip-P8ouLQqi.cjs");require("vue");exports.DtEmoji=e.DtEmoji;exports.codeToEmojiData=e.codeToEmojiData;Object.defineProperty(exports,"customEmojiAssetUrl",{enumerable:!0,get:()=>e.customEmojiAssetUrl});exports.defaultEmojiAssetUrl=e.defaultEmojiAssetUrl;Object.defineProperty(exports,"emojiFileExtensionLarge",{enumerable:!0,get:()=>e.emojiFileExtensionLarge});Object.defineProperty(exports,"emojiFileExtensionSmall",{enumerable:!0,get:()=>e.emojiFileExtensionSmall});Object.defineProperty(exports,"emojiImageUrlLarge",{enumerable:!0,get:()=>e.emojiImageUrlLarge});Object.defineProperty(exports,"emojiImageUrlSmall",{enumerable:!0,get:()=>e.emojiImageUrlSmall});exports.emojiJson=e.emojiJson;exports.emojiVersion=e.emojiVersion;exports.filterValidShortCodes=e.filterValidShortCodes;exports.findEmojis=e.findEmojis;exports.findShortCodes=e.findShortCodes;exports.getEmojiData=e.getEmojiData;exports.setCustomEmojiJson=e.setCustomEmojiJson;exports.setCustomEmojiUrl=e.setCustomEmojiUrl;exports.setEmojiAssetUrlLarge=e.setEmojiAssetUrlLarge;exports.setEmojiAssetUrlSmall=e.setEmojiAssetUrlSmall;exports.shortcodeToEmojiData=e.shortcodeToEmojiData;exports.stringToUnicode=e.stringToUnicode;exports.unicodeToString=e.unicodeToString;exports.validateCustomEmojiJson=e.validateCustomEmojiJson;exports.DtEmojiTextWrapper=t._sfc_main;exports.ARROW_KEYS=o.ARROW_KEYS;exports.CDN_URL=o.CDN_URL;exports.DtEmojiPicker=o._sfc_main;exports.EMOJIS_PER_ROW=o.EMOJIS_PER_ROW;exports.EMOJI_PICKER_CATEGORIES=o.EMOJI_PICKER_CATEGORIES;exports.EMOJI_PICKER_SKIN_TONE_MODIFIERS=o.EMOJI_PICKER_SKIN_TONE_MODIFIERS;

package/dist/emoji.js

@@ -1,6 +1,6 @@
 import { D as i, o as m, c as t, d as r, g as E, b as j, f as l, a as n, h as d, e as _, q as I, r as S, p as C, i as g, l as D, k as R, j as U, s as f, m as p, n as O, u as c, v as u } from "./emoji-VxFu3PHn.js";
 import { _ as T } from "./emoji_text_wrapper-NMuqIG_X.js";
-import { A as J, C as h, _ as K, E as L, b as M, a as P } from "./emoji_picker-1UT0z6jY.js";
+import { A as J, C as h, _ as K, E as L, b as M, a as P } from "./emoji_picker-tCsjkMcD.js";
 import "./tooltip-S6S4up2q.js";
 import "vue";
 export {

package/dist/emoji_picker-ZG38HbIV.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),E=require("./emoji-1NjKe1Yv.cjs"),x=require("./tooltip-P8ouLQqi.cjs"),ee={class:"d-emoji-picker__search d-emoji-picker__alignment"},te=["onKeydown"],oe={__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(l,{expose:g,emit:w}){const i=w,u=e.ref(null);function _(){i("update:modelValue",""),b()}function b(){u.value.focus()}return e.onMounted(()=>{b()}),g({focusSearchInput:b}),(y,f)=>(e.openBlock(),e.createElementBlock("div",ee,[e.createVNode(e.unref(E.DtInput),{id:"searchInput",ref_key:"searchInput",ref:u,placeholder:l.searchPlaceholderLabel,"model-value":l.modelValue,"onUpdate:modelValue":f[0]||(f[0]=s=>y.$emit("update:modelValue",s)),onKeydown:[f[1]||(f[1]=e.withKeys(s=>y.$emit("focus-tabset"),["up"])),f[2]||(f[2]=e.withKeys(e.withModifiers(s=>y.$emit("focus-emoji-selector"),["prevent"]),["down"])),f[3]||(f[3]=e.withKeys(s=>y.$emit("select-first-emoji"),["enter"]))]},e.createSlots({leftIcon:e.withCtx(()=>[e.createVNode(e.unref(E.DtIcon),{name:"search",size:"200"})]),_:2},[l.modelValue.length>0?{name:"rightIcon",fn:e.withCtx(()=>[e.createElementVNode("button",{class:"d-emoji-picker__search-button",onClick:_,onKeydown:e.withKeys(_,["enter"])},[e.createVNode(e.unref(E.DtIcon),{name:"close"})],40,te)]),key:"0"}:void 0]),1032,["placeholder","model-value"])]))}},le={class:"d-emoji-picker__tabset"},ne={__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","focus-skin-selector"],setup(l,{expose:g,emit:w}){const i=l,u=w,_=[{label:A.MOST_RECENTLY_USED,icon:"clock"},{label:A.SMILEYS_AND_PEOPLE,icon:"satisfied"},{label:A.NATURE,icon:"living-thing"},{label:A.FOOD,icon:"food"},{label:A.ACTIVITY,icon:"object"},{label:A.TRAVEL,icon:"transportation"},{label:A.OBJECTS,icon:"lightbulb"},{label:A.SYMBOLS,icon:"heart"},{label:A.FLAGS,icon:"flag"}],b=e.computed(()=>(i.showRecentlyUsedTab?_:_.slice(1)).map((o,a)=>({...o,label:i.tabsetLabels[a],id:(a+1).toString(),panelId:(a+1).toString()}))),y=e.computed(()=>i.emojiFilter.length>0),f=e.ref("1"),{isScrolling:s}=e.toRefs(i),k=e.ref([]);e.watch(()=>i.scrollIntoTab,()=>{!s.value&&!y.value&&(f.value=(i.scrollIntoTab+1).toString())}),e.watch(y,()=>{y.value&&(f.value=null)});function L(t){s.value||(f.value=t),u("selected-tabset",t)}function $(t){k.value.push(t.$el)}function T(){k.value[0].focus()}function n(t,o){t.key==="Enter"&&(L(o),k.value[o-1].blur()),t.key==="Tab"&&(t.preventDefault(),t.shiftKey?u("focus-skin-selector"):u("focus-search-input")),t.key==="ArrowDown"&&u("focus-search-input")}return g({focusTabset:T}),(t,o)=>(e.openBlock(),e.createElementBlock("div",le,[e.createVNode(e.unref(E.DtTabGroup),{"tab-list-class":"d-emoji-picker__tabset-list",selected:f.value},{tabs:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(a,d)=>(e.openBlock(),e.createBlock(e.unref(E.DtTab),{id:a.id,ref_for:!0,ref:h=>{h&&$(h)},key:a.id,"panel-id":a.panelId,label:a.label,"aria-controls":"d-emoji-picker-list",tabindex:d+1,onClickCapture:e.withModifiers(h=>L(a.id),["stop"]),onKeydown:h=>n(h,a.id)},{default:e.withCtx(()=>[e.createVNode(e.unref(E.DtIcon),{size:"400",name:a.icon},null,8,["name"])]),_:2},1032,["id","panel-id","label","tabindex","onClickCapture","onKeydown"]))),128))]),_:1},8,["selected"])]))}},C={ARROW_UP:"ArrowUp",ARROW_DOWN:"ArrowDown",ARROW_LEFT:"ArrowLeft",ARROW_RIGHT:"ArrowRight"},V="https://static.dialpadcdn.com/joypixels/png/unicode/32/",j=9,B={DEFAULT:"Default",LIGHT:"Light",MEDIUM_LIGHT:"MediumLight",MEDIUM:"Medium",MEDIUM_DARK:"MediumDark",DARK:"Dark"},A={MOST_RECENTLY_USED:"Most recently used",SMILEYS_AND_PEOPLE:"Smileys and people",NATURE:"Nature",FOOD:"Food",ACTIVITY:"Activity",TRAVEL:"Travel",OBJECTS:"Objects",SYMBOLS:"Symbols",FLAGS:"Flags"};function se(){const l=e.ref([]),g=e.ref([]),w=e.ref(!1),i=e.ref(!0);function u(n,t){s(n,t-1)||(l.value[n-1]?s(n-1,l.value[n-1].length-1):s(l.value.length-1,l.value[l.value.length-1].length-1))}function _(n,t){s(n,t+1)||s(n+1,0)||s(0,0)}function b(n,t){s(0,t-1)||s(0,g.value.length-1)}function y(n,t){s(0,t+1)||s(0,0)}function f(n,t,o){w.value?n==="left"?b(t,o):n==="right"&&y(t,o):n==="left"?u(t,o):n==="right"&&_(t,o)}function s(n,t){var a,d,h;const o=w.value?(a=g.value)==null?void 0:a[t]:(h=(d=l.value)==null?void 0:d[n])==null?void 0:h[t];return o?(o.focus(),!0):!1}function k(n,t,o){l.value[t]||(l.value[t]=[]),l.value[t][o]=n}function L(n,t){g.value[t]=n}function $(n,t){var o;if(i.value=!1,n===C.ARROW_UP){const a=t%j;if(!s(0,t-j)){const d=g.value.length-g.value.length%j+a;s(0,d),s(0,d)||s(0,g.value.length-1)}}if(n===C.ARROW_DOWN&&!s(0,t+j)){const a=t%j;(o=g.value)!=null&&o[t+(j-a)]?s(0,g.value.length-1):s(0,a)}n===C.ARROW_LEFT&&f("left",0,t),n===C.ARROW_RIGHT&&f("right",0,t)}function T(n,t,o){var a,d;if(n==="ArrowUp"){const h=o%j;if(t===0){const S=j-l.value[l.value.length-1].length%j,I=l.value[l.value.length-1].length+S-(j-h);s(l.value.length-1,I)||s(l.value.length-1,l.value[l.value.length-1].length-1);return}if(!s(t,o-j)){const S=t-1<0?0:t-1,I=l.value[S].length,U=I-I%j+h;s(S,U)||s(t-1,l.value[t-1].length-1)}}if(n==="ArrowDown"&&!s(t,o+j)){const h=o%j;(d=(a=l.value)==null?void 0:a[t])!=null&&d[o+(j-h)]?s(t,l.value[t].length-1):s(t+1,h)||s(0,h)||s(0,l.value[0].length-1)}n==="ArrowLeft"&&f("left",t,o),n==="ArrowRight"&&f("right",t,o)}return{emojiFilteredRefs:g,isFiltering:w,hoverFirstEmoji:i,setEmojiRef:k,setFilteredRef:L,focusEmoji:s,handleArrowNavigationFiltered:$,handleArrowNavigation:T}}const re={class:"d-emoji-picker__selector"},ie={key:0,class:"d-emoji-picker__search-label d-emoji-picker__alignment"},ae={key:0},ce={class:"d-emoji-picker__tab"},ue=["aria-label","onClick","onFocusin","onMouseover","onKeydown"],fe=["alt","aria-label","title","src"],de={key:2,class:"d-emoji-picker__alignment"},me={class:"d-emoji-picker__tab","data-qa":"filtered-emojis"},ve=["aria-label","onClick","onFocusin","onMouseover","onKeydown"],pe=["alt","aria-label","title","src"],he={__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(l,{expose:g,emit:w}){const i=l,u=w,{emojiFilteredRefs:_,isFiltering:b,hoverFirstEmoji:y,setEmojiRef:f,setFilteredRef:s,focusEmoji:k,handleArrowNavigationFiltered:L,handleArrowNavigation:$}=se(),T=e.ref(null),n=e.ref(null),t=e.ref(null),o=["Recently used","People","Nature","Food","Activity","Travel","Objects","Symbols","Flags"],a=e.computed(()=>i.recentlyUsedEmojis.length?i.tabsetLabels.map(r=>({label:r,ref:e.ref(null)})):i.tabsetLabels.slice(1).map(r=>({label:r,ref:e.ref(null)}))),d=e.ref(a.value[0].label),h=e.computed(()=>i.recentlyUsedEmojis.length?o:o.slice(1)),S=e.ref([]),I=e.computed(()=>[...E.emojisGrouped[`People${i.skinTone}`],...E.emojisGrouped.Nature,...E.emojisGrouped.Food,...E.emojisGrouped[`Activity${i.skinTone}`],...E.emojisGrouped.Travel,...E.emojisGrouped[`Objects${i.skinTone}`],...E.emojisGrouped.Symbols,...E.emojisGrouped.Flags]),U=q(()=>{_.value=[],P()});e.watch(I,()=>{P()},{immediate:!0}),e.watch(()=>i.recentlyUsedEmojis,()=>{E.emojisGrouped["Recently used"]=i.recentlyUsedEmojis},{immediate:!0}),e.watch(()=>i.emojiFilter,()=>{z(),i.emojiFilter?b.value=!0:(b.value=!1,F(null)),U()}),e.watch(()=>i.selectedTabset,r=>{K(r.tabId)},{deep:!0});function G(r,c=!1){y.value=c,u("highlighted-emoji",r)}function P(){const r=i.emojiFilter.toLowerCase();S.value=I.value.filter(c=>{const v=c.name.toLowerCase().includes(r),p=c.keywords.some(m=>m.toLowerCase().includes(r));return v||p}),e.nextTick(()=>{r&&G(S.value[0],!0)})}function q(r,c=300){let v;return(...p)=>{clearTimeout(v),v=setTimeout(()=>r(...p),c)}}function W(r){return`${V+r}.png`}function H(r){r.target.parentNode.style.display="none"}function K(r,c=!0){const p=a.value[r-1].ref.value[0];e.nextTick(()=>{const m=n.value,N=r==="1"?0:p.offsetTop-20;let R=!0,O=m.scrollTop;u("is-scrolling",!0),m.addEventListener("scroll",()=>{if(R){const D=m.scrollTop;(O<D&&D>=N||O>D&&D<=N)&&(R=!1,u("is-scrolling",!1)),O=D}}),m.scrollTop=N,c&&k(r-1,0)})}function z(){const r=n.value;r.scrollTop=0}function Y(){t.value=new IntersectionObserver(r=>{r.forEach(c=>{var m,N,R,O,D;const{target:v}=c,p=parseInt(v.dataset.index);c.isIntersecting&&v.offsetTop<=T.value.offsetTop+50?(d.value=((m=a.value[p-1])==null?void 0:m.label)??((N=a.value[0])==null?void 0:N.label),u("scroll-into-tab",p-1)):c.boundingClientRect.bottom<=((R=T.value)==null?void 0:R.getBoundingClientRect().bottom)?(u("scroll-into-tab",p),d.value=(O=a.value[p])==null?void 0:O.label):p===1&&(u("scroll-into-tab",p),d.value=(D=a.value[0])==null?void 0:D.label)})}),t.value.observe(T.value),Array.from(n.value.children).forEach((r,c)=>{t.value.observe(r),r.dataset.index=c})}const J=(r,c,v)=>{if(r.preventDefault(),Object.values(C).includes(r.key)){L(r.key,c);return}switch(r.key){case"Tab":u("focus-skin-selector");break;case"Enter":M(v);break}},Q=(r,c,v,p)=>{if(r.preventDefault(),Object.values(C).includes(r.key)){$(r.key,c,v);return}switch(r.key){case"Tab":r.shiftKey?k(c,0)&&c>0?K(c,!0):(K(1,!1),u("focus-search-input")):k(c+1,0)?K(c+1+1,!1):u("focus-skin-selector");break;case"Enter":M(p);break}};function M(r){u("selected-emoji",r)}function F(r){u("highlighted-emoji",r)}function X(){k(0,0)}function Z(){k(h.value.length-1,0)}return e.onMounted(()=>{Y()}),e.onUnmounted(()=>{t.value.disconnect()}),g({focusEmojiSelector:X,focusLastEmoji:Z}),(r,c)=>(e.openBlock(),e.createElementBlock("div",re,[e.createElementVNode("div",{id:"d-emoji-picker-list",ref_key:"listRef",ref:n,class:"d-emoji-picker__list"},[l.emojiFilter?(e.openBlock(),e.createElementBlock("p",ie,e.toDisplayString(S.value.length>0?l.searchResultsLabel:l.searchNoResultsLabel),1)):(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"tabCategoryRef",ref:T,class:"d-emoji-picker__category d-emoji-picker__alignment"},[e.createElementVNode("p",null,e.toDisplayString(d.value),1)],512)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,(v,p)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:p,ref_for:!0,ref:v.ref,class:"d-emoji-picker__alignment"},[p?(e.openBlock(),e.createElementBlock("p",ae,e.toDisplayString(v.label),1)):e.createCommentVNode("",!0),e.createElementVNode("div",ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(E.emojisGrouped)[h.value[p]+l.skinTone]?e.unref(E.emojisGrouped)[h.value[p]+l.skinTone]:e.unref(E.emojisGrouped)[h.value[p]],(m,N)=>(e.openBlock(),e.createElementBlock("button",{key:m.shortname,ref_for:!0,ref:R=>{R&&e.unref(f)(R,p,N)},type:"button","aria-label":m.name,onClick:R=>M(m),onFocusin:R=>F(m),onFocusout:c[0]||(c[0]=R=>F(null)),onMouseover:R=>F(m),onMouseleave:c[1]||(c[1]=R=>F(null)),onKeydown:R=>Q(R,p,N,m)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:m.name,"aria-label":m.name,title:m.name,src:W(m.unicode_character),onError:H},null,40,fe)],40,ue))),128))])])),[[e.vShow,!l.emojiFilter]])),128)),l.emojiFilter?(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.value,(v,p)=>(e.openBlock(),e.createElementBlock("button",{key:v.shortname,ref_for:!0,ref:m=>{m&&e.unref(s)(m,p)},type:"button","aria-label":v.name,class:e.normalizeClass({"hover-emoji":p===0&&e.unref(y)}),onClick:m=>M(v),onFocusin:m=>F(v),onFocusout:c[2]||(c[2]=m=>F(null)),onMouseover:m=>G(v),onMouseleave:c[3]||(c[3]=m=>G(null)),onKeydown:m=>J(m,p,v)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:v.name,"aria-label":v.name,title:v.name,src:`${e.unref(V)+v.unicode_character}.png`},null,8,pe)],42,ve))),128))])])):e.createCommentVNode("",!0)],512)]))}},be={"data-qa":"skin-selector"},ke={class:"d-emoji-picker__skin-list"},ge=["onKeydown","onClick"],ye=["alt","aria-label","title","src"],Se={class:"d-emoji-picker__skin-selected"},Ee=["aria-label"],_e=["alt","aria-label","title","src"],je={__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","focus-last-emoji"],setup(l,{expose:g,emit:w}){const i=l,u=w,_=[{name:":wave_tone1:",unicode_output:"1f44b-1f3fb",skinTone:B.LIGHT,skinCode:"_tone1"},{name:":wave_tone2:",unicode_output:"1f44b-1f3fc",skinTone:B.MEDIUM_LIGHT,skinCode:"_tone2"},{name:":wave_tone3:",unicode_output:"1f44b-1f3fd",skinTone:B.MEDIUM,skinCode:"_tone3"},{name:":wave_tone4:",unicode_output:"1f44b-1f3fe",skinTone:B.MEDIUM_DARK,skinCode:"_tone4"},{name:":wave_tone5:",unicode_output:"1f44b-1f3ff",skinTone:B.DARK,skinCode:"_tone5"},{name:":wave:",unicode_output:"1f44b",skinTone:B.DEFAULT,skinCode:""}],b=e.ref(!1),y=e.ref(null),f=e.ref([]);e.watchEffect(()=>i.isHovering&&(b.value=!1));const s=e.computed(()=>_.find(o=>o.skinTone===i.skinTone)),k=e.ref(s.value);e.watchEffect(()=>s.value&&(k.value=s.value));function L(o){f.value.push(o)}function $(){y.value.focus()}function T(o){k.value=o,b.value=!1,u("skin-tone",o.skinTone),e.nextTick(()=>$())}const n=(o,a,d)=>{var h,S,I;o.preventDefault(),o.key==="ArrowLeft"&&(d===0&&((h=f.value[f.value.length-1])==null||h.focus()),(S=f.value[d-1])==null||S.focus()),o.key==="ArrowRight"&&((I=f.value[d+1])==null||I.focus()),o.key==="Enter"&&(a?T(a):t()),o.key==="Tab"&&(o.shiftKey?u("focus-last-emoji"):u("focus-tabset"))};function t(){b.value=!b.value,e.nextTick(()=>f.value[0].focus())}return g({focusSkinSelector:$}),(o,a)=>(e.openBlock(),e.createElementBlock("div",be,[e.withDirectives(e.createElementVNode("div",ke,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(_,(d,h)=>e.createElementVNode("button",{ref_for:!0,ref:S=>{S&&L(S)},key:d.name,class:e.normalizeClass({selected:k.value.skinCode===d.skinCode}),onKeydown:S=>n(S,d,h),onClick:S=>T(d)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:d.name,"aria-label":d.name,title:d.name,src:`${e.unref(V)+d.unicode_output}.png`},null,8,ye)],42,ge)),64))],512),[[e.vShow,b.value]]),e.withDirectives(e.createElementVNode("div",Se,[e.createVNode(e.unref(x.DtTooltip),{placement:"top-end"},{anchor:e.withCtx(()=>[e.createElementVNode("button",{ref_key:"skinSelectorRef",ref:y,"aria-label":l.skinSelectorButtonTooltipLabel,tabindex:"-1",onClick:t,onKeydown:a[0]||(a[0]=d=>n(d))},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:k.value.name,"aria-label":k.value.name,title:k.value.name,src:`${e.unref(V)+k.value.unicode_output}.png`},null,8,_e)],40,Ee)]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.skinSelectorButtonTooltipLabel)+" ",1)]),_:1})],512),[[e.vShow,!b.value]])]))}},Re={class:"d-emoji-picker__data"},we=["alt","aria-label","title","src"],Te={__name:"emoji_description",props:{emoji:{type:Object,default:null}},setup(l){return(g,w)=>{var i;return e.openBlock(),e.createElementBlock("div",Re,[l.emoji?(e.openBlock(),e.createElementBlock("img",{key:0,class:"d-icon d-icon--size-500",alt:l.emoji.name,"aria-label":l.emoji.name,title:l.emoji.name,src:`${e.unref(V)+l.emoji.unicode_character}.png`},null,8,we)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString((i=l.emoji)==null?void 0:i.name),1)])}}},Le={class:"d-emoji-picker"},$e={class:"d-emoji-picker--header"},Ie={class:"d-emoji-picker--body"},Ae={class:"d-emoji-picker--footer"},Ne={__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(l,{emit:g}){const w=l,i=g,u=e.ref(""),_=e.ref(null),b=e.ref({}),y=e.ref(0),f=e.ref(!1),s=e.computed(()=>w.recentlyUsedEmojis.length>0);function k(n){u.value="",b.value=n,b.value={...b.value,tabId:n}}function L(n){y.value=n}function $(n){f.value=n}function T(n){_.value=n}return(n,t)=>(e.openBlock(),e.createElementBlock("div",Le,[e.createElementVNode("div",$e,[e.createVNode(ne,{ref:"tabsetRef","emoji-filter":u.value,"show-recently-used-tab":s.value,"scroll-into-tab":y.value,"tabset-labels":l.tabSetLabels,"is-scrolling":f.value,onFocusSearchInput:t[0]||(t[0]=o=>n.$refs.searchInputRef.focusSearchInput()),onFocusSkinSelector:t[1]||(t[1]=o=>n.$refs.skinSelectorRef.focusSkinSelector()),onSelectedTabset:k,onKeydown:t[2]||(t[2]=e.withKeys(o=>i("close"),["esc"]))},null,8,["emoji-filter","show-recently-used-tab","scroll-into-tab","tabset-labels","is-scrolling"])]),e.createElementVNode("div",Ie,[e.createVNode(oe,{ref:"searchInputRef",modelValue:u.value,"onUpdate:modelValue":t[3]||(t[3]=o=>u.value=o),"search-placeholder-label":l.searchPlaceholderLabel,onSelectFirstEmoji:t[4]||(t[4]=o=>i("selected-emoji",_.value)),onFocusTabset:t[5]||(t[5]=o=>n.$refs.tabsetRef.focusTabset()),onFocusEmojiSelector:t[6]||(t[6]=o=>n.$refs.emojiSelectorRef.focusEmojiSelector()),onKeydown:t[7]||(t[7]=e.withKeys(o=>i("close"),["esc"]))},null,8,["modelValue","search-placeholder-label"]),e.createVNode(he,{ref:"emojiSelectorRef","emoji-filter":u.value,"skin-tone":l.skinTone,"tabset-labels":l.tabSetLabels,"search-results-label":l.searchResultsLabel,"search-no-results-label":l.searchNoResultsLabel,"recently-used-emojis":l.recentlyUsedEmojis,"selected-tabset":b.value,onScrollIntoTab:L,onIsScrolling:$,onHighlightedEmoji:T,onSelectedEmoji:t[8]||(t[8]=o=>i("selected-emoji",o)),onFocusSkinSelector:t[9]||(t[9]=o=>n.$refs.skinSelectorRef.focusSkinSelector()),onFocusSearchInput:t[10]||(t[10]=o=>n.$refs.searchInputRef.focusSearchInput()),onKeydown:t[11]||(t[11]=e.withKeys(o=>i("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",Ae,[e.createVNode(Te,{emoji:_.value},null,8,["emoji"]),e.createVNode(je,{ref:"skinSelectorRef","is-hovering":!!_.value,"skin-selector-button-tooltip-label":l.skinSelectorButtonTooltipLabel,"skin-tone":l.skinTone,onSkinTone:t[12]||(t[12]=o=>i("skin-tone",o)),onFocusTabset:t[13]||(t[13]=o=>n.$refs.tabsetRef.focusTabset()),onFocusLastEmoji:t[14]||(t[14]=o=>n.$refs.emojiSelectorRef.focusLastEmoji()),onKeydown:t[15]||(t[15]=e.withKeys(o=>i("close"),["esc"]))},null,8,["is-hovering","skin-selector-button-tooltip-label","skin-tone"])])]))}};exports.ARROW_KEYS=C;exports.CDN_URL=V;exports.EMOJIS_PER_ROW=j;exports.EMOJI_PICKER_CATEGORIES=A;exports.EMOJI_PICKER_SKIN_TONE_MODIFIERS=B;exports._sfc_main=Ne;

package/dist/{emoji_picker-1UT0z6jY.js → emoji_picker-tCsjkMcD.js}

@@ -41,7 +41,10 @@ const Le = { class: "d-emoji-picker__search d-emoji-picker__alignment" }, Ae = [
         ]
       }, Se({
         leftIcon: H(() => [
-          F(T(ne), { name: "search" })
+          F(T(ne), {
+            name: "search",
+            size: "200"
+          })
         ]),
         _: 2
       }, [

package/dist/message_input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./rich_text_editor-pnYcPOnF.cjs"),c=require("./emoji-1NjKe1Yv.cjs"),b=require("./emoji_picker--qWnpkri.cjs"),h=require("./tooltip-P8ouLQqi.cjs"),e=require("vue"),C={name:"DtRecipeMessageInput",components:{DtButton:c.DtButton,DtEmojiPicker:b._sfc_main,DtIcon:c.DtIcon,DtInput:c.DtInput,DtPopover:l.DtPopover,DtRichTextEditor:l.DtRichTextEditor,DtTooltip:h.DtTooltip},mixins:[],inheritAttrs:!1,props:{modelValue:{type:[Object,String],default:""},editable:{type:Boolean,default:!0},inputAriaLabel:{type:String,required:!0,default:""},inputClass:{type:String,default:""},autoFocus:{type:[Boolean,String,Number],default:!1,validator(o){return typeof o=="string"?l.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(o):!0}},outputFormat:{type:String,default:"text",validator(o){return l.RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(o)}},link:{type:[Boolean,Object],default:!1},placeholder:{type:String,default:""},disableSend:{type:Boolean,default:!1},maxHeight:{type:String,default:"unset"},showEmojiPicker:{type:Boolean,default:!0},emojiPickerProps:{type:Object,default:()=>({}),validate(o){return["searchNoResultsLabel","searchResultsLabel","searchPlaceholderLabel","skinSelectorButtonTooltipLabel","tabSetLabels"].every(t=>o[t]!=null)}},emojiTooltipMessage:{type:String,default:"Emoji"},emojiButtonAriaLabel:{type:String,default:"emoji button"},showCharacterLimit:{type:[Boolean,Object],default:()=>({count:1500,warning:500,message:""})},showImagePicker:{type:[Boolean,Object],default:()=>({tooltipLabel:"Attach Image",ariaLabel:"image button"})},showSend:{type:[Boolean,Object],default:()=>({icon:"send"})},showCancel:{type:[Boolean,Object],default:()=>({text:"Cancel"})},mentionSuggestion:{type:Object,default:null}},emits:["submit","select-media","add-media","cancel","skin-tone","selected-emoji","focus","blur","input"],data(){return{internalInputValue:this.modelValue,hasFocus:!1,imagePickerFocus:!1,emojiPickerFocus:!1,sendButtonFocus:!1,emojiPickerOpened:!1}},computed:{inputLength(){return this.internalInputValue.length},displayCharacterLimitWarning(){return!!this.showCharacterLimit&&this.showCharacterLimit.count-this.inputLength<=this.showCharacterLimit.warning},characterLimitTooltipEnabled(){return this.showCharacterLimit.message&&this.showCharacterLimit.count-this.inputLength<0},isSendDisabled(){return this.inputLength===0||this.disableSend||this.showCharacterLimit&&this.inputLength>this.showCharacterLimit.count},computedCloseButtonProps(){return{ariaLabel:"Close"}},emojiPickerHovered(){return this.emojiPickerFocus||this.emojiPickerOpened},sendButtonKind(){return this.isSendDisabled?"muted":"default"}},watch:{modelValue(o){this.internalInputValue=o}},methods:{onDrag(o){o.stopPropagation(),o.preventDefault()},onDrop(o){o.stopPropagation(),o.preventDefault();const t=o.dataTransfer,m=Array.from(t.files).map(s=>s.name);this.$emit("add-media",m)},onSkinTone(o){this.$emit("skin-tone",o)},onSelectEmoji(o){if(!o){this.emojiPickerOpened=!1;return}this.$refs.richTextEditor.editor.commands.insertContent({type:"emoji",attrs:{code:o.shortname}}),this.emojiPickerOpened=!1,this.$emit("selected-emoji",o)},onSelectImage(){this.$refs.messageInputImageUpload.$refs.input.click()},onImageUpload(){this.$emit("select-media",this.$refs.messageInputImageUpload.$refs.input.files)},toggleEmojiPicker(){this.emojiPickerOpened=!this.emojiPickerOpened},onSend(){this.isSendDisabled||this.$emit("submit",this.internalInputValue)},onCancel(){this.$emit("cancel")},onFocus(o){this.hasFocus=!0,this.$refs.richTextEditor.focusEditor(),this.$emit("focus",o)},onBlur(o){this.hasFocus=!1,this.$emit("blur",o)},onInput(o){this.$emit("input",o)}}},S={class:"d-d-flex d-jc-space-between d-mx8 d-my4"},w={class:"d-d-flex"},T={class:"d-d-flex"},j={key:0};function P(o,t,n,m,s,i){const p=e.resolveComponent("dt-rich-text-editor"),u=e.resolveComponent("dt-icon"),r=e.resolveComponent("dt-button"),g=e.resolveComponent("dt-input"),d=e.resolveComponent("dt-tooltip"),f=e.resolveComponent("dt-emoji-picker"),k=e.resolveComponent("dt-popover");return e.openBlock(),e.createElementBlock("div",{"data-qa":"dt-message-input",role:"presentation",class:e.normalizeClass(["d-d-flex","d-fd-column","d-bar8","d-baw1","d-ba","d-c-text",{"d-bc-bold d-bs-sm":s.hasFocus,"d-bc-default":!s.hasFocus}]),onClick:t[15]||(t[15]=a=>o.$refs.richTextEditor.focusEditor()),onDragEnter:t[16]||(t[16]=(...a)=>i.onDrag&&i.onDrag(...a)),onDragOver:t[17]||(t[17]=(...a)=>i.onDrag&&i.onDrag(...a)),onDrop:t[18]||(t[18]=(...a)=>i.onDrop&&i.onDrop(...a)),onKeydown:t[19]||(t[19]=e.withKeys(e.withModifiers((...a)=>i.onSend&&i.onSend(...a),["exact"]),["enter"]))},[e.createElementVNode("div",{class:"d-of-auto d-mx16 d-mt8 d-mb4",style:e.normalizeStyle({"max-height":n.maxHeight})},[e.createVNode(p,e.mergeProps({ref:"richTextEditor",modelValue:s.internalInputValue,"onUpdate:modelValue":t[0]||(t[0]=a=>s.internalInputValue=a),editable:n.editable,"input-aria-label":n.inputAriaLabel,"input-class":n.inputClass,"output-format":n.outputFormat,"auto-focus":n.autoFocus,link:n.link,placeholder:n.placeholder,"mention-suggestion":n.mentionSuggestion},o.$attrs,{onFocus:i.onFocus,onBlur:i.onBlur,onInput:t[1]||(t[1]=a=>i.onInput(a))}),null,16,["modelValue","editable","input-aria-label","input-class","output-format","auto-focus","link","placeholder","mention-suggestion","onFocus","onBlur"])],4),e.renderSlot(o.$slots,"middle"),e.createElementVNode("section",S,[e.createElementVNode("div",w,[n.showImagePicker?(e.openBlock(),e.createBlock(d,{key:0,placement:"top-start",message:n.showImagePicker.tooltipLabel,offset:[-4,-4]},{anchor:e.withCtx(()=>[e.createVNode(r,{"data-qa":"dt-message-input-image-btn",size:"sm",circle:"",kind:s.imagePickerFocus?"default":"muted",importance:"clear","aria-label":n.showImagePicker.ariaLabel,onClick:i.onSelectImage,onMouseenter:t[2]||(t[2]=a=>s.imagePickerFocus=!0),onMouseleave:t[3]||(t[3]=a=>s.imagePickerFocus=!1),onFocus:t[4]||(t[4]=a=>s.imagePickerFocus=!0),onBlur:t[5]||(t[5]=a=>s.imagePickerFocus=!1)},{icon:e.withCtx(()=>[e.createVNode(u,{name:"image",size:"300"})]),_:1},8,["kind","aria-label","onClick"]),e.createVNode(g,{ref:"messageInputImageUpload","data-qa":"dt-message-input-image-input",type:"file",class:"d-ps-absolute",multiple:"",hidden:"",onInput:i.onImageUpload},null,8,["onInput"])]),_:1},8,["message"])):e.createCommentVNode("",!0),n.showEmojiPicker?(e.openBlock(),e.createBlock(k,{key:1,"data-qa":"dt-message-input-emoji-picker-popover",open:s.emojiPickerOpened,"initial-focus-element":"#searchInput",padding:"none",onOpened:t[10]||(t[10]=a=>{s.emojiPickerOpened=a})},{anchor:e.withCtx(()=>[e.createVNode(d,{message:n.emojiTooltipMessage,offset:[0,-4]},{anchor:e.withCtx(()=>[e.createVNode(r,{"data-qa":"dt-message-input-emoji-picker-btn",size:"sm",circle:"",kind:i.emojiPickerHovered?"default":"muted",importance:"clear","aria-label":n.emojiButtonAriaLabel,offset:[0,0],onClick:i.toggleEmojiPicker,onMouseenter:t[6]||(t[6]=a=>s.emojiPickerFocus=!0),onMouseleave:t[7]||(t[7]=a=>s.emojiPickerFocus=!1),onFocus:t[8]||(t[8]=a=>s.emojiPickerFocus=!0),onBlur:t[9]||(t[9]=a=>s.emojiPickerFocus=!1)},{icon:e.withCtx(()=>[e.createVNode(u,{name:i.emojiPickerHovered?"very-satisfied":"satisfied",size:"300"},null,8,["name"])]),_:1},8,["kind","aria-label","onClick"])]),_:1},8,["message"])]),content:e.withCtx(()=>[e.createVNode(f,e.mergeProps(n.emojiPickerProps,{onSkinTone:i.onSkinTone,onSelectedEmoji:i.onSelectEmoji}),null,16,["onSkinTone","onSelectedEmoji"])]),_:1},8,["open"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",T,[n.showCharacterLimit?(e.openBlock(),e.createBlock(d,{key:0,class:"dt-message-input--remaining-char-tooltip",placement:"top-end",enabled:i.characterLimitTooltipEnabled,message:n.showCharacterLimit.message,offset:[10,-8]},{anchor:e.withCtx(()=>[e.withDirectives(e.createElementVNode("p",{class:"d-fc-error d-mr16 dt-message-input--remaining-char","data-qa":"dt-message-input-character-limit"},e.toDisplayString(n.showCharacterLimit.count-i.inputLength),513),[[e.vShow,i.displayCharacterLimitWarning]])]),_:1},8,["enabled","message"])):e.createCommentVNode("",!0),n.showCancel?(e.openBlock(),e.createBlock(r,{key:1,"data-qa":"dt-message-input-cancel-button",class:"dt-message-input--cancel-button",size:"sm",kind:"muted",importance:"clear","aria-label":n.showCancel.ariaLabel,onClick:i.onCancel},{default:e.withCtx(()=>[e.createElementVNode("p",null,e.toDisplayString(n.showCancel.text),1)]),_:1},8,["aria-label","onClick"])):e.createCommentVNode("",!0),n.showSend?(e.openBlock(),e.createBlock(d,{key:2,placement:"top-end",enabled:!n.showSend,message:n.showSend.tooltipLabel,show:!i.isSendDisabled&&s.sendButtonFocus,offset:[6,-8]},{anchor:e.withCtx(()=>[e.createVNode(r,{"data-qa":"dt-message-input-send-btn",size:"sm",kind:i.sendButtonKind,circle:!!n.showSend.icon,importance:"primary",class:e.normalizeClass({"message-input-button__disabled d-fc-muted":i.isSendDisabled}),"aria-label":n.showSend.ariaLabel,"aria-disabled":i.isSendDisabled,onClick:i.onSend,onMouseenter:t[11]||(t[11]=a=>s.sendButtonFocus=!0),onMouseleave:t[12]||(t[12]=a=>s.sendButtonFocus=!1),onFocus:t[13]||(t[13]=a=>s.sendButtonFocus=!0),onBlur:t[14]||(t[14]=a=>s.sendButtonFocus=!1)},e.createSlots({default:e.withCtx(()=>[n.showSend.text?(e.openBlock(),e.createElementBlock("p",j,e.toDisplayString(n.showSend.text),1)):e.createCommentVNode("",!0)]),_:2},[n.showSend.icon?{name:"icon",fn:e.withCtx(()=>[e.createVNode(u,{name:n.showSend.icon,size:"300"},null,8,["name"])]),key:"0"}:void 0]),1032,["kind","circle","class","aria-label","aria-disabled","onClick"])]),_:1},8,["enabled","message","show"])):e.createCommentVNode("",!0)])])],34)}const v=h._export_sfc(C,[["render",P]]);exports.DtRichTextEditor=l.DtRichTextEditor;exports.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES=l.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES;exports.RICH_TEXT_EDITOR_OUTPUT_FORMATS=l.RICH_TEXT_EDITOR_OUTPUT_FORMATS;exports.DtRecipeMessageInput=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./rich_text_editor-pnYcPOnF.cjs"),c=require("./emoji-1NjKe1Yv.cjs"),b=require("./emoji_picker-ZG38HbIV.cjs"),h=require("./tooltip-P8ouLQqi.cjs"),e=require("vue"),C={name:"DtRecipeMessageInput",components:{DtButton:c.DtButton,DtEmojiPicker:b._sfc_main,DtIcon:c.DtIcon,DtInput:c.DtInput,DtPopover:l.DtPopover,DtRichTextEditor:l.DtRichTextEditor,DtTooltip:h.DtTooltip},mixins:[],inheritAttrs:!1,props:{modelValue:{type:[Object,String],default:""},editable:{type:Boolean,default:!0},inputAriaLabel:{type:String,required:!0,default:""},inputClass:{type:String,default:""},autoFocus:{type:[Boolean,String,Number],default:!1,validator(o){return typeof o=="string"?l.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(o):!0}},outputFormat:{type:String,default:"text",validator(o){return l.RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(o)}},link:{type:[Boolean,Object],default:!1},placeholder:{type:String,default:""},disableSend:{type:Boolean,default:!1},maxHeight:{type:String,default:"unset"},showEmojiPicker:{type:Boolean,default:!0},emojiPickerProps:{type:Object,default:()=>({}),validate(o){return["searchNoResultsLabel","searchResultsLabel","searchPlaceholderLabel","skinSelectorButtonTooltipLabel","tabSetLabels"].every(t=>o[t]!=null)}},emojiTooltipMessage:{type:String,default:"Emoji"},emojiButtonAriaLabel:{type:String,default:"emoji button"},showCharacterLimit:{type:[Boolean,Object],default:()=>({count:1500,warning:500,message:""})},showImagePicker:{type:[Boolean,Object],default:()=>({tooltipLabel:"Attach Image",ariaLabel:"image button"})},showSend:{type:[Boolean,Object],default:()=>({icon:"send"})},showCancel:{type:[Boolean,Object],default:()=>({text:"Cancel"})},mentionSuggestion:{type:Object,default:null}},emits:["submit","select-media","add-media","cancel","skin-tone","selected-emoji","focus","blur","input"],data(){return{internalInputValue:this.modelValue,hasFocus:!1,imagePickerFocus:!1,emojiPickerFocus:!1,sendButtonFocus:!1,emojiPickerOpened:!1}},computed:{inputLength(){return this.internalInputValue.length},displayCharacterLimitWarning(){return!!this.showCharacterLimit&&this.showCharacterLimit.count-this.inputLength<=this.showCharacterLimit.warning},characterLimitTooltipEnabled(){return this.showCharacterLimit.message&&this.showCharacterLimit.count-this.inputLength<0},isSendDisabled(){return this.disableSend||this.showCharacterLimit&&this.inputLength>this.showCharacterLimit.count},computedCloseButtonProps(){return{ariaLabel:"Close"}},emojiPickerHovered(){return this.emojiPickerFocus||this.emojiPickerOpened},sendButtonKind(){return this.isSendDisabled?"muted":"default"}},watch:{modelValue(o){this.internalInputValue=o}},methods:{onDrag(o){o.stopPropagation(),o.preventDefault()},onDrop(o){o.stopPropagation(),o.preventDefault();const t=o.dataTransfer,m=Array.from(t.files).map(s=>s.name);this.$emit("add-media",m)},onSkinTone(o){this.$emit("skin-tone",o)},onSelectEmoji(o){if(!o){this.emojiPickerOpened=!1;return}this.$refs.richTextEditor.editor.commands.insertContent({type:"emoji",attrs:{code:o.shortname}}),this.emojiPickerOpened=!1,this.$emit("selected-emoji",o)},onSelectImage(){this.$refs.messageInputImageUpload.$refs.input.click()},onImageUpload(){this.$emit("select-media",this.$refs.messageInputImageUpload.$refs.input.files)},toggleEmojiPicker(){this.emojiPickerOpened=!this.emojiPickerOpened},onSend(){this.isSendDisabled||this.$emit("submit",this.internalInputValue)},onCancel(){this.$emit("cancel")},onFocus(o){this.hasFocus=!0,this.$refs.richTextEditor.focusEditor(),this.$emit("focus",o)},onBlur(o){this.hasFocus=!1,this.$emit("blur",o)},onInput(o){this.$emit("input",o)}}},S={class:"d-d-flex d-jc-space-between d-mx8 d-my4"},w={class:"d-d-flex"},T={class:"d-d-flex"},j={key:0};function P(o,t,n,m,s,i){const p=e.resolveComponent("dt-rich-text-editor"),u=e.resolveComponent("dt-icon"),r=e.resolveComponent("dt-button"),g=e.resolveComponent("dt-input"),d=e.resolveComponent("dt-tooltip"),f=e.resolveComponent("dt-emoji-picker"),k=e.resolveComponent("dt-popover");return e.openBlock(),e.createElementBlock("div",{"data-qa":"dt-message-input",role:"presentation",class:e.normalizeClass(["d-d-flex","d-fd-column","d-bar8","d-baw1","d-ba","d-c-text",{"d-bc-bold d-bs-sm":s.hasFocus,"d-bc-default":!s.hasFocus}]),onClick:t[15]||(t[15]=a=>o.$refs.richTextEditor.focusEditor()),onDragEnter:t[16]||(t[16]=(...a)=>i.onDrag&&i.onDrag(...a)),onDragOver:t[17]||(t[17]=(...a)=>i.onDrag&&i.onDrag(...a)),onDrop:t[18]||(t[18]=(...a)=>i.onDrop&&i.onDrop(...a)),onKeydown:t[19]||(t[19]=e.withKeys(e.withModifiers((...a)=>i.onSend&&i.onSend(...a),["exact"]),["enter"]))},[e.createElementVNode("div",{class:"d-of-auto d-mx16 d-mt8 d-mb4",style:e.normalizeStyle({"max-height":n.maxHeight})},[e.createVNode(p,e.mergeProps({ref:"richTextEditor",modelValue:s.internalInputValue,"onUpdate:modelValue":t[0]||(t[0]=a=>s.internalInputValue=a),editable:n.editable,"input-aria-label":n.inputAriaLabel,"input-class":n.inputClass,"output-format":n.outputFormat,"auto-focus":n.autoFocus,link:n.link,placeholder:n.placeholder,"mention-suggestion":n.mentionSuggestion},o.$attrs,{onFocus:i.onFocus,onBlur:i.onBlur,onInput:t[1]||(t[1]=a=>i.onInput(a))}),null,16,["modelValue","editable","input-aria-label","input-class","output-format","auto-focus","link","placeholder","mention-suggestion","onFocus","onBlur"])],4),e.renderSlot(o.$slots,"middle"),e.createElementVNode("section",S,[e.createElementVNode("div",w,[n.showImagePicker?(e.openBlock(),e.createBlock(d,{key:0,placement:"top-start",message:n.showImagePicker.tooltipLabel,offset:[-4,-4]},{anchor:e.withCtx(()=>[e.createVNode(r,{"data-qa":"dt-message-input-image-btn",size:"sm",circle:"",kind:s.imagePickerFocus?"default":"muted",importance:"clear","aria-label":n.showImagePicker.ariaLabel,onClick:i.onSelectImage,onMouseenter:t[2]||(t[2]=a=>s.imagePickerFocus=!0),onMouseleave:t[3]||(t[3]=a=>s.imagePickerFocus=!1),onFocus:t[4]||(t[4]=a=>s.imagePickerFocus=!0),onBlur:t[5]||(t[5]=a=>s.imagePickerFocus=!1)},{icon:e.withCtx(()=>[e.createVNode(u,{name:"image",size:"300"})]),_:1},8,["kind","aria-label","onClick"]),e.createVNode(g,{ref:"messageInputImageUpload","data-qa":"dt-message-input-image-input",type:"file",class:"d-ps-absolute",multiple:"",hidden:"",onInput:i.onImageUpload},null,8,["onInput"])]),_:1},8,["message"])):e.createCommentVNode("",!0),n.showEmojiPicker?(e.openBlock(),e.createBlock(k,{key:1,"data-qa":"dt-message-input-emoji-picker-popover",open:s.emojiPickerOpened,"initial-focus-element":"#searchInput",padding:"none",onOpened:t[10]||(t[10]=a=>{s.emojiPickerOpened=a})},{anchor:e.withCtx(()=>[e.createVNode(d,{message:n.emojiTooltipMessage,offset:[0,-4]},{anchor:e.withCtx(()=>[e.createVNode(r,{"data-qa":"dt-message-input-emoji-picker-btn",size:"sm",circle:"",kind:i.emojiPickerHovered?"default":"muted",importance:"clear","aria-label":n.emojiButtonAriaLabel,offset:[0,0],onClick:i.toggleEmojiPicker,onMouseenter:t[6]||(t[6]=a=>s.emojiPickerFocus=!0),onMouseleave:t[7]||(t[7]=a=>s.emojiPickerFocus=!1),onFocus:t[8]||(t[8]=a=>s.emojiPickerFocus=!0),onBlur:t[9]||(t[9]=a=>s.emojiPickerFocus=!1)},{icon:e.withCtx(()=>[e.createVNode(u,{name:i.emojiPickerHovered?"very-satisfied":"satisfied",size:"300"},null,8,["name"])]),_:1},8,["kind","aria-label","onClick"])]),_:1},8,["message"])]),content:e.withCtx(()=>[e.createVNode(f,e.mergeProps(n.emojiPickerProps,{onSkinTone:i.onSkinTone,onSelectedEmoji:i.onSelectEmoji}),null,16,["onSkinTone","onSelectedEmoji"])]),_:1},8,["open"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",T,[n.showCharacterLimit?(e.openBlock(),e.createBlock(d,{key:0,class:"dt-message-input--remaining-char-tooltip",placement:"top-end",enabled:i.characterLimitTooltipEnabled,message:n.showCharacterLimit.message,offset:[10,-8]},{anchor:e.withCtx(()=>[e.withDirectives(e.createElementVNode("p",{class:"d-fc-error d-mr16 dt-message-input--remaining-char","data-qa":"dt-message-input-character-limit"},e.toDisplayString(n.showCharacterLimit.count-i.inputLength),513),[[e.vShow,i.displayCharacterLimitWarning]])]),_:1},8,["enabled","message"])):e.createCommentVNode("",!0),n.showCancel?(e.openBlock(),e.createBlock(r,{key:1,"data-qa":"dt-message-input-cancel-button",class:"dt-message-input--cancel-button",size:"sm",kind:"muted",importance:"clear","aria-label":n.showCancel.ariaLabel,onClick:i.onCancel},{default:e.withCtx(()=>[e.createElementVNode("p",null,e.toDisplayString(n.showCancel.text),1)]),_:1},8,["aria-label","onClick"])):e.createCommentVNode("",!0),n.showSend?(e.openBlock(),e.createBlock(d,{key:2,placement:"top-end",enabled:!n.showSend,message:n.showSend.tooltipLabel,show:!i.isSendDisabled&&s.sendButtonFocus,offset:[6,-8]},{anchor:e.withCtx(()=>[e.createVNode(r,{"data-qa":"dt-message-input-send-btn",size:"sm",kind:i.sendButtonKind,circle:!!n.showSend.icon,importance:"primary",class:e.normalizeClass({"message-input-button__disabled d-fc-muted":i.isSendDisabled}),"aria-label":n.showSend.ariaLabel,"aria-disabled":i.isSendDisabled,onClick:i.onSend,onMouseenter:t[11]||(t[11]=a=>s.sendButtonFocus=!0),onMouseleave:t[12]||(t[12]=a=>s.sendButtonFocus=!1),onFocus:t[13]||(t[13]=a=>s.sendButtonFocus=!0),onBlur:t[14]||(t[14]=a=>s.sendButtonFocus=!1)},e.createSlots({default:e.withCtx(()=>[n.showSend.text?(e.openBlock(),e.createElementBlock("p",j,e.toDisplayString(n.showSend.text),1)):e.createCommentVNode("",!0)]),_:2},[n.showSend.icon?{name:"icon",fn:e.withCtx(()=>[e.createVNode(u,{name:n.showSend.icon,size:"300"},null,8,["name"])]),key:"0"}:void 0]),1032,["kind","circle","class","aria-label","aria-disabled","onClick"])]),_:1},8,["enabled","message","show"])):e.createCommentVNode("",!0)])])],34)}const v=h._export_sfc(C,[["render",P]]);exports.DtRichTextEditor=l.DtRichTextEditor;exports.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES=l.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES;exports.RICH_TEXT_EDITOR_OUTPUT_FORMATS=l.RICH_TEXT_EDITOR_OUTPUT_FORMATS;exports.DtRecipeMessageInput=v;

package/dist/message_input.js

@@ -1,6 +1,6 @@
 import { D as v, a as L, R as B, b as F } from "./rich_text_editor-_wxi33hv.js";
 import { t as I, w as D, x as E } from "./emoji-VxFu3PHn.js";
-import { _ as T } from "./emoji_picker-1UT0z6jY.js";
+import { _ as T } from "./emoji_picker-tCsjkMcD.js";
 import { _ as x, D as O } from "./tooltip-S6S4up2q.js";
 import { resolveComponent as r, openBlock as u, createElementBlock as k, normalizeClass as S, withKeys as _, withModifiers as V, createElementVNode as d, normalizeStyle as M, createVNode as l, mergeProps as j, renderSlot as R, createBlock as c, withCtx as s, createCommentVNode as m, withDirectives as U, toDisplayString as p, vShow as q, createSlots as z } from "vue";
 const A = {
@@ -270,7 +270,7 @@ const A = {
       return this.showCharacterLimit.message && this.showCharacterLimit.count - this.inputLength < 0;
     },
     isSendDisabled() {
-      return this.inputLength === 0 || this.disableSend || this.showCharacterLimit && this.inputLength > this.showCharacterLimit.count;
+      return this.disableSend || this.showCharacterLimit && this.inputLength > this.showCharacterLimit.count;
     },
     computedCloseButtonProps() {
       return {

package/dist/style.css

@@ -1 +1 @@
-.tippy-box[data-popper-reference-hidden] .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))}}.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-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)}.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}.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}.ProseMirror ul>li{list-style-type:disc}.ProseMirror ol>li{list-style-type:decimal}.ProseMirror blockquote{padding-left:var(--dt-space-400);border-left:var(--dt-size-border-300) solid var(--dt-color-foreground-muted-inverted);margin-left:0}.dt-rich-text-editor--code-block{background:var(--dt-color-surface-secondary);padding:var(--dt-space-400)}.dt-rich-text-editor{overflow:hidden}.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{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-d1f21523]{position:relative;display:block}.combobox__chip-wrapper[data-v-d1f21523]{position:absolute;margin-left:var(--dt-space-200);margin-right:var(--dt-space-200);padding-left:var(--dt-space-100);max-width:calc(var(--dt-size-100-percent) - var(--dt-space-400))}.combobox__chip[data-v-d1f21523]{margin-top:var(--dt-space-300);margin-left:var(--dt-space-200);margin-right:var(--dt-space-200);z-index:var(--zi-base1);max-width:var(--dt-size-100-percent)}.combobox__input[data-v-d1f21523]{flex-grow:1}.combobox__list--loading[data-v-d1f21523]{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-a3c913d1]{--contact-info-avatar-border-color: var(--dt-color-surface-primary);display:flex}.dt-contact-info[data-v-a3c913d1] .dt-item-layout{flex:1 1 0}.dt-contact-info[data-v-a3c913d1] .dt-item-layout--content{min-width:var(--dt-space-825)}.dt-contact-info[data-v-a3c913d1] .dt-item-layout--left{min-width:var(--dt-space-650);justify-content:flex-start;align-items:center}.dt-contact-info[data-v-a3c913d1] .dt-item-layout--right{min-width:0;align-items:center}.dt-contact-info__left[data-v-a3c913d1]{position:relative;background-color:transparent;background-image:none;border-width:0;cursor:pointer}.dt-contact-info--avatars[data-v-a3c913d1]{margin-right:var(--dt-space-300-negative);display:flex;flex-direction:row}.dt-contact-info--avatars .d-avatar[data-v-a3c913d1]{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-e051d17d]{width:var(--dt-size-100-percent);box-sizing:border-box;position:relative;padding:var(--dt-space-300) var(--dt-space-500)}.dt-feed-item-row[data-v-e051d17d]:focus-visible{box-shadow:var(--dt-shadow-focus-inset)}.dt-feed-item-row--state-searched[data-v-e051d17d]{background-color:var(--dt-color-surface-warning-subtle)}.dt-feed-item-row--state-error[data-v-e051d17d]{background-color:var(--dt-color-surface-critical-subtle)}.dt-feed-item-row--active[data-v-e051d17d]{background-color:var(--dt-color-surface-secondary-opaque)}.dt-feed-item-row--state-transition[data-v-e051d17d]{transition-duration:2s;transition-delay:0s;transition-timing-function:var(--ttf-in-out);transition-property:background-color}.dt-feed-item-row__avatar-container[data-v-e051d17d]{padding-top:var(--dt-space-300);padding-bottom:var(--dt-space-300)}.dt-feed-item-row__content[data-v-e051d17d]{padding-left:var(--dt-space-300)}.dt-feed-item-row__attachment[data-v-e051d17d]{padding-top:var(--dt-space-200);padding-bottom:var(--dt-space-300)}.dt-feed-item-row__attachment[data-v-e051d17d] img{border:var(--dt-color-border-subtle) solid var(--dt-size-border-100);border-radius:var(--dt-size-radius-400);display:block;max-width:30rem;max-height:30rem;min-width:5.6rem;min-height:5.6rem}.dt-feed-item-row__attachment[data-v-e051d17d] video{display:block;height:25rem}.dt-feed-item-row__header[data-v-e051d17d]{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--dt-space-300);font-size:var(--dt-font-size-200);line-height:var(--dt-font-line-height-300)}.dt-feed-item-row__header__name[data-v-e051d17d]{font-weight:var(--dt-font-weight-bold)}.dt-feed-item-row__header__time[data-v-e051d17d]{font-size:var(--dt-font-size-100);color:var(--dt-color-foreground-tertiary);flex-shrink:0}.dt-feed-item-row__reactions[data-v-e051d17d]{display:flex;flex-wrap:wrap;padding-top:var(--dt-space-200);padding-bottom:var(--dt-space-200);padding-left:var(--dt-space-300)}.dt-feed-item-row__threading[data-v-e051d17d]{padding-top:var(--dt-space-200);padding-bottom:var(--dt-space-200)}.dt-feed-item-row__left-time[data-v-e051d17d]{color:var(--dt-color-foreground-tertiary);font-size:var(--dt-font-size-100);font-weight:var(--dt-font-weight-normal);vertical-align:middle;white-space:nowrap}.dt-feed-item-row__menu[data-v-e051d17d]{position:absolute;top:var(--dt-space-550-negative);right:var(--dt-space-450)}.dt-feed-item-row[data-v-e051d17d]>.dt-item-layout{font:var(--dt-typography-body-md-compact);min-height:initial;padding:0}.dt-feed-item-row[data-v-e051d17d]>.dt-item-layout>.dt-item-layout--left{align-self:flex-start;text-align:end;display:block;padding-right:var(--dt-space-300);padding-left:var(--dt-space-0);min-width:calc(var(--dt-space-600) + var(--dt-space-300))}.dt-feed-item-row[data-v-e051d17d]>.dt-item-layout>.dt-item-layout--right{padding:0;min-width:initial}.dt-feed-item-row[data-v-e051d17d]>.dt-item-layout>.dt-item-layout--content>.dt-item-layout--bottom{display:flex;flex-direction:column;margin-top:0}.dt-recipe-feed-item-pill__wrapper[data-v-dab5b252]{background-color:var(--dt-color-surface-secondary);padding:var(--dt-space-400)}.dt-recipe-feed-item-pill__button[data-v-dab5b252]{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-dab5b252]{padding:var(--dt-space-400);gap:var(--dt-space-300);width:100%}.dt-recipe-feed-item-pill__layout[data-v-dab5b252]>.dt-item-layout--left{padding-right:var(--dt-space-0);justify-content:center}.dt-recipe-feed-item-pill__icon[data-v-dab5b252]{animation:fade-dab5b252 .15s ease-in}.dt-recipe-feed-item-pill__content[data-v-dab5b252]{display:flex;justify-content:center}.dt-recipe-feed-item-pill__title[data-v-dab5b252]{font-weight:var(--dt-font-weight-bold)}.dt-recipe-feed-item-pill__border[data-v-dab5b252]{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-dab5b252]{background:var(--dt-color-border-default)}.dt-recipe-feed-item-pill__border-ai[data-v-dab5b252]{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-dab5b252]{background:var(--dt-color-foreground-critical)}@keyframes fade-dab5b252{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{--emoji-item-color-inset-shadow: transparent;--emoji-item-color-foreground: var(--dt-action-color-foreground-muted-default);--emoji-item-color-background: var(--dt-action-color-background-muted-hover);padding:var(--dt-space-300) var(--dt-space-400);border-radius:var(--dt-size-radius-pill);border:0;color:var(--emoji-item-color-foreground);background-color:var(--emoji-item-color-background);box-shadow:inset 0 0 0 var(--dt-size-border-150) var(--emoji-item-color-inset-shadow)}.dt-emoji-row__reaction.dt-emoji-row__picker{padding:var(--dt-space-200) var(--dt-space-350)}.dt-emoji-row__reaction:hover{--emoji-item-color-inset-shadow: var(--dt-color-border-subtle);--emoji-item-color-foreground: var(--dt-action-color-foreground-muted-hover)}.dt-emoji-row__reaction:active{--emoji-item-color-background: var(--dt-action-color-background-muted-active);--emoji-item-color-foreground: var(--dt-action-color-foreground-muted-active);transform:scale(.98)}.dt-emoji-row__reaction--selected{--emoji-item-color-inset-shadow: var(--dt-color-border-brand);--emoji-item-color-foreground: var(--dt-color-link-primary);--emoji-item-color-background: var(--dt-action-color-background-base-hover)}.dt-emoji-row__reaction--selected .dt-emoji-row__reaction-number{font-weight:var(--dt-font-weight-bold)}.dt-emoji-row__reaction--selected:hover{--emoji-item-color-inset-shadow: var(--dt-color-border-brand-strong);--emoji-item-color-foreground: var(--dt-color-link-primary-hover)}.dt-emoji-row__reaction--selected:active{--emoji-item-color-background: var(--dt-action-color-background-base-active)}.dt-emoji-row__emoji{margin-right:var(--dt-space-300);display:inline-flex}.dt-emoji-row__reaction-number{font:var(--dt-typography-body-sm)}.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-editor--top-bar-background{background-color:var(--dt-color-surface-secondary)}.dt-editor--button-group-divider{margin-left:var(--dt-space-400);height:calc(var(--dt-size-550) + var(--dt-size-300));width:var(--dt-size-100);background:var(--dt-color-border-subtle)}.dt-recipe-callbox[data-v-ef08f46e]{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-ef08f46e]{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-ef08f46e]{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-ef08f46e]{border-color:var(--dt-color-border-default)}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-ai[data-v-ef08f46e]{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-ef08f46e]{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-ef08f46e]{display:flex;align-items:center;padding:var(--dt-space-350) var(--dt-space-400)}.dt-recipe-callbox--main-content-bottom[data-v-ef08f46e]{border-top:1px solid var(--dt-color-border-subtle)}.dt-recipe-callbox--avatar[data-v-ef08f46e]{margin-right:var(--dt-space-400)}.dt-recipe-callbox--content[data-v-ef08f46e]{display:flex;flex-direction:column;flex:1 0 auto;min-width:0}.dt-recipe-callbox--content-title[data-v-ef08f46e]{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-ef08f46e]{line-height:normal}.dt-recipe-callbox--content-subtitle[data-v-ef08f46e]{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-ef08f46e]{display:flex;justify-content:right}.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e]{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-ef08f46e]:focus-visible{outline:none;box-shadow:var(--dt-shadow-focus)}.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e]:hover,.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e]:active{text-decoration:underline}.dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-ef08f46e]{background-color:var(--dt-color-surface-warning)}
+.tippy-box[data-popper-reference-hidden] .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))}}.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-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)}.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}.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}.ProseMirror ul>li{list-style-type:disc}.ProseMirror ol>li{list-style-type:decimal}.ProseMirror blockquote{padding-left:var(--dt-space-400);border-left:var(--dt-size-border-300) solid var(--dt-color-foreground-muted-inverted);margin-left:0}.dt-rich-text-editor--code-block{background:var(--dt-color-surface-secondary);padding:var(--dt-space-400)}.dt-rich-text-editor{overflow:hidden}.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{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-d1f21523]{position:relative;display:block}.combobox__chip-wrapper[data-v-d1f21523]{position:absolute;margin-left:var(--dt-space-200);margin-right:var(--dt-space-200);padding-left:var(--dt-space-100);max-width:calc(var(--dt-size-100-percent) - var(--dt-space-400))}.combobox__chip[data-v-d1f21523]{margin-top:var(--dt-space-300);margin-left:var(--dt-space-200);margin-right:var(--dt-space-200);z-index:var(--zi-base1);max-width:var(--dt-size-100-percent)}.combobox__input[data-v-d1f21523]{flex-grow:1}.combobox__list--loading[data-v-d1f21523]{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-a3c913d1]{--contact-info-avatar-border-color: var(--dt-color-surface-primary);display:flex}.dt-contact-info[data-v-a3c913d1] .dt-item-layout{flex:1 1 0}.dt-contact-info[data-v-a3c913d1] .dt-item-layout--content{min-width:var(--dt-space-825)}.dt-contact-info[data-v-a3c913d1] .dt-item-layout--left{min-width:var(--dt-space-650);justify-content:flex-start;align-items:center}.dt-contact-info[data-v-a3c913d1] .dt-item-layout--right{min-width:0;align-items:center}.dt-contact-info__left[data-v-a3c913d1]{position:relative;background-color:transparent;background-image:none;border-width:0;cursor:pointer}.dt-contact-info--avatars[data-v-a3c913d1]{margin-right:var(--dt-space-300-negative);display:flex;flex-direction:row}.dt-contact-info--avatars .d-avatar[data-v-a3c913d1]{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-070cce61]{width:var(--dt-size-100-percent);box-sizing:border-box;position:relative;padding:var(--dt-space-300) var(--dt-space-500)}.dt-feed-item-row[data-v-070cce61]:focus-visible{box-shadow:var(--dt-shadow-focus-inset)}.dt-feed-item-row--state-searched[data-v-070cce61]{background-color:var(--dt-color-surface-warning-subtle)}.dt-feed-item-row--state-error[data-v-070cce61]{background-color:var(--dt-color-surface-critical-subtle)}.dt-feed-item-row--active[data-v-070cce61]{background-color:var(--dt-color-surface-secondary-opaque)}.dt-feed-item-row--state-transition[data-v-070cce61]{transition-duration:2s;transition-delay:0s;transition-timing-function:var(--ttf-in-out);transition-property:background-color}.dt-feed-item-row__avatar-container[data-v-070cce61]{padding-top:var(--dt-space-300);padding-bottom:var(--dt-space-300)}.dt-feed-item-row__content[data-v-070cce61]{padding-left:var(--dt-space-300)}.dt-feed-item-row__attachment[data-v-070cce61]{padding-top:var(--dt-space-200);padding-bottom:var(--dt-space-300)}.dt-feed-item-row__attachment[data-v-070cce61] .dt-feed-item-row__image{border:var(--dt-color-border-subtle) solid var(--dt-size-border-100);border-radius:var(--dt-size-radius-400);display:block;max-width:30rem;max-height:30rem;min-width:5.6rem;min-height:5.6rem}.dt-feed-item-row__attachment[data-v-070cce61] .dt-feed-item-row__video{display:block;height:25rem}.dt-feed-item-row__header[data-v-070cce61]{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--dt-space-300);font-size:var(--dt-font-size-200);line-height:var(--dt-font-line-height-300)}.dt-feed-item-row__header__name[data-v-070cce61]{font-weight:var(--dt-font-weight-bold)}.dt-feed-item-row__header__time[data-v-070cce61]{font-size:var(--dt-font-size-100);color:var(--dt-color-foreground-tertiary);flex-shrink:0}.dt-feed-item-row__reactions[data-v-070cce61]{display:flex;flex-wrap:wrap;padding-top:var(--dt-space-200);padding-bottom:var(--dt-space-200);padding-left:var(--dt-space-300)}.dt-feed-item-row__threading[data-v-070cce61]{padding-top:var(--dt-space-200);padding-bottom:var(--dt-space-200)}.dt-feed-item-row__left-time[data-v-070cce61]{color:var(--dt-color-foreground-tertiary);font-size:var(--dt-font-size-100);font-weight:var(--dt-font-weight-normal);vertical-align:middle;white-space:nowrap}.dt-feed-item-row__menu[data-v-070cce61]{position:absolute;top:var(--dt-space-550-negative);right:var(--dt-space-450)}.dt-feed-item-row[data-v-070cce61]>.dt-item-layout{font:var(--dt-typography-body-md-compact);min-height:initial;padding:0}.dt-feed-item-row[data-v-070cce61]>.dt-item-layout>.dt-item-layout--left{align-self:flex-start;text-align:end;display:block;padding-right:var(--dt-space-300);padding-left:var(--dt-space-0);min-width:calc(var(--dt-space-600) + var(--dt-space-300))}.dt-feed-item-row[data-v-070cce61]>.dt-item-layout>.dt-item-layout--right{padding:0;min-width:initial}.dt-feed-item-row[data-v-070cce61]>.dt-item-layout>.dt-item-layout--content>.dt-item-layout--bottom{display:flex;flex-direction:column;margin-top:0}.dt-recipe-feed-item-pill__wrapper[data-v-dab5b252]{background-color:var(--dt-color-surface-secondary);padding:var(--dt-space-400)}.dt-recipe-feed-item-pill__button[data-v-dab5b252]{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-dab5b252]{padding:var(--dt-space-400);gap:var(--dt-space-300);width:100%}.dt-recipe-feed-item-pill__layout[data-v-dab5b252]>.dt-item-layout--left{padding-right:var(--dt-space-0);justify-content:center}.dt-recipe-feed-item-pill__icon[data-v-dab5b252]{animation:fade-dab5b252 .15s ease-in}.dt-recipe-feed-item-pill__content[data-v-dab5b252]{display:flex;justify-content:center}.dt-recipe-feed-item-pill__title[data-v-dab5b252]{font-weight:var(--dt-font-weight-bold)}.dt-recipe-feed-item-pill__border[data-v-dab5b252]{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-dab5b252]{background:var(--dt-color-border-default)}.dt-recipe-feed-item-pill__border-ai[data-v-dab5b252]{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-dab5b252]{background:var(--dt-color-foreground-critical)}@keyframes fade-dab5b252{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{--emoji-item-color-inset-shadow: transparent;--emoji-item-color-foreground: var(--dt-action-color-foreground-muted-default);--emoji-item-color-background: var(--dt-action-color-background-muted-hover);padding:var(--dt-space-300) var(--dt-space-400);border-radius:var(--dt-size-radius-pill);border:0;color:var(--emoji-item-color-foreground);background-color:var(--emoji-item-color-background);box-shadow:inset 0 0 0 var(--dt-size-border-150) var(--emoji-item-color-inset-shadow)}.dt-emoji-row__reaction.dt-emoji-row__picker{padding:var(--dt-space-200) var(--dt-space-350)}.dt-emoji-row__reaction:hover{--emoji-item-color-inset-shadow: var(--dt-color-border-subtle);--emoji-item-color-foreground: var(--dt-action-color-foreground-muted-hover)}.dt-emoji-row__reaction:active{--emoji-item-color-background: var(--dt-action-color-background-muted-active);--emoji-item-color-foreground: var(--dt-action-color-foreground-muted-active);transform:scale(.98)}.dt-emoji-row__reaction--selected{--emoji-item-color-inset-shadow: var(--dt-color-border-brand);--emoji-item-color-foreground: var(--dt-color-link-primary);--emoji-item-color-background: var(--dt-action-color-background-base-hover)}.dt-emoji-row__reaction--selected .dt-emoji-row__reaction-number{font-weight:var(--dt-font-weight-bold)}.dt-emoji-row__reaction--selected:hover{--emoji-item-color-inset-shadow: var(--dt-color-border-brand-strong);--emoji-item-color-foreground: var(--dt-color-link-primary-hover)}.dt-emoji-row__reaction--selected:active{--emoji-item-color-background: var(--dt-action-color-background-base-active)}.dt-emoji-row__emoji{margin-right:var(--dt-space-300);display:inline-flex}.dt-emoji-row__reaction-number{font:var(--dt-typography-body-sm)}.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-editor--top-bar-background{background-color:var(--dt-color-surface-secondary)}.dt-editor--button-group-divider{margin-left:var(--dt-space-400);height:calc(var(--dt-size-550) + var(--dt-size-300));width:var(--dt-size-100);background:var(--dt-color-border-subtle)}.dt-recipe-callbox[data-v-ef08f46e]{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-ef08f46e]{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-ef08f46e]{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-ef08f46e]{border-color:var(--dt-color-border-default)}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-ai[data-v-ef08f46e]{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-ef08f46e]{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-ef08f46e]{display:flex;align-items:center;padding:var(--dt-space-350) var(--dt-space-400)}.dt-recipe-callbox--main-content-bottom[data-v-ef08f46e]{border-top:1px solid var(--dt-color-border-subtle)}.dt-recipe-callbox--avatar[data-v-ef08f46e]{margin-right:var(--dt-space-400)}.dt-recipe-callbox--content[data-v-ef08f46e]{display:flex;flex-direction:column;flex:1 0 auto;min-width:0}.dt-recipe-callbox--content-title[data-v-ef08f46e]{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-ef08f46e]{line-height:normal}.dt-recipe-callbox--content-subtitle[data-v-ef08f46e]{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-ef08f46e]{display:flex;justify-content:right}.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e]{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-ef08f46e]:focus-visible{outline:none;box-shadow:var(--dt-shadow-focus)}.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e]:hover,.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e]:active{text-decoration:underline}.dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-ef08f46e]{background-color:var(--dt-color-surface-warning)}

package/dist/types/directives/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../directives/tooltip/tooltip.js"],"names":[],"mappings":";;IAME,iCA4EC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../directives/tooltip/tooltip.js"],"names":[],"mappings":";;IAME,iCAkFC"}

package/dist/types/recipes/leftbar/general_row/general_row_constants.d.ts

@@ -2,6 +2,7 @@ export namespace LEFTBAR_GENERAL_ROW_TYPES {
     let INBOX: string;
     let CONTACTS: string;
     let CHANNELS: string;
+    let HOME: string;
     let THREADS: string;
     let LOCKED_CHANNEL: string;
     let CONTACT_CENTER: string;

package/dist/types/recipes/leftbar/general_row/general_row_constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"general_row_constants.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/general_row_constants.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAeA;;;;EAaE;AAEF;;;;;;;;;;;;EAYE;AAEF,yEAC4F;AAE5F,sDAGE"}
+{"version":3,"file":"general_row_constants.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/general_row_constants.js"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgBA;;;;EAcE;AAEF;;;;;;;;;;;;EAYE;AAEF,yEAC4F;AAE5F,sDAGE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "3.115.1",
+  "version": "3.116.0",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "files": [
     "dist",
@@ -81,7 +81,7 @@
     "vue-tsc": "^1.8.25",
     "yo": "^5.0.0",
     "yorkie": "^2.0.0",
-    "@dialpad/dialtone-css": "8.28.1",
+    "@dialpad/dialtone-css": "8.29.1",
     "@dialpad/dialtone-icons": "4.11.0",
     "@dialpad/generator-dialtone": "0.1.0"
   },

package/dist/emoji_picker--qWnpkri.cjs

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