@dialpad/dialtone-vue 3.97.0 → 3.99.0

package/dist/emoji_picker-o0hHRpcs.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),E=require("./emoji-zMlz3b9J.cjs"),Z=require("./tooltip-gZ2LW6l0.cjs"),x={class:"d-emoji-picker__search d-emoji-picker__alignment"},ee=["onKeydown"],te={__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:k,emit:w}){const i=w,m=e.ref(null);function _(){i("update:modelValue",""),b()}function b(){m.value.focus()}return e.onMounted(()=>{b()}),k({focusSearchInput:b}),(y,u)=>(e.openBlock(),e.createElementBlock("div",x,[e.createVNode(e.unref(E.DtInput),{id:"searchInput",ref_key:"searchInput",ref:m,placeholder:l.searchPlaceholderLabel,"model-value":l.modelValue,"onUpdate:modelValue":u[0]||(u[0]=s=>y.$emit("update:modelValue",s)),onKeydown:[u[1]||(u[1]=e.withKeys(s=>y.$emit("focus-tabset"),["up"])),u[2]||(u[2]=e.withKeys(e.withModifiers(s=>y.$emit("focus-emoji-selector"),["prevent"]),["down"])),u[3]||(u[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,ee)]),key:"0"}:void 0]),1032,["placeholder","model-value"])]))}},oe={class:"d-emoji-picker__tabset"},le={__name:"emoji_tabset",props:{showRecentlyUsedTab:{type:Boolean,default:!1},scrollIntoTab:{type:Number,required:!0},isScrolling:{type:Boolean,default:!1},emojiFilter:{type:String,default:""},tabsetLabels:{type:Array,required:!0}},emits:["selected-tabset","focus-search-input"],setup(l,{expose:k,emit:w}){const i=l,m=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),u=e.ref("1"),{isScrolling:s}=e.toRefs(i),g=e.ref([]);e.watch(()=>i.scrollIntoTab,()=>{!s.value&&!y.value&&(u.value=(i.scrollIntoTab+1).toString())}),e.watch(y,()=>{y.value&&(u.value=null)});function L(t){s.value||(u.value=t),m("selected-tabset",t)}function I(t){g.value.push(t.$el)}function T(){g.value[0].focus()}function n(t,o){t.key==="Enter"&&(L(o),g.value[o-1].blur()),t.key==="Tab"&&(t.preventDefault(),m("focus-search-input")),t.key==="ArrowDown"&&m("focus-search-input")}return k({focusTabset:T}),(t,o)=>(e.openBlock(),e.createElementBlock("div",oe,[e.createVNode(e.unref(E.DtTabGroup),{"tab-list-class":"d-emoji-picker__tabset-list",selected:u.value},{tabs:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(a,f)=>(e.openBlock(),e.createBlock(e.unref(E.DtTab),{id:a.id,ref_for:!0,ref:h=>{h&&I(h)},key:a.id,"panel-id":a.panelId,label:a.label,"aria-controls":"d-emoji-picker-list",tabindex:f+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/",R=9,F={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 ne(){const l=e.ref([]),k=e.ref([]),w=e.ref(!1),i=e.ref(!0);function m(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,k.value.length-1)}function y(n,t){s(0,t+1)||s(0,0)}function u(n,t,o){w.value?n==="left"?b(t,o):n==="right"&&y(t,o):n==="left"?m(t,o):n==="right"&&_(t,o)}function s(n,t){var a,f,h;const o=w.value?(a=k.value)==null?void 0:a[t]:(h=(f=l.value)==null?void 0:f[n])==null?void 0:h[t];return o?(o.focus(),!0):!1}function g(n,t,o){l.value[t]||(l.value[t]=[]),l.value[t][o]=n}function L(n,t){k.value[t]=n}function I(n,t){var o;if(i.value=!1,n===C.ARROW_UP){const a=t%R;if(!s(0,t-R)){const f=k.value.length-k.value.length%R+a;s(0,f),s(0,f)||s(0,k.value.length-1)}}if(n===C.ARROW_DOWN&&!s(0,t+R)){const a=t%R;(o=k.value)!=null&&o[t+(R-a)]?s(0,k.value.length-1):s(0,a)}n===C.ARROW_LEFT&&u("left",0,t),n===C.ARROW_RIGHT&&u("right",0,t)}function T(n,t,o){var a,f;if(n==="ArrowUp"){const h=o%R;if(t===0){const S=R-l.value[l.value.length-1].length%R,$=l.value[l.value.length-1].length+S-(R-h);s(l.value.length-1,$)||s(l.value.length-1,l.value[l.value.length-1].length-1);return}if(!s(t,o-R)){const S=t-1<0?0:t-1,$=l.value[S].length,U=$-$%R+h;s(S,U)||s(t-1,l.value[t-1].length-1)}}if(n==="ArrowDown"&&!s(t,o+R)){const h=o%R;(f=(a=l.value)==null?void 0:a[t])!=null&&f[o+(R-h)]?s(t,l.value[t].length-1):s(t+1,h)||s(0,h)||s(0,l.value[0].length-1)}n==="ArrowLeft"&&u("left",t,o),n==="ArrowRight"&&u("right",t,o)}return{emojiFilteredRefs:k,isFiltering:w,hoverFirstEmoji:i,setEmojiRef:g,setFilteredRef:L,focusEmoji:s,handleArrowNavigationFiltered:I,handleArrowNavigation:T}}const se={class:"d-emoji-picker__selector"},re={key:0,class:"d-emoji-picker__search-label d-emoji-picker__alignment"},ie={key:0},ae={class:"d-emoji-picker__tab"},ce=["aria-label","onClick","onFocusin","onMouseover","onKeydown"],ue=["alt","aria-label","title","src"],fe={key:2,class:"d-emoji-picker__alignment"},de={class:"d-emoji-picker__tab","data-qa":"filtered-emojis"},me=["aria-label","onClick","onFocusin","onMouseover","onKeydown"],ve=["alt","aria-label","title","src"],pe={__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:k,emit:w}){const i=l,m=w,{emojiFilteredRefs:_,isFiltering:b,hoverFirstEmoji:y,setEmojiRef:u,setFilteredRef:s,focusEmoji:g,handleArrowNavigationFiltered:L,handleArrowNavigation:I}=ne(),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)}))),f=e.ref(a.value[0].label),h=e.computed(()=>i.recentlyUsedEmojis.length?o:o.slice(1)),S=e.ref([]),$=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($,()=>{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,B(null)),U()}),e.watch(()=>i.selectedTabset,r=>{K(r.tabId)},{deep:!0});function G(r,c=!1){y.value=c,m("highlighted-emoji",r)}function P(){const r=i.emojiFilter.toLowerCase();S.value=$.value.filter(c=>{const v=c.name.toLowerCase().includes(r),p=c.keywords.some(d=>d.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 d=n.value,N=r==="1"?0:p.offsetTop-20;let j=!0,O=d.scrollTop;m("is-scrolling",!0),d.addEventListener("scroll",()=>{if(j){const D=d.scrollTop;(O<D&&D>=N||O>D&&D<=N)&&(j=!1,m("is-scrolling",!1)),O=D}}),d.scrollTop=N,c&&g(r-1,0)})}function Y(){const r=n.value;r.scrollTop=0}function z(){t.value=new IntersectionObserver(r=>{r.forEach(c=>{var d,N,j,O,D;const{target:v}=c,p=parseInt(v.dataset.index);c.isIntersecting&&v.offsetTop<=T.value.offsetTop+50?(f.value=((d=a.value[p-1])==null?void 0:d.label)??((N=a.value[0])==null?void 0:N.label),m("scroll-into-tab",p-1)):c.boundingClientRect.bottom<=((j=T.value)==null?void 0:j.getBoundingClientRect().bottom)?(m("scroll-into-tab",p),f.value=(O=a.value[p])==null?void 0:O.label):p===1&&(m("scroll-into-tab",p),f.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":m("focus-skin-selector");break;case"Enter":M(v);break}},Q=(r,c,v,p)=>{if(r.preventDefault(),Object.values(C).includes(r.key)){I(r.key,c,v);return}switch(r.key){case"Tab":r.shiftKey?g(c,0)&&c>0?K(c,!0):(K(1,!1),m("focus-search-input")):g(c+1,0)?K(c+1+1,!1):m("focus-skin-selector");break;case"Enter":M(p);break}};function M(r){m("selected-emoji",r)}function B(r){m("highlighted-emoji",r)}function X(){g(0,0)}return e.onMounted(()=>{z()}),e.onUnmounted(()=>{t.value.disconnect()}),k({focusEmojiSelector:X}),(r,c)=>(e.openBlock(),e.createElementBlock("div",se,[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",re,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(f.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",ie,e.toDisplayString(v.label),1)):e.createCommentVNode("",!0),e.createElementVNode("div",ae,[(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]],(d,N)=>(e.openBlock(),e.createElementBlock("button",{key:d.shortname,ref_for:!0,ref:j=>{j&&e.unref(u)(j,p,N)},type:"button","aria-label":d.name,onClick:j=>M(d),onFocusin:j=>B(d),onFocusout:c[0]||(c[0]=j=>B(null)),onMouseover:j=>B(d),onMouseleave:c[1]||(c[1]=j=>B(null)),onKeydown:j=>Q(j,p,N,d)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:d.name,"aria-label":d.name,title:d.name,src:W(d.unicode_character),onError:H},null,40,ue)],40,ce))),128))])])),[[e.vShow,!l.emojiFilter]])),128)),l.emojiFilter?(e.openBlock(),e.createElementBlock("div",fe,[e.createElementVNode("div",de,[(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:d=>{d&&e.unref(s)(d,p)},type:"button","aria-label":v.name,class:e.normalizeClass({"hover-emoji":p===0&&e.unref(y)}),onClick:d=>M(v),onFocusin:d=>B(v),onFocusout:c[2]||(c[2]=d=>B(null)),onMouseover:d=>G(v),onMouseleave:c[3]||(c[3]=d=>G(null)),onKeydown:d=>J(d,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,ve)],42,me))),128))])])):e.createCommentVNode("",!0)],512)]))}},he={"data-qa":"skin-selector"},be={class:"d-emoji-picker__skin-list"},ke=["onKeydown","onClick"],ge=["alt","aria-label","title","src"],ye={class:"d-emoji-picker__skin-selected"},Se=["aria-label"],Ee=["alt","aria-label","title","src"],_e={__name:"emoji_skin_selector",props:{skinTone:{type:String,required:!0},isHovering:{type:Boolean,default:!1},skinSelectorButtonTooltipLabel:{type:String,required:!0}},emits:["skin-tone","focus-tabset"],setup(l,{expose:k,emit:w}){const i=l,m=w,_=[{name:":wave_tone1:",unicode_output:"1f44b-1f3fb",skinTone:F.LIGHT,skinCode:"_tone1"},{name:":wave_tone2:",unicode_output:"1f44b-1f3fc",skinTone:F.MEDIUM_LIGHT,skinCode:"_tone2"},{name:":wave_tone3:",unicode_output:"1f44b-1f3fd",skinTone:F.MEDIUM,skinCode:"_tone3"},{name:":wave_tone4:",unicode_output:"1f44b-1f3fe",skinTone:F.MEDIUM_DARK,skinCode:"_tone4"},{name:":wave_tone5:",unicode_output:"1f44b-1f3ff",skinTone:F.DARK,skinCode:"_tone5"},{name:":wave:",unicode_output:"1f44b",skinTone:F.DEFAULT,skinCode:""}],b=e.ref(!1),y=e.ref(null),u=e.ref([]);e.watchEffect(()=>i.isHovering&&(b.value=!1));const s=e.computed(()=>_.find(o=>o.skinTone===i.skinTone)),g=e.ref(s.value);e.watchEffect(()=>s.value&&(g.value=s.value));function L(o){u.value.push(o)}function I(){y.value.focus()}function T(o){g.value=o,b.value=!1,m("skin-tone",o.skinTone),e.nextTick(()=>I())}const n=(o,a,f)=>{var h,S,$;o.preventDefault(),o.key==="ArrowLeft"&&(f===0&&((h=u.value[u.value.length-1])==null||h.focus()),(S=u.value[f-1])==null||S.focus()),o.key==="ArrowRight"&&(($=u.value[f+1])==null||$.focus()),o.key==="Enter"&&(a?T(a):t()),o.key==="Tab"&&m("focus-tabset")};function t(){b.value=!b.value,e.nextTick(()=>u.value[0].focus())}return k({focusSkinSelector:I}),(o,a)=>(e.openBlock(),e.createElementBlock("div",he,[e.withDirectives(e.createElementVNode("div",be,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(_,(f,h)=>e.createElementVNode("button",{ref_for:!0,ref:S=>{S&&L(S)},key:f.name,class:e.normalizeClass({selected:g.value.skinCode===f.skinCode}),onKeydown:S=>n(S,f,h),onClick:S=>T(f)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:f.name,"aria-label":f.name,title:f.name,src:`${e.unref(V)+f.unicode_output}.png`},null,8,ge)],42,ke)),64))],512),[[e.vShow,b.value]]),e.withDirectives(e.createElementVNode("div",ye,[e.createVNode(e.unref(Z.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]=f=>n(f))},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:g.value.name,"aria-label":g.value.name,title:g.value.name,src:`${e.unref(V)+g.value.unicode_output}.png`},null,8,Ee)],40,Se)]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.skinSelectorButtonTooltipLabel)+" ",1)]),_:1})],512),[[e.vShow,!b.value]])]))}},Re={class:"d-emoji-picker__data"},je=["alt","aria-label","title","src"],we={__name:"emoji_description",props:{emoji:{type:Object,default:null}},setup(l){return(k,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,je)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString((i=l.emoji)==null?void 0:i.name),1)])}}},Te={class:"d-emoji-picker"},Le={class:"d-emoji-picker--header"},Ie={class:"d-emoji-picker--body"},$e={class:"d-emoji-picker--footer"},Ae={__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:k}){const w=l,i=k,m=e.ref(""),_=e.ref(null),b=e.ref({}),y=e.ref(0),u=e.ref(!1),s=e.computed(()=>w.recentlyUsedEmojis.length>0);function g(n){m.value="",b.value=n,b.value={...b.value,tabId:n}}function L(n){y.value=n}function I(n){u.value=n}function T(n){_.value=n}return(n,t)=>(e.openBlock(),e.createElementBlock("div",Te,[e.createElementVNode("div",Le,[e.createVNode(le,{ref:"tabsetRef","emoji-filter":m.value,"show-recently-used-tab":s.value,"scroll-into-tab":y.value,"tabset-labels":l.tabSetLabels,"is-scrolling":u.value,onFocusSearchInput:t[0]||(t[0]=o=>n.$refs.searchInputRef.focusSearchInput()),onSelectedTabset:g,onKeydown:t[1]||(t[1]=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(te,{ref:"searchInputRef",modelValue:m.value,"onUpdate:modelValue":t[2]||(t[2]=o=>m.value=o),"search-placeholder-label":l.searchPlaceholderLabel,onSelectFirstEmoji:t[3]||(t[3]=o=>i("selected-emoji",_.value)),onFocusTabset:t[4]||(t[4]=o=>n.$refs.tabsetRef.focusTabset()),onFocusEmojiSelector:t[5]||(t[5]=o=>n.$refs.emojiSelectorRef.focusEmojiSelector()),onKeydown:t[6]||(t[6]=e.withKeys(o=>i("close"),["esc"]))},null,8,["modelValue","search-placeholder-label"]),e.createVNode(pe,{ref:"emojiSelectorRef","emoji-filter":m.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:I,onHighlightedEmoji:T,onSelectedEmoji:t[7]||(t[7]=o=>i("selected-emoji",o)),onFocusSkinSelector:t[8]||(t[8]=o=>n.$refs.skinSelectorRef.focusSkinSelector()),onFocusSearchInput:t[9]||(t[9]=o=>n.$refs.searchInputRef.focusSearchInput()),onKeydown:t[10]||(t[10]=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",$e,[e.createVNode(we,{emoji:_.value},null,8,["emoji"]),e.createVNode(_e,{ref:"skinSelectorRef","is-hovering":!!_.value,"skin-selector-button-tooltip-label":l.skinSelectorButtonTooltipLabel,"skin-tone":l.skinTone,onSkinTone:t[11]||(t[11]=o=>i("skin-tone",o)),onFocusTabset:t[12]||(t[12]=o=>n.$refs.tabsetRef.focusTabset()),onKeydown:t[13]||(t[13]=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=R;exports.EMOJI_PICKER_CATEGORIES=A;exports.EMOJI_PICKER_SKIN_TONE_MODIFIERS=F;exports._sfc_main=Ae;

package/dist/stack-_FIkvuMY.cjs

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

package/dist/types/common/dates.d.ts

@@ -1,49 +0,0 @@
-/**
- * Sets the locale for date-fns. This should be called before any date-fns functions are called.
- * @param {Locale} locale A date-fns locale object
- */
-export function setDateLocale(locale: Locale): void;
-/**
- * This formats a date to the Dialtone standard medium date format as shown here:
- * https://dialpad.design/guides/writing-guidelines/#formats-by-length
- * @param {Date} date A javascript date object
- * @returns {string} A string in the format of 'September 2, 2022'
- */
-export function getDateMedium(date: Date): string;
-/**
- * Converts a call duration in total number of seconds to a human readable string
- * such as 'less than a minute' or '4 hours 34 minutes'.
- * @param {number} durationInSeconds The duration of the call in seconds
- * @returns {string} A human readable string representing the duration of the call
- */
-export function durationInHHMM(durationInSeconds: number): string;
-/**
- * Returns the distance between the passed in date and now in a human readable format, typically used
- * when showing a history of items in a log such as a feed list.
- *
- * datefns does not support 'today' and 'yesterday' without showing time so we use Intl for these cases.
- *
- * examples below to explain
- * the different potential formats:
- *
- * If current day:
- * Today
- *
- * If previous day:
- * Yesterday
- *
- * Older than yesterday, but in the same calendar week:
- * Monday
- *
- * Older than the most recent calendar week, but in the same year:
- * Monday, October 14
- *
- * older than a calendar year:
- * October 14, 2022
- *
- *
- * @param {Date} date The timestamp of the item's date
- * @returns {string} A human readable string representing the distance between the date and now
- */
-export function relativeDate(date: Date): string;
-//# sourceMappingURL=dates.d.ts.map

package/dist/types/common/dates.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../../common/dates.js"],"names":[],"mappings":"AAiDA;;;GAGG;AACH,sCAFW,MAAM,QAIhB;AAED;;;;;GAKG;AACH,oCAHW,IAAI,GACF,MAAM,CAIlB;AAED;;;;;GAKG;AACH,kDAHW,MAAM,GACJ,MAAM,CAalB;AAaD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,mCAHW,IAAI,GACF,MAAM,CAclB"}

package/dist/types/common/emoji.d.ts

@@ -1,25 +0,0 @@
-export function getEmojiData(): {};
-export function setEmojiAssetUrlSmall(url: any, fileExtension?: string): void;
-export function setEmojiAssetUrlLarge(url: any, fileExtension?: string): void;
-export function setCustomEmojiUrl(url: any): void;
-export function setCustomEmojiJson(json: any): void;
-/**
- * Validate custom emoji json
- */
-export function validateCustomEmojiJson(json: any): void;
-export function shortcodeToEmojiData(shortcode: any): undefined;
-export function unicodeToString(emoji: any): string;
-export function stringToUnicode(str: any): string;
-export function codeToEmojiData(code: any): any;
-export function findShortCodes(textContent: any): Set<any>;
-export function filterValidShortCodes(shortcodes: any): Set<any>;
-export function findEmojis(textContent: any): Set<any>;
-export const emojiVersion: "6.6";
-export const defaultEmojiAssetUrl: string;
-export let customEmojiAssetUrl: null;
-export let emojiImageUrlSmall: string;
-export let emojiFileExtensionSmall: string;
-export let emojiImageUrlLarge: string;
-export let emojiFileExtensionLarge: string;
-export const emojiJson: {};
-//# sourceMappingURL=emoji.d.ts.map

package/dist/types/common/emoji.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"emoji.d.ts","sourceRoot":"","sources":["../../../common/emoji.js"],"names":[],"mappings":"AAiBA,mCAEC;AAED,8EAMC;AAED,8EAMC;AAED,kDAEC;AAED,oDAEC;AAED;;GAEG;AACH,yDA6DC;AAID,gEAqBC;AAUD,oDAWC;AAGD,kDAOC;AAGD,gDAUC;AAMD,2DAGC;AAED,iEAGC;AAKD,uDAIC;AAtMD,iCAAkC;AAClC,0CAAqH;AACrH,qCAAsC;AAGtC,sCAAqD;AACrD,2CAA4C;AAG5C,sCAAqD;AACrD,2CAA4C;AAE5C,2BAAuC"}

package/dist/types/common/mixins/index.d.ts

@@ -1,4 +0,0 @@
-export { InputGroupMixin as DtInputGroupMixin } from "./input_group";
-export { default as DtKeyboardListNavigationMixin } from "./keyboard_list_navigation";
-export { InputMixin as DtInputMixin, CheckableMixin as DtCheckableInputMixin, GroupableMixin as DtGroupableInputMixin } from "./input";
-//# sourceMappingURL=index.d.ts.map

package/dist/types/common/mixins/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../common/mixins/index.js"],"names":[],"mappings":""}

package/dist/types/components/avatar/index.d.ts

@@ -1,3 +0,0 @@
-export { default as DtAvatar } from "./avatar.vue";
-export { AVATAR_SIZE_MODIFIERS, AVATAR_KIND_MODIFIERS, AVATAR_PRESENCE_SIZE_MODIFIERS, AVATAR_PRESENCE_STATES, AVATAR_ICON_SIZES, AVATAR_COLORS, AVATAR_GROUP_VALIDATOR } from "./avatar_constants";
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/avatar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/avatar/index.js"],"names":[],"mappings":""}

package/dist/types/components/badge/index.d.ts

@@ -1,3 +0,0 @@
-export { default as DtBadge } from "./badge.vue";
-export { BADGE_TYPE_MODIFIERS, BADGE_KIND_MODIFIERS, BADGE_DECORATION_MODIFIERS } from "./badge_constants";
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/badge/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/badge/index.js"],"names":[],"mappings":""}

package/dist/types/components/banner/index.d.ts

@@ -1,2 +0,0 @@
-export { default as DtBanner } from "./banner.vue";
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/banner/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/banner/index.js"],"names":[],"mappings":""}

package/dist/types/components/breadcrumbs/index.d.ts

@@ -1,4 +0,0 @@
-export { default as DtBreadcrumbs } from "./breadcrumbs.vue";
-export { default as DtBreadcrumbItem } from "./breadcrumb_item.vue";
-export { BREADCRUMB_ITEM_SELECTED_MODIFIER, BREADCRUMBS_INVERTED_MODIFIER } from "./breadcrumbs_constants";
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/breadcrumbs/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/breadcrumbs/index.js"],"names":[],"mappings":""}

package/dist/types/components/button_group/index.d.ts

@@ -1,3 +0,0 @@
-export { default as DtButtonGroup } from "./button_group.vue";
-export { BUTTON_GROUP_ALIGNMENT } from "./button_group_constants";
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/button_group/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/button_group/index.js"],"names":[],"mappings":""}

package/dist/types/components/card/index.d.ts

@@ -1,2 +0,0 @@
-export { default as DtCard } from "./card.vue";
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/card/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/card/index.js"],"names":[],"mappings":""}

package/dist/types/components/checkbox_group/index.d.ts

@@ -1,2 +0,0 @@
-export { default as DtCheckboxGroup } from "./checkbox_group.vue";
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/checkbox_group/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/checkbox_group/index.js"],"names":[],"mappings":""}

package/dist/types/components/chip/index.d.ts

@@ -1,3 +0,0 @@
-export { default as DtChip } from "./chip.vue";
-export { CHIP_SIZE_MODIFIERS, CHIP_CLOSE_BUTTON_SIZE_MODIFIERS, CHIP_ICON_SIZES } from "./chip_constants";
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/chip/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/chip/index.js"],"names":[],"mappings":""}

package/dist/types/components/codeblock/index.d.ts

@@ -1,2 +0,0 @@
-export { default as DtCodeblock } from "./codeblock.vue";
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/codeblock/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/codeblock/index.js"],"names":[],"mappings":""}

package/dist/types/components/collapsible/index.d.ts

@@ -1,2 +0,0 @@
-export { default as DtCollapsible } from "./collapsible.vue";
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/collapsible/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/collapsible/index.js"],"names":[],"mappings":""}