@dialpad/dialtone-vue 3.103.0 → 3.105.0

package/dist/{stack-9esIKlKa.cjs → stack-wGf3gStH.cjs}

@@ -1,2 +1,2 @@
-"use strict";const l=require("./tooltip-gZ2LW6l0.cjs"),t=require("vue"),d=require("./emoji-0CxcYOpi.cjs"),p={BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},T=[p.BUSY,p.AWAY,p.OFFLINE,p.ACTIVE],K={name:"DtPresence",props:{presence:{type:String,default:p.ACTIVE,validator:e=>T.includes(e)},srText:{type:String,default:null}}},j=["aria-live"],G={key:0,"data-qa":"dt-presence-sr-text",class:"sr-only"};function U(e,n,o,i,a,s){return t.openBlock(),t.createElementBlock("div",{class:"d-presence","data-qa":"dt-presence",role:"status","aria-live":e.$attrs.ariaLive||"off"},[o.srText?(t.openBlock(),t.createElementBlock("span",G,t.toDisplayString(o.srText),1)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["d-presence__inner",{"d-presence__inner--active":o.presence==="active","d-presence__inner--away":o.presence==="away","d-presence__inner--busy":o.presence==="busy","d-presence__inner--offline":o.presence==="offline"}])},null,2)],8,j)}const k=l._export_sfc(K,[["render",U]]),_={xs:"d-avatar--xs",sm:"d-avatar--sm",md:"d-avatar--md",lg:"d-avatar--lg",xl:"d-avatar--xl"},P={default:"",icon:"d-avatar__icon",initials:"d-avatar__initials"},w={md:"d-avatar__presence--md",lg:"d-avatar__presence--lg"},S={NONE:"",BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},D={xs:"100",sm:"200",md:"300",lg:"500",xl:"600"},L=["100","200","300","400","500","600","700","800","900","1000","1100","1200","1300","1400","1500","1600","1700","1800"],g=e=>e>1;function $(){return[void 0,...d.iconNames]}const W=e=>{if(typeof e!="string"||!e.trim())return"";const n=e.trim().split(/\s+/g);return n.length===1?n.join("").substring(0,2):n.filter((o,i)=>i===0||i===n.length-1).map(o=>o.slice(0,1).toUpperCase()).join("")},Y=$(),Z={name:"DtAvatar",components:{DtPresence:k,DtIcon:d.DtIcon},inheritAttrs:!1,props:{id:{type:String,default(){return l.getUniqueString()}},seed:{type:String,default:void 0},color:{type:String,default:void 0},size:{type:String,default:"md",validator:e=>Object.keys(_).includes(e)},avatarClass:{type:[String,Array,Object],default:""},canvasClass:{type:[String,Array,Object],default:""},iconClass:{type:[String,Array,Object],default:""},presence:{type:String,default:S.NONE,validator:e=>Object.values(S).includes(e)},presenceProps:{type:Object,default:()=>({})},group:{type:Number,default:void 0,validator:e=>g(e)},overlayIcon:{type:String,default:""},overlayText:{type:String,default:""},overlayClass:{type:[String,Array,Object],default:""},imageSrc:{type:String,default:""},imageAlt:{type:String,default:""},iconName:{type:String,default:void 0,validator:e=>Y.includes(e)},iconSize:{type:String,default:"",validator:e=>!e||Object.keys(d.ICON_SIZE_MODIFIERS).includes(e)},fullName:{type:String,default:""},clickable:{type:Boolean,default:!1}},emits:["click"],data(){return{AVATAR_SIZE_MODIFIERS:_,AVATAR_KIND_MODIFIERS:P,AVATAR_PRESENCE_SIZE_MODIFIERS:w,AVATAR_ICON_SIZES:D,imageLoadedSuccessfully:null,formattedInitials:"",initializing:!1}},computed:{isNotIconType(){return!this.iconName},avatarClasses(){return["d-avatar",_[this.validatedSize],this.avatarClass,{"d-avatar--group":this.showGroup,[`d-avatar--color-${this.getColor()}`]:this.isNotIconType,"d-avatar--clickable":this.clickable}]},overlayClasses(){return["d-avatar__overlay",this.overlayClass]},showGroup(){return g(this.group)},formattedGroup(){return this.group>99?"99+":this.group},validatedSize(){return this.group?"xs":this.size},showImage(){return this.imageLoadedSuccessfully!==!1&&this.imageSrc},buttonAriaLabel(){if(this.clickable)return this.fullName||this.imageAlt||this.$attrs["aria-label"]}},watch:{fullName:{immediate:!0,handler(e){this.formatInitials(e)}},imageSrc(e){this.imageLoadedSuccessfully=null,e&&(this.validateProps(),this.setImageListeners())}},mounted(){this.validateProps(),this.setImageListeners()},methods:{async setImageListeners(){await this.$nextTick();const e=this.$refs.avatarImage;e&&(e.addEventListener("load",()=>this._loadedImageEventHandler(e),{once:!0}),e.addEventListener("error",()=>this._erroredImageEventHandler(e),{once:!0}))},formatInitials(e){const n=W(e);this.validatedSize==="xs"?this.formattedInitials="":this.validatedSize==="sm"?this.formattedInitials=n[0]:this.formattedInitials=n},getColor(){return this.color??l.getRandomElement(L,this.seed)},_loadedImageEventHandler(e){this.imageLoadedSuccessfully=!0,e.classList.remove("d-d-none")},_erroredImageEventHandler(e){this.imageLoadedSuccessfully=!1,e.classList.add("d-d-none")},validateProps(){if(this.imageSrc&&!(this.fullName||this.imageAlt))throw new Error("full-name or image-alt must be set if image-src is provided")},handleClick(e){this.clickable&&this.$emit("click",e)}}},X=["src","alt"],J={key:1,class:"d-avatar__overlay-text"},Q={key:1,class:"d-avatar__count","data-qa":"dt-avatar-count"};function ee(e,n,o,i,a,s){const c=t.resolveComponent("dt-icon"),u=t.resolveComponent("dt-presence");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.clickable?"button":"div"),{id:o.id,class:t.normalizeClass(s.avatarClasses),"data-qa":"dt-avatar","aria-label":s.buttonAriaLabel,onClick:s.handleClick},{default:t.withCtx(()=>[t.createElementVNode("div",{ref:"canvas",class:t.normalizeClass([o.canvasClass,"d-avatar__canvas",{"d-avatar--image-loaded":a.imageLoadedSuccessfully}])},[s.showImage?(t.openBlock(),t.createElementBlock("img",{key:0,ref:"avatarImage",class:"d-avatar__image","data-qa":"dt-avatar-image",src:o.imageSrc,alt:o.imageAlt||o.fullName},null,8,X)):o.iconName?(t.openBlock(),t.createBlock(c,{key:1,name:o.iconName,size:o.iconSize||a.AVATAR_ICON_SIZES[o.size],class:t.normalizeClass([o.iconClass,a.AVATAR_KIND_MODIFIERS.icon]),"data-qa":"dt-avatar-icon"},null,8,["name","size","class"])):(t.openBlock(),t.createElementBlock("span",{key:2,class:t.normalizeClass([a.AVATAR_KIND_MODIFIERS.initials])},t.toDisplayString(a.formattedInitials),3))],2),o.overlayIcon||o.overlayText?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(s.overlayClasses)},[o.overlayIcon?(t.openBlock(),t.createBlock(c,{key:0,class:"d-avatar__overlay-icon",name:o.overlayIcon},null,8,["name"])):o.overlayText?(t.openBlock(),t.createElementBlock("p",J,t.toDisplayString(o.overlayText),1)):t.createCommentVNode("",!0)],2)):t.createCommentVNode("",!0),s.showGroup?(t.openBlock(),t.createElementBlock("span",Q,t.toDisplayString(s.formattedGroup),1)):t.createCommentVNode("",!0),o.presence&&!s.showGroup?(t.openBlock(),t.createBlock(u,t.mergeProps({key:2,presence:o.presence,class:["d-avatar__presence",a.AVATAR_PRESENCE_SIZE_MODIFIERS[o.size]]},o.presenceProps,{"data-qa":"dt-presence"}),null,16,["presence","class"])):t.createCommentVNode("",!0)]),_:1},8,["id","class","aria-label","onClick"])}const te=l._export_sfc(Z,[["render",ee]]),ne={name:"DtLink",props:{kind:{type:String,default:"",validator(e){return d.LINK_VARIANTS.includes(e)}}},data(){return{LINK_KIND_MODIFIERS:d.LINK_KIND_MODIFIERS}}},oe=["href"];function se(e,n,o,i,a,s){return t.openBlock(),t.createElementBlock("a",{class:t.normalizeClass(["d-link",a.LINK_KIND_MODIFIERS[o.kind]]),"data-qa":"dt-link",href:"href"in e.$attrs?e.$attrs.href:"javascript:void(0)"},[t.renderSlot(e.$slots,"default")],10,oe)}const ae=l._export_sfc(ne,[["render",se]]),N={props:{visuallyHiddenClose:{type:Boolean,default:!1},visuallyHiddenCloseLabel:{type:String,default:null}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateVisuallyHiddenCloseProps()}}},computed:{showVisuallyHiddenClose(){return this.visuallyHiddenClose&&this.visuallyHiddenCloseLabel!=null}},methods:{validateVisuallyHiddenCloseProps(){this.visuallyHiddenClose&&!this.visuallyHiddenCloseLabel&&console.error(`If visuallyHiddenClose prop is true, the component includes
+"use strict";const l=require("./tooltip-gZ2LW6l0.cjs"),t=require("vue"),d=require("./emoji-tI6sCuHx.cjs"),p={BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},T=[p.BUSY,p.AWAY,p.OFFLINE,p.ACTIVE],K={name:"DtPresence",props:{presence:{type:String,default:p.ACTIVE,validator:e=>T.includes(e)},srText:{type:String,default:null}}},j=["aria-live"],G={key:0,"data-qa":"dt-presence-sr-text",class:"sr-only"};function U(e,n,o,i,a,s){return t.openBlock(),t.createElementBlock("div",{class:"d-presence","data-qa":"dt-presence",role:"status","aria-live":e.$attrs.ariaLive||"off"},[o.srText?(t.openBlock(),t.createElementBlock("span",G,t.toDisplayString(o.srText),1)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["d-presence__inner",{"d-presence__inner--active":o.presence==="active","d-presence__inner--away":o.presence==="away","d-presence__inner--busy":o.presence==="busy","d-presence__inner--offline":o.presence==="offline"}])},null,2)],8,j)}const k=l._export_sfc(K,[["render",U]]),_={xs:"d-avatar--xs",sm:"d-avatar--sm",md:"d-avatar--md",lg:"d-avatar--lg",xl:"d-avatar--xl"},P={default:"",icon:"d-avatar__icon",initials:"d-avatar__initials"},w={md:"d-avatar__presence--md",lg:"d-avatar__presence--lg"},S={NONE:"",BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},D={xs:"100",sm:"200",md:"300",lg:"500",xl:"600"},L=["100","200","300","400","500","600","700","800","900","1000","1100","1200","1300","1400","1500","1600","1700","1800"],g=e=>e>1;function $(){return[void 0,...d.iconNames]}const W=e=>{if(typeof e!="string"||!e.trim())return"";const n=e.trim().split(/\s+/g);return n.length===1?n.join("").substring(0,2):n.filter((o,i)=>i===0||i===n.length-1).map(o=>o.slice(0,1).toUpperCase()).join("")},Y=$(),Z={name:"DtAvatar",components:{DtPresence:k,DtIcon:d.DtIcon},inheritAttrs:!1,props:{id:{type:String,default(){return l.getUniqueString()}},seed:{type:String,default:void 0},color:{type:String,default:void 0},size:{type:String,default:"md",validator:e=>Object.keys(_).includes(e)},avatarClass:{type:[String,Array,Object],default:""},canvasClass:{type:[String,Array,Object],default:""},iconClass:{type:[String,Array,Object],default:""},presence:{type:String,default:S.NONE,validator:e=>Object.values(S).includes(e)},presenceProps:{type:Object,default:()=>({})},group:{type:Number,default:void 0,validator:e=>g(e)},overlayIcon:{type:String,default:""},overlayText:{type:String,default:""},overlayClass:{type:[String,Array,Object],default:""},imageSrc:{type:String,default:""},imageAlt:{type:String,default:""},iconName:{type:String,default:void 0,validator:e=>Y.includes(e)},iconSize:{type:String,default:"",validator:e=>!e||Object.keys(d.ICON_SIZE_MODIFIERS).includes(e)},fullName:{type:String,default:""},clickable:{type:Boolean,default:!1}},emits:["click"],data(){return{AVATAR_SIZE_MODIFIERS:_,AVATAR_KIND_MODIFIERS:P,AVATAR_PRESENCE_SIZE_MODIFIERS:w,AVATAR_ICON_SIZES:D,imageLoadedSuccessfully:null,formattedInitials:"",initializing:!1}},computed:{isNotIconType(){return!this.iconName},avatarClasses(){return["d-avatar",_[this.validatedSize],this.avatarClass,{"d-avatar--group":this.showGroup,[`d-avatar--color-${this.getColor()}`]:this.isNotIconType,"d-avatar--clickable":this.clickable}]},overlayClasses(){return["d-avatar__overlay",this.overlayClass]},showGroup(){return g(this.group)},formattedGroup(){return this.group>99?"99+":this.group},validatedSize(){return this.group?"xs":this.size},showImage(){return this.imageLoadedSuccessfully!==!1&&this.imageSrc},buttonAriaLabel(){if(this.clickable)return this.fullName||this.imageAlt||this.$attrs["aria-label"]}},watch:{fullName:{immediate:!0,handler(e){this.formatInitials(e)}},imageSrc(e){this.imageLoadedSuccessfully=null,e&&(this.validateProps(),this.setImageListeners())}},mounted(){this.validateProps(),this.setImageListeners()},methods:{async setImageListeners(){await this.$nextTick();const e=this.$refs.avatarImage;e&&(e.addEventListener("load",()=>this._loadedImageEventHandler(e),{once:!0}),e.addEventListener("error",()=>this._erroredImageEventHandler(e),{once:!0}))},formatInitials(e){const n=W(e);this.validatedSize==="xs"?this.formattedInitials="":this.validatedSize==="sm"?this.formattedInitials=n[0]:this.formattedInitials=n},getColor(){return this.color??l.getRandomElement(L,this.seed)},_loadedImageEventHandler(e){this.imageLoadedSuccessfully=!0,e.classList.remove("d-d-none")},_erroredImageEventHandler(e){this.imageLoadedSuccessfully=!1,e.classList.add("d-d-none")},validateProps(){if(this.imageSrc&&!(this.fullName||this.imageAlt))throw new Error("full-name or image-alt must be set if image-src is provided")},handleClick(e){this.clickable&&this.$emit("click",e)}}},X=["src","alt"],J={key:1,class:"d-avatar__overlay-text"},Q={key:1,class:"d-avatar__count","data-qa":"dt-avatar-count"};function ee(e,n,o,i,a,s){const c=t.resolveComponent("dt-icon"),u=t.resolveComponent("dt-presence");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.clickable?"button":"div"),{id:o.id,class:t.normalizeClass(s.avatarClasses),"data-qa":"dt-avatar","aria-label":s.buttonAriaLabel,onClick:s.handleClick},{default:t.withCtx(()=>[t.createElementVNode("div",{ref:"canvas",class:t.normalizeClass([o.canvasClass,"d-avatar__canvas",{"d-avatar--image-loaded":a.imageLoadedSuccessfully}])},[s.showImage?(t.openBlock(),t.createElementBlock("img",{key:0,ref:"avatarImage",class:"d-avatar__image","data-qa":"dt-avatar-image",src:o.imageSrc,alt:o.imageAlt||o.fullName},null,8,X)):o.iconName?(t.openBlock(),t.createBlock(c,{key:1,name:o.iconName,size:o.iconSize||a.AVATAR_ICON_SIZES[o.size],class:t.normalizeClass([o.iconClass,a.AVATAR_KIND_MODIFIERS.icon]),"data-qa":"dt-avatar-icon"},null,8,["name","size","class"])):(t.openBlock(),t.createElementBlock("span",{key:2,class:t.normalizeClass([a.AVATAR_KIND_MODIFIERS.initials])},t.toDisplayString(a.formattedInitials),3))],2),o.overlayIcon||o.overlayText?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(s.overlayClasses)},[o.overlayIcon?(t.openBlock(),t.createBlock(c,{key:0,class:"d-avatar__overlay-icon",name:o.overlayIcon},null,8,["name"])):o.overlayText?(t.openBlock(),t.createElementBlock("p",J,t.toDisplayString(o.overlayText),1)):t.createCommentVNode("",!0)],2)):t.createCommentVNode("",!0),s.showGroup?(t.openBlock(),t.createElementBlock("span",Q,t.toDisplayString(s.formattedGroup),1)):t.createCommentVNode("",!0),o.presence&&!s.showGroup?(t.openBlock(),t.createBlock(u,t.mergeProps({key:2,presence:o.presence,class:["d-avatar__presence",a.AVATAR_PRESENCE_SIZE_MODIFIERS[o.size]]},o.presenceProps,{"data-qa":"dt-presence"}),null,16,["presence","class"])):t.createCommentVNode("",!0)]),_:1},8,["id","class","aria-label","onClick"])}const te=l._export_sfc(Z,[["render",ee]]),ne={name:"DtLink",props:{kind:{type:String,default:"",validator(e){return d.LINK_VARIANTS.includes(e)}}},data(){return{LINK_KIND_MODIFIERS:d.LINK_KIND_MODIFIERS}}},oe=["href"];function se(e,n,o,i,a,s){return t.openBlock(),t.createElementBlock("a",{class:t.normalizeClass(["d-link",a.LINK_KIND_MODIFIERS[o.kind]]),"data-qa":"dt-link",href:"href"in e.$attrs?e.$attrs.href:"javascript:void(0)"},[t.renderSlot(e.$slots,"default")],10,oe)}const ae=l._export_sfc(ne,[["render",se]]),N={props:{visuallyHiddenClose:{type:Boolean,default:!1},visuallyHiddenCloseLabel:{type:String,default:null}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateVisuallyHiddenCloseProps()}}},computed:{showVisuallyHiddenClose(){return this.visuallyHiddenClose&&this.visuallyHiddenCloseLabel!=null}},methods:{validateVisuallyHiddenCloseProps(){this.visuallyHiddenClose&&!this.visuallyHiddenCloseLabel&&console.error(`If visuallyHiddenClose prop is true, the component includes
            a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`)}}},ie={name:"SrOnlyCloseButton",components:{DtIcon:d.DtIcon,DtButton:d.DtButton},props:{visuallyHiddenCloseLabel:{type:String,default:null}},emits:["close"],methods:{close(){this.$emit("close")}}};function le(e,n,o,i,a,s){const c=t.resolveComponent("dt-icon"),u=t.resolveComponent("dt-button");return t.openBlock(),t.createBlock(u,{id:"sr-only-close-button","data-qa":"dt-sr-only-close-button",class:"d-vi-visible-sr","aria-label":o.visuallyHiddenCloseLabel,onClick:s.close,onKeydown:t.withKeys(t.withModifiers(s.close,["prevent","stop"]),["space"])},{default:t.withCtx(()=>[t.createVNode(c,{name:"close"})]),_:1},8,["aria-label","onClick","onKeydown"])}const B=l._export_sfc(ie,[["render",le]]),R=':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])',re=`${R}:not([tabindex="-1"])`,ce="button,[href],input,select,textarea,details,[tabindex]",V={methods:{async getFirstFocusableElement(e){await this.$nextTick();const n=this._getFocusableElements(e,!0);return this._getFirstFocusElement(n)},async focusFirstElement(e){const n=await this.getFirstFocusableElement(e);n==null||n.focus({preventScroll:!0})},_getFirstFocusElement(e){if(!e.length)return;let n=e[0];return n.matches('[type="radio"]:not(:checked)')&&(n=e.find(o=>o.checked&&o.name===n.name)||n),n},_getFocusableElements(e=this.$el,n=!1){return e?[...e.querySelectorAll(ce)].filter(i=>{const a=window.getComputedStyle(i);return a.getPropertyValue("display")!=="none"&&a.getPropertyValue("visibility")!=="hidden"&&i.matches(n?R:re)}):[]},focusTrappedTabPress(e,n){if(!(e.key==="Tab"))return;const i=this._getFocusableElements(n);if(!i.length){e.preventDefault();return}const a=this._getFirstFocusElement(i),s=i[i.length-1];e.shiftKey?document.activeElement===a&&(s.focus(),e.preventDefault()):document.activeElement===s&&(a.focus(),e.preventDefault())}}},v={DEFAULT:"default",CUSTOM:"custom"},f={ARROW_KEYS:"arrow-keys",TAB:"tab",NONE:"none"},de={name:"DtItemLayout",props:{as:{type:String,default:"div"}}},ue={key:0,"data-qa":"dt-item-layout-left-wrapper",class:"dt-item-layout--left"},he={"data-qa":"dt-item-layout-content-wrapper",class:"dt-item-layout--content"},pe={key:0,"data-qa":"dt-item-layout-title-wrapper",class:"dt-item-layout--title"},me={key:2,"data-qa":"dt-item-layout-bottom-wrapper",class:"dt-item-layout--bottom"},fe={key:1,"data-qa":"dt-item-layout-right-wrapper",class:"dt-item-layout--right"},ye={key:2,"data-qa":"dt-item-layout-selected-wrapper",class:"dt-item-layout--selected"};function _e(e,n,o,i,a,s){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.as),{class:"dt-item-layout"},{default:t.withCtx(()=>[e.$slots.left?(t.openBlock(),t.createElementBlock("section",ue,[t.renderSlot(e.$slots,"left",{},void 0,!0)])):t.createCommentVNode("",!0),t.createElementVNode("section",he,[e.$slots.default?(t.openBlock(),t.createElementBlock("div",pe,[t.renderSlot(e.$slots,"default",{},void 0,!0)])):t.createCommentVNode("",!0),e.$slots.subtitle?(t.openBlock(),t.createElementBlock("div",{key:1,"data-qa":"dt-item-layout-subtitle-wrapper",class:t.normalizeClass(["dt-item-layout--subtitle",{"dt-item-layout--subtitle--with-title":e.$slots.default}])},[t.renderSlot(e.$slots,"subtitle",{},void 0,!0)],2)):t.createCommentVNode("",!0),e.$slots.bottom?(t.openBlock(),t.createElementBlock("div",me,[t.renderSlot(e.$slots,"bottom",{},void 0,!0)])):t.createCommentVNode("",!0)]),e.$slots.right?(t.openBlock(),t.createElementBlock("section",fe,[t.renderSlot(e.$slots,"right",{},void 0,!0)])):t.createCommentVNode("",!0),e.$slots.selected?(t.openBlock(),t.createElementBlock("section",ye,[t.renderSlot(e.$slots,"selected",{},void 0,!0)])):t.createCommentVNode("",!0)]),_:3})}const C=l._export_sfc(de,[["render",_e],["__scopeId","data-v-411cb81e"]]),ve={name:"DtListItem",components:{DtItemLayout:C,DtIcon:d.DtIcon},inject:{highlightId:{default:null}},props:{id:{type:String,default(){return l.utils.getUniqueString()}},role:{type:String,default:"listitem"},elementType:{type:String,default:"li"},type:{type:String,default:v.DEFAULT,validator:e=>Object.values(v).includes(e)},navigationType:{type:String,default:f.NONE,validator:e=>Object.values(f).includes(e)},selected:{type:Boolean,default:!1}},emits:["keydown","mousemove","mouseleave","mousedown"],data(){return{injected:!1,mouseHighlighted:!1}},computed:{listItemType(){switch(this.type){case v.DEFAULT:return C;default:return null}},listItemListeners(){return{keydown:e=>{["enter","space"].includes(e.code.toLowerCase())&&this.onClick(e),this.$emit("keydown",e)},mousemove:e=>{this.onMouseHover(e),this.$emit("mousemove",e)},mouseleave:e=>{this.onMouseLeave(e),this.$emit("mouseleave",e)}}},isHighlighted(){return this.isHoverable?this.highlightId&&this.highlightId()?this.id===this.highlightId():this.mouseHighlighted:!1},isFocusable(){return this.navigationType===f.TAB},isHoverable(){return this.navigationType!==f.NONE}},methods:{onClick(e){this.$emit("click",e)},onMouseHover(){this.mouseHighlighted=!0},onMouseLeave(){this.mouseHighlighted=!1}}};function Ee(e,n,o,i,a,s){const c=t.resolveComponent("dt-icon");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.elementType),t.mergeProps({id:o.id,class:["dt-list-item",{"dt-list-item--focusable":s.isFocusable,"dt-list-item--highlighted":s.isHighlighted,"dt-list-item--static":!s.isHoverable}],tabindex:s.isFocusable?0:-1,role:o.role,"aria-selected":s.isHighlighted},t.toHandlers(s.listItemListeners)),{default:t.withCtx(()=>[s.listItemType?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(s.listItemType),{key:0},t.createSlots({_:2},[t.renderList(e.$slots,(u,m)=>({name:m,fn:t.withCtx(()=>[t.renderSlot(e.$slots,m)])})),o.selected?{name:"selected",fn:t.withCtx(()=>[t.createVNode(c,{name:"check",size:"400",class:"dt-list-item--selected-icon"})]),key:"0"}:void 0]),1024)):t.renderSlot(e.$slots,"default",{key:1})]),_:3},16,["id","class","tabindex","role","aria-selected"])}const Se=l._export_sfc(ve,[["render",Ee]]),h={default:"column",column:"column",row:"row","row-reverse":"row-reverse","column-reverse":"column-reverse"},I=["sm","md","lg","xl"],E=["0","100","200","300","400","500","600"],O={none:void 0,small:"d-p4",medium:"d-p8",large:"d-p16"},F={none:void 0,small:"d-pl4",medium:"d-pl8",large:"d-pl16"},x=["dialog","menu","listbox","tree","grid"],H=["","anchor"],M=["none","dialog","first"],q=["parent","body"],z=[...l.TIPPY_STICKY_VALUES],ge=[...l.BASE_TIPPY_DIRECTIONS],Ce={name:"PopoverHeaderFooter",components:{DtButton:d.DtButton,DtIcon:d.DtIcon},props:{type:{type:String,validator:function(e){return["header","footer"].includes(e)}},contentClass:{type:[String,Array,Object],default:""},showCloseButton:{type:Boolean,default:!1},closeButtonProps:{type:Object,default:()=>{}}},emits:["close"],data(){return{hasSlotContent:l.hasSlotContent}},methods:{focusCloseButton(){var n;const e=(n=this.$refs["popover__close-button"])==null?void 0:n.$el;e==null||e.focus()}}};function Oe(e,n,o,i,a,s){const c=t.resolveComponent("dt-icon"),u=t.resolveComponent("dt-button");return t.openBlock(),t.createElementBlock("div",{"data-qa":"dt-popover-header-footer",class:t.normalizeClass({"d-popover__header":o.type==="header","d-popover__footer":o.type==="footer"})},[a.hasSlotContent(e.$slots.content)?(t.openBlock(),t.createElementBlock("div",{key:0,"data-qa":"dt-popover-header-footer-content",class:t.normalizeClass([{"d-popover__header__content":o.type==="header","d-popover__footer__content":o.type==="footer"},o.contentClass])},[t.renderSlot(e.$slots,"content")],2)):t.createCommentVNode("",!0),o.showCloseButton?(t.openBlock(),t.createBlock(u,t.mergeProps({key:1,ref:"popover__close-button","data-qa":"dt-popover-close",class:{"d-popover__header__close-button":o.type==="header","d-popover__footer__close-button":o.type==="footer"},importance:"outlined",kind:"muted",circle:""},o.closeButtonProps,{onClick:n[0]||(n[0]=m=>e.$emit("close"))}),{icon:t.withCtx(()=>[t.createVNode(c,{name:"close",size:"300"})]),_:1},16,["class"])):t.createCommentVNode("",!0)],2)}const Ie=l._export_sfc(Ce,[["render",Oe]]),be={name:"DtPopover",components:{SrOnlyCloseButton:B,DtLazyShow:l.DtLazyShow,PopoverHeaderFooter:Ie},mixins:[V,N],props:{open:{type:Boolean,default:null},openOnContext:{type:Boolean,default:!1},elementType:{type:String,default:"div"},transition:{type:String,default:"fade"},role:{type:String,default:"dialog",validator:e=>x.includes(e)},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null},closeButtonProps:{type:Object,default:()=>({})},padding:{type:String,default:"large",validator:e=>Object.keys(O).some(n=>n===e)},contentClass:{type:[String,Array,Object],default:""},contentWidth:{type:String,default:"",validator:e=>H.includes(e)},contentAppear:{type:Boolean,default:null},contentTabindex:{type:Number||null,default:-1},externalAnchor:{type:String,default:""},id:{type:String,default(){return l.getUniqueString()}},offset:{type:Array,default:()=>[0,4]},hideOnClick:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},fallbackPlacements:{type:Array,default:()=>["auto"]},placement:{type:String,default:"bottom-end"},tether:{type:Boolean,default:!0},sticky:{type:[Boolean,String],default:!1,validator:e=>z.includes(e)},maxHeight:{type:String,default:""},maxWidth:{type:String,default:""},showCloseButton:{type:Boolean,default:!1},headerClass:{type:[String,Array,Object],default:""},footerClass:{type:[String,Array,Object],default:""},dialogClass:{type:[String,Array,Object],default:""},initialFocusElement:{type:[String,HTMLElement],default:"first",validator:e=>M.includes(e)||e instanceof HTMLElement||e.startsWith("#")},openWithArrowKeys:{type:Boolean,default:!1},appendTo:{type:[HTMLElement,String],default:"body",validator:e=>q.includes(e)||e instanceof HTMLElement},hovercard:{type:Boolean,default:!1},timer:{type:[Object,null],default:null,validator:e=>e===null||e.enter&&e.leave&&Object.keys(e).includes("current")}},emits:["keydown","update:open","opened"],data(){return{POPOVER_PADDING_CLASSES:O,POPOVER_HEADER_FOOTER_PADDING_CLASSES:F,intersectionObserver:null,isOutsideViewport:!1,isOpen:!1,toAppear:!1,anchorEl:null,popoverContentEl:null,hasSlotContent:l.hasSlotContent,inTimer:null,outTimer:null}},computed:{popoverListeners(){return{keydown:e=>{this.onKeydown(e)},"after-leave":e=>{this.onLeaveTransitionComplete()},"after-enter":e=>{this.onEnterTransitionComplete()}}},calculatedMaxHeight(){return this.isOutsideViewport&&this.modal?"calc(100vh - var(--dt-space-300))":this.maxHeight},labelledBy(){return this.ariaLabelledby||!this.ariaLabel&&l.getUniqueString("DtPopover__anchor")},currentHovercard(){var e;return(e=this.timer)==null?void 0:e.current}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateProps()}},modal(e){var n;(n=this.tip)==null||n.setProps({zIndex:e?650:this.calculateAnchorZindex()})},offset(e){var n;(n=this.tip)==null||n.setProps({offset:e})},sticky(e){var n;(n=this.tip)==null||n.setProps({sticky:e})},fallbackPlacements(){var e;(e=this.tip)==null||e.setProps({popperOptions:this.popperOptions()})},tether(){var e;(e=this.tip)==null||e.setProps({popperOptions:this.popperOptions()})},placement(e){var n;(n=this.tip)==null||n.setProps({placement:e})},open:{handler:function(e){e!==null&&(this.isOpen=e),e===!0&&(this.toAppear=!0)},immediate:!0},contentAppear:{handler:function(e){e!==null&&(this.toAppear=e)}},isOpen(e,n){e?(this.initTippyInstance(),this.tip.show()):!e&&n!==e&&(this.removeEventListeners(),this.tip.hide())},currentHovercard(){this.hovercard&&this.timer&&(this.currentHovercard===this.id?this.isOpen=!0:this.isOpen=!1)}},mounted(){const e=this.externalAnchor?this.$refs.anchor.getRootNode().querySelector(`#${this.externalAnchor}`):null;this.anchorEl=e??this.$refs.anchor.children[0],this.popoverContentEl=this.$refs.content.$el,this.isOpen&&(this.initTippyInstance(),this.tip.show()),this.intersectionObserver=new IntersectionObserver(this.hasIntersectedViewport),this.intersectionObserver.observe(this.popoverContentEl)},beforeUnmount(){var e;(e=this.tip)==null||e.destroy(),this.intersectionObserver.disconnect(),this.removeReferences(),this.removeEventListeners()},methods:{hasIntersectedViewport(e){var i;const n=(i=e==null?void 0:e[0])==null?void 0:i.target;if(!n)return;const o=l.isOutOfViewPort(n);this.isOutsideViewport=o.bottom||o.top},popperOptions(){return l.getPopperOptions({fallbackPlacements:this.fallbackPlacements,tether:this.tether,hasHideModifierEnabled:!0})},validateProps(){this.modal&&this.initialFocusElement==="none"&&console.error('If the popover is modal you must set the initialFocusElement prop. Possible values: "dialog", "first", HTMLElement')},calculateAnchorZindex(){var e;return this.$el.getRootNode().querySelector('.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"]')||(e=this.anchorEl)!=null&&e.closest(".d-zi-drawer")?650:300},defaultToggleOpen(e){var n,o,i;if(!this.hovercard&&!this.openOnContext&&(this.open===null||this.open===void 0)){if(!((n=this.anchorEl)!=null&&n.contains(e.target))&&!((o=this.anchorEl)!=null&&o.isEqualNode(e.target))||(i=this.anchorEl)!=null&&i.disabled)return;this.toggleOpen()}},async onContext(e){this.openOnContext&&(e.preventDefault(),this.isOpen=!0,await this.$nextTick(),this.tip.setProps({placement:"right-start",getReferenceClientRect:()=>({width:0,height:0,top:e.clientY,bottom:e.clientY,left:e.clientX,right:e.clientX})}))},toggleOpen(){this.isOpen=!this.isOpen},onArrowKeyPress(e){var n;this.open===null&&(this.openWithArrowKeys&&((n=this.anchorEl)!=null&&n.contains(e.target))&&(this.isOpen||(this.isOpen=!0)),this.$emit("keydown",e))},addEventListeners(){window.addEventListener("dt-popover-close",this.closePopover),this.contentWidth==="anchor"&&window.addEventListener("resize",this.onResize)},removeEventListeners(){window.removeEventListener("dt-popover-close",this.closePopover),this.contentWidth==="anchor"&&window.removeEventListener("resize",this.onResize)},closePopover(){this.isOpen=!1},preventScrolling(){var e;if(this.modal){const n=(e=this.anchorEl)==null?void 0:e.closest("body, .tippy-box");n.tagName.toLowerCase()==="body"?(n.classList.add("d-of-hidden"),this.tip.setProps({offset:this.offset})):n.classList.add("d-zi-popover")}},enableScrolling(){var n,o;const e=(n=this.anchorEl)==null?void 0:n.closest("body, .tippy-box");e&&(((o=e.tagName)==null?void 0:o.toLowerCase())==="body"?(e.classList.remove("d-of-hidden"),this.tip.setProps({offset:this.offset})):e.classList.remove("d-zi-popover"))},removeReferences(){this.anchorEl=null,this.popoverContentEl=null,this.tip=null},async onShow(){this.contentWidth==="anchor"&&await this.setPopoverContentAnchorWidth(),this.contentWidth===null&&(this.popoverContentEl.style.width="auto"),this.addEventListeners()},async onLeaveTransitionComplete(){var e;this.modal&&(await this.focusFirstElement(this.$refs.anchor),await this.$nextTick(),this.enableScrolling()),(e=this.tip)==null||e.unmount(),this.$emit("opened",!1),this.open!==null&&this.$emit("update:open",!1)},async onEnterTransitionComplete(){this.focusInitialElement(),await this.$nextTick(),this.preventScrolling(),this.$emit("opened",!0,this.$refs.popover__content),this.open!==null&&this.$emit("update:open",!0)},focusInitialElement(){this.initialFocusElement==="dialog"&&this.$refs.content.$el.focus(),this.initialFocusElement.startsWith("#")&&this.focusInitialElementById(),this.initialFocusElement==="first"&&this.focusFirstElementIfNeeded(this.$refs.popover__content),this.initialFocusElement instanceof HTMLElement&&this.initialFocusElement.focus()},focusInitialElementById(){var n,o,i;const e=(o=(n=this.$refs.content)==null?void 0:n.$el)==null?void 0:o.querySelector(this.initialFocusElement);e?e.focus():console.warn('Could not find the element specified in dt-popover prop "initialFocusElement". Defaulting to focusing the dialog.'),e?e.focus():(i=this.$refs.content)==null||i.$el.focus()},onResize(){this.closePopover()},onClickOutside(){if(!this.hideOnClick)return;this.popoverContentEl.querySelector(".d-popover__anchor--opened")||this.closePopover()},onKeydown(e){e.key==="Tab"&&this.modal&&this.focusTrappedTabPress(e,this.popoverContentEl),e.key==="Escape"&&this.closePopover(),this.$emit("keydown",e)},async setPopoverContentAnchorWidth(){var e;await this.$nextTick(),this.popoverContentEl.style.width=`${(e=this.anchorEl)==null?void 0:e.clientWidth}px`},focusFirstElementIfNeeded(e){var o,i;this._getFocusableElements(e,!0).length!==0?this.focusFirstElement(e):this.showCloseButton?(o=this.$refs.popover__header)==null||o.focusCloseButton():(i=this.$refs.content)==null||i.$el.focus()},initTippyInstance(){var e,n;this.tip=l.createTippy(this.anchorEl,{popperOptions:this.popperOptions(),contentElement:this.popoverContentEl,placement:this.placement,offset:this.offset,sticky:this.sticky,appendTo:this.appendTo==="body"?(n=(e=this.anchorEl)==null?void 0:e.getRootNode())==null?void 0:n.querySelector("body"):this.appendTo,interactive:!0,trigger:"manual",hideOnClick:!1,zIndex:this.modal?650:this.calculateAnchorZindex(),onClickOutside:this.onClickOutside,onShow:this.onShow})},setInTimer(){this.inTimer=setTimeout(()=>{this.isOpen=!0},l.TOOLTIP_DELAY_MS)},setOutTimer(){this.outTimer=setTimeout(()=>{this.isOpen=!1},l.TOOLTIP_DELAY_MS)},onEnterAnchor(){this.hovercard&&(this.timer?this.timer.enter(this.id):(clearTimeout(this.outTimer),this.setInTimer()))},onLeaveAnchor(){this.hovercard&&(this.timer?this.timer.leave():(clearTimeout(this.inTimer),this.setOutTimer()))},onEnterContent(){this.hovercard&&(this.timer?this.timer.enter(this.id):clearTimeout(this.outTimer))},onLeaveContent(){this.hovercard&&(this.timer?this.timer.leave():this.setOutTimer())}}},Ae=["aria-hidden"],Te=["id","data-qa","tabindex"],ke=["data-qa"];function Pe(e,n,o,i,a,s){const c=t.resolveComponent("popover-header-footer"),u=t.resolveComponent("sr-only-close-button"),m=t.resolveComponent("dt-lazy-show");return t.openBlock(),t.createElementBlock("div",null,[o.modal&&a.isOpen?(t.openBlock(),t.createBlock(t.Teleport,{key:0,to:"body"},[t.createElementVNode("div",{class:"d-modal--transparent","aria-hidden":o.modal&&a.isOpen?"false":"true",onClick:n[0]||(n[0]=t.withModifiers(()=>{},["prevent","stop"]))},null,8,Ae)])):t.createCommentVNode("",!0),(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.elementType),{ref:"popover",class:t.normalizeClass(["d-popover",{"d-popover__anchor--opened":a.isOpen}]),"data-qa":"dt-popover-container"},{default:t.withCtx(()=>[t.createElementVNode("div",{id:!o.ariaLabelledby&&s.labelledBy,ref:"anchor","data-qa":e.$attrs["data-qa"]?`${e.$attrs["data-qa"]}-anchor`:"dt-popover-anchor",tabindex:o.openOnContext?0:void 0,onClickCapture:n[1]||(n[1]=(...r)=>s.defaultToggleOpen&&s.defaultToggleOpen(...r)),onContextmenu:n[2]||(n[2]=(...r)=>s.onContext&&s.onContext(...r)),onKeydown:[n[3]||(n[3]=t.withKeys(t.withModifiers((...r)=>s.onArrowKeyPress&&s.onArrowKeyPress(...r),["prevent"]),["up"])),n[4]||(n[4]=t.withKeys(t.withModifiers((...r)=>s.onArrowKeyPress&&s.onArrowKeyPress(...r),["prevent"]),["down"])),n[6]||(n[6]=t.withKeys(r=>e.$emit("keydown",r),["enter"])),n[7]||(n[7]=t.withKeys(r=>e.$emit("keydown",r),["space"]))],onKeydownCapture:n[5]||(n[5]=t.withKeys((...r)=>s.closePopover&&s.closePopover(...r),["escape"])),onMouseenter:n[8]||(n[8]=(...r)=>s.onEnterAnchor&&s.onEnterAnchor(...r)),onMouseleave:n[9]||(n[9]=(...r)=>s.onLeaveAnchor&&s.onLeaveAnchor(...r))},[t.renderSlot(e.$slots,"anchor",{attrs:{"aria-expanded":a.isOpen.toString(),"aria-controls":o.id,"aria-haspopup":o.role}})],40,Te),t.createVNode(m,t.mergeProps({id:o.id,ref:"content",role:o.role,"data-qa":e.$attrs["data-qa"]?`${e.$attrs["data-qa"]}__dialog`:"dt-popover","aria-hidden":`${!a.isOpen}`,"aria-labelledby":s.labelledBy,"aria-label":o.ariaLabel,"aria-modal":`${!o.modal}`,transition:o.transition,show:a.isOpen,appear:a.toAppear,class:["d-popover__dialog",{"d-popover__dialog--modal":o.modal},o.dialogClass],style:{"max-height":s.calculatedMaxHeight,"max-width":o.maxWidth},css:e.$attrs.css,tabindex:o.contentTabindex},t.toHandlers(s.popoverListeners),{onMouseenter:s.onEnterContent,onMouseleave:s.onLeaveContent}),{default:t.withCtx(()=>[a.hasSlotContent(e.$slots.headerContent)||o.showCloseButton?(t.openBlock(),t.createBlock(c,{key:0,ref:"popover__header",class:t.normalizeClass(a.POPOVER_HEADER_FOOTER_PADDING_CLASSES[o.padding]),"content-class":o.headerClass,type:"header","show-close-button":o.showCloseButton,"close-button-props":o.closeButtonProps,onClose:s.closePopover},{content:t.withCtx(()=>[t.renderSlot(e.$slots,"headerContent",{close:s.closePopover})]),_:3},8,["class","content-class","show-close-button","close-button-props","onClose"])):t.createCommentVNode("",!0),t.createElementVNode("div",{ref:"popover__content","data-qa":e.$attrs["data-qa"]?`${e.$attrs["data-qa"]}-content`:"dt-popover-content",class:t.normalizeClass(["d-popover__content",a.POPOVER_PADDING_CLASSES[o.padding],o.contentClass])},[t.renderSlot(e.$slots,"content",{close:s.closePopover})],10,ke),a.hasSlotContent(e.$slots.footerContent)?(t.openBlock(),t.createBlock(c,{key:1,ref:"popover__footer",type:"footer",class:t.normalizeClass(a.POPOVER_HEADER_FOOTER_PADDING_CLASSES[o.padding]),"content-class":o.footerClass},{content:t.withCtx(()=>[t.renderSlot(e.$slots,"footerContent",{close:s.closePopover})]),_:3},8,["class","content-class"])):t.createCommentVNode("",!0),e.showVisuallyHiddenClose?(t.openBlock(),t.createBlock(u,{key:2,"visually-hidden-close-label":e.visuallyHiddenCloseLabel,onClose:s.closePopover},null,8,["visually-hidden-close-label","onClose"])):t.createCommentVNode("",!0)]),_:3},16,["id","role","data-qa","aria-hidden","aria-labelledby","aria-label","aria-modal","transition","show","appear","class","style","css","tabindex","onMouseenter","onMouseleave"])]),_:3},8,["class"]))])}const we=l._export_sfc(be,[["render",Pe]]);function b(e){return e===h.default}function A(e){if(y(e)==="string")return b(e)?null:h[e];if(y(e)==="object"){const{default:n}=e;return b(n)?null:h[n]}else return null}function y(e){return typeof e}function De(e){return A(e)?`d-stack--${h[A(e)]}`:null}function Le(e){return y(e)==="object"?[...I.map(n=>e[n]?`d-stack--${n}--${e[n]}`:null)]:null}function Ne(e){return E.includes(e)?`d-stack--gap-${e}`:null}function Be(e){if(y(e)==="string")return Object.keys(h).includes(e);if(y(e)==="object"){const{default:n}=e;return Object.keys(h).includes(n)}else return null}function Re(e){return E.includes(e)}const Ve={name:"DtStack",props:{direction:{type:[String,Object],default:"column",validator:e=>Be(e)},as:{type:String,default:"div"},gap:{type:String,default:"0",validator:e=>Re(e)}},data(){return{DT_STACK_DIRECTION:h,DT_STACK_GAP:E,DT_STACK_RESPONSIVE_BREAKPOINTS:I}},computed:{stackGap(){return Ne(this.gap)},defaultDirection(){return De(this.direction)},stackResponsive(){return Le(this.direction)}}};function Fe(e,n,o,i,a,s){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.as),{class:t.normalizeClass(["d-stack",s.defaultDirection,s.stackResponsive,s.stackGap])},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["class"])}const xe=l._export_sfc(Ve,[["render",Fe]]);exports.AVATAR_COLORS=L;exports.AVATAR_GROUP_VALIDATOR=g;exports.AVATAR_ICON_SIZES=D;exports.AVATAR_KIND_MODIFIERS=P;exports.AVATAR_PRESENCE_SIZE_MODIFIERS=w;exports.AVATAR_PRESENCE_STATES=S;exports.AVATAR_SIZE_MODIFIERS=_;exports.DT_STACK_DIRECTION=h;exports.DT_STACK_GAP=E;exports.DT_STACK_RESPONSIVE_BREAKPOINTS=I;exports.DtAvatar=te;exports.DtItemLayout=C;exports.DtLink=ae;exports.DtListItem=Se;exports.DtPopover=we;exports.DtPresence=k;exports.DtStack=xe;exports.LIST_ITEM_NAVIGATION_TYPES=f;exports.LIST_ITEM_TYPES=v;exports.Modal=V;exports.POPOVER_APPEND_TO_VALUES=q;exports.POPOVER_CONTENT_WIDTHS=H;exports.POPOVER_DIRECTIONS=ge;exports.POPOVER_HEADER_FOOTER_PADDING_CLASSES=F;exports.POPOVER_INITIAL_FOCUS_STRINGS=M;exports.POPOVER_PADDING_CLASSES=O;exports.POPOVER_ROLES=x;exports.POPOVER_STICKY_VALUES=z;exports.PRESENCE_STATES=p;exports.PRESENCE_STATES_LIST=T;exports.SrOnlyCloseButton=B;exports.SrOnlyCloseButtonMixin=N;

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

@@ -0,0 +1,56 @@
+export namespace VALIDATION_MESSAGE_TYPES {
+    let ERROR: string;
+    let WARNING: string;
+    let SUCCESS: string;
+}
+export namespace DESCRIPTION_SIZE_TYPES {
+    let LARGE: string;
+    let EXTRA_LARGE: string;
+}
+export namespace DESCRIPTION_SIZE_MODIFIERS {
+    let xs: string;
+    let sm: string;
+    let md: string;
+    let lg: string;
+    let xl: string;
+}
+export namespace LABEL_SIZE_MODIFIERS {
+    let xs_1: string;
+    export { xs_1 as xs };
+    let sm_1: string;
+    export { sm_1 as sm };
+    let md_1: string;
+    export { md_1 as md };
+    let lg_1: string;
+    export { lg_1 as lg };
+    let xl_1: string;
+    export { xl_1 as xl };
+}
+export namespace EVENT_KEYNAMES {
+    let esc: string;
+    let escape: string;
+    let tab: string;
+    let enter: string;
+    let space: string;
+    let spacebar: string;
+    let up: string;
+    let arrowup: string;
+    let left: string;
+    let arrowleft: string;
+    let right: string;
+    let arrowright: string;
+    let down: string;
+    let arrowdown: string;
+    let home: string;
+    let end: string;
+}
+export const DEFAULT_VALIDATION_MESSAGE_TYPE: string;
+export const DEFAULT_PREFIX: "dt";
+declare namespace _default {
+    export { VALIDATION_MESSAGE_TYPES };
+    export { DESCRIPTION_SIZE_TYPES };
+    export { DEFAULT_VALIDATION_MESSAGE_TYPE };
+    export { DEFAULT_PREFIX };
+}
+export default _default;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../common/constants.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,qDAA8E;AAG9E,kCAAmC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,25 @@
+declare namespace _default {
+    namespace methods {
+        /**
+         * Scroll an element into view if it is not fully visible in its nearest scrollable ancestor.
+         * @param {Element} ref
+         */
+        function scrollElementIntoViewIfNeeded(ref: Element, opt_center: any, opt_behavior: any, opt_parent: any): void;
+        /**
+         * Scroll an element to the top or bottom of its scroll ancestor.
+         * @param {Element} ref
+         */
+        function scrollElementIntoView(ref: Element, opt_scrollToTop: any, opt_behavior: any, opt_parent: any): void;
+        function scrollIntoViewIfNeeded(ref: any, opt_center: any, opt_behavior: any, opt_parent: any): void;
+        function scrollIntoView(ref: any, opt_dir: any, opt_ifNeeded: any, opt_behavior: any, opt_parent: any): void;
+        function _setScrollTop(el: any, scrollTop: any, bounds: any, offsetTop: any, offsetBottom: any, opt_isNeeded: any, opt_behavior: any): void;
+        function _getElementHeight(el: any): any;
+        function _getScrollBounds(el: any): {
+            top: any;
+            bottom: any;
+        };
+        function _inScrollBounds(top: any, bottom: any, bounds: any): boolean;
+    }
+}
+export default _default;
+//# sourceMappingURL=dom.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../../common/mixins/dom.js"],"names":[],"mappings":";;QAEI;;;WAGG;QACH,gHAMC;QAED;;;WAGG;QACH,6GAWC;QAED,qGAGC;QAED,6GAgCC;QAED,4IAoBC;QAED,yCAEC;QAED;;;UAOC;QAED,sEAOC"}

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

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

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

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

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

@@ -0,0 +1,199 @@
+export namespace InputMixin {
+    let inheritAttrs: boolean;
+    namespace props {
+        namespace label {
+            export let type: StringConstructor;
+            let _default: string;
+            export { _default as default };
+        }
+        namespace name {
+            let type_1: StringConstructor;
+            export { type_1 as type };
+            let _default_1: string;
+            export { _default_1 as default };
+        }
+        namespace value {
+            let type_2: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+            export { type_2 as type };
+            let _default_2: null;
+            export { _default_2 as default };
+        }
+        namespace description {
+            let type_3: StringConstructor;
+            export { type_3 as type };
+            let _default_3: string;
+            export { _default_3 as default };
+        }
+        namespace disabled {
+            let type_4: BooleanConstructor;
+            export { type_4 as type };
+            let _default_4: boolean;
+            export { _default_4 as default };
+        }
+        namespace validationState {
+            let type_5: StringConstructor;
+            export { type_5 as type };
+            let _default_5: string;
+            export { _default_5 as default };
+            export function validator(validationState: any): boolean;
+        }
+        namespace inputClass {
+            let type_6: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            export { type_6 as type };
+            let _default_6: string;
+            export { _default_6 as default };
+        }
+        namespace labelClass {
+            let type_7: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            export { type_7 as type };
+            let _default_7: string;
+            export { _default_7 as default };
+        }
+        namespace descriptionClass {
+            let type_8: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            export { type_8 as type };
+            let _default_8: string;
+            export { _default_8 as default };
+        }
+        namespace labelChildProps {
+            let type_9: ObjectConstructor;
+            export { type_9 as type };
+            function _default_9(): {};
+            export { _default_9 as default };
+        }
+        namespace descriptionChildProps {
+            let type_10: ObjectConstructor;
+            export { type_10 as type };
+            function _default_10(): {};
+            export { _default_10 as default };
+        }
+    }
+    function data(): any;
+    namespace watch {
+        function disabled(newDisabled: any): void;
+        function validationState(newValidationState: any): void;
+    }
+    namespace methods {
+        /**
+         * @param {Boolean | String} hasLabelOrLabel either a boolean indicating the label exists or the label itself
+         * @param {String} ariaLabel the aria-label passed (null/undefined if it's not passed)
+         */
+        function validateInputLabels(hasLabelOrLabel: string | boolean, ariaLabel: string): void;
+    }
+}
+export namespace CheckableMixin {
+    export namespace model {
+        let prop: string;
+    }
+    export namespace props_1 {
+        export namespace checked {
+            let type_11: BooleanConstructor;
+            export { type_11 as type };
+            let _default_11: boolean;
+            export { _default_11 as default };
+        }
+        export namespace indeterminate {
+            let type_12: BooleanConstructor;
+            export { type_12 as type };
+            let _default_12: boolean;
+            export { _default_12 as default };
+        }
+        export namespace value_1 {
+            let type_13: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+            export { type_13 as type };
+            let _default_13: null;
+            export { _default_13 as default };
+        }
+        export { value_1 as value };
+    }
+    export { props_1 as props };
+    export function data(): any;
+    export namespace watch_1 {
+        function checked(newChecked: any): void;
+        function indeterminate(newValue: any): void;
+    }
+    export { watch_1 as watch };
+}
+export namespace GroupableMixin {
+    export namespace inject {
+        namespace groupContext {
+            let _default_14: {};
+            export { _default_14 as default };
+        }
+        namespace setGroupValue {
+            function _default_15(): () => void;
+            export { _default_15 as default };
+        }
+    }
+    export function data(): any;
+    export namespace computed {
+        function hasGroup(): any;
+        function groupName(): any;
+        function groupValue(): any;
+        function groupDisabled(): any;
+        function groupValidationState(): any;
+        function internalName(): any;
+    }
+    export namespace watch_2 {
+        function value(newValue: any): void;
+        namespace groupValue {
+            let immediate: boolean;
+            function handler(newGroupValue: any): void;
+        }
+        namespace groupDisabled {
+            let immediate_1: boolean;
+            export { immediate_1 as immediate };
+            export function handler(newGroupDisabled: any): void;
+        }
+        namespace groupValidationState {
+            let immediate_2: boolean;
+            export { immediate_2 as immediate };
+            export function handler(newGroupValidationState: any): void;
+        }
+    }
+    export { watch_2 as watch };
+    export function created(): void;
+}
+export namespace MessagesMixin {
+    export namespace props_2 {
+        namespace messagesClass {
+            let type_14: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            export { type_14 as type };
+            let _default_16: string;
+            export { _default_16 as default };
+        }
+        namespace messagesChildProps {
+            let type_15: ObjectConstructor;
+            export { type_15 as type };
+            function _default_17(): {};
+            export { _default_17 as default };
+        }
+        namespace showMessages {
+            let type_16: BooleanConstructor;
+            export { type_16 as type };
+            let _default_18: boolean;
+            export { _default_18 as default };
+        }
+        namespace messages {
+            let type_17: ArrayConstructor;
+            export { type_17 as type };
+            function _default_19(): never[];
+            export { _default_19 as default };
+            export function validator_1(messages: any): any;
+            export { validator_1 as validator };
+        }
+    }
+    export { props_2 as props };
+    export namespace computed_1 {
+        function formattedMessages(): any;
+    }
+    export { computed_1 as computed };
+}
+declare namespace _default {
+    export { InputMixin };
+    export { CheckableMixin };
+    export { GroupableMixin };
+    export { MessagesMixin };
+}
+export default _default;
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../common/mixins/input.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA4DiB,yDAMV;;;;;;;;;;;;;;;;;;;;;;;YAgCQ,0BAAU;;;;;;YAQV,2BAAU;;;;IAIvB,qBAKC;;QAGC,0CAGC;QAED,wDAGC;;;QAID;;;WAGG;QACH,yFAOC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyCH,4BAKC;;QAGC,wCAGC;QAED,4CAEC;;;;;;;;;;;YAoBU,mCAA0B;;;;IAIvC,4BAIC;;QAGC,yBAEC;QAED,0BAEC;QAED,2BAEC;QAED,8BAEC;QAED,qCAEC;QAED,6BAEC;;;QAID,oCAGC;;;YAIC,2CAKC;;;;;YAKD,qDAKC;;;;;YAKD,4DAKC;;;;IAIL,gCAWC;;;;;;;;;;;;;YAsBY,2BAAU;;;;;;;;;;;;YAiBV,gCAAQ;;YACN,gDAEV;;;;;;QAKH,kCAEC"}

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

@@ -0,0 +1,102 @@
+export namespace InputGroupMixin {
+    namespace components {
+        export { DtValidationMessages };
+    }
+    function provide(): {
+        groupContext: any;
+        setGroupValue: any;
+    };
+    namespace props {
+        namespace id {
+            export let type: StringConstructor;
+            function _default(): string;
+            export { _default as default };
+        }
+        namespace value {
+            let type_1: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+            export { type_1 as type };
+            let _default: null;
+            export { _default as default };
+        }
+        namespace name {
+            let type_2: StringConstructor;
+            export { type_2 as type };
+            export let required: boolean;
+        }
+        namespace legend {
+            let type_3: StringConstructor;
+            export { type_3 as type };
+            let _default_1: string;
+            export { _default_1 as default };
+        }
+        namespace disabled {
+            let type_4: BooleanConstructor;
+            export { type_4 as type };
+            let _default_2: boolean;
+            export { _default_2 as default };
+        }
+        namespace messages {
+            let type_5: ArrayConstructor;
+            export { type_5 as type };
+            function _default_3(): never[];
+            export { _default_3 as default };
+            export function validator(messages: any): any;
+        }
+        namespace showMessages {
+            let type_6: BooleanConstructor;
+            export { type_6 as type };
+            let _default_4: boolean;
+            export { _default_4 as default };
+        }
+        namespace legendClass {
+            let type_7: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            export { type_7 as type };
+            let _default_5: string;
+            export { _default_5 as default };
+        }
+        namespace messagesClass {
+            let type_8: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            export { type_8 as type };
+            let _default_6: string;
+            export { _default_6 as default };
+        }
+        namespace legendChildProps {
+            let type_9: ObjectConstructor;
+            export { type_9 as type };
+            function _default_7(): {};
+            export { _default_7 as default };
+        }
+        namespace messagesChildProps {
+            let type_10: ObjectConstructor;
+            export { type_10 as type };
+            function _default_8(): {};
+            export { _default_8 as default };
+        }
+    }
+    let emits: string[];
+    function data(): {
+        provideObj: {
+            name: any;
+            disabled: any;
+            validationState: string | null;
+        };
+    };
+    namespace computed {
+        function formattedMessages(): any;
+        function validationState(): string | null;
+    }
+    namespace watch {
+        function disabled(newDisabled: any): void;
+        function validationState(newValidationState: any): void;
+    }
+    namespace methods {
+        function setGroupValue(newValue: any): void;
+    }
+    function mounted(): void;
+}
+declare namespace _default {
+    export { InputGroupMixin };
+}
+export default _default;
+import { DtValidationMessages } from '@/components/validation_messages';
+//# sourceMappingURL=input_group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input_group.d.ts","sourceRoot":"","sources":["../../../../common/mixins/input_group.js"],"names":[],"mappings":";;;;IAkBE;;;MAKC;;;;YAQG,4BAEC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAyCQ,+BAAQ;;YACN,8CAAgD;;;;;;;;;;;;;;;;;;;;;;;YAiClD,0BAAU;;;;;;YAQV,0BAAU;;;;;IAcvB;;;;;;MAWC;;QAGC,kCAEC;QAED,0CAEC;;;QAID,0CAEC;QAED,wDAEC;;;QAQD,4CAGC;;IAGH,yBAIC;;;;;;qCAjLkC,kCAAkC"}

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

@@ -0,0 +1,58 @@
+declare function _default({ listItemRole, indexKey, idKey, listElementKey, activeItemKey, openMethod, afterHighlightMethod, beginningOfListMethod, endOfListMethod, scrollToOnHighlight, focusOnKeyboardNavigation, }?: {
+    listItemRole?: string | undefined;
+    indexKey?: string | undefined;
+    idKey?: string | undefined;
+    listElementKey?: string | undefined;
+    activeItemKey?: string | undefined;
+    openMethod?: null | undefined;
+    afterHighlightMethod?: null | undefined;
+    beginningOfListMethod?: null | undefined;
+    endOfListMethod?: null | undefined;
+    scrollToOnHighlight?: boolean | undefined;
+    focusOnKeyboardNavigation?: boolean | undefined;
+}): {
+    mixins: {
+        methods: {
+            scrollElementIntoViewIfNeeded(ref: Element, opt_center: any, opt_behavior: any, opt_parent: any): void;
+            scrollElementIntoView(ref: Element, opt_scrollToTop: any, opt_behavior: any, opt_parent: any): void;
+            scrollIntoViewIfNeeded(ref: any, opt_center: any, opt_behavior: any, opt_parent: any): void;
+            scrollIntoView(ref: any, opt_dir: any, opt_ifNeeded: any, opt_behavior: any, opt_parent: any): void;
+            _setScrollTop(el: any, scrollTop: any, bounds: any, offsetTop: any, offsetBottom: any, opt_isNeeded: any, opt_behavior: any): void;
+            _getElementHeight(el: any): any;
+            _getScrollBounds(el: any): {
+                top: any;
+                bottom: any;
+            };
+            _inScrollBounds(top: any, bottom: any, bounds: any): boolean;
+        };
+    }[];
+    data(): {
+        [x: string]: string | number | boolean;
+        scrollToOnHighlight: boolean;
+        focusOnKeyboardNavigation: boolean;
+    };
+    provide(): {
+        highlightId: () => any;
+    };
+    methods: {
+        _getListElement(): any;
+        _itemsLength(): any;
+        _getListItemNodes(): any;
+        onUpKey(): void;
+        onDownKey(): void;
+        onHomeKey(): void;
+        onEndKey(): void;
+        onNavigationKey(key: any): void;
+        isValidLetter(key: any): boolean;
+        jumpToBeginning(): void;
+        jumpToEnd(): void;
+        setHighlightIndex(num: any): void;
+        setHighlightId(id: any): void;
+        _getItemIndex(id: any): number | undefined;
+        _getItemId(index: any): any;
+        scrollActiveItemIntoViewIfNeeded(): void;
+        focusActiveItemIfNeeded(): void;
+    };
+};
+export default _default;
+//# sourceMappingURL=keyboard_list_navigation.d.ts.map