@dialpad/dialtone-vue 3.67.2 → 3.67.4

package/dist/dialtone-vue.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./emoji_text_wrapper-9da760df.cjs"),q={BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},ct=[q.BUSY,q.AWAY,q.OFFLINE,q.ACTIVE],tn={name:"DtPresence",props:{presence:{type:String,default:q.ACTIVE,validator:t=>ct.includes(t)},srText:{type:String,default:null}}},nn=["aria-live"],on={key:0,"data-qa":"dt-presence-sr-text",class:"sr-only"};function sn(t,o,n,l,a,s){return e.openBlock(),e.createElementBlock("div",{class:"d-presence","data-qa":"dt-presence",role:"status","aria-live":t.$attrs.ariaLive||"off"},[n.srText?(e.openBlock(),e.createElementBlock("span",on,e.toDisplayString(n.srText),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["d-presence__inner",{"d-presence__inner--active":n.presence==="active","d-presence__inner--away":n.presence==="away","d-presence__inner--busy":n.presence==="busy","d-presence__inner--offline":n.presence==="offline"}])},null,2)],8,nn)}const ut=i._export_sfc(tn,[["render",sn]]),ie={xs:"d-avatar--xs",sm:"d-avatar--sm",md:"d-avatar--md",lg:"d-avatar--lg",xl:"d-avatar--xl"},Ce={default:"",icon:"d-avatar__icon",initials:"d-avatar__initials"},an={md:"d-avatar__presence--md",lg:"d-avatar__presence--lg"},tt={NONE:"",BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},ln=[45,-45,90,-90,135,-135,180,-180],nt={with100:["purple-100","magenta-100","gold-100","blue-100"],with200:["purple-200","magenta-200","gold-200","blue-200"]},rn=3,dn=2,ot=t=>t>1;const cn={name:"DtAvatar",components:{DtPresence:ut,DtIcon:i.DtIcon},inheritAttrs:!1,props:{id:{type:String,default(){return i.getUniqueString()}},seed:{type:String,default:void 0},size:{type:String,default:"md",validator:t=>Object.keys(ie).includes(t)},avatarClass:{type:[String,Array,Object],default:""},canvasClass:{type:[String,Array,Object],default:""},presence:{type:String,default:tt.NONE,validator:t=>Object.values(tt).includes(t)},presenceProps:{type:Object,default:()=>({})},initials:{type:String,default:""},gradient:{type:Boolean,default:!0},group:{type:Number,default:void 0,validator:t=>ot(t)},overlayIcon:{type:String,default:""},overlayText:{type:String,default:""},overlayClass:{type:[String,Array,Object],default:""}},data(){return{kind:null,AVATAR_SIZE_MODIFIERS:ie,AVATAR_KIND_MODIFIERS:Ce,AVATAR_PRESENCE_SIZE_MODIFIERS:an,imageLoadedSuccessfully:null,slottedInitials:"",formattedInitials:"",initializing:!1}},computed:{avatarClasses(){return["d-avatar",ie[this.validatedSize],this.avatarClass,{"d-avatar--no-gradient":!this.gradient,"d-avatar--group":this.showGroup}]},overlayClasses(){return["d-bgc-black-900 d-o70 d-ps-absolute d-w100p d-h100p d-d-flex d-ai-center d-bar-circle d-zi-base",this.overlayClass]},showDefaultSlot(){return this.kind!=="initials"||this.kind==="image"&&this.imageLoadedSuccessfully===!0},showInitials(){return this.kind==="initials"||this.kind==="image"&&this.initials&&this.imageLoadedSuccessfully!==!0},showGroup(){return ot(this.group)},initialKindStyle(){const t=this.randomizeGradientColorStops();return{"--avatar-gradient-angle":`${this.randomizeGradientAngle()}deg`,"--avatar-gradient-stop-1":`var(--${t[0]})`,"--avatar-gradient-stop-2":`var(--${t[1]})`,"--avatar-gradient-stop-3":`var(--${t[2]})`}},formattedGroup(){return this.group>99?"99+":this.group},validatedSize(){return this.group?"xs":this.size}},mounted(){this.init()},updated(){this.init()},methods:{async init(){var o;if(this.initializing)return;this.kind=null,await this.$nextTick();const t=((o=this.$refs.canvas)==null?void 0:o.children[0])||this.$refs.canvas;this.formatInitials(this.initials),t&&(this.setKind(t),this.kindHandler(t)),this.initializing=!0,await this.$nextTick(),this.initializing=!1},kindHandler(t){switch(this.kind){case"image":t.classList.add("d-avatar__image"),this.validateImageAttrsPresence(),this.setImageListeners(t);break;case"icon":t.classList.add(Ce.icon);break;case"initials":if(!t.textContent)return;this.slottedInitials=t.textContent,this.formatInitials(this.slottedInitials.trim()||this.initials);break}},setImageListeners(t){t.addEventListener("load",()=>this._loadedImageEventHandler(t),{once:!0}),t.addEventListener("error",()=>this._erroredImageEventHandler(t),{once:!0})},formatInitials(t){!t||this.validatedSize==="xs"?this.formattedInitials="":this.validatedSize==="sm"?this.formattedInitials=t.trim()[0]:this.formattedInitials=t.trim().slice(0,2)},setKind(t){if(this.isIconType(t)){this.kind="icon";return}if(this.isImageType(t)){this.kind="image";return}this.kind="initials"},isIconType(t){var o;return((o=t==null?void 0:t.tagName)==null?void 0:o.toUpperCase())==="SVG"},isImageType(t){var o;return((o=t==null?void 0:t.tagName)==null?void 0:o.toUpperCase())==="IMG"},randomizeGradientAngle(){return i.getRandomElement(ln,this.seed)},randomizeGradientColorStops(){const t=new Set;let o=0;for(;t.size<rn;){const l=this.seed===void 0?void 0:this.seed+o.toString();t.size===dn?t.add(i.getRandomElement(nt.with200,l)):t.add(i.getRandomElement(nt.with100,l)),o++}const n=i.seedrandom(this.seed);return Array.from(t).sort(()=>.5-n())},validateImageAttrsPresence(){const t=!this.$refs.canvas.children[0].getAttribute("src"),o=this.$refs.canvas.children[0].getAttribute("alt")===null;(t||o)&&e.warn("src and alt attributes are required for image avatars",this)},_loadedImageEventHandler(t){this.imageLoadedSuccessfully=!0,t.classList.remove("d-d-none"),t.classList.add("d-avatar--image-loaded")},_erroredImageEventHandler(t){this.imageLoadedSuccessfully=!1,t.classList.remove("d-avatar--image-loaded"),t.classList.add("d-d-none")}}},un=["id"],hn={key:1,class:"d-fs-200 d-fw-bold d-fc-white d-w100p d-ta-center"},mn={key:1,class:"d-avatar__count d-zi-base","data-qa":"dt-avatar-count"};function pn(t,o,n,l,a,s){const r=e.resolveComponent("dt-icon"),c=e.resolveComponent("dt-presence");return e.openBlock(),e.createElementBlock("div",{id:n.id,class:e.normalizeClass(s.avatarClasses),style:e.normalizeStyle(s.initialKindStyle),"data-qa":"dt-avatar"},[e.createElementVNode("div",{ref:"canvas",class:e.normalizeClass([n.canvasClass,"d-avatar__canvas"])},[s.showDefaultSlot?e.renderSlot(t.$slots,"default",{key:0}):e.createCommentVNode("",!0),s.showInitials?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["d-ps-absolute d-zi-base",a.AVATAR_KIND_MODIFIERS.initials])},e.toDisplayString(a.formattedInitials),3)):e.createCommentVNode("",!0)],2),n.overlayIcon||n.overlayText?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(s.overlayClasses)},[n.overlayIcon?(e.openBlock(),e.createBlock(r,{key:0,class:"d-fc-white d-w100p",name:n.overlayIcon},null,8,["name"])):n.overlayText?(e.openBlock(),e.createElementBlock("p",hn,e.toDisplayString(n.overlayText),1)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),s.showGroup?(e.openBlock(),e.createElementBlock("span",mn,e.toDisplayString(s.formattedGroup),1)):e.createCommentVNode("",!0),n.presence&&!s.showGroup?(e.openBlock(),e.createBlock(c,e.mergeProps({key:2,presence:n.presence,class:["d-zi-base",["d-avatar__presence",a.AVATAR_PRESENCE_SIZE_MODIFIERS[n.size]]]},n.presenceProps,{"data-qa":"dt-presence"}),null,16,["presence","class"])):e.createCommentVNode("",!0)],14,un)}const ae=i._export_sfc(cn,[["render",pn]]),ve={default:"",info:"d-badge--info",success:"d-badge--success",warning:"d-badge--warning",critical:"d-badge--critical",bulletin:"d-badge--bulletin",ai:"d-badge--ai"},Ee={label:"",count:"d-badge--count"},ke={"black-400":"d-badge--decorate-black-400","black-500":"d-badge--decorate-black-500","black-900":"d-badge--decorate-black-900","red-200":"d-badge--decorate-red-200","red-300":"d-badge--decorate-red-300","red-400":"d-badge--decorate-red-400","purple-200":"d-badge--decorate-purple-200","purple-300":"d-badge--decorate-purple-300","purple-400":"d-badge--decorate-purple-400","purple-500":"d-badge--decorate-purple-500","blue-200":"d-badge--decorate-blue-200","blue-300":"d-badge--decorate-blue-300","blue-400":"d-badge--decorate-blue-400","green-300":"d-badge--decorate-green-300","green-400":"d-badge--decorate-green-400","green-500":"d-badge--decorate-green-500","gold-300":"d-badge--decorate-gold-300","gold-400":"d-badge--decorate-gold-400","gold-500":"d-badge--decorate-gold-500","magenta-200":"d-badge--decorate-magenta-200","magenta-300":"d-badge--decorate-magenta-300","magenta-400":"d-badge--decorate-magenta-400"},fn={name:"DtBadge",components:{DtIcon:i.DtIcon},props:{iconLeft:{type:String,default:""},iconRight:{type:String,default:""},text:{type:String,default:""},kind:{type:String,default:"label",validator:t=>Object.keys(Ee).includes(t)},type:{type:String,default:"default",validator:t=>Object.keys(ve).includes(t)},decoration:{type:String,default:void 0,validator:t=>Object.keys(ke).includes(t)}},data(){return{BADGE_TYPE_MODIFIERS:ve,BADGE_KIND_MODIFIERS:Ee,BADGE_DECORATION_MODIFIERS:ke}},computed:{hasIcons(){return this.iconLeft!==""||this.iconRight!==""}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateProps()}}},methods:{validateProps(){this.validateTypePropCombination(),this.validateDecorationPropCombination()},validateTypePropCombination(){this.type==="ai"&&this.kind==="count"&&console.error("DtBadge error: type: 'ai' with kind: 'count' is an invalid combination.")},validateDecorationPropCombination(){this.decoration&&((this.kind!=="label"||this.type!=="default")&&console.error("DtBadge error: decoration prop can only be used with kind: 'label' and type: 'default'."),this.hasIcons&&console.error("DtBadge error: decoration prop cannot be used with iconLeft or iconRight."))}}},_n={key:0,class:"d-badge__decorative"},gn={key:1,class:"d-badge__icon-left"},yn={class:"d-badge__label"},bn={key:2,class:"d-badge__icon-right"};function Sn(t,o,n,l,a,s){const r=e.resolveComponent("dt-icon");return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["d-badge",a.BADGE_TYPE_MODIFIERS[n.type],a.BADGE_KIND_MODIFIERS[n.kind],a.BADGE_DECORATION_MODIFIERS[n.decoration]]),"data-qa":"dt-badge"},[n.decoration?(e.openBlock(),e.createElementBlock("span",_n)):e.createCommentVNode("",!0),n.iconLeft||n.type==="ai"?(e.openBlock(),e.createElementBlock("span",gn,[e.createVNode(r,{name:n.iconLeft||"dialpad-ai",size:"200"},null,8,["name"])])):e.createCommentVNode("",!0),e.createElementVNode("span",yn,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])]),n.iconRight?(e.openBlock(),e.createElementBlock("span",bn,[e.createVNode(r,{name:n.iconRight,size:"200"},null,8,["name"])])):e.createCommentVNode("",!0)],2)}const ht=i._export_sfc(fn,[["render",Sn]]),j=["base","error","info","success","warning"],Cn=["alert","alertdialog","status"],vn=new Map([["info","info"],["success","check-circle"],["warning","alert-triangle"],["error","alert-circle"],["base","bell"]]),En={name:"DtNoticeIcon",components:{DtIcon:i.DtIcon},props:{kind:{type:String,default:"base",validate(t){return j.includes(t)}}},data(){return{hasSlotContent:i.hasSlotContent}},computed:{defaultIcon(){return vn.get(this.kind)}}},kn={key:0,"aria-hidden":"true",class:"d-notice__icon"};function In(t,o,n,l,a,s){const r=e.resolveComponent("dt-icon");return s.defaultIcon||a.hasSlotContent(t.$slots.default)?(e.openBlock(),e.createElementBlock("div",kn,[e.renderSlot(t.$slots,"default",{},()=>[e.createVNode(r,{name:s.defaultIcon,size:"400"},null,8,["name"])])])):e.createCommentVNode("",!0)}const Ne=i._export_sfc(En,[["render",In]]),wn={name:"DtNoticeContent",props:{title:{type:String,default:""},titleId:{type:String,default:void 0},contentId:{type:String,default:void 0}},data(){return{hasSlotContent:i.hasSlotContent}}},Bn={class:"d-notice__content","data-qa":"notice-content"},Tn=["id"],Dn=["id"];function On(t,o,n,l,a,s){return e.openBlock(),e.createElementBlock("div",Bn,[n.title||a.hasSlotContent(t.$slots.titleOverride)?(e.openBlock(),e.createElementBlock("p",{key:0,id:n.titleId,class:"d-notice__title","data-qa":"notice-content-title"},[e.renderSlot(t.$slots,"titleOverride",{},()=>[e.createTextVNode(e.toDisplayString(n.title),1)])],8,Tn)):e.createCommentVNode("",!0),e.createElementVNode("p",{id:n.contentId,class:"d-notice__message","data-qa":"notice-content-message"},[e.renderSlot(t.$slots,"default")],8,Dn)])}const Le=i._export_sfc(wn,[["render",On]]),x={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
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./emoji_text_wrapper-2d3d02a5.cjs"),q={BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},ct=[q.BUSY,q.AWAY,q.OFFLINE,q.ACTIVE],tn={name:"DtPresence",props:{presence:{type:String,default:q.ACTIVE,validator:t=>ct.includes(t)},srText:{type:String,default:null}}},nn=["aria-live"],on={key:0,"data-qa":"dt-presence-sr-text",class:"sr-only"};function sn(t,o,n,l,a,s){return e.openBlock(),e.createElementBlock("div",{class:"d-presence","data-qa":"dt-presence",role:"status","aria-live":t.$attrs.ariaLive||"off"},[n.srText?(e.openBlock(),e.createElementBlock("span",on,e.toDisplayString(n.srText),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["d-presence__inner",{"d-presence__inner--active":n.presence==="active","d-presence__inner--away":n.presence==="away","d-presence__inner--busy":n.presence==="busy","d-presence__inner--offline":n.presence==="offline"}])},null,2)],8,nn)}const ut=i._export_sfc(tn,[["render",sn]]),ie={xs:"d-avatar--xs",sm:"d-avatar--sm",md:"d-avatar--md",lg:"d-avatar--lg",xl:"d-avatar--xl"},Ce={default:"",icon:"d-avatar__icon",initials:"d-avatar__initials"},an={md:"d-avatar__presence--md",lg:"d-avatar__presence--lg"},tt={NONE:"",BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},ln=[45,-45,90,-90,135,-135,180,-180],nt={with100:["purple-100","magenta-100","gold-100","blue-100"],with200:["purple-200","magenta-200","gold-200","blue-200"]},rn=3,dn=2,ot=t=>t>1;const cn={name:"DtAvatar",components:{DtPresence:ut,DtIcon:i.DtIcon},inheritAttrs:!1,props:{id:{type:String,default(){return i.getUniqueString()}},seed:{type:String,default:void 0},size:{type:String,default:"md",validator:t=>Object.keys(ie).includes(t)},avatarClass:{type:[String,Array,Object],default:""},canvasClass:{type:[String,Array,Object],default:""},presence:{type:String,default:tt.NONE,validator:t=>Object.values(tt).includes(t)},presenceProps:{type:Object,default:()=>({})},initials:{type:String,default:""},gradient:{type:Boolean,default:!0},group:{type:Number,default:void 0,validator:t=>ot(t)},overlayIcon:{type:String,default:""},overlayText:{type:String,default:""},overlayClass:{type:[String,Array,Object],default:""}},data(){return{kind:null,AVATAR_SIZE_MODIFIERS:ie,AVATAR_KIND_MODIFIERS:Ce,AVATAR_PRESENCE_SIZE_MODIFIERS:an,imageLoadedSuccessfully:null,slottedInitials:"",formattedInitials:"",initializing:!1}},computed:{avatarClasses(){return["d-avatar",ie[this.validatedSize],this.avatarClass,{"d-avatar--no-gradient":!this.gradient,"d-avatar--group":this.showGroup}]},overlayClasses(){return["d-bgc-black-900 d-o70 d-ps-absolute d-w100p d-h100p d-d-flex d-ai-center d-bar-circle d-zi-base",this.overlayClass]},showDefaultSlot(){return this.kind!=="initials"||this.kind==="image"&&this.imageLoadedSuccessfully===!0},showInitials(){return this.kind==="initials"||this.kind==="image"&&this.initials&&this.imageLoadedSuccessfully!==!0},showGroup(){return ot(this.group)},initialKindStyle(){const t=this.randomizeGradientColorStops();return{"--avatar-gradient-angle":`${this.randomizeGradientAngle()}deg`,"--avatar-gradient-stop-1":`var(--${t[0]})`,"--avatar-gradient-stop-2":`var(--${t[1]})`,"--avatar-gradient-stop-3":`var(--${t[2]})`}},formattedGroup(){return this.group>99?"99+":this.group},validatedSize(){return this.group?"xs":this.size}},mounted(){this.init()},updated(){this.init()},methods:{async init(){var o;if(this.initializing)return;this.kind=null,await this.$nextTick();const t=((o=this.$refs.canvas)==null?void 0:o.children[0])||this.$refs.canvas;this.formatInitials(this.initials),t&&(this.setKind(t),this.kindHandler(t)),this.initializing=!0,await this.$nextTick(),this.initializing=!1},kindHandler(t){switch(this.kind){case"image":t.classList.add("d-avatar__image"),this.validateImageAttrsPresence(),this.setImageListeners(t);break;case"icon":t.classList.add(Ce.icon);break;case"initials":if(!t.textContent)return;this.slottedInitials=t.textContent,this.formatInitials(this.slottedInitials.trim()||this.initials);break}},setImageListeners(t){t.addEventListener("load",()=>this._loadedImageEventHandler(t),{once:!0}),t.addEventListener("error",()=>this._erroredImageEventHandler(t),{once:!0})},formatInitials(t){!t||this.validatedSize==="xs"?this.formattedInitials="":this.validatedSize==="sm"?this.formattedInitials=t.trim()[0]:this.formattedInitials=t.trim().slice(0,2)},setKind(t){if(this.isIconType(t)){this.kind="icon";return}if(this.isImageType(t)){this.kind="image";return}this.kind="initials"},isIconType(t){var o;return((o=t==null?void 0:t.tagName)==null?void 0:o.toUpperCase())==="SVG"},isImageType(t){var o;return((o=t==null?void 0:t.tagName)==null?void 0:o.toUpperCase())==="IMG"},randomizeGradientAngle(){return i.getRandomElement(ln,this.seed)},randomizeGradientColorStops(){const t=new Set;let o=0;for(;t.size<rn;){const l=this.seed===void 0?void 0:this.seed+o.toString();t.size===dn?t.add(i.getRandomElement(nt.with200,l)):t.add(i.getRandomElement(nt.with100,l)),o++}const n=i.seedrandom(this.seed);return Array.from(t).sort(()=>.5-n())},validateImageAttrsPresence(){const t=!this.$refs.canvas.children[0].getAttribute("src"),o=this.$refs.canvas.children[0].getAttribute("alt")===null;(t||o)&&e.warn("src and alt attributes are required for image avatars",this)},_loadedImageEventHandler(t){this.imageLoadedSuccessfully=!0,t.classList.remove("d-d-none"),t.classList.add("d-avatar--image-loaded")},_erroredImageEventHandler(t){this.imageLoadedSuccessfully=!1,t.classList.remove("d-avatar--image-loaded"),t.classList.add("d-d-none")}}},un=["id"],hn={key:1,class:"d-fs-200 d-fw-bold d-fc-white d-w100p d-ta-center"},mn={key:1,class:"d-avatar__count d-zi-base","data-qa":"dt-avatar-count"};function pn(t,o,n,l,a,s){const r=e.resolveComponent("dt-icon"),c=e.resolveComponent("dt-presence");return e.openBlock(),e.createElementBlock("div",{id:n.id,class:e.normalizeClass(s.avatarClasses),style:e.normalizeStyle(s.initialKindStyle),"data-qa":"dt-avatar"},[e.createElementVNode("div",{ref:"canvas",class:e.normalizeClass([n.canvasClass,"d-avatar__canvas"])},[s.showDefaultSlot?e.renderSlot(t.$slots,"default",{key:0}):e.createCommentVNode("",!0),s.showInitials?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["d-ps-absolute d-zi-base",a.AVATAR_KIND_MODIFIERS.initials])},e.toDisplayString(a.formattedInitials),3)):e.createCommentVNode("",!0)],2),n.overlayIcon||n.overlayText?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(s.overlayClasses)},[n.overlayIcon?(e.openBlock(),e.createBlock(r,{key:0,class:"d-fc-white d-w100p",name:n.overlayIcon},null,8,["name"])):n.overlayText?(e.openBlock(),e.createElementBlock("p",hn,e.toDisplayString(n.overlayText),1)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),s.showGroup?(e.openBlock(),e.createElementBlock("span",mn,e.toDisplayString(s.formattedGroup),1)):e.createCommentVNode("",!0),n.presence&&!s.showGroup?(e.openBlock(),e.createBlock(c,e.mergeProps({key:2,presence:n.presence,class:["d-zi-base",["d-avatar__presence",a.AVATAR_PRESENCE_SIZE_MODIFIERS[n.size]]]},n.presenceProps,{"data-qa":"dt-presence"}),null,16,["presence","class"])):e.createCommentVNode("",!0)],14,un)}const ae=i._export_sfc(cn,[["render",pn]]),ve={default:"",info:"d-badge--info",success:"d-badge--success",warning:"d-badge--warning",critical:"d-badge--critical",bulletin:"d-badge--bulletin",ai:"d-badge--ai"},Ee={label:"",count:"d-badge--count"},ke={"black-400":"d-badge--decorate-black-400","black-500":"d-badge--decorate-black-500","black-900":"d-badge--decorate-black-900","red-200":"d-badge--decorate-red-200","red-300":"d-badge--decorate-red-300","red-400":"d-badge--decorate-red-400","purple-200":"d-badge--decorate-purple-200","purple-300":"d-badge--decorate-purple-300","purple-400":"d-badge--decorate-purple-400","purple-500":"d-badge--decorate-purple-500","blue-200":"d-badge--decorate-blue-200","blue-300":"d-badge--decorate-blue-300","blue-400":"d-badge--decorate-blue-400","green-300":"d-badge--decorate-green-300","green-400":"d-badge--decorate-green-400","green-500":"d-badge--decorate-green-500","gold-300":"d-badge--decorate-gold-300","gold-400":"d-badge--decorate-gold-400","gold-500":"d-badge--decorate-gold-500","magenta-200":"d-badge--decorate-magenta-200","magenta-300":"d-badge--decorate-magenta-300","magenta-400":"d-badge--decorate-magenta-400"},fn={name:"DtBadge",components:{DtIcon:i.DtIcon},props:{iconLeft:{type:String,default:""},iconRight:{type:String,default:""},text:{type:String,default:""},kind:{type:String,default:"label",validator:t=>Object.keys(Ee).includes(t)},type:{type:String,default:"default",validator:t=>Object.keys(ve).includes(t)},decoration:{type:String,default:void 0,validator:t=>Object.keys(ke).includes(t)}},data(){return{BADGE_TYPE_MODIFIERS:ve,BADGE_KIND_MODIFIERS:Ee,BADGE_DECORATION_MODIFIERS:ke}},computed:{hasIcons(){return this.iconLeft!==""||this.iconRight!==""}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateProps()}}},methods:{validateProps(){this.validateTypePropCombination(),this.validateDecorationPropCombination()},validateTypePropCombination(){this.type==="ai"&&this.kind==="count"&&console.error("DtBadge error: type: 'ai' with kind: 'count' is an invalid combination.")},validateDecorationPropCombination(){this.decoration&&((this.kind!=="label"||this.type!=="default")&&console.error("DtBadge error: decoration prop can only be used with kind: 'label' and type: 'default'."),this.hasIcons&&console.error("DtBadge error: decoration prop cannot be used with iconLeft or iconRight."))}}},_n={key:0,class:"d-badge__decorative"},gn={key:1,class:"d-badge__icon-left"},yn={class:"d-badge__label"},bn={key:2,class:"d-badge__icon-right"};function Sn(t,o,n,l,a,s){const r=e.resolveComponent("dt-icon");return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["d-badge",a.BADGE_TYPE_MODIFIERS[n.type],a.BADGE_KIND_MODIFIERS[n.kind],a.BADGE_DECORATION_MODIFIERS[n.decoration]]),"data-qa":"dt-badge"},[n.decoration?(e.openBlock(),e.createElementBlock("span",_n)):e.createCommentVNode("",!0),n.iconLeft||n.type==="ai"?(e.openBlock(),e.createElementBlock("span",gn,[e.createVNode(r,{name:n.iconLeft||"dialpad-ai",size:"200"},null,8,["name"])])):e.createCommentVNode("",!0),e.createElementVNode("span",yn,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])]),n.iconRight?(e.openBlock(),e.createElementBlock("span",bn,[e.createVNode(r,{name:n.iconRight,size:"200"},null,8,["name"])])):e.createCommentVNode("",!0)],2)}const ht=i._export_sfc(fn,[["render",Sn]]),j=["base","error","info","success","warning"],Cn=["alert","alertdialog","status"],vn=new Map([["info","info"],["success","check-circle"],["warning","alert-triangle"],["error","alert-circle"],["base","bell"]]),En={name:"DtNoticeIcon",components:{DtIcon:i.DtIcon},props:{kind:{type:String,default:"base",validate(t){return j.includes(t)}}},data(){return{hasSlotContent:i.hasSlotContent}},computed:{defaultIcon(){return vn.get(this.kind)}}},kn={key:0,"aria-hidden":"true",class:"d-notice__icon"};function In(t,o,n,l,a,s){const r=e.resolveComponent("dt-icon");return s.defaultIcon||a.hasSlotContent(t.$slots.default)?(e.openBlock(),e.createElementBlock("div",kn,[e.renderSlot(t.$slots,"default",{},()=>[e.createVNode(r,{name:s.defaultIcon,size:"400"},null,8,["name"])])])):e.createCommentVNode("",!0)}const Ne=i._export_sfc(En,[["render",In]]),wn={name:"DtNoticeContent",props:{title:{type:String,default:""},titleId:{type:String,default:void 0},contentId:{type:String,default:void 0}},data(){return{hasSlotContent:i.hasSlotContent}}},Bn={class:"d-notice__content","data-qa":"notice-content"},Tn=["id"],Dn=["id"];function On(t,o,n,l,a,s){return e.openBlock(),e.createElementBlock("div",Bn,[n.title||a.hasSlotContent(t.$slots.titleOverride)?(e.openBlock(),e.createElementBlock("p",{key:0,id:n.titleId,class:"d-notice__title","data-qa":"notice-content-title"},[e.renderSlot(t.$slots,"titleOverride",{},()=>[e.createTextVNode(e.toDisplayString(n.title),1)])],8,Tn)):e.createCommentVNode("",!0),e.createElementVNode("p",{id:n.contentId,class:"d-notice__message","data-qa":"notice-content-message"},[e.renderSlot(t.$slots,"default")],8,Dn)])}const Le=i._export_sfc(wn,[["render",On]]),x={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.`)}}},Nn={name:"SrOnlyCloseButton",components:{DtIcon:i.DtIcon,DtButton:i.DtButton},props:{visuallyHiddenCloseLabel:{type:String,default:null}},emits:["close"],methods:{close(){this.$emit("close")}}};function Ln(t,o,n,l,a,s){const r=e.resolveComponent("dt-icon"),c=e.resolveComponent("dt-button");return e.openBlock(),e.createBlock(c,{id:"sr-only-close-button","data-qa":"dt-sr-only-close-button",class:"d-vi-visible-sr","aria-label":n.visuallyHiddenCloseLabel,onClick:s.close,onKeydown:e.withKeys(e.withModifiers(s.close,["prevent","stop"]),["space"])},{default:e.withCtx(()=>[e.createVNode(r,{name:"close"})]),_:1},8,["aria-label","onClick","onKeydown"])}const le=i._export_sfc(Nn,[["render",Ln]]),xn={name:"DtNoticeAction",components:{DtIcon:i.DtIcon,DtButton:i.DtButton,SrOnlyCloseButton:le},mixins:[x],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 t;(t=this.lastFocusedElement)==null||t.focus()},methods:{close(){this.$emit("close")}}},An={class:"d-notice__actions","data-qa":"notice-content-actions"};function Vn(t,o,n,l,a,s){const r=e.resolveComponent("dt-icon"),c=e.resolveComponent("dt-button"),d=e.resolveComponent("sr-only-close-button");return e.openBlock(),e.createElementBlock("div",An,[e.renderSlot(t.$slots,"default"),n.hideClose?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(c,e.mergeProps({key:0,ref:"closeButton","data-qa":"dt-notice-action-close-button",size:"sm",importance:"clear",circle:"","aria-label":n.closeButtonProps.ariaLabel?n.closeButtonProps.ariaLabel:"Close"},n.closeButtonProps,{onClick:s.close}),{icon:e.withCtx(()=>[e.createVNode(r,{name:"close",size:"200"})]),_:1},16,["aria-label","onClick"])),t.showVisuallyHiddenClose?(e.openBlock(),e.createBlock(d,{key:1,"visually-hidden-close-label":t.visuallyHiddenCloseLabel,onClose:s.close},null,8,["visually-hidden-close-label","onClose"])):e.createCommentVNode("",!0)])}const xe=i._export_sfc(xn,[["render",Vn]]),mt=':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])',Pn=`${mt}:not([tabindex="-1"])`,Rn="button,[href],input,select,textarea,details,[tabindex]",X={methods:{async getFirstFocusableElement(t){await this.$nextTick();const o=this._getFocusableElements(t,!0);return this._getFirstFocusElement(o)},async focusFirstElement(t){const o=await this.getFirstFocusableElement(t);o==null||o.focus({preventScroll:!0})},_getFirstFocusElement(t){if(!t.length)return;let o=t[0];return o.matches('[type="radio"]:not(:checked)')&&(o=t.find(n=>n.checked&&n.name===o.name)||o),o},_getFocusableElements(t=this.$el,o=!1){return t?[...t.querySelectorAll(Rn)].filter(l=>{const a=window.getComputedStyle(l);return a.getPropertyValue("display")!=="none"&&a.getPropertyValue("visibility")!=="hidden"&&l.matches(o?mt:Pn)}):[]},focusTrappedTabPress(t,o){if(!(t.key==="Tab"))return;const l=this._getFocusableElements(o);if(!l.length){t.preventDefault();return}const a=this._getFirstFocusElement(l),s=l[l.length-1];t.shiftKey?document.activeElement===a&&(s.focus(),t.preventDefault()):document.activeElement===s&&(a.focus(),t.preventDefault())}}},zn={name:"DtBanner",components:{DtNoticeIcon:Ne,DtNoticeContent:Le,DtNoticeAction:xe},mixins:[X,x],props:{titleId:{type:String,default(){return i.utils.getUniqueString()}},contentId:{type:String,default(){return i.utils.getUniqueString()}},title:{type:String,default:""},important:{type:Boolean,default:!1},pinned:{type:Boolean,default:!1},kind:{type:String,default:"base",validate(t){return j.includes(t)}},closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1},dialogClass:{type:String,default:""},backgroundImage:{type:String,default:""},backgroundSize:{type:String,default:"cover"}},emits:["close"],computed:{role(){return this.important?"alertdialog":"status"},bannerClass(){return["d-banner",{error:"d-banner--error",info:"d-banner--info",success:"d-banner--success",warning:"d-banner--warning",base:"d-banner--base"}[this.kind],{"d-banner--important":this.important,"d-banner--pinned":this.pinned}]},bannerBackgroundImage(){return this.backgroundImage===""?null:`background-image: url(${this.backgroundImage});
               background-size: ${this.backgroundSize};`}},mounted(){this.important&&this.focusFirstElement()},methods:{trapFocus(t){this.important&&this.focusTrappedTabPress(t)}}},Mn=["role","aria-labelledby","aria-describedby"];function $n(t,o,n,l,a,s){const r=e.resolveComponent("dt-notice-icon"),c=e.resolveComponent("dt-notice-content"),d=e.resolveComponent("dt-notice-action");return e.openBlock(),e.createElementBlock("aside",{class:e.normalizeClass(s.bannerClass),style:e.normalizeStyle(s.bannerBackgroundImage),onKeydown:o[1]||(o[1]=e.withKeys((...h)=>s.trapFocus&&s.trapFocus(...h),["tab"]))},[e.createElementVNode("div",{class:e.normalizeClass(["d-banner__dialog",n.dialogClass]),role:s.role,"aria-labelledby":n.titleId,"aria-describedby":n.contentId},[n.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(r,{key:0,kind:n.kind},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["kind"])),e.createVNode(c,{"title-id":n.titleId,"content-id":n.contentId,title:n.title},{titleOverride:e.withCtx(()=>[e.renderSlot(t.$slots,"titleOverride")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["title-id","content-id","title"]),e.createVNode(d,{"hide-close":n.hideClose,"close-button-props":n.closeButtonProps,"visually-hidden-close":t.visuallyHiddenClose,"visually-hidden-close-label":t.visuallyHiddenCloseLabel,onClose:o[0]||(o[0]=h=>t.$emit("close"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"action")]),_:3},8,["hide-close","close-button-props","visually-hidden-close","visually-hidden-close-label"])],10,Mn)],38)}const Hn=i._export_sfc(zn,[["render",$n]]),pt="d-breadcrumbs__item--selected",ft="d-breadcrumbs--inverted",Fn={name:"DtLink",props:{kind:{type:String,default:"",validator(t){return i.LINK_VARIANTS.includes(t)}}},data(){return{LINK_KIND_MODIFIERS:i.LINK_KIND_MODIFIERS}}};function qn(t,o,n,l,a,s){return e.openBlock(),e.createElementBlock("a",{class:e.normalizeClass(["d-link",a.LINK_KIND_MODIFIERS[n.kind]]),"data-qa":"dt-link"},[e.renderSlot(t.$slots,"default")],2)}const _t=i._export_sfc(Fn,[["render",qn]]),Kn={name:"DtBreadcrumbItem",components:{DtLink:_t},inheritAttrs:!1,props:{inverted:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},label:{type:String,default:""}},data(){return{BREADCRUMB_ITEM_SELECTED_MODIFIER:pt}},computed:{linkKind(){return this.inverted?i.INVERTED:i.MUTED},ariaCurrent(){return this.selected?"location":void 0}}};function jn(t,o,n,l,a,s){const r=e.resolveComponent("dt-link");return e.openBlock(),e.createElementBlock("li",{"data-qa":"dt-breadcrumb-item",class:e.normalizeClass(["d-breadcrumbs__item",{[a.BREADCRUMB_ITEM_SELECTED_MODIFIER]:n.selected}])},[e.createVNode(r,e.mergeProps({kind:s.linkKind,"aria-current":s.ariaCurrent,"data-qa":"breadcrumb-item"},t.$attrs),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.label),1)])]),_:3},16,["kind","aria-current"])],2)}const gt=i._export_sfc(Kn,[["render",jn]]),Gn={name:"DtBreadcrumbs",components:{DtBreadcrumbItem:gt},props:{breadcrumbs:{type:Array,default:()=>[],validate(t){return t.every(({href:o,label:n})=>o!==void 0&&n!==void 0)}},inverted:{type:Boolean,default:!1},ariaLabel:{type:String,default:"breadcrumb"}},data(){return{BREADCRUMBS_INVERTED_MODIFIER:ft}},methods:{getBreadcrumbItemKey(t){return`breadcrumbs-item-${t}-${i.utils.getUniqueString()}`}}},Un=["aria-label"];function Wn(t,o,n,l,a,s){const r=e.resolveComponent("dt-breadcrumb-item");return e.openBlock(),e.createElementBlock("nav",{"aria-label":n.ariaLabel,"data-qa":"dt-breadcrumbs",class:e.normalizeClass(["d-breadcrumbs",{[a.BREADCRUMBS_INVERTED_MODIFIER]:n.inverted}])},[e.createElementVNode("ol",null,[e.renderSlot(t.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.breadcrumbs,(c,d)=>(e.openBlock(),e.createBlock(r,e.mergeProps({key:s.getBreadcrumbItemKey(d),inverted:n.inverted},c),null,16,["inverted"]))),128))])])],10,Un)}const Yn=i._export_sfc(Gn,[["render",Wn]]),Ie={start:"d-btn-group--start",end:"d-btn-group--end","space-between":"d-btn-group--space-between"},Zn={name:"DtButtonGroup",props:{alignment:{type:String,default:"start",validator:t=>Object.keys(Ie).includes(t)}},data(){return{BUTTON_GROUP_ALIGNMENT:Ie}}};function Xn(t,o,n,l,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["d-btn-group",a.BUTTON_GROUP_ALIGNMENT[n.alignment]]),role:"group"},[e.renderSlot(t.$slots,"default")],2)}const Qn=i._export_sfc(Zn,[["render",Xn]]),Jn={name:"DtCard",props:{maxHeight:{type:String,default:null},containerClass:{type:[String,Array,Object],default:""},contentClass:{type:[String,Array,Object],default:""},headerClass:{type:[String,Array,Object],default:""},footerClass:{type:[String,Array,Object],default:""}},data(){return{hasSlotContent:i.hasSlotContent}}};function eo(t,o,n,l,a,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["d-card",n.containerClass]),"data-qa":"dt-card"},[a.hasSlotContent(t.$slots.header)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["d-card__header",n.headerClass])},[e.renderSlot(t.$slots,"header")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["d-card__content",n.contentClass]),style:e.normalizeStyle({"max-height":n.maxHeight})},[e.renderSlot(t.$slots,"content")],6),a.hasSlotContent(t.$slots.footer)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["d-card__footer",n.footerClass])},[e.renderSlot(t.$slots,"footer")],2)):e.createCommentVNode("",!0)],2)}const yt=i._export_sfc(Jn,[["render",eo]]),to={name:"DtCodeblock",props:{text:{type:String,required:!0}}},no={class:"d-d-block d-bgc-secondary d-ws-pre-wrap d-p8 d-ba d-bc-subtle d-bar8 d-fs-200 d-ff-mono d-lh-400 d-fc-secondary"};function oo(t,o,n,l,a,s){return e.openBlock(),e.createElementBlock("pre",null,[e.createTextVNode("    "),e.createElementVNode("code",no,e.toDisplayString(n.text),1),e.createTextVNode(`
   `)])}const so=i._export_sfc(to,[["render",oo]]),io={methods:{scrollElementIntoViewIfNeeded(t,o,n,l){t.scrollIntoViewIfNeeded?this.scrollIntoViewIfNeeded(t,o,n,l):this.scrollIntoView(t,"bottom",!1,n,l)},scrollElementIntoView(t,o,n,l){if(o==="center"){this.scrollIntoView(t,"center",!1,n,l);return}o===!1?this.scrollIntoView(t,"bottom",!1,n,l):this.scrollIntoView(t,"top",!1,n,l)},scrollIntoViewIfNeeded(t,o,n,l){const a=o?"center":void 0;this.scrollIntoView(t,a,!0,n,l)},scrollIntoView(t,o,n,l,a){if(!t||!t.parentElement)return;const s=t.offsetTop,r=a||t.parentElement,c=this._getScrollBounds(r),d=c.bottom-c.top,h=this._getElementHeight(t),m=s+h;let u=-1;switch(o){case"top":u=s;break;case"center":u=s+(h-d)/2;break;case"bottom":u=u=m-d;break;default:s-c.top<=d/2?u=s:u=m-d;break}this._setScrollTop(r,u,c,s,m,n,l)},_setScrollTop(t,o,n,l,a,s,r){n=n||this._getScrollBounds(t);const c=n.bottom-n.top;if(s&&this._inScrollBounds(l,a,n))if(l<n.top)o=l;else if(a>n.bottom)o=a-c;else return;r?t.scrollTo({top:o,behavior:r}):t.scrollTop=o},_getElementHeight(t){return t.getBoundingClientRect().height},_getScrollBounds(t){const o=this._getElementHeight(t),n=t.scrollTop;return{top:n,bottom:n+o}},_inScrollBounds(t,o,n){const l=o-t;return o<=n.bottom+3*l/4&&t>=n.top-l/4}}},ao="listElementKey is required or the referenced element doesn't exist. Received listElement: ",Ae=({listItemRole:t="option",indexKey:o="highlightIndex",idKey:n="highlightId",listElementKey:l="listRef",activeItemKey:a="",openMethod:s=null,afterHighlightMethod:r=null,beginningOfListMethod:c=null,endOfListMethod:d=null,scrollToOnHighlight:h=!0,focusOnKeyboardNavigation:m=!1}={})=>({mixins:[io],data(){return{[o]:-1,[n]:"",scrollToOnHighlight:h,focusOnKeyboardNavigation:m}},provide(){return{highlightId:()=>this[n]}},methods:{_getListElement(){var u;return((u=this[l]())==null?void 0:u.$el)||this[l]()},_itemsLength(){const u=this._getListItemNodes();return u===null?0:u.length},_getListItemNodes(){const u=this._getListElement();return u?Array.from(u.querySelectorAll(`[role="${t}"], #sr-only-close-button`)):(console.error(ao,u),null)},onUpKey(){s&&this[s](!0),this[o]>0?this.setHighlightIndex(this[o]-1):c&&this[c](),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},onDownKey(){s&&this[s](!0),this[o]<this._itemsLength()-1?this.setHighlightIndex(this[o]+1):d&&this[d](),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},onHomeKey(){this.jumpToBeginning(),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},onEndKey(){this.jumpToEnd(),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},onNavigationKey(u){const g=this._getListItemNodes(),v=g.filter(F=>F.textContent.trim().toLowerCase().startsWith(u.toLowerCase()));if(v.length<=0)return;const z=v.findIndex(F=>this[o]===g.indexOf(F)),H=g.indexOf(z<v.length-1?v[z+1]:v[0]);this.setHighlightIndex(H),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},isValidLetter(u){return u.length>1?!1:u>="a"&&u<="z"||u>="A"&&u<="Z"},jumpToBeginning(){this.setHighlightIndex(0)},jumpToEnd(){this.setHighlightIndex(this._itemsLength()-1)},setHighlightIndex(u){this[o]=u,this[n]=this._getItemId(u),this._itemsLength()&&r&&this[r](u)},setHighlightId(u){this[n]=u,this[o]=this._getItemIndex(u),this._itemsLength()&&r&&this[r](this._getItemIndex(u))},_getItemIndex(u){const g=this._getListElement();return g?Array.from(g.querySelectorAll(`[role="${t}"], #sr-only-close-button`)).indexOf(g.querySelector(`#${u}`)):void 0},_getItemId(u){var v;const g=this._getListElement();if(g)return(v=g.querySelectorAll(`[role="${t}"], #sr-only-close-button`)[u])==null?void 0:v.id},scrollActiveItemIntoViewIfNeeded(){if(!this.scrollToOnHighlight)return;const u=this[a];if(u){const g=this._getListElement();this.scrollElementIntoViewIfNeeded(u,null,null,g)}},focusActiveItemIfNeeded(){if(!this.focusOnKeyboardNavigation)return;const u=this[a];u&&u.focus()}}}),Se={DEFAULT:"default",CUSTOM:"custom"},M={ARROW_KEYS:"arrow-keys",TAB:"tab",NONE:"none"};const lo={name:"DtDefaultListItem",data(){return{hasSlotContent:i.hasSlotContent}}},ro={class:"dt-default-list-item d-fs-200 d-lh-300 d-py4 d-px8 d-d-flex d-ai-center"},co={key:0,class:"dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8 d-jc-flex-end","data-qa":"dt-default-list-item-left-wrapper"},uo={class:"d-fl-grow1"},ho={key:0},mo={key:2,"data-qa":"dt-default-list-item-bottom-wrapper",class:"d-mt2"},po={key:1,class:"dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8","data-qa":"dt-default-list-item-right-wrapper"};function fo(t,o,n,l,a,s){return e.openBlock(),e.createElementBlock("div",ro,[a.hasSlotContent(t.$slots.left)?(e.openBlock(),e.createElementBlock("section",co,[e.renderSlot(t.$slots,"left")])):e.createCommentVNode("",!0),e.createElementVNode("section",uo,[a.hasSlotContent(t.$slots.default)?(e.openBlock(),e.createElementBlock("div",ho,[e.renderSlot(t.$slots,"default")])):e.createCommentVNode("",!0),a.hasSlotContent(t.$slots.subtitle)?(e.openBlock(),e.createElementBlock("div",{key:1,"data-qa":"dt-default-list-item-subtitle-wrapper",class:e.normalizeClass(["d-fs-100 d-fc-tertiary",{"d-mtn2":t.$slots.default}])},[e.renderSlot(t.$slots,"subtitle")],2)):e.createCommentVNode("",!0),a.hasSlotContent(t.$slots.bottom)?(e.openBlock(),e.createElementBlock("div",mo,[e.renderSlot(t.$slots,"bottom")])):e.createCommentVNode("",!0)]),a.hasSlotContent(t.$slots.right)?(e.openBlock(),e.createElementBlock("section",po,[e.renderSlot(t.$slots,"right")])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"selected")])}const st=i._export_sfc(lo,[["render",fo]]);const _o={name:"DtListItem",components:{DtDefaultListItem:st,DtIcon:i.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:Se.DEFAULT,validator:t=>Object.values(Se).includes(t)},navigationType:{type:String,default:M.NONE,validator:t=>Object.values(M).includes(t)},selected:{type:Boolean,default:!1}},emits:["keydown","mousemove","mouseleave","mousedown"],data(){return{injected:!1,mouseHighlighted:!1}},computed:{listItemType(){switch(this.type){case Se.DEFAULT:return st;default:return null}},listItemListeners(){return{keydown:t=>{["enter","space"].includes(t.code.toLowerCase())&&this.onClick(t),this.$emit("keydown",t)},mousemove:t=>{this.onMouseHover(t),this.$emit("mousemove",t)},mouseleave:t=>{this.onMouseLeave(t),this.$emit("mouseleave",t)}}},isHighlighted(){return this.isHoverable?this.highlightId&&this.highlightId()?this.id===this.highlightId():this.mouseHighlighted:!1},isFocusable(){return this.navigationType===M.TAB},isHoverable(){return this.navigationType!==M.NONE}},methods:{onClick(t){this.$emit("click",t)},onMouseHover(){this.mouseHighlighted=!0},onMouseLeave(){this.mouseHighlighted=!1}}};function go(t,o,n,l,a,s){const r=e.resolveComponent("dt-icon");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.elementType),e.mergeProps({id:n.id,class:["dt-list-item d-ls-none",{"dt-list-item--focusable":s.isFocusable,"dt-list-item--highlighted":s.isHighlighted,"dt-list-item--static":!s.isHoverable}],tabindex:s.isFocusable?0:-1,role:n.role,"aria-selected":s.isHighlighted},e.toHandlers(s.listItemListeners)),{default:e.withCtx(()=>[s.listItemType?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.listItemType),{key:0},e.createSlots({_:2},[e.renderList(t.$slots,(c,d)=>({name:d,fn:e.withCtx(()=>[e.renderSlot(t.$slots,d)])})),n.selected?{name:"selected",fn:e.withCtx(()=>[e.createVNode(r,{name:"check",size:"400",class:"d-ml8"})]),key:"0"}:void 0]),1024)):e.renderSlot(t.$slots,"default",{key:1})]),_:3},16,["id","class","tabindex","role","aria-selected"])}const Q=i._export_sfc(_o,[["render",go]]),yo={name:"ComboboxLoadingList",components:{DtListItem:Q,DtSkeleton:i.DtSkeleton}},bo={class:"d-p0 d-mt8 d-hmx332 d-of-y-auto","aria-busy":"true"};function So(t,o,n,l,a,s){const r=e.resolveComponent("dt-skeleton"),c=e.resolveComponent("dt-list-item");return e.openBlock(),e.createElementBlock("ol",bo,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(7,d=>e.createVNode(c,{key:d,role:"option","navigation-type":"none"},{default:e.withCtx(()=>[e.createVNode(r,{"text-option":{type:"body"},offset:0})]),_:2},1024)),64))])}const bt=i._export_sfc(yo,[["render",So]]);const Co={name:"ComboboxEmptyList",components:{DtListItem:Q},props:{message:{type:String,required:!0},itemClass:{type:[String,Object,Array],default:""}}},vo={class:"d-p0","data-qa":"dt-combobox-empty-list"};function Eo(t,o,n,l,a,s){const r=e.resolveComponent("dt-list-item");return e.openBlock(),e.createElementBlock("ol",vo,[e.renderSlot(t.$slots,"default",{},()=>[e.createVNode(r,{role:"option","navigation-type":"none",type:"custom",class:e.normalizeClass(["dt-empty-list-item",n.itemClass])},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(n.message),1)]),_:1},8,["class"])])])}const St=i._export_sfc(Co,[["render",Eo]]),Ct={EXTRA_SMALL:"xs",SMALL:"sm",DEFAULT:"md",LARGE:"lg",EXTRA_LARGE:"xl"},ko={name:"DtCombobox",components:{ComboboxLoadingList:bt,ComboboxEmptyList:St},mixins:[Ae({indexKey:"highlightIndex",idKey:"highlightId",listElementKey:"getListElement",afterHighlightMethod:"afterHighlight",beginningOfListMethod:"beginningOfListMethod",endOfListMethod:"endOfListMethod",activeItemKey:"activeItemEl"})],props:{label:{type:String,required:!0},labelVisible:{type:Boolean,default:!0},size:{type:String,default:null,validator:t=>Object.values(Ct).includes(t)},description:{type:String,default:""},listId:{type:String,default(){return i.getUniqueString()}},onBeginningOfList:{type:Function,default:null},onEndOfList:{type:Function,default:null},showList:{type:Boolean,default:!1},listRenderedOutside:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},emptyList:{type:Boolean,default:!1},emptyStateMessage:{type:String,default:""},emptyStateClass:{type:[String,Object,Array],default:""},clickOnSelect:{type:Boolean,default:!1}},emits:["select","escape","highlight","opened"],data(){return{outsideRenderedListRef:null,hasSlotContent:i.hasSlotContent}},computed:{inputProps(){return{label:this.label,labelVisible:this.labelVisible,size:this.size,description:this.description,role:"combobox","aria-label":this.label,"aria-expanded":this.showList.toString(),"aria-owns":this.listId,"aria-haspopup":"listbox","aria-activedescendant":this.activeItemId,"aria-controls":this.listId}},listProps(){return{role:"listbox",id:this.listId,class:"d-ps-relative","aria-label":this.label}},beginningOfListMethod(){return this.onBeginningOfList||this.jumpToEnd},endOfListMethod(){return this.onEndOfList||this.jumpToBeginning},activeItemId(){if(!(!this.showList||this.highlightIndex<0||this.loading))return this.highlightId},activeItemEl(){return this.highlightId?this.getListElement().querySelector("#"+this.highlightId):""}},watch:{showList(t){this.listRenderedOutside||(this.setInitialHighlightIndex(),this.$emit("opened",t)),!t&&this.outsideRenderedListRef&&(this.outsideRenderedListRef.removeEventListener("mousemove",this.onMouseHighlight),this.outsideRenderedListRef=null)},loading(t){this.$nextTick(()=>{this.setInitialHighlightIndex()})},$props:{deep:!0,immediate:!0,handler(){this.validateEmptyListProps()}}},created(){this.validateEmptyListProps()},methods:{onMouseHighlight(t){if(this.loading)return;const o=t.target.closest("li");o&&this.highlightId!==o.id&&this.setHighlightId(o.id)},getListElement(){var t;return this.outsideRenderedListRef??((t=this.$refs.listWrapper)==null?void 0:t.querySelector(`#${this.listId}`))},clearHighlightIndex(){this.showList&&this.setHighlightIndex(-1)},afterHighlight(){this.loading||this.$emit("highlight",this.highlightIndex)},onEnterKey(){var t;this.loading||this.emptyList||this.highlightIndex>=0&&(this.$emit("select",this.highlightIndex),this.clickOnSelect&&((t=this.activeItemEl)==null||t.click()))},onEscapeKey(){this.$emit("escape")},onOpen(t,o){var n;this.outsideRenderedListRef=o,(n=this.outsideRenderedListRef)==null||n.addEventListener("mousemove",this.onMouseHighlight),this.$emit("opened",t),t&&this.setInitialHighlightIndex()},onKeyValidation(t,o){!this.showList||!this.getListElement()||this[o](t)},setInitialHighlightIndex(){this.showList&&this.$nextTick(()=>{this.setHighlightIndex(this.loading?-1:0)})},validateEmptyListProps(){this.$slots.emptyListItem||(this.emptyList&&!this.emptyStateMessage||!this.emptyList&&this.emptyStateMessage)&&console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the

package/dist/dialtone-vue.js

@@ -1,6 +1,6 @@
 import { openBlock as a, createElementBlock as r, toDisplayString as I, createCommentVNode as m, createElementVNode as f, normalizeClass as y, warn as we, resolveComponent as p, normalizeStyle as ie, renderSlot as u, createBlock as S, mergeProps as C, createVNode as g, createTextVNode as D, withKeys as V, withModifiers as W, withCtx as c, Fragment as Y, renderList as ee, resolveDynamicComponent as X, toHandlers as M, createSlots as ke, normalizeProps as Ee, Transition as Ue, withDirectives as Se, guardReactiveProps as Ze, vShow as Ce, Teleport as Wt, reactive as Et, ref as fe, computed as Re, watch as Ut, onMounted as Is, nextTick as ws, unref as Zt, markRaw as ks, shallowReactive as Es, h as Os, provide as Ls, createStaticVNode as Ts } from "vue";
-import { _ as v, D as R, g as F, a as Ke, s as As, h as z, b as K, u as J, L as Ds, c as xs, I as Ps, M as Rs, d as Bs, e as ze, f as Ye, T as zs, i as Ns, j as $s, k as Ms, E as H, l as me, v as Yt, m as Ot, n as We, o as Qt, C as Xt, G as Jt, p as Qe, q as Hs, r as Vs, t as qs, w as Xe, x as Je, y as Fs } from "./emoji_text_wrapper-746c639d.js";
-import { A as Pd, z as Rd, Y as Bd, a0 as zd, $ as Nd, Z as $d, K as Md, J as Hd, a6 as Vd, H as qd, F as Fd, a5 as Kd, a1 as jd, a2 as Gd, a4 as Wd, a3 as Ud, Q as Zd, P as Yd, N as Qd, O as Xd, S as Jd, R as ec, X as tc, U as sc, W as ic, V as nc, B as ac } from "./emoji_text_wrapper-746c639d.js";
+import { _ as v, D as R, g as F, a as Ke, s as As, h as z, b as K, u as J, L as Ds, c as xs, I as Ps, M as Rs, d as Bs, e as ze, f as Ye, T as zs, i as Ns, j as $s, k as Ms, E as H, l as me, v as Yt, m as Ot, n as We, o as Qt, C as Xt, G as Jt, p as Qe, q as Hs, r as Vs, t as qs, w as Xe, x as Je, y as Fs } from "./emoji_text_wrapper-070288ae.js";
+import { A as Pd, z as Rd, Y as Bd, a0 as zd, $ as Nd, Z as $d, K as Md, J as Hd, a6 as Vd, H as qd, F as Fd, a5 as Kd, a1 as jd, a2 as Gd, a4 as Wd, a3 as Ud, Q as Zd, P as Yd, N as Qd, O as Xd, S as Jd, R as ec, X as tc, U as sc, W as ic, V as nc, B as ac } from "./emoji_text_wrapper-070288ae.js";
 const be = {
   BUSY: "busy",
   AWAY: "away",
@@ -975,7 +975,7 @@ const it = /* @__PURE__ */ v(wi, [["render", Ei]]), es = ':not(:disabled):not([a
     },
     /**
      * Background image size, follows the background-size CSS property values
-     * <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" target="_blank">
+     * <a class="d-link" href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size" target="_blank">
      *   CSS background-sizes
      * </a>
      */
@@ -2715,7 +2715,7 @@ const Rn = {
     },
     /**
      * ARIA role for the content of the popover. Defaults to "dialog".
-     * <a href="https://www.w3.org/TR/wai-aria/#aria-haspopup" target="_blank">aria-haspopup</a>
+     * <a class="d-link" href="https://www.w3.org/TR/wai-aria/#aria-haspopup" target="_blank">aria-haspopup</a>
      */
     role: {
       type: String,
@@ -2808,8 +2808,14 @@ const Rn = {
     },
     /**
      *  Displaces the content box from its anchor element
-     *  by the specified number of pixels. See
-     *  <a href="https://atomiks.github.io/tippyjs/v6/all-props/#offset" target="_blank">Tippy.js docs</a>
+     *  by the specified number of pixels.
+     *  <a
+     *    class="d-link"
+     *    href="https://atomiks.github.io/tippyjs/v6/all-props/#offset"
+     *    target="_blank"
+     *  >
+     *    Tippy.js docs
+     *  </a>
      */
     offset: {
       type: Array,
@@ -2817,7 +2823,7 @@ const Rn = {
     },
     /**
      * Determines if the popover hides upon clicking the
-     * anchor or outside of the content box.
+     * anchor or outside the content box.
      * @values true, false
      */
     hideOnClick: {
@@ -2835,8 +2841,14 @@ const Rn = {
     },
     /**
      * If the popover does not fit in the direction described by "placement",
-     * it will attempt to change it's direction to the "fallbackPlacements".
-     * See <a href="https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements" target="_blank">Popper.js docs</a>
+     * it will attempt to change its direction to the "fallbackPlacements".
+     * <a
+     *   class="d-link"
+     *   href="https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements"
+     *   target="_blank"
+     * >
+     *   Popper.js docs
+     * </a>
      * */
     fallbackPlacements: {
       type: Array,
@@ -2844,7 +2856,13 @@ const Rn = {
     },
     /**
      * The direction the popover displays relative to the anchor.
-     * See <a href="https://atomiks.github.io/tippyjs/v6/all-props/#placement" target="_blank">Tippy.js docs</a>
+     * <a
+     *   class="d-link"
+     *   href="https://atomiks.github.io/tippyjs/v6/all-props/#placement"
+     *   target="_blank"
+     * >
+     *   Tippy.js docs
+     * </a>
      * @values top, top-start, top-end,
      * right, right-start, right-end,
      * left, left-start, left-end,
@@ -2858,7 +2876,13 @@ const Rn = {
     /**
      * If set to false the dialog will display over top of the anchor when there is insufficient space.
      * If set to true it will never move from its position relative to the anchor and will clip instead.
-     * See <a href="https://popper.js.org/docs/v2/modifiers/prevent-overflow/#tether" target="_blank">Popper.js docs</a>
+     * <a
+     *   class="d-link"
+     *   href="https://popper.js.org/docs/v2/modifiers/prevent-overflow/#tether"
+     *   target="_blank"
+     * >
+     *   Popper.js docs
+     * </a>
      * @values true, false
      */
     tether: {
@@ -2871,7 +2895,13 @@ const Rn = {
      * position in those cases the DOM layout changes the reference element's position.
      * `true` enables it, `reference` only checks the "reference" rect for changes and `popper` only
      * checks the "popper" rect for changes.
-     * See <a href="https://atomiks.github.io/tippyjs/v6/all-props/#sticky" target="_blank">Tippy.js docs</a>
+     * <a
+     *   class="d-link"
+     *   href="https://atomiks.github.io/tippyjs/v6/all-props/#sticky"
+     *   target="_blank"
+     * >
+     *   Tippy.js docs
+     * </a>
      * @values true, false, reference, popper
      */
     sticky: {
@@ -3504,7 +3534,13 @@ const $n = {
     /**
      * If set to false the dialog will display over top of the anchor when there is insufficient space.
      * If set to true it will never move from its position relative to the anchor and will clip instead.
-     * See <a href="https://popper.js.org/docs/v2/modifiers/prevent-overflow/#tether" target="_blank">Popper.js docs</a>
+     * <a
+     *   class="d-link"
+     *   href="https://popper.js.org/docs/v2/modifiers/prevent-overflow/#tether"
+     *   target="_blank"
+     * >
+     *   Popper.js docs
+     * </a>
      * @values true, false
      */
     tether: {

package/dist/emoji.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./emoji_text_wrapper-9da760df.cjs"),e=require("vue");const w={class:"d-emoji-picker__search d-emoji-picker__alignment"},D={class:"d-emoji-picker__search-button"},U={__name:"emoji_search",props:{searchPlaceholderLabel:{type:String,required:!0},modelValue:{type:String,default:""}},emits:["update:modelValue"],setup(o){return(p,n)=>(e.openBlock(),e.createElementBlock("div",w,[e.createVNode(t.DtInput,{placeholder:o.searchPlaceholderLabel,"model-value":o.modelValue,"onUpdate:modelValue":n[1]||(n[1]=s=>p.$emit("update:modelValue",s))},e.createSlots({leftIcon:e.withCtx(()=>[e.createVNode(t.DtIcon,{name:"search"})]),_:2},[o.modelValue.length>0?{name:"rightIcon",fn:e.withCtx(()=>[e.createElementVNode("button",D,[e.createVNode(t.DtIcon,{name:"close",onClick:n[0]||(n[0]=s=>p.$emit("update:modelValue",""))})])]),key:"0"}:void 0]),1032,["placeholder","model-value"])]))}},I=t._export_sfc(U,[["__scopeId","data-v-20dd73b1"]]);const F={class:"d-emoji-picker__tabset"},A={__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"],setup(o,{emit:p}){const n=o,s=[{label:"Recently used",icon:"clock"},{label:"Smiley’s and people",icon:"satisfied"},{label:"Nature",icon:"living-thing"},{label:"Food",icon:"food"},{label:"Activity",icon:"object"},{label:"Travel",icon:"transportation"},{label:"Objects",icon:"lightbulb"},{label:"Symbols",icon:"heart"},{label:"Flags",icon:"flag"}],b=e.computed(()=>(n.showRecentlyUsedTab?s:s.slice(1)).map((k,f)=>({...k,label:n.tabsetLabels[f],id:(f+1).toString(),panelId:(f+1).toString()}))),c=e.computed(()=>n.emojiFilter.length>0),_=e.ref("1"),{isScrolling:u}=e.toRefs(n);e.watch(()=>n.scrollIntoTab,()=>{!u.value&&!c.value&&(_.value=(n.scrollIntoTab+1).toString())}),e.watch(c,()=>{c.value&&(_.value=null)});function g(d){u.value||(_.value=d),p("selected-tabset",d)}return(d,k)=>(e.openBlock(),e.createElementBlock("div",F,[e.createVNode(t.DtTabGroup,{"tab-list-class":"d-emoji-picker__tabset-list",selected:_.value},{tabs:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(b),f=>(e.openBlock(),e.createBlock(t.DtTab,{id:f.id,key:f.id,"panel-id":f.panelId,label:f.label,"aria-controls":"d-emoji-picker-list",onClickCapture:e.withModifiers($=>g(f.id),["stop"])},{default:e.withCtx(()=>[e.createVNode(t.DtIcon,{size:"400",name:f.icon},null,8,["name"])]),_:2},1032,["id","panel-id","label","onClickCapture"]))),128))]),_:1},8,["selected"])]))}},T="https://static.dialpadcdn.com/joypixels/png/unicode/32/";const R={class:"d-emoji-picker__selector"},q={key:0,class:"d-emoji-picker__search-label d-emoji-picker__alignment"},x={key:0},O={class:"d-emoji-picker__tab"},G=["aria-label","onClick","onFocusin","onMouseover"],P=["alt","aria-label","title","src"],M={key:2,class:"d-emoji-picker__alignment"},z={class:"d-emoji-picker__tab"},J=["aria-label","onClick","onFocusin","onMouseover"],H=["alt","aria-label","title","src"],K={__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"],setup(o,{emit:p}){const n=o,s=e.ref(null),b=e.ref(null),c=e.ref(null),_=["Recently used","People","Nature","Food","Activity","Travel","Objects","Symbols","Flags"],u=e.computed(()=>n.recentlyUsedEmojis.length?n.tabsetLabels.map(l=>({label:l,ref:e.ref(null)})):n.tabsetLabels.slice(1).map(l=>({label:l,ref:e.ref(null)}))),g=e.ref(u.value[0].label),d=e.computed(()=>n.recentlyUsedEmojis.length?_:_.slice(1)),k=e.ref([]),f=e.computed(()=>[...t.emojisGrouped[`People${n.skinTone}`],...t.emojisGrouped.Nature,...t.emojisGrouped.Food,...t.emojisGrouped[`Activity${n.skinTone}`],...t.emojisGrouped.Travel,...t.emojisGrouped[`Objects${n.skinTone}`],...t.emojisGrouped.Symbols,...t.emojisGrouped.Flags]),$=j(()=>{v()});e.watch(f,()=>{v()},{immediate:!0}),e.watch(()=>n.recentlyUsedEmojis,()=>{t.emojisGrouped["Recently used"]=n.recentlyUsedEmojis},{immediate:!0}),e.watch(()=>n.emojiFilter,()=>{V(),$()}),e.watch(()=>n.selectedTabset,l=>{L(l.tabId)},{deep:!0});function v(){const l=n.emojiFilter.toLowerCase();k.value=f.value.filter(r=>{const a=r.name.toLowerCase().includes(l),i=r.keywords.some(m=>m.toLowerCase().includes(l));return a||i})}function j(l,r=300){let a;return(...i)=>{clearTimeout(a),a=setTimeout(()=>l(...i),r)}}function E(l){return`${T+l}.png`}function C(l){l.target.parentNode.style.display="none"}function L(l){const a=u.value[l-1].ref.value[0];e.nextTick(()=>{const i=b.value,m=l==="1"?0:a.offsetTop-20;let h=!0,S=i.scrollTop;p("is-scrolling",!0),i.addEventListener("scroll",()=>{if(h){const y=i.scrollTop;(S<y&&y>=m||S>y&&y<=m)&&(h=!1,p("is-scrolling",!1)),S=y}}),i.scrollTop=m})}function V(){const l=b.value;l.scrollTop=0}function N(){c.value=new IntersectionObserver(l=>{l.forEach(r=>{var m,h,S,y,B;const{target:a}=r,i=parseInt(a.dataset.index);r.isIntersecting&&a.offsetTop<=s.value.offsetTop+50?(g.value=((m=u.value[i-1])==null?void 0:m.label)??((h=u.value[0])==null?void 0:h.label),p("scroll-into-tab",i-1)):r.boundingClientRect.bottom<=((S=s.value)==null?void 0:S.getBoundingClientRect().bottom)?(p("scroll-into-tab",i),g.value=(y=u.value[i])==null?void 0:y.label):i===1&&(p("scroll-into-tab",i),g.value=(B=u.value[0])==null?void 0:B.label)})}),c.value.observe(s.value),Array.from(b.value.children).forEach((l,r)=>{c.value.observe(l),l.dataset.index=r})}return e.onMounted(()=>{N()}),e.onUnmounted(()=>{c.value.disconnect()}),(l,r)=>(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("div",{id:"d-emoji-picker-list",ref_key:"listRef",ref:b,class:"d-emoji-picker__list"},[o.emojiFilter?(e.openBlock(),e.createElementBlock("p",q,e.toDisplayString(k.value.length>0?o.searchResultsLabel:o.searchNoResultsLabel),1)):(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"tabCategoryRef",ref:s,class:"d-emoji-picker__category d-emoji-picker__alignment"},[e.createElementVNode("p",null,e.toDisplayString(g.value),1)],512)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),(a,i)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:i,ref_for:!0,ref:a.ref,class:"d-emoji-picker__alignment"},[i?(e.openBlock(),e.createElementBlock("p",x,e.toDisplayString(a.label),1)):e.createCommentVNode("",!0),e.createElementVNode("div",O,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t.emojisGrouped)[e.unref(d)[i]+o.skinTone]?e.unref(t.emojisGrouped)[e.unref(d)[i]+o.skinTone]:e.unref(t.emojisGrouped)[e.unref(d)[i]],m=>(e.openBlock(),e.createElementBlock("button",{key:m.shortname,type:"button","aria-label":m.name,onClick:h=>l.$emit("selected-emoji",m),onFocusin:h=>l.$emit("highlighted-emoji",m),onFocusout:r[0]||(r[0]=h=>l.$emit("highlighted-emoji",null)),onMouseover:h=>l.$emit("highlighted-emoji",m),onMouseleave:r[1]||(r[1]=h=>l.$emit("highlighted-emoji",null))},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:m.name,"aria-label":m.name,title:m.name,src:E(m.unicode_character),onError:C},null,40,P)],40,G))),128))])])),[[e.vShow,!o.emojiFilter]])),128)),o.emojiFilter?(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("div",z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,a=>(e.openBlock(),e.createElementBlock("button",{key:a.shortname,type:"button","aria-label":a.name,onClick:i=>l.$emit("selected-emoji",a),onFocusin:i=>l.$emit("highlighted-emoji",a),onFocusout:r[2]||(r[2]=i=>l.$emit("highlighted-emoji",null)),onMouseover:i=>l.$emit("highlighted-emoji",a),onMouseleave:r[3]||(r[3]=i=>l.$emit("highlighted-emoji",null))},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:a.name,"aria-label":a.name,title:a.name,src:`${e.unref(T)+a.unicode_character}.png`},null,8,H)],40,J))),128))])])):e.createCommentVNode("",!0)],512)]))}},Q=t._export_sfc(K,[["__scopeId","data-v-183240d8"]]);const W={class:"d-emoji-picker__skin-list"},X=["onClick"],Y=["alt","aria-label","title","src"],Z={class:"d-emoji-picker__skin-selected"},ee=["alt","aria-label","title","src"],te={__name:"emoji_skin_selector",props:{skinTone:{type:String,required:!0},isHovering:{type:Boolean,default:!1},skinSelectorButtonTooltipLabel:{type:String,required:!0}},emits:["skin-tone"],setup(o,{emit:p}){const n=o,s=[{name:":wave_tone1:",unicode_output:"1f44b-1f3fb",skinTone:"Light",skinCode:"_tone1"},{name:":wave_tone2:",unicode_output:"1f44b-1f3fc",skinTone:"MediumLight",skinCode:"_tone2"},{name:":wave_tone3:",unicode_output:"1f44b-1f3fd",skinTone:"Medium",skinCode:"_tone3"},{name:":wave_tone4:",unicode_output:"1f44b-1f3fe",skinTone:"MediumDark",skinCode:"_tone4"},{name:":wave_tone5:",unicode_output:"1f44b-1f3ff",skinTone:"Dark",skinCode:"_tone5"},{name:":wave:",unicode_output:"1f44b",skinTone:"Default",skinCode:""}],b=e.ref(s.find(u=>u.skinTone===n.skinTone)),c=e.ref(!1);e.watchEffect(()=>n.isHovering&&(c.value=!1));function _(u){b.value=u,c.value=!1,p("skin-tone",u.skinTone)}return(u,g)=>(e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createElementVNode("div",W,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(s,d=>e.createElementVNode("button",{key:d.name,class:e.normalizeClass({selected:b.value.skinCode===d.skinCode}),onClick:k=>_(d)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:d.name,"aria-label":d.name,title:d.name,src:`${e.unref(T)+d.unicode_output}.png`},null,8,Y)],10,X)),64))],512),[[e.vShow,c.value]]),e.withDirectives(e.createElementVNode("div",Z,[e.createVNode(t.DtTooltip,{placement:"top-end"},{anchor:e.withCtx(()=>[e.createElementVNode("button",{onClick:g[0]||(g[0]=d=>c.value=!0)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:b.value.name,"aria-label":b.value.name,title:b.value.name,src:`${e.unref(T)+b.value.unicode_output}.png`},null,8,ee)])]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.skinSelectorButtonTooltipLabel)+" ",1)]),_:1})],512),[[e.vShow,!c.value]])]))}},oe=t._export_sfc(te,[["__scopeId","data-v-5c3fd4f6"]]);const le={class:"d-emoji-picker__data"},ne=["alt","aria-label","title","src"],ie={__name:"emoji_description",props:{emoji:{type:Object,default:null}},setup(o){return(p,n)=>{var s;return e.openBlock(),e.createElementBlock("div",le,[o.emoji?(e.openBlock(),e.createElementBlock("img",{key:0,class:"d-icon d-icon--size-500",alt:o.emoji.name,"aria-label":o.emoji.name,title:o.emoji.name,src:`${e.unref(T)+o.emoji.unicode_character}.png`},null,8,ne)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString((s=o.emoji)==null?void 0:s.name),1)])}}},se=t._export_sfc(ie,[["__scopeId","data-v-48c61881"]]);const ae={class:"d-emoji-picker"},re={class:"d-emoji-picker--header"},ce={class:"d-emoji-picker--body"},ue={class:"d-emoji-picker--footer"},de={__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"],setup(o,{emit:p}){const n=o,s=e.ref(""),b=e.ref(null),c=e.ref({}),_=e.ref(0),u=e.ref(!1),g=e.computed(()=>n.recentlyUsedEmojis.length>0);function d(v){s.value="",c.value=v,c.value={...c.value,tabId:v}}function k(v){_.value=v}function f(v){u.value=v}function $(v){b.value=v}return(v,j)=>(e.openBlock(),e.createElementBlock("div",ae,[e.createElementVNode("div",re,[e.createVNode(A,{"emoji-filter":s.value,"show-recently-used-tab":e.unref(g),"scroll-into-tab":_.value,"tabset-labels":o.tabSetLabels,"is-scrolling":u.value,onSelectedTabset:d},null,8,["emoji-filter","show-recently-used-tab","scroll-into-tab","tabset-labels","is-scrolling"])]),e.createElementVNode("div",ce,[e.createVNode(I,{modelValue:s.value,"onUpdate:modelValue":j[0]||(j[0]=E=>s.value=E),"search-placeholder-label":o.searchPlaceholderLabel},null,8,["modelValue","search-placeholder-label"]),e.createVNode(Q,{"emoji-filter":s.value,"skin-tone":o.skinTone,"tabset-labels":o.tabSetLabels,"search-results-label":o.searchResultsLabel,"search-no-results-label":o.searchNoResultsLabel,"recently-used-emojis":o.recentlyUsedEmojis,"selected-tabset":c.value,onScrollIntoTab:k,onIsScrolling:f,onHighlightedEmoji:$,onSelectedEmoji:j[1]||(j[1]=E=>p("selected-emoji",E))},null,8,["emoji-filter","skin-tone","tabset-labels","search-results-label","search-no-results-label","recently-used-emojis","selected-tabset"])]),e.createElementVNode("div",ue,[e.createVNode(se,{emoji:b.value},null,8,["emoji"]),e.createVNode(oe,{"is-hovering":!!b.value,"skin-selector-button-tooltip-label":o.skinSelectorButtonTooltipLabel,"skin-tone":o.skinTone,onSkinTone:j[2]||(j[2]=E=>p("skin-tone",E))},null,8,["is-hovering","skin-selector-button-tooltip-label","skin-tone"])])]))}};exports.DtEmoji=t.DtEmoji;exports.DtEmojiTextWrapper=t._sfc_main;exports.codeToEmojiData=t.codeToEmojiData;Object.defineProperty(exports,"customEmojiAssetUrl",{enumerable:!0,get:()=>t.customEmojiAssetUrl});exports.defaultEmojiAssetUrl=t.defaultEmojiAssetUrl;Object.defineProperty(exports,"emojiFileExtensionLarge",{enumerable:!0,get:()=>t.emojiFileExtensionLarge});Object.defineProperty(exports,"emojiFileExtensionSmall",{enumerable:!0,get:()=>t.emojiFileExtensionSmall});Object.defineProperty(exports,"emojiImageUrlLarge",{enumerable:!0,get:()=>t.emojiImageUrlLarge});Object.defineProperty(exports,"emojiImageUrlSmall",{enumerable:!0,get:()=>t.emojiImageUrlSmall});exports.emojiJson=t.emojiJson;exports.emojiVersion=t.emojiVersion;exports.filterValidShortCodes=t.filterValidShortCodes;exports.findEmojis=t.findEmojis;exports.findShortCodes=t.findShortCodes;exports.getEmojiData=t.getEmojiData;exports.setCustomEmojiJson=t.setCustomEmojiJson;exports.setCustomEmojiUrl=t.setCustomEmojiUrl;exports.setEmojiAssetUrlLarge=t.setEmojiAssetUrlLarge;exports.setEmojiAssetUrlSmall=t.setEmojiAssetUrlSmall;exports.shortcodeToEmojiData=t.shortcodeToEmojiData;exports.stringToUnicode=t.stringToUnicode;exports.unicodeToString=t.unicodeToString;exports.validateCustomEmojiJson=t.validateCustomEmojiJson;exports.DtEmojiPicker=de;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./emoji_text_wrapper-2d3d02a5.cjs"),e=require("vue");const w={class:"d-emoji-picker__search d-emoji-picker__alignment"},D={class:"d-emoji-picker__search-button"},U={__name:"emoji_search",props:{searchPlaceholderLabel:{type:String,required:!0},modelValue:{type:String,default:""}},emits:["update:modelValue"],setup(o){return(p,n)=>(e.openBlock(),e.createElementBlock("div",w,[e.createVNode(t.DtInput,{placeholder:o.searchPlaceholderLabel,"model-value":o.modelValue,"onUpdate:modelValue":n[1]||(n[1]=s=>p.$emit("update:modelValue",s))},e.createSlots({leftIcon:e.withCtx(()=>[e.createVNode(t.DtIcon,{name:"search"})]),_:2},[o.modelValue.length>0?{name:"rightIcon",fn:e.withCtx(()=>[e.createElementVNode("button",D,[e.createVNode(t.DtIcon,{name:"close",onClick:n[0]||(n[0]=s=>p.$emit("update:modelValue",""))})])]),key:"0"}:void 0]),1032,["placeholder","model-value"])]))}},I=t._export_sfc(U,[["__scopeId","data-v-20dd73b1"]]);const F={class:"d-emoji-picker__tabset"},A={__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"],setup(o,{emit:p}){const n=o,s=[{label:"Recently used",icon:"clock"},{label:"Smiley’s and people",icon:"satisfied"},{label:"Nature",icon:"living-thing"},{label:"Food",icon:"food"},{label:"Activity",icon:"object"},{label:"Travel",icon:"transportation"},{label:"Objects",icon:"lightbulb"},{label:"Symbols",icon:"heart"},{label:"Flags",icon:"flag"}],b=e.computed(()=>(n.showRecentlyUsedTab?s:s.slice(1)).map((k,f)=>({...k,label:n.tabsetLabels[f],id:(f+1).toString(),panelId:(f+1).toString()}))),c=e.computed(()=>n.emojiFilter.length>0),_=e.ref("1"),{isScrolling:u}=e.toRefs(n);e.watch(()=>n.scrollIntoTab,()=>{!u.value&&!c.value&&(_.value=(n.scrollIntoTab+1).toString())}),e.watch(c,()=>{c.value&&(_.value=null)});function g(d){u.value||(_.value=d),p("selected-tabset",d)}return(d,k)=>(e.openBlock(),e.createElementBlock("div",F,[e.createVNode(t.DtTabGroup,{"tab-list-class":"d-emoji-picker__tabset-list",selected:_.value},{tabs:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(b),f=>(e.openBlock(),e.createBlock(t.DtTab,{id:f.id,key:f.id,"panel-id":f.panelId,label:f.label,"aria-controls":"d-emoji-picker-list",onClickCapture:e.withModifiers($=>g(f.id),["stop"])},{default:e.withCtx(()=>[e.createVNode(t.DtIcon,{size:"400",name:f.icon},null,8,["name"])]),_:2},1032,["id","panel-id","label","onClickCapture"]))),128))]),_:1},8,["selected"])]))}},T="https://static.dialpadcdn.com/joypixels/png/unicode/32/";const R={class:"d-emoji-picker__selector"},q={key:0,class:"d-emoji-picker__search-label d-emoji-picker__alignment"},x={key:0},O={class:"d-emoji-picker__tab"},G=["aria-label","onClick","onFocusin","onMouseover"],P=["alt","aria-label","title","src"],M={key:2,class:"d-emoji-picker__alignment"},z={class:"d-emoji-picker__tab"},J=["aria-label","onClick","onFocusin","onMouseover"],H=["alt","aria-label","title","src"],K={__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"],setup(o,{emit:p}){const n=o,s=e.ref(null),b=e.ref(null),c=e.ref(null),_=["Recently used","People","Nature","Food","Activity","Travel","Objects","Symbols","Flags"],u=e.computed(()=>n.recentlyUsedEmojis.length?n.tabsetLabels.map(l=>({label:l,ref:e.ref(null)})):n.tabsetLabels.slice(1).map(l=>({label:l,ref:e.ref(null)}))),g=e.ref(u.value[0].label),d=e.computed(()=>n.recentlyUsedEmojis.length?_:_.slice(1)),k=e.ref([]),f=e.computed(()=>[...t.emojisGrouped[`People${n.skinTone}`],...t.emojisGrouped.Nature,...t.emojisGrouped.Food,...t.emojisGrouped[`Activity${n.skinTone}`],...t.emojisGrouped.Travel,...t.emojisGrouped[`Objects${n.skinTone}`],...t.emojisGrouped.Symbols,...t.emojisGrouped.Flags]),$=j(()=>{v()});e.watch(f,()=>{v()},{immediate:!0}),e.watch(()=>n.recentlyUsedEmojis,()=>{t.emojisGrouped["Recently used"]=n.recentlyUsedEmojis},{immediate:!0}),e.watch(()=>n.emojiFilter,()=>{V(),$()}),e.watch(()=>n.selectedTabset,l=>{L(l.tabId)},{deep:!0});function v(){const l=n.emojiFilter.toLowerCase();k.value=f.value.filter(r=>{const a=r.name.toLowerCase().includes(l),i=r.keywords.some(m=>m.toLowerCase().includes(l));return a||i})}function j(l,r=300){let a;return(...i)=>{clearTimeout(a),a=setTimeout(()=>l(...i),r)}}function E(l){return`${T+l}.png`}function C(l){l.target.parentNode.style.display="none"}function L(l){const a=u.value[l-1].ref.value[0];e.nextTick(()=>{const i=b.value,m=l==="1"?0:a.offsetTop-20;let h=!0,S=i.scrollTop;p("is-scrolling",!0),i.addEventListener("scroll",()=>{if(h){const y=i.scrollTop;(S<y&&y>=m||S>y&&y<=m)&&(h=!1,p("is-scrolling",!1)),S=y}}),i.scrollTop=m})}function V(){const l=b.value;l.scrollTop=0}function N(){c.value=new IntersectionObserver(l=>{l.forEach(r=>{var m,h,S,y,B;const{target:a}=r,i=parseInt(a.dataset.index);r.isIntersecting&&a.offsetTop<=s.value.offsetTop+50?(g.value=((m=u.value[i-1])==null?void 0:m.label)??((h=u.value[0])==null?void 0:h.label),p("scroll-into-tab",i-1)):r.boundingClientRect.bottom<=((S=s.value)==null?void 0:S.getBoundingClientRect().bottom)?(p("scroll-into-tab",i),g.value=(y=u.value[i])==null?void 0:y.label):i===1&&(p("scroll-into-tab",i),g.value=(B=u.value[0])==null?void 0:B.label)})}),c.value.observe(s.value),Array.from(b.value.children).forEach((l,r)=>{c.value.observe(l),l.dataset.index=r})}return e.onMounted(()=>{N()}),e.onUnmounted(()=>{c.value.disconnect()}),(l,r)=>(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("div",{id:"d-emoji-picker-list",ref_key:"listRef",ref:b,class:"d-emoji-picker__list"},[o.emojiFilter?(e.openBlock(),e.createElementBlock("p",q,e.toDisplayString(k.value.length>0?o.searchResultsLabel:o.searchNoResultsLabel),1)):(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"tabCategoryRef",ref:s,class:"d-emoji-picker__category d-emoji-picker__alignment"},[e.createElementVNode("p",null,e.toDisplayString(g.value),1)],512)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),(a,i)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:i,ref_for:!0,ref:a.ref,class:"d-emoji-picker__alignment"},[i?(e.openBlock(),e.createElementBlock("p",x,e.toDisplayString(a.label),1)):e.createCommentVNode("",!0),e.createElementVNode("div",O,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t.emojisGrouped)[e.unref(d)[i]+o.skinTone]?e.unref(t.emojisGrouped)[e.unref(d)[i]+o.skinTone]:e.unref(t.emojisGrouped)[e.unref(d)[i]],m=>(e.openBlock(),e.createElementBlock("button",{key:m.shortname,type:"button","aria-label":m.name,onClick:h=>l.$emit("selected-emoji",m),onFocusin:h=>l.$emit("highlighted-emoji",m),onFocusout:r[0]||(r[0]=h=>l.$emit("highlighted-emoji",null)),onMouseover:h=>l.$emit("highlighted-emoji",m),onMouseleave:r[1]||(r[1]=h=>l.$emit("highlighted-emoji",null))},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:m.name,"aria-label":m.name,title:m.name,src:E(m.unicode_character),onError:C},null,40,P)],40,G))),128))])])),[[e.vShow,!o.emojiFilter]])),128)),o.emojiFilter?(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("div",z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,a=>(e.openBlock(),e.createElementBlock("button",{key:a.shortname,type:"button","aria-label":a.name,onClick:i=>l.$emit("selected-emoji",a),onFocusin:i=>l.$emit("highlighted-emoji",a),onFocusout:r[2]||(r[2]=i=>l.$emit("highlighted-emoji",null)),onMouseover:i=>l.$emit("highlighted-emoji",a),onMouseleave:r[3]||(r[3]=i=>l.$emit("highlighted-emoji",null))},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:a.name,"aria-label":a.name,title:a.name,src:`${e.unref(T)+a.unicode_character}.png`},null,8,H)],40,J))),128))])])):e.createCommentVNode("",!0)],512)]))}},Q=t._export_sfc(K,[["__scopeId","data-v-183240d8"]]);const W={class:"d-emoji-picker__skin-list"},X=["onClick"],Y=["alt","aria-label","title","src"],Z={class:"d-emoji-picker__skin-selected"},ee=["alt","aria-label","title","src"],te={__name:"emoji_skin_selector",props:{skinTone:{type:String,required:!0},isHovering:{type:Boolean,default:!1},skinSelectorButtonTooltipLabel:{type:String,required:!0}},emits:["skin-tone"],setup(o,{emit:p}){const n=o,s=[{name:":wave_tone1:",unicode_output:"1f44b-1f3fb",skinTone:"Light",skinCode:"_tone1"},{name:":wave_tone2:",unicode_output:"1f44b-1f3fc",skinTone:"MediumLight",skinCode:"_tone2"},{name:":wave_tone3:",unicode_output:"1f44b-1f3fd",skinTone:"Medium",skinCode:"_tone3"},{name:":wave_tone4:",unicode_output:"1f44b-1f3fe",skinTone:"MediumDark",skinCode:"_tone4"},{name:":wave_tone5:",unicode_output:"1f44b-1f3ff",skinTone:"Dark",skinCode:"_tone5"},{name:":wave:",unicode_output:"1f44b",skinTone:"Default",skinCode:""}],b=e.ref(s.find(u=>u.skinTone===n.skinTone)),c=e.ref(!1);e.watchEffect(()=>n.isHovering&&(c.value=!1));function _(u){b.value=u,c.value=!1,p("skin-tone",u.skinTone)}return(u,g)=>(e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createElementVNode("div",W,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(s,d=>e.createElementVNode("button",{key:d.name,class:e.normalizeClass({selected:b.value.skinCode===d.skinCode}),onClick:k=>_(d)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:d.name,"aria-label":d.name,title:d.name,src:`${e.unref(T)+d.unicode_output}.png`},null,8,Y)],10,X)),64))],512),[[e.vShow,c.value]]),e.withDirectives(e.createElementVNode("div",Z,[e.createVNode(t.DtTooltip,{placement:"top-end"},{anchor:e.withCtx(()=>[e.createElementVNode("button",{onClick:g[0]||(g[0]=d=>c.value=!0)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:b.value.name,"aria-label":b.value.name,title:b.value.name,src:`${e.unref(T)+b.value.unicode_output}.png`},null,8,ee)])]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.skinSelectorButtonTooltipLabel)+" ",1)]),_:1})],512),[[e.vShow,!c.value]])]))}},oe=t._export_sfc(te,[["__scopeId","data-v-5c3fd4f6"]]);const le={class:"d-emoji-picker__data"},ne=["alt","aria-label","title","src"],ie={__name:"emoji_description",props:{emoji:{type:Object,default:null}},setup(o){return(p,n)=>{var s;return e.openBlock(),e.createElementBlock("div",le,[o.emoji?(e.openBlock(),e.createElementBlock("img",{key:0,class:"d-icon d-icon--size-500",alt:o.emoji.name,"aria-label":o.emoji.name,title:o.emoji.name,src:`${e.unref(T)+o.emoji.unicode_character}.png`},null,8,ne)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString((s=o.emoji)==null?void 0:s.name),1)])}}},se=t._export_sfc(ie,[["__scopeId","data-v-48c61881"]]);const ae={class:"d-emoji-picker"},re={class:"d-emoji-picker--header"},ce={class:"d-emoji-picker--body"},ue={class:"d-emoji-picker--footer"},de={__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"],setup(o,{emit:p}){const n=o,s=e.ref(""),b=e.ref(null),c=e.ref({}),_=e.ref(0),u=e.ref(!1),g=e.computed(()=>n.recentlyUsedEmojis.length>0);function d(v){s.value="",c.value=v,c.value={...c.value,tabId:v}}function k(v){_.value=v}function f(v){u.value=v}function $(v){b.value=v}return(v,j)=>(e.openBlock(),e.createElementBlock("div",ae,[e.createElementVNode("div",re,[e.createVNode(A,{"emoji-filter":s.value,"show-recently-used-tab":e.unref(g),"scroll-into-tab":_.value,"tabset-labels":o.tabSetLabels,"is-scrolling":u.value,onSelectedTabset:d},null,8,["emoji-filter","show-recently-used-tab","scroll-into-tab","tabset-labels","is-scrolling"])]),e.createElementVNode("div",ce,[e.createVNode(I,{modelValue:s.value,"onUpdate:modelValue":j[0]||(j[0]=E=>s.value=E),"search-placeholder-label":o.searchPlaceholderLabel},null,8,["modelValue","search-placeholder-label"]),e.createVNode(Q,{"emoji-filter":s.value,"skin-tone":o.skinTone,"tabset-labels":o.tabSetLabels,"search-results-label":o.searchResultsLabel,"search-no-results-label":o.searchNoResultsLabel,"recently-used-emojis":o.recentlyUsedEmojis,"selected-tabset":c.value,onScrollIntoTab:k,onIsScrolling:f,onHighlightedEmoji:$,onSelectedEmoji:j[1]||(j[1]=E=>p("selected-emoji",E))},null,8,["emoji-filter","skin-tone","tabset-labels","search-results-label","search-no-results-label","recently-used-emojis","selected-tabset"])]),e.createElementVNode("div",ue,[e.createVNode(se,{emoji:b.value},null,8,["emoji"]),e.createVNode(oe,{"is-hovering":!!b.value,"skin-selector-button-tooltip-label":o.skinSelectorButtonTooltipLabel,"skin-tone":o.skinTone,onSkinTone:j[2]||(j[2]=E=>p("skin-tone",E))},null,8,["is-hovering","skin-selector-button-tooltip-label","skin-tone"])])]))}};exports.DtEmoji=t.DtEmoji;exports.DtEmojiTextWrapper=t._sfc_main;exports.codeToEmojiData=t.codeToEmojiData;Object.defineProperty(exports,"customEmojiAssetUrl",{enumerable:!0,get:()=>t.customEmojiAssetUrl});exports.defaultEmojiAssetUrl=t.defaultEmojiAssetUrl;Object.defineProperty(exports,"emojiFileExtensionLarge",{enumerable:!0,get:()=>t.emojiFileExtensionLarge});Object.defineProperty(exports,"emojiFileExtensionSmall",{enumerable:!0,get:()=>t.emojiFileExtensionSmall});Object.defineProperty(exports,"emojiImageUrlLarge",{enumerable:!0,get:()=>t.emojiImageUrlLarge});Object.defineProperty(exports,"emojiImageUrlSmall",{enumerable:!0,get:()=>t.emojiImageUrlSmall});exports.emojiJson=t.emojiJson;exports.emojiVersion=t.emojiVersion;exports.filterValidShortCodes=t.filterValidShortCodes;exports.findEmojis=t.findEmojis;exports.findShortCodes=t.findShortCodes;exports.getEmojiData=t.getEmojiData;exports.setCustomEmojiJson=t.setCustomEmojiJson;exports.setCustomEmojiUrl=t.setCustomEmojiUrl;exports.setEmojiAssetUrlLarge=t.setEmojiAssetUrlLarge;exports.setEmojiAssetUrlSmall=t.setEmojiAssetUrlSmall;exports.shortcodeToEmojiData=t.shortcodeToEmojiData;exports.stringToUnicode=t.stringToUnicode;exports.unicodeToString=t.unicodeToString;exports.validateCustomEmojiJson=t.validateCustomEmojiJson;exports.DtEmojiPicker=de;

package/dist/emoji.js

@@ -1,5 +1,5 @@
-import { _ as N, t as Q, D as B, J as W, K as X, a7 as k, w as Y } from "./emoji_text_wrapper-746c639d.js";
-import { y as Je, x as Ge, ap as Ke, aa as Qe, a9 as We, ae as Xe, ac as Ye, ad as Ze, ab as et, af as tt, a8 as lt, ar as ot, as as st, aq as nt, ag as at, ak as it, aj as rt, ai as ct, ah as ut, am as dt, ao as mt, an as bt, al as _t } from "./emoji_text_wrapper-746c639d.js";
+import { _ as N, t as Q, D as B, J as W, K as X, a7 as k, w as Y } from "./emoji_text_wrapper-070288ae.js";
+import { y as Je, x as Ge, ap as Ke, aa as Qe, a9 as We, ae as Xe, ac as Ye, ad as Ze, ab as et, af as tt, a8 as lt, ar as ot, as as st, aq as nt, ag as at, ak as it, aj as rt, ai as ct, ah as ut, am as dt, ao as mt, an as bt, al as _t } from "./emoji_text_wrapper-070288ae.js";
 import { openBlock as i, createElementBlock as d, createVNode as T, createSlots as Z, withCtx as F, createElementVNode as v, computed as D, ref as f, toRefs as ee, watch as w, Fragment as U, renderList as R, unref as h, createBlock as te, withModifiers as le, nextTick as oe, onMounted as se, onUnmounted as ne, toDisplayString as A, withDirectives as M, createCommentVNode as O, vShow as x, watchEffect as ae, normalizeClass as ie, createTextVNode as P } from "vue";
 const re = { class: "d-emoji-picker__search d-emoji-picker__alignment" }, ce = { class: "d-emoji-picker__search-button" }, ue = {
   __name: "emoji_search",

package/dist/{emoji_text_wrapper-746c639d.js → emoji_text_wrapper-070288ae.js}

@@ -573,12 +573,12 @@ const Pn = /* @__PURE__ */ d(En, [["render", On]]), Tn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 12 12"
 }, Rn = /* @__PURE__ */ a("path", {
-  fill: "#222",
+  fill: "currentColor",
   "fill-rule": "evenodd",
   d: "M3 1.5a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5.5.5 0 1 1 1 0A1.5 1.5 0 0 1 9 11.5H3A1.5 1.5 0 0 1 1.5 10V2A1.5 1.5 0 0 1 3 .5h4.25a.5.5 0 0 1 .354.146l1 1a.5.5 0 1 1-.707.708L7.043 1.5H3Z",
   "clip-rule": "evenodd"
 }, null, -1), Nn = /* @__PURE__ */ a("path", {
-  fill: "#222",
+  fill: "currentColor",
   "fill-rule": "evenodd",
   d: "M9.978 3.455c0-.38.315-.655.661-.655.347 0 .661.275.661.655s-.314.655-.66.655a.658.658 0 0 1-.662-.655Zm-3.506.5c-.174 0-.42.146-.545.527v.002L4.674 8.257a.5.5 0 0 1-.95-.314L4.977 4.17c.211-.643.752-1.216 1.496-1.216s1.283.57 1.495 1.213l.964 2.906c.124.38.37.526.545.526.398 0 .663-.294.663-.588v-1.99a.5.5 0 0 1 1 0v1.99c0 .908-.777 1.588-1.663 1.588-.743 0-1.284-.57-1.495-1.213l-.964-2.905V4.48c-.125-.38-.37-.526-.545-.526Z",
   "clip-rule": "evenodd"
@@ -4192,7 +4192,7 @@ const U3 = /* @__PURE__ */ d(E3, [["render", N3]]), G3 = {
   "fill-rule": "evenodd",
   "clip-rule": "evenodd",
   d: "m16.987 6.593-2.274 2.275.646.647.647.647L18.3 7.868l2.293-2.294-.624-.628c-.344-.346-.644-.629-.667-.629-.023 0-1.065 1.024-2.315 2.276Zm-4.698 3.802c-.37.132-.814.54-.96.883-.171.397-.137 1.105.07 1.47a1.605 1.605 0 0 0 2.468.408c.981-.861.604-2.474-.651-2.79-.429-.108-.551-.104-.927.03Zm3.09 4.004-.666.669 2.294 2.293 2.294 2.294.667-.667.667-.667-2.296-2.295-2.296-2.295-.665.668Z",
-  fill: "#222"
+  fill: "currentColor"
 }, null, -1), X3 = [
   W3,
   J3
@@ -10141,12 +10141,12 @@ const IT = /* @__PURE__ */ d(vT, [["render", FT]]), HT = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 12 12"
 }, VT = /* @__PURE__ */ a("path", {
-  fill: "#0D0C0F",
+  fill: "currentColor",
   "fill-rule": "evenodd",
   d: "M2.5 2a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-7ZM1 2.5A1.5 1.5 0 0 1 2.5 1h7A1.5 1.5 0 0 1 11 2.5v7A1.5 1.5 0 0 1 9.5 11h-7A1.5 1.5 0 0 1 1 9.5v-7Z",
   "clip-rule": "evenodd"
 }, null, -1), qT = /* @__PURE__ */ a("path", {
-  fill: "#0D0C0F",
+  fill: "currentColor",
   "fill-rule": "evenodd",
   d: "M4.5 3a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 1 0v-2h1.53l.06-.004a2.036 2.036 0 0 0 .76-.205c.214-.108.445-.277.62-.54.179-.268.28-.6.28-1s-.101-.734-.28-1a1.597 1.597 0 0 0-.621-.542 2.035 2.035 0 0 0-.818-.208H4.5Zm1.997 2.5H5V4h1.497l.021.001c.021.002.054.005.095.012.085.014.19.041.288.09a.598.598 0 0 1 .238.202c.056.085.111.22.111.445s-.055.36-.111.445a.598.598 0 0 1-.238.202 1.037 1.037 0 0 1-.404.103Z",
   "clip-rule": "evenodd"
@@ -15378,7 +15378,7 @@ const lme = /* @__PURE__ */ d(nme, [["render", dme]]), fme = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 12 12"
 }, hme = /* @__PURE__ */ a("path", {
-  fill: "#0D0C0F",
+  fill: "currentColor",
   d: "M2 3.5a.5.5 0 0 0-.5.5v3.222a1.5 1.5 0 0 0 1.5 1.5h4.646a.5.5 0 0 0 .5-.5V5a1.5 1.5 0 0 0-1.5-1.5H2Zm6.796 1.298a.5.5 0 0 0-.175.38V7.28a.5.5 0 0 0 .175.38l1.255 1.07a.5.5 0 0 0 .824-.38V4.11a.5.5 0 0 0-.824-.38L8.796 4.8Z"
 }, null, -1), _me = [
   hme
@@ -16069,7 +16069,7 @@ const Ime = "danger", Hme = "warning", Bme = "success", Vme = "muted", qme = "in
     /**
      * Whether the button should be styled as a link or not.
      * @values true, false
-     * @see https://dialpad.design/components/link.html
+     * @see DtLink
      */
     link: {
       type: Boolean,
@@ -16078,7 +16078,7 @@ const Ime = "danger", Hme = "warning", Bme = "success", Vme = "muted", qme = "in
     /**
      * The color of the link and button if the button is styled as a link.
      * @values default, warning, danger, success, muted, inverted
-     * @see https://dialpad.design/components/link.html
+     * @see DtLink
      */
     linkKind: {
       type: String,
@@ -16087,7 +16087,11 @@ const Ime = "danger", Hme = "warning", Bme = "success", Vme = "muted", qme = "in
     },
     /**
      * HTML button disabled attribute
-     * <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled" target="_blank">
+     * <a
+     *   class="d-link"
+     *   href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled"
+     *   target="_blank"
+     * >
      *   (Reference)
      * </a>
      * @values true, false
@@ -16098,7 +16102,11 @@ const Ime = "danger", Hme = "warning", Bme = "success", Vme = "muted", qme = "in
     },
     /**
      * HTML button type attribute
-     * <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type" target="_blank">
+     * <a
+     *   class="d-link"
+     *   href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type"
+     *   target="_blank"
+     * >
      *   (Reference)
      * </a>
      * @values button, submit, reset
@@ -16110,7 +16118,7 @@ const Ime = "danger", Hme = "warning", Bme = "success", Vme = "muted", qme = "in
     },
     /**
      * Button width, accepts
-     * <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/width" target="_blank">
+     * <a class="d-link" href="https://developer.mozilla.org/en-US/docs/Web/CSS/width" target="_blank">
      *   CSS width attribute
      * </a>
      * values
@@ -20094,10 +20102,16 @@ const C5e = {
     },
     /**
      * If the popover does not fit in the direction described by "placement",
-     * it will attempt to change it's direction to the "fallbackPlacements"
+     * it will attempt to change its direction to the "fallbackPlacements"
      * if defined, otherwise it will automatically position to a new location
-     * as it sees best fit.
-     * See <a href="https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements" target="_blank">Popper.js docs</a>
+     * as it sees best fit. See
+     * <a
+     *   class="d-link"
+     *   href="https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements"
+     *   target="_blank"
+     * >
+     *   Popper.js docs
+     * </a>
      * */
     fallbackPlacements: {
       type: Array,
@@ -20114,15 +20128,27 @@ const C5e = {
     /**
      *  Displaces the tooltip from its reference element
      *  by the specified number of pixels. See
-     *  <a href="https://atomiks.github.io/tippyjs/v6/all-props/#offset" target="_blank">Tippy.js docs</a>
+     *  <a
+     *    class="d-link"
+     *    href="https://atomiks.github.io/tippyjs/v6/all-props/#offset"
+     *    target="_blank"
+     *  >
+     *    Tippy.js docs
+     *  </a>
      */
     offset: {
       type: Array,
       default: () => [0, -4]
     },
     /**
-     * The direction the popover displays relative to the anchor.
-     * See <a href="https://atomiks.github.io/tippyjs/v6/all-props/#placement" target="_blank">Tippy.js docs</a>
+     * The direction the popover displays relative to the anchor. See
+     * <a
+     *   class="d-link"
+     *   href="https://atomiks.github.io/tippyjs/v6/all-props/#placement"
+     *   target="_blank"
+     * >
+     *   Tippy.js docs
+     * </a>
      * @values top, top-start, top-end,
      * right, right-start, right-end,
      * left, left-start, left-end,
@@ -20141,8 +20167,14 @@ const C5e = {
      * if the reference element's position is animating, or to automatically update the popover
      * position in those cases the DOM layout changes the reference element's position.
      * `true` enables it, `reference` only checks the "reference" rect for changes and `popper` only
-     * checks the "popper" rect for changes.
-     * See <a href="https://atomiks.github.io/tippyjs/v6/all-props/#sticky" target="_blank">Tippy.js docs</a>
+     * checks the "popper" rect for changes. See
+     * <a
+     *   class="d-link"
+     *   href="https://atomiks.github.io/tippyjs/v6/all-props/#sticky"
+     *   target="_blank"
+     * >
+     *   Tippy.js docs
+     * </a>
      * @values true, false, reference, popper
      */
     sticky: {
@@ -103309,8 +103341,8 @@ const l2e = {
   props: {
     /**
      * Supports shortcode ex: :smile: or unicode ex: 😄. Will display the resulting emoji.
-     * See <a href="https://emojipedia.org/joypixels/" target="_blank">JoyPixels</a>
-     *  for all supported shortcode/unicode or the docs for setting up custom emojis.
+     * <a class="d-link" href="https://emojipedia.org/joypixels/" target="_blank">JoyPixels</a>
+     * for all supported shortcode/unicode or the docs for setting up custom emojis.
      */
     code: {
       type: String,
@@ -103318,7 +103350,7 @@ const l2e = {
     },
     /**
      * The size of the emoji. Can be any of the icon size utility classes from
-     * <a href="https://dialpad.design/components/icon.html" target="_blank"> Dialpad Icon Size</a>
+     * <a class="d-link" href="https://dialpad.design/components/icon.html" target="_blank"> Dialpad Icon Size</a>
      * @values 100, 200, 300, 400, 500, 600, 700, 800
      */
     size: {