@dialpad/dialtone-vue 2.109.1 → 2.110.1

package/dist/{stack-Xl6jQs_C.cjs → stack-x_udRwmv.cjs}

@@ -1,2 +1,2 @@
-"use strict";const o=require("./tooltip-RmgCyjmY.cjs"),i=require("./emoji-npEzXEju.cjs"),h=require("vue"),l={BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},A=[l.BUSY,l.AWAY,l.OFFLINE,l.ACTIVE],z={name:"DtPresence",props:{presence:{type:String,default:l.ACTIVE,validator:t=>A.includes(t)},srText:{type:String,default:null}}};var K=function(){var e=this,n=e._self._c;return n("div",{staticClass:"d-presence",attrs:{"data-qa":"dt-presence",role:"status","aria-live":e.$attrs.ariaLive||"off"}},[e.srText?n("span",{staticClass:"sr-only",attrs:{"data-qa":"dt-presence-sr-text"}},[e._v(e._s(e.srText)+" ")]):e._e(),n("div",{staticClass:"d-presence__inner",class:{"d-presence__inner--active":e.presence==="active","d-presence__inner--away":e.presence==="away","d-presence__inner--busy":e.presence==="busy","d-presence__inner--offline":e.presence==="offline"}})])},j=[],G=o.normalizeComponent(z,K,j,!1,null,null,null,null);const T=G.exports,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"},D={md:"d-avatar__presence--md",lg:"d-avatar__presence--lg"},y={NONE:"",BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},w={xs:"100",sm:"200",md:"300",lg:"500",xl:"600"},R=["100","200","300","400","500","600","700","800","900","1000","1100","1200","1300","1400","1500","1600","1700","1800"],v=t=>t>1;function U(){return[void 0,...i.iconNames]}const W=t=>{if(typeof t!="string"||!t.trim())return"";const e=t.trim().split(/\s+/g);return e.length===1?e.join("").substring(0,2):e.filter((n,s)=>s===0||s===e.length-1).map(n=>n.slice(0,1).toUpperCase()).join("")},Y=U(),Z={name:"DtAvatar",components:{DtPresence:T,DtIcon:i.DtIcon},inheritAttrs:!1,props:{id:{type:String,default(){return o.getUniqueString()}},seed:{type:String,default:void 0},color:{type:String,default:void 0},size:{type:String,default:"md",validator:t=>Object.keys(u).includes(t)},avatarClass:{type:[String,Array,Object],default:""},canvasClass:{type:[String,Array,Object],default:""},iconClass:{type:[String,Array,Object],default:""},presence:{type:String,default:y.NONE,validator:t=>Object.values(y).includes(t)},presenceProps:{type:Object,default:()=>({})},group:{type:Number,default:void 0,validator:t=>v(t)},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:t=>Y.includes(t)},iconSize:{type:String,default:"",validator:t=>!t||Object.keys(i.ICON_SIZE_MODIFIERS).includes(t)},fullName:{type:String,default:""},clickable:{type:Boolean,default:!1}},emits:["click"],data(){return{AVATAR_SIZE_MODIFIERS:u,AVATAR_KIND_MODIFIERS:P,AVATAR_PRESENCE_SIZE_MODIFIERS:D,AVATAR_ICON_SIZES:w,imageLoadedSuccessfully:null,formattedInitials:"",initializing:!1}},computed:{isNotIconType(){return!this.iconName},avatarClasses(){return["d-avatar",u[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 v(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(){this.formatInitials()}},size:{immediate:!0,handler(){this.formatInitials()}},group:{immediate:!0,handler(){this.formatInitials()}},imageSrc(t){this.imageLoadedSuccessfully=null,t&&(this.validateProps(),this.setImageListeners())}},mounted(){this.validateProps(),this.setImageListeners()},methods:{async setImageListeners(){await this.$nextTick();const t=this.$refs.avatarImage;t&&(t.addEventListener("load",()=>this._loadedImageEventHandler(t),{once:!0}),t.addEventListener("error",()=>this._erroredImageEventHandler(t),{once:!0}))},formatInitials(){const t=W(this.fullName);this.validatedSize==="xs"?this.formattedInitials="":this.validatedSize==="sm"?this.formattedInitials=t[0]:this.formattedInitials=t},getColor(){return this.color??o.getRandomElement(R,this.seed)},_loadedImageEventHandler(t){this.imageLoadedSuccessfully=!0,t.classList.remove("d-d-none")},_erroredImageEventHandler(t){this.imageLoadedSuccessfully=!1,t.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(t){this.clickable&&this.$emit("click",t)}}};var X=function(){var e=this,n=e._self._c;return n(e.clickable?"button":"div",{tag:"component",class:e.avatarClasses,attrs:{id:e.id,"data-qa":"dt-avatar","aria-label":e.buttonAriaLabel},on:{click:e.handleClick}},[n("div",{ref:"canvas",class:[e.canvasClass,"d-avatar__canvas",{"d-avatar--image-loaded":e.imageLoadedSuccessfully}]},[e.showImage?n("img",{ref:"avatarImage",staticClass:"d-avatar__image",attrs:{"data-qa":"dt-avatar-image",src:e.imageSrc,alt:e.imageAlt||e.fullName}}):e.iconName?n("dt-icon",{class:[e.iconClass,e.AVATAR_KIND_MODIFIERS.icon],attrs:{name:e.iconName,size:e.iconSize||e.AVATAR_ICON_SIZES[e.size],"data-qa":"dt-avatar-icon"}}):n("span",{class:[e.AVATAR_KIND_MODIFIERS.initials]},[e._v(" "+e._s(e.formattedInitials)+" ")])],1),e.overlayIcon||e.overlayText?n("div",{class:e.overlayClasses},[e.overlayIcon?n("dt-icon",{staticClass:"d-avatar__overlay-icon",attrs:{name:e.overlayIcon}}):e.overlayText?n("p",{staticClass:"d-avatar__overlay-text"},[e._v(" "+e._s(e.overlayText)+" ")]):e._e()],1):e._e(),e.showGroup?n("span",{staticClass:"d-avatar__count",attrs:{"data-qa":"dt-avatar-count"}},[e._v(e._s(e.formattedGroup))]):e._e(),e.presence&&!e.showGroup?n("dt-presence",e._b({class:["d-avatar__presence",e.AVATAR_PRESENCE_SIZE_MODIFIERS[e.size]],attrs:{presence:e.presence,"data-qa":"dt-presence"}},"dt-presence",e.presenceProps,!1)):e._e()],1)},J=[],Q=o.normalizeComponent(Z,X,J,!1,null,null,null,null);const ee=Q.exports,te={name:"DtLink",props:{kind:{type:String,default:"",validator(t){return i.LINK_VARIANTS.includes(t)}}},emits:["click","focusin","focusout"],data(){return{LINK_KIND_MODIFIERS:i.LINK_KIND_MODIFIERS}}};var ne=function(){var e=this,n=e._self._c;return n("a",e._g({class:["d-link",e.LINK_KIND_MODIFIERS[e.kind]],attrs:{"data-qa":"dt-link",href:"href"in e.$attrs?e.$attrs.href:"javascript:void(0)"}},e.$listeners),[e._t("default")],2)},se=[],oe=o.normalizeComponent(te,ne,se,!1,null,null,null,null);const ie=oe.exports,L={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.`)}}},ae={name:"SrOnlyCloseButton",components:{DtIcon:i.DtIcon,DtButton:i.DtButton},props:{visuallyHiddenCloseLabel:{type:String,default:null}},emits:["close"],methods:{close(){this.$emit("close")}}};var re=function(){var e=this,n=e._self._c;return n("dt-button",{staticClass:"d-vi-visible-sr",attrs:{id:"sr-only-close-button","data-qa":"dt-sr-only-close-button","aria-label":e.visuallyHiddenCloseLabel},on:{click:e.close,keydown:function(s){return!s.type.indexOf("key")&&e._k(s.keyCode,"space",32,s.key,[" ","Spacebar"])?null:(s.preventDefault(),s.stopPropagation(),e.close.apply(null,arguments))}}},[n("dt-icon",{attrs:{name:"close"}})],1)},le=[],de=o.normalizeComponent(ae,re,le,!1,null,null,null,null);const $=de.exports,k=':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])',ce=`${k}:not([tabindex="-1"])`,ue="button,[href],input,select,textarea,details,[tabindex]",N={methods:{async getFirstFocusableElement(t){await this.$nextTick();const e=this._getFocusableElements(t,!0);return this._getFirstFocusElement(e)},async focusFirstElement(t=this.$el){const e=await this.getFirstFocusableElement(t);e==null||e.focus({preventScroll:!0})},async focusElementById(t){var n;await this.$nextTick();const e=(n=this.$el)==null?void 0:n.querySelector(t);if(e){e.focus();return}console.warn('Could not find the element specified in dt-modal prop "initialFocusElement". Defaulting to focusing the first element.'),await this.focusFirstElement()},_getFirstFocusElement(t){if(!t.length)return;let e=t[0];return e.matches('[type="radio"]:not(:checked)')&&(e=t.find(n=>n.checked&&n.name===e.name)||e),e},_getFocusableElements(t=this.$el,e=!1){return t?[...t.querySelectorAll(ue)].filter(s=>{const a=window.getComputedStyle(s);return a.getPropertyValue("display")!=="none"&&a.getPropertyValue("visibility")!=="hidden"&&s.matches(e?k:ce)}):[]},focusTrappedTabPress(t,e){if(!(t.key==="Tab"))return;const s=this._getFocusableElements(e);if(!s.length){t.preventDefault();return}const a=this._getFirstFocusElement(s),b=s[s.length-1];t.shiftKey?document.activeElement===a&&(b.focus(),t.preventDefault()):document.activeElement===b&&(a.focus(),t.preventDefault())}}},p={DEFAULT:"default",CUSTOM:"custom"},d={ARROW_KEYS:"arrow-keys",TAB:"tab",NONE:"none"},pe={name:"DtItemLayout",props:{as:{type:String,default:"div"}}};var fe=function(){var e=this,n=e._self._c;return n(e.as,{tag:"component",staticClass:"dt-item-layout"},[e.$slots.left?n("section",{staticClass:"dt-item-layout--left",attrs:{"data-qa":"dt-item-layout-left-wrapper"}},[e._t("left")],2):e._e(),n("section",{staticClass:"dt-item-layout--content",attrs:{"data-qa":"dt-item-layout-content-wrapper"}},[e.$slots.default?n("div",{staticClass:"dt-item-layout--title",attrs:{"data-qa":"dt-item-layout-title-wrapper"}},[e._t("default")],2):e._e(),e.$slots.subtitle?n("div",{class:["dt-item-layout--subtitle",{"dt-item-layout--subtitle--with-title":e.$slots.default}],attrs:{"data-qa":"dt-item-layout-subtitle-wrapper"}},[e._t("subtitle")],2):e._e(),e.$slots.bottom?n("div",{staticClass:"dt-item-layout--bottom",attrs:{"data-qa":"dt-item-layout-bottom-wrapper"}},[e._t("bottom")],2):e._e()]),e.$slots.right?n("section",{staticClass:"dt-item-layout--right",attrs:{"data-qa":"dt-item-layout-right-wrapper"}},[e._t("right")],2):e._e(),e.$slots.selected?n("section",{staticClass:"dt-item-layout--selected",attrs:{"data-qa":"dt-item-layout-selected-wrapper"}},[e._t("selected")],2):e._e()])},he=[],me=o.normalizeComponent(pe,fe,he,!1,null,"411cb81e",null,null);const g=me.exports,_e={name:"DtListItem",components:{DtItemLayout:g,DtIcon:i.DtIcon},inject:{highlightId:{default:null}},props:{id:{type:String,default(){return o.utils.getUniqueString()}},role:{type:String,default:"listitem"},elementType:{type:String,default:"li"},type:{type:String,default:p.DEFAULT,validator:t=>Object.values(p).includes(t)},navigationType:{type:String,default:d.NONE,validator:t=>Object.values(d).includes(t)},selected:{type:Boolean,default:!1}},emits:["click","keydown","mousemove","mouseleave"],data(){return{injected:!1,mouseHighlighted:!1}},computed:{listItemType(){switch(this.type){case p.DEFAULT:return g;default:return null}},listItemListeners(){return{...this.$listeners,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===d.TAB},isHoverable(){return this.navigationType!==d.NONE}},methods:{onClick(t){this.$emit("click",t)},onMouseHover(){this.mouseHighlighted=!0},onMouseLeave(){this.mouseHighlighted=!1}}};var ye=function(){var e=this,n=e._self._c;return n(e.elementType,e._g({tag:"component",class:["dt-list-item",{"dt-list-item--focusable":e.isFocusable,"dt-list-item--highlighted":e.isHighlighted,"dt-list-item--static":!e.isHoverable}],attrs:{id:e.id,tabindex:e.isFocusable?0:-1,role:e.role,"aria-selected":e.isHighlighted}},e.listItemListeners),[e.listItemType?n(e.listItemType,{tag:"component",scopedSlots:e._u([e._l(e.$slots,function(s,a){return{key:a,fn:function(){return[e._t(a)]},proxy:!0}}),e.selected?{key:"selected",fn:function(){return[n("dt-icon",{staticClass:"dt-list-item--selected-icon",attrs:{name:"check",size:"400"}})]},proxy:!0}:null],null,!0)}):e._t("default")],2)},ve=[],ge=o.normalizeComponent(_e,ye,ve,!1,null,null,null,null);const Se=ge.exports,r={default:"column",column:"column",row:"row","row-reverse":"row-reverse","column-reverse":"column-reverse"},E=["sm","md","lg","xl"],m=["0","100","200","300","400","500","600"],S={none:void 0,small:"d-p4",medium:"d-p8",large:"d-p16"},x={none:void 0,small:"d-pl4",medium:"d-pl8",large:"d-pl16"},F=["dialog","menu","listbox","tree","grid"],V=["","anchor"],B=["none","dialog","first"],H=["parent","body"],q=[...o.TIPPY_STICKY_VALUES],Ee=[...o.BASE_TIPPY_DIRECTIONS];let Ie="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict",be=(t=21)=>{let e="",n=t;for(;n--;)e+=Ie[Math.random()*64|0];return e};function f(t){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?f=function(e){return typeof e}:f=function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(t)}var M={selector:"vue-portal-target-".concat(be())},Ce=function(e){return M.selector=e},_=typeof window<"u"&&(typeof document>"u"?"undefined":f(document))!==void 0,Oe=h.extend({abstract:!0,name:"PortalOutlet",props:["nodes","tag"],data:function(e){return{updatedNodes:e.nodes}},render:function(e){var n=this.updatedNodes&&this.updatedNodes();return n?n.length===1&&!n[0].text?n:e(this.tag||"DIV",n):e()},destroyed:function(){var e=this.$el;e&&e.parentNode.removeChild(e)}}),I=h.extend({name:"VueSimplePortal",props:{disabled:{type:Boolean},prepend:{type:Boolean},selector:{type:String,default:function(){return"#".concat(M.selector)}},tag:{type:String,default:"DIV"}},render:function(e){if(this.disabled){var n=this.$scopedSlots&&this.$scopedSlots.default();return n?n.length<2&&!n[0].text?n:e(this.tag,n):e()}return e()},created:function(){this.getTargetEl()||this.insertTargetEl()},updated:function(){var e=this;this.$nextTick(function(){!e.disabled&&e.slotFn!==e.$scopedSlots.default&&(e.container.updatedNodes=e.$scopedSlots.default),e.slotFn=e.$scopedSlots.default})},beforeDestroy:function(){this.unmount()},watch:{disabled:{immediate:!0,handler:function(e){e?this.unmount():this.$nextTick(this.mount)}}},methods:{getTargetEl:function(){if(_)return document.querySelector(this.selector)},insertTargetEl:function(){if(_){var e=document.querySelector("body"),n=document.createElement(this.tag);n.id=this.selector.substring(1),e.appendChild(n)}},mount:function(){if(_){var e=this.getTargetEl(),n=document.createElement("DIV");this.prepend&&e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),this.container=new Oe({el:n,parent:this,propsData:{tag:this.tag,nodes:this.$scopedSlots.default}})}},unmount:function(){this.container&&(this.container.$destroy(),delete this.container)}}});function Ae(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};t.component(e.name||"portal",I),e.defaultSelector&&Ce(e.defaultSelector)}typeof window<"u"&&window.Vue&&window.Vue===h&&h.use(Ae);const Te={name:"PopoverHeaderFooter",components:{DtButton:i.DtButton,DtIcon:i.DtIcon},props:{type:{type:String,validator:function(t){return["header","footer"].includes(t)}},contentClass:{type:[String,Array,Object],default:""},showCloseButton:{type:Boolean,default:!1},closeButtonProps:{type:Object,default:()=>{}}},emits:["close"],methods:{focusCloseButton(){var e;const t=(e=this.$refs["popover__close-button"])==null?void 0:e.$el;t==null||t.focus()}}};var Pe=function(){var e=this,n=e._self._c;return n("div",{class:{"d-popover__header":e.type==="header","d-popover__footer":e.type==="footer"},attrs:{"data-qa":"dt-popover-header-footer"}},[e.$slots.content?n("div",{class:[{"d-popover__header__content":e.type==="header","d-popover__footer__content":e.type==="footer"},e.contentClass],attrs:{"data-qa":"dt-popover-header-footer-content"}},[e._t("content")],2):e._e(),e.showCloseButton?n("dt-button",e._b({ref:"popover__close-button",class:{"d-popover__header__close-button":e.type==="header","d-popover__footer__close-button":e.type==="footer"},attrs:{"data-qa":"dt-popover-close",importance:"outlined",kind:"muted",circle:""},on:{click:function(s){return e.$emit("close")}},scopedSlots:e._u([{key:"icon",fn:function(){return[n("dt-icon",{attrs:{name:"close",size:"300"}})]},proxy:!0}],null,!1,2538694920)},"dt-button",e.closeButtonProps,!1)):e._e()],1)},De=[],we=o.normalizeComponent(Te,Pe,De,!1,null,null,null,null);const Re=we.exports,Le={name:"DtPopover",components:{SrOnlyCloseButton:$,DtLazyShow:o.DtLazyShow,PopoverHeaderFooter:Re,Portal:I},mixins:[N,L],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:t=>F.includes(t)},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null},closeButtonProps:{type:Object,default:()=>({})},padding:{type:String,default:"large",validator:t=>Object.keys(S).some(e=>e===t)},contentClass:{type:[String,Array,Object],default:""},contentWidth:{type:String,default:"",validator:t=>V.includes(t)},contentTabindex:{type:Number||null,default:-1},externalAnchor:{type:String,default:""},id:{type:String,default(){return o.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:t=>q.includes(t)},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:t=>B.includes(t)||t instanceof HTMLElement||t.startsWith("#")},openWithArrowKeys:{type:Boolean,default:!1},appendTo:{type:[HTMLElement,String],default:"body",validator:t=>H.includes(t)||t instanceof HTMLElement}},emits:["opened","update:open"],data(){return{POPOVER_PADDING_CLASSES:S,POPOVER_HEADER_FOOTER_PADDING_CLASSES:x,intersectionObserver:null,isOutsideViewport:!1,isOpen:!1,anchorEl:null,popoverContentEl:null}},computed:{popoverListeners(){return{...this.$listeners,keydown:t=>{this.onKeydown(t),this.$emit("keydown",t)},"after-leave":t=>{this.onLeaveTransitionComplete()},"after-enter":t=>{this.onEnterTransitionComplete()}}},calculatedMaxHeight(){return this.isOutsideViewport&&this.modal?"calc(100vh - var(--dt-space-300))":this.maxHeight},labelledBy(){return this.ariaLabelledby||!this.ariaLabel&&o.getUniqueString("DtPopover__anchor")}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateProps()}},modal(t){var e;(e=this.tip)==null||e.setProps({zIndex:t?650:this.calculateAnchorZindex()})},offset(t){var e;(e=this.tip)==null||e.setProps({offset:t})},sticky(t){var e;(e=this.tip)==null||e.setProps({sticky:t})},fallbackPlacements(){var t;(t=this.tip)==null||t.setProps({popperOptions:this.popperOptions()})},tether(){var t;(t=this.tip)==null||t.setProps({popperOptions:this.popperOptions()})},placement(t){var e;(e=this.tip)==null||e.setProps({placement:t})},open:{handler:function(t){t!==null&&(this.isOpen=t)},immediate:!0},isOpen(t,e){t?(this.initTippyInstance(),this.tip.show()):!t&&e!==t&&(this.removeEventListeners(),this.tip.hide())}},mounted(){const t=this.externalAnchor?this.$refs.anchor.getRootNode().querySelector(`#${this.externalAnchor}`):null;this.anchorEl=t??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)},beforeDestroy(){var t;(t=this.tip)==null||t.destroy(),this.intersectionObserver.disconnect(),this.removeReferences(),this.removeEventListeners()},methods:{hasIntersectedViewport(t){var s;const e=(s=t==null?void 0:t[0])==null?void 0:s.target;if(!e)return;const n=o.isOutOfViewPort(e);this.isOutsideViewport=n.bottom||n.top},popperOptions(){return o.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 t;return this.$el.getRootNode().querySelector('.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"]')||(t=this.anchorEl)!=null&&t.closest(".d-zi-drawer")?650:300},defaultToggleOpen(t){var e,n;this.openOnContext||(this.open??((e=this.anchorEl)!=null&&e.contains(t.target)&&!((n=this.anchorEl)!=null&&n.disabled)&&this.toggleOpen()))},async onContext(t){this.openOnContext&&(t.preventDefault(),this.isOpen=!0,await this.$nextTick(),this.tip.setProps({placement:"right-start",getReferenceClientRect:()=>({width:0,height:0,top:t.clientY,bottom:t.clientY,left:t.clientX,right:t.clientX})}))},toggleOpen(){this.isOpen=!this.isOpen},onArrowKeyPress(t){var e;this.open===null&&this.openWithArrowKeys&&(e=this.anchorEl)!=null&&e.contains(t.target)&&(this.isOpen||(this.isOpen=!0))},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 t;if(this.modal){const e=(t=this.anchorEl)==null?void 0:t.closest("body, .tippy-box");e.tagName.toLowerCase()==="body"?(e.classList.add("d-of-hidden"),this.tip.setProps({offset:this.offset})):e.classList.add("d-zi-popover")}},enableScrolling(){var e,n;const t=(e=this.anchorEl)==null?void 0:e.closest("body, .tippy-box");t&&(((n=t.tagName)==null?void 0:n.toLowerCase())==="body"?(t.classList.remove("d-of-hidden"),this.tip.setProps({offset:this.offset})):t.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 t;this.modal&&(await this.focusFirstElement(this.$refs.anchor),await this.$nextTick(),this.enableScrolling()),(t=this.tip)==null||t.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 e,n,s;const t=(n=(e=this.$refs.content)==null?void 0:e.$el)==null?void 0:n.querySelector(this.initialFocusElement);t?t.focus():console.warn('Could not find the element specified in dt-popover prop "initialFocusElement". Defaulting to focusing the dialog.'),t?t.focus():(s=this.$refs.content)==null||s.$el.focus()},onResize(){this.closePopover()},onClickOutside(){if(!this.hideOnClick)return;this.popoverContentEl.querySelector(".d-popover__anchor--opened")||this.closePopover()},onKeydown(t){t.key==="Tab"&&this.modal&&this.focusTrappedTabPress(t,this.popoverContentEl),t.key==="Escape"&&this.closePopover()},async setPopoverContentAnchorWidth(){var t;await this.$nextTick(),this.popoverContentEl.style.width=`${(t=this.anchorEl)==null?void 0:t.clientWidth}px`},focusFirstElementIfNeeded(t){var n,s;this._getFocusableElements(t,!0).length!==0?this.focusFirstElement(t):this.showCloseButton?(n=this.$refs.popover__header)==null||n.focusCloseButton():(s=this.$refs.content)==null||s.$el.focus()},initTippyInstance(){var t,e;this.tip=o.createTippy(this.anchorEl,{popperOptions:this.popperOptions(),contentElement:this.popoverContentEl,placement:this.placement,offset:this.offset,sticky:this.sticky,appendTo:this.appendTo==="body"?(e=(t=this.anchorEl)==null?void 0:t.getRootNode())==null?void 0:e.querySelector("body"):this.appendTo,interactive:!0,trigger:"manual",hideOnClick:!1,zIndex:this.modal?650:this.calculateAnchorZindex(),onClickOutside:this.onClickOutside,onShow:this.onShow})}}};var $e=function(){var e=this,n=e._self._c;return n("div",[e.modal&&e.isOpen?n("portal",[n("div",{staticClass:"d-modal--transparent",attrs:{"aria-hidden":e.modal&&e.isOpen?"false":"true"},on:{click:function(s){s.preventDefault(),s.stopPropagation()}}})]):e._e(),n(e.elementType,e._g({ref:"popover",tag:"component",class:["d-popover",{"d-popover__anchor--opened":e.isOpen}],attrs:{"data-qa":"dt-popover-container"}},e.$listeners),[n("div",{ref:"anchor",attrs:{id:!e.ariaLabelledby&&e.labelledBy,"data-qa":"dt-popover-anchor",tabindex:e.openOnContext?0:void 0},on:{"!click":function(s){return e.defaultToggleOpen.apply(null,arguments)},contextmenu:e.onContext,keydown:[function(s){return!s.type.indexOf("key")&&e._k(s.keyCode,"up",38,s.key,["Up","ArrowUp"])?null:(s.preventDefault(),e.onArrowKeyPress.apply(null,arguments))},function(s){return!s.type.indexOf("key")&&e._k(s.keyCode,"down",40,s.key,["Down","ArrowDown"])?null:(s.preventDefault(),e.onArrowKeyPress.apply(null,arguments))}],"!keydown":function(s){return!s.type.indexOf("key")&&e._k(s.keyCode,"escape",void 0,s.key,void 0)?null:e.closePopover.apply(null,arguments)}}},[e._t("anchor",null,{attrs:{"aria-expanded":e.isOpen.toString(),"aria-controls":e.id,"aria-haspopup":e.role}})],2),n("dt-lazy-show",e._g({ref:"content",class:["d-popover__dialog",{"d-popover__dialog--modal":e.modal},e.dialogClass],style:{"max-height":e.calculatedMaxHeight,"max-width":e.maxWidth},attrs:{id:e.id,role:e.role,"data-qa":"dt-popover","aria-hidden":`${!e.isOpen}`,"aria-labelledby":e.labelledBy,"aria-label":e.ariaLabel,"aria-modal":`${!e.modal}`,transition:e.transition,show:e.isOpen,tabindex:e.contentTabindex,appear:""}},e.popoverListeners),[e.$slots.headerContent||e.showCloseButton?n("popover-header-footer",{ref:"popover__header",class:e.POPOVER_HEADER_FOOTER_PADDING_CLASSES[e.padding],attrs:{"content-class":e.headerClass,type:"header","show-close-button":e.showCloseButton,"close-button-props":e.closeButtonProps},on:{close:e.closePopover},scopedSlots:e._u([{key:"content",fn:function(){return[e._t("headerContent",null,{close:e.closePopover})]},proxy:!0}],null,!0)}):e._e(),n("div",{ref:"popover__content",class:["d-popover__content",e.POPOVER_PADDING_CLASSES[e.padding],e.contentClass],attrs:{"data-qa":"dt-popover-content"}},[e._t("content",null,{close:e.closePopover})],2),e.$slots.footerContent?n("popover-header-footer",{ref:"popover__footer",class:e.POPOVER_HEADER_FOOTER_PADDING_CLASSES[e.padding],attrs:{type:"footer","content-class":e.footerClass},scopedSlots:e._u([{key:"content",fn:function(){return[e._t("footerContent",null,{close:e.closePopover})]},proxy:!0}],null,!0)}):e._e(),e.showVisuallyHiddenClose?n("sr-only-close-button",{attrs:{"visually-hidden-close-label":e.visuallyHiddenCloseLabel},on:{close:e.closePopover}}):e._e()],1)],1)],1)},ke=[],Ne=o.normalizeComponent(Le,$e,ke,!1,null,null,null,null);const xe=Ne.exports;function C(t){return t===r.default}function O(t){if(c(t)==="string")return C(t)?null:r[t];if(c(t)==="object"){const{default:e}=t;return C(e)?null:r[e]}else return null}function c(t){return typeof t}function Fe(t){return O(t)?`d-stack--${r[O(t)]}`:null}function Ve(t){return c(t)==="object"?[...E.map(e=>t[e]?`d-stack--${e}--${t[e]}`:null)]:null}function Be(t){return m.includes(t)?`d-stack--gap-${t}`:null}function He(t){if(c(t)==="string")return Object.keys(r).includes(t);if(c(t)==="object"){const{default:e}=t;return Object.keys(r).includes(e)}else return null}function qe(t){return m.includes(t)}const Me={name:"DtStack",props:{direction:{type:[String,Object],default:"column",validator:t=>He(t)},as:{type:String,default:"div"},gap:{type:String,default:"0",validator:t=>qe(t)}},data(){return{DT_STACK_DIRECTION:r,DT_STACK_GAP:m,DT_STACK_RESPONSIVE_BREAKPOINTS:E}},computed:{stackGap(){return Be(this.gap)},defaultDirection(){return Fe(this.direction)},stackResponsive(){return Ve(this.direction)}}};var ze=function(){var e=this,n=e._self._c;return n(e.as,{tag:"component",class:["d-stack",e.defaultDirection,e.stackResponsive,e.stackGap]},[e._t("default")],2)},Ke=[],je=o.normalizeComponent(Me,ze,Ke,!1,null,null,null,null);const Ge=je.exports;exports.AVATAR_COLORS=R;exports.AVATAR_GROUP_VALIDATOR=v;exports.AVATAR_ICON_SIZES=w;exports.AVATAR_KIND_MODIFIERS=P;exports.AVATAR_PRESENCE_SIZE_MODIFIERS=D;exports.AVATAR_PRESENCE_STATES=y;exports.AVATAR_SIZE_MODIFIERS=u;exports.DT_STACK_DIRECTION=r;exports.DT_STACK_GAP=m;exports.DT_STACK_RESPONSIVE_BREAKPOINTS=E;exports.DtAvatar=ee;exports.DtItemLayout=g;exports.DtLink=ie;exports.DtListItem=Se;exports.DtPopover=xe;exports.DtPresence=T;exports.DtStack=Ge;exports.LIST_ITEM_NAVIGATION_TYPES=d;exports.LIST_ITEM_TYPES=p;exports.Modal=N;exports.POPOVER_APPEND_TO_VALUES=H;exports.POPOVER_CONTENT_WIDTHS=V;exports.POPOVER_DIRECTIONS=Ee;exports.POPOVER_HEADER_FOOTER_PADDING_CLASSES=x;exports.POPOVER_INITIAL_FOCUS_STRINGS=B;exports.POPOVER_PADDING_CLASSES=S;exports.POPOVER_ROLES=F;exports.POPOVER_STICKY_VALUES=q;exports.PRESENCE_STATES=l;exports.PRESENCE_STATES_LIST=A;exports.Portal=I;exports.SrOnlyCloseButton=$;exports.SrOnlyCloseButtonMixin=L;
+"use strict";const o=require("./tooltip-RmgCyjmY.cjs"),i=require("./emoji-npEzXEju.cjs"),h=require("vue"),l={BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},b=[l.BUSY,l.AWAY,l.OFFLINE,l.ACTIVE],z={name:"DtPresence",props:{presence:{type:String,default:l.ACTIVE,validator:t=>b.includes(t)},srText:{type:String,default:null}}};var K=function(){var e=this,n=e._self._c;return n("div",{staticClass:"d-presence",attrs:{"data-qa":"dt-presence",role:"status","aria-live":e.$attrs.ariaLive||"off"}},[e.srText?n("span",{staticClass:"sr-only",attrs:{"data-qa":"dt-presence-sr-text"}},[e._v(e._s(e.srText)+" ")]):e._e(),n("div",{staticClass:"d-presence__inner",class:{"d-presence__inner--active":e.presence==="active","d-presence__inner--away":e.presence==="away","d-presence__inner--busy":e.presence==="busy","d-presence__inner--offline":e.presence==="offline"}})])},j=[],G=o.normalizeComponent(z,K,j,!1,null,null,null,null);const A=G.exports,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"},D={md:"d-avatar__presence--md",lg:"d-avatar__presence--lg"},v={NONE:"",BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},w={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"],y=t=>t>1;function U(){return[void 0,...i.iconNames]}const W=t=>{if(typeof t!="string"||!t.trim())return"";const e=t.trim().split(/\s+/g);return e.length===1?e.join("").substring(0,2):e.filter((n,s)=>s===0||s===e.length-1).map(n=>n.slice(0,1).toUpperCase()).join("")},Y=U(),Z={name:"DtAvatar",components:{DtPresence:A,DtIcon:i.DtIcon},inheritAttrs:!1,props:{id:{type:String,default(){return o.getUniqueString()}},seed:{type:String,default:void 0},color:{type:String,default:void 0},size:{type:String,default:"md",validator:t=>Object.keys(u).includes(t)},avatarClass:{type:[String,Array,Object],default:""},canvasClass:{type:[String,Array,Object],default:""},iconClass:{type:[String,Array,Object],default:""},presence:{type:String,default:v.NONE,validator:t=>Object.values(v).includes(t)},presenceProps:{type:Object,default:()=>({})},group:{type:Number,default:void 0,validator:t=>y(t)},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:t=>Y.includes(t)},iconSize:{type:String,default:"",validator:t=>!t||Object.keys(i.ICON_SIZE_MODIFIERS).includes(t)},fullName:{type:String,default:""},clickable:{type:Boolean,default:!1}},emits:["click"],data(){return{AVATAR_SIZE_MODIFIERS:u,AVATAR_KIND_MODIFIERS:P,AVATAR_PRESENCE_SIZE_MODIFIERS:D,AVATAR_ICON_SIZES:w,imageLoadedSuccessfully:null,formattedInitials:"",initializing:!1}},computed:{isNotIconType(){return!this.iconName},avatarClasses(){return["d-avatar",u[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 y(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(){this.formatInitials()}},size:{immediate:!0,handler(){this.formatInitials()}},group:{immediate:!0,handler(){this.formatInitials()}},imageSrc(t){this.imageLoadedSuccessfully=null,t&&(this.validateProps(),this.setImageListeners())}},mounted(){this.validateProps(),this.setImageListeners()},methods:{async setImageListeners(){await this.$nextTick();const t=this.$refs.avatarImage;t&&(t.addEventListener("load",()=>this._loadedImageEventHandler(t),{once:!0}),t.addEventListener("error",()=>this._erroredImageEventHandler(t),{once:!0}))},formatInitials(){const t=W(this.fullName);this.validatedSize==="xs"?this.formattedInitials="":this.validatedSize==="sm"?this.formattedInitials=t[0]:this.formattedInitials=t},getColor(){return this.color??o.getRandomElement(L,this.seed)},_loadedImageEventHandler(t){this.imageLoadedSuccessfully=!0,t.classList.remove("d-d-none")},_erroredImageEventHandler(t){this.imageLoadedSuccessfully=!1,t.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(t){this.clickable&&this.$emit("click",t)}}};var X=function(){var e=this,n=e._self._c;return n(e.clickable?"button":"div",{tag:"component",class:e.avatarClasses,attrs:{id:e.id,"data-qa":"dt-avatar","aria-label":e.buttonAriaLabel},on:{click:e.handleClick}},[n("div",{ref:"canvas",class:[e.canvasClass,"d-avatar__canvas",{"d-avatar--image-loaded":e.imageLoadedSuccessfully}]},[e.showImage?n("img",{ref:"avatarImage",staticClass:"d-avatar__image",attrs:{"data-qa":"dt-avatar-image",src:e.imageSrc,alt:e.imageAlt||e.fullName}}):e.iconName?n("dt-icon",{class:[e.iconClass,e.AVATAR_KIND_MODIFIERS.icon],attrs:{name:e.iconName,size:e.iconSize||e.AVATAR_ICON_SIZES[e.size],"data-qa":"dt-avatar-icon"}}):n("span",{class:[e.AVATAR_KIND_MODIFIERS.initials]},[e._v(" "+e._s(e.formattedInitials)+" ")])],1),e.overlayIcon||e.overlayText?n("div",{class:e.overlayClasses},[e.overlayIcon?n("dt-icon",{staticClass:"d-avatar__overlay-icon",attrs:{name:e.overlayIcon}}):e.overlayText?n("p",{staticClass:"d-avatar__overlay-text"},[e._v(" "+e._s(e.overlayText)+" ")]):e._e()],1):e._e(),e.showGroup?n("span",{staticClass:"d-avatar__count",attrs:{"data-qa":"dt-avatar-count"}},[e._v(e._s(e.formattedGroup))]):e._e(),e.presence&&!e.showGroup?n("dt-presence",e._b({class:["d-avatar__presence",e.AVATAR_PRESENCE_SIZE_MODIFIERS[e.size]],attrs:{presence:e.presence,"data-qa":"dt-presence"}},"dt-presence",e.presenceProps,!1)):e._e()],1)},J=[],Q=o.normalizeComponent(Z,X,J,!1,null,null,null,null);const ee=Q.exports,te={name:"DtLink",props:{kind:{type:String,default:"",validator(t){return i.LINK_VARIANTS.includes(t)}}},emits:["click","focusin","focusout"],data(){return{LINK_KIND_MODIFIERS:i.LINK_KIND_MODIFIERS}}};var ne=function(){var e=this,n=e._self._c;return n("a",e._g({class:["d-link",e.LINK_KIND_MODIFIERS[e.kind]],attrs:{"data-qa":"dt-link",href:"href"in e.$attrs?e.$attrs.href:"javascript:void(0)"}},e.$listeners),[e._t("default")],2)},se=[],oe=o.normalizeComponent(te,ne,se,!1,null,null,null,null);const ie=oe.exports,R={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.`)}}},ae={name:"SrOnlyCloseButton",components:{DtIcon:i.DtIcon,DtButton:i.DtButton},props:{visuallyHiddenCloseLabel:{type:String,default:null}},emits:["close"],methods:{close(){this.$emit("close")}}};var re=function(){var e=this,n=e._self._c;return n("dt-button",{staticClass:"d-vi-visible-sr",attrs:{id:"sr-only-close-button","data-qa":"dt-sr-only-close-button","aria-label":e.visuallyHiddenCloseLabel},on:{click:e.close,keydown:function(s){return!s.type.indexOf("key")&&e._k(s.keyCode,"space",32,s.key,[" ","Spacebar"])?null:(s.preventDefault(),s.stopPropagation(),e.close.apply(null,arguments))}}},[n("dt-icon",{attrs:{name:"close"}})],1)},le=[],de=o.normalizeComponent(ae,re,le,!1,null,null,null,null);const $=de.exports,k=':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])',ce=`${k}:not([tabindex="-1"])`,ue="button,[href],input,select,textarea,details,[tabindex]",N={methods:{async getFirstFocusableElement(t){await this.$nextTick();const e=this._getFocusableElements(t,!0);return this._getFirstFocusElement(e)},async focusFirstElement(t=this.$el){const e=await this.getFirstFocusableElement(t);e==null||e.focus({preventScroll:!0})},async focusElementById(t){var n;await this.$nextTick();const e=(n=this.$el)==null?void 0:n.querySelector(t);if(e){e.focus();return}console.warn('Could not find the element specified in dt-modal prop "initialFocusElement". Defaulting to focusing the first element.'),await this.focusFirstElement()},_getFirstFocusElement(t){if(!t.length)return;let e=t[0];return e.matches('[type="radio"]:not(:checked)')&&(e=t.find(n=>n.checked&&n.name===e.name)||e),e},_getFocusableElements(t=this.$el,e=!1){return t?[...t.querySelectorAll(ue)].filter(s=>{const a=window.getComputedStyle(s);return a.getPropertyValue("display")!=="none"&&a.getPropertyValue("visibility")!=="hidden"&&s.matches(e?k:ce)}):[]},focusTrappedTabPress(t,e){if(!(t.key==="Tab"))return;const s=this._getFocusableElements(e);if(!s.length){t.preventDefault();return}const a=this._getFirstFocusElement(s),I=s[s.length-1];t.shiftKey?document.activeElement===a&&(I.focus(),t.preventDefault()):document.activeElement===I&&(a.focus(),t.preventDefault())}}},p={DEFAULT:"default",CUSTOM:"custom"},d={ARROW_KEYS:"arrow-keys",TAB:"tab",NONE:"none"},pe={name:"DtItemLayout",props:{as:{type:String,default:"div"}}};var fe=function(){var e=this,n=e._self._c;return n(e.as,{tag:"component",staticClass:"dt-item-layout"},[e.$slots.left?n("section",{staticClass:"dt-item-layout--left",attrs:{"data-qa":"dt-item-layout-left-wrapper"}},[e._t("left")],2):e._e(),n("section",{staticClass:"dt-item-layout--content",attrs:{"data-qa":"dt-item-layout-content-wrapper"}},[e.$slots.default?n("div",{staticClass:"dt-item-layout--title",attrs:{"data-qa":"dt-item-layout-title-wrapper"}},[e._t("default")],2):e._e(),e.$slots.subtitle?n("div",{class:["dt-item-layout--subtitle",{"dt-item-layout--subtitle--with-title":e.$slots.default}],attrs:{"data-qa":"dt-item-layout-subtitle-wrapper"}},[e._t("subtitle")],2):e._e(),e.$slots.bottom?n("div",{staticClass:"dt-item-layout--bottom",attrs:{"data-qa":"dt-item-layout-bottom-wrapper"}},[e._t("bottom")],2):e._e()]),e.$slots.right?n("section",{staticClass:"dt-item-layout--right",attrs:{"data-qa":"dt-item-layout-right-wrapper"}},[e._t("right")],2):e._e(),e.$slots.selected?n("section",{staticClass:"dt-item-layout--selected",attrs:{"data-qa":"dt-item-layout-selected-wrapper"}},[e._t("selected")],2):e._e()])},he=[],me=o.normalizeComponent(pe,fe,he,!1,null,"411cb81e",null,null);const g=me.exports,_e={name:"DtListItem",components:{DtItemLayout:g,DtIcon:i.DtIcon},inject:{highlightId:{default:null}},props:{id:{type:String,default(){return o.utils.getUniqueString()}},role:{type:String,default:"listitem"},elementType:{type:String,default:"li"},type:{type:String,default:p.DEFAULT,validator:t=>Object.values(p).includes(t)},navigationType:{type:String,default:d.NONE,validator:t=>Object.values(d).includes(t)},selected:{type:Boolean,default:!1}},emits:["click","keydown","mousemove","mouseleave"],data(){return{injected:!1,mouseHighlighted:!1}},computed:{listItemType(){switch(this.type){case p.DEFAULT:return g;default:return null}},listItemListeners(){return{...this.$listeners,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===d.TAB},isHoverable(){return this.navigationType!==d.NONE}},methods:{onClick(t){this.$emit("click",t)},onMouseHover(){this.mouseHighlighted=!0},onMouseLeave(){this.mouseHighlighted=!1}}};var ve=function(){var e=this,n=e._self._c;return n(e.elementType,e._g({tag:"component",class:["dt-list-item",{"dt-list-item--focusable":e.isFocusable,"dt-list-item--highlighted":e.isHighlighted,"dt-list-item--static":!e.isHoverable}],attrs:{id:e.id,tabindex:e.isFocusable?0:-1,role:e.role,"aria-selected":e.isHighlighted}},e.listItemListeners),[e.listItemType?n(e.listItemType,{tag:"component",scopedSlots:e._u([e._l(e.$slots,function(s,a){return{key:a,fn:function(){return[e._t(a)]},proxy:!0}}),e.selected?{key:"selected",fn:function(){return[n("dt-icon",{staticClass:"dt-list-item--selected-icon",attrs:{name:"check",size:"400"}})]},proxy:!0}:null],null,!0)}):e._t("default")],2)},ye=[],ge=o.normalizeComponent(_e,ve,ye,!1,null,null,null,null);const Se=ge.exports,r={default:"column",column:"column",row:"row","row-reverse":"row-reverse","column-reverse":"column-reverse"},E=["sm","md","lg","xl"],m=["0","100","200","300","400","500","600"],S={none:void 0,small:"d-p4",medium:"d-p8",large:"d-p16"},x={none:void 0,small:"d-pl4",medium:"d-pl8",large:"d-pl16"},F=["dialog","menu","listbox","tree","grid"],V=["","anchor"],H=["none","dialog","first"],B=["parent","body"],q=[...o.TIPPY_STICKY_VALUES],Ee=[...o.BASE_TIPPY_DIRECTIONS];let Oe="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict",Ie=(t=21)=>{let e="",n=t;for(;n--;)e+=Oe[Math.random()*64|0];return e};function f(t){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?f=function(e){return typeof e}:f=function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(t)}var M={selector:"vue-portal-target-".concat(Ie())},Ce=function(e){return M.selector=e},_=typeof window<"u"&&(typeof document>"u"?"undefined":f(document))!==void 0,Te=h.extend({abstract:!0,name:"PortalOutlet",props:["nodes","tag"],data:function(e){return{updatedNodes:e.nodes}},render:function(e){var n=this.updatedNodes&&this.updatedNodes();return n?n.length===1&&!n[0].text?n:e(this.tag||"DIV",n):e()},destroyed:function(){var e=this.$el;e&&e.parentNode.removeChild(e)}}),O=h.extend({name:"VueSimplePortal",props:{disabled:{type:Boolean},prepend:{type:Boolean},selector:{type:String,default:function(){return"#".concat(M.selector)}},tag:{type:String,default:"DIV"}},render:function(e){if(this.disabled){var n=this.$scopedSlots&&this.$scopedSlots.default();return n?n.length<2&&!n[0].text?n:e(this.tag,n):e()}return e()},created:function(){this.getTargetEl()||this.insertTargetEl()},updated:function(){var e=this;this.$nextTick(function(){!e.disabled&&e.slotFn!==e.$scopedSlots.default&&(e.container.updatedNodes=e.$scopedSlots.default),e.slotFn=e.$scopedSlots.default})},beforeDestroy:function(){this.unmount()},watch:{disabled:{immediate:!0,handler:function(e){e?this.unmount():this.$nextTick(this.mount)}}},methods:{getTargetEl:function(){if(_)return document.querySelector(this.selector)},insertTargetEl:function(){if(_){var e=document.querySelector("body"),n=document.createElement(this.tag);n.id=this.selector.substring(1),e.appendChild(n)}},mount:function(){if(_){var e=this.getTargetEl(),n=document.createElement("DIV");this.prepend&&e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),this.container=new Te({el:n,parent:this,propsData:{tag:this.tag,nodes:this.$scopedSlots.default}})}},unmount:function(){this.container&&(this.container.$destroy(),delete this.container)}}});function be(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};t.component(e.name||"portal",O),e.defaultSelector&&Ce(e.defaultSelector)}typeof window<"u"&&window.Vue&&window.Vue===h&&h.use(be);const Ae={name:"PopoverHeaderFooter",components:{DtButton:i.DtButton,DtIcon:i.DtIcon},props:{type:{type:String,validator:function(t){return["header","footer"].includes(t)}},contentClass:{type:[String,Array,Object],default:""},showCloseButton:{type:Boolean,default:!1},closeButtonProps:{type:Object,default:()=>{}}},emits:["close"],methods:{focusCloseButton(){var e;const t=(e=this.$refs["popover__close-button"])==null?void 0:e.$el;t==null||t.focus()}}};var Pe=function(){var e=this,n=e._self._c;return n("div",{class:{"d-popover__header":e.type==="header","d-popover__footer":e.type==="footer"},attrs:{"data-qa":"dt-popover-header-footer"}},[e.$slots.content?n("div",{class:[{"d-popover__header__content":e.type==="header","d-popover__footer__content":e.type==="footer"},e.contentClass],attrs:{"data-qa":"dt-popover-header-footer-content"}},[e._t("content")],2):e._e(),e.showCloseButton?n("dt-button",e._b({ref:"popover__close-button",class:{"d-popover__header__close-button":e.type==="header","d-popover__footer__close-button":e.type==="footer"},attrs:{"data-qa":"dt-popover-close",importance:"outlined",kind:"muted",circle:""},on:{click:function(s){return e.$emit("close")}},scopedSlots:e._u([{key:"icon",fn:function(){return[n("dt-icon",{attrs:{name:"close",size:"300"}})]},proxy:!0}],null,!1,2538694920)},"dt-button",e.closeButtonProps,!1)):e._e()],1)},De=[],we=o.normalizeComponent(Ae,Pe,De,!1,null,null,null,null);const Le=we.exports,Re={name:"DtPopover",components:{SrOnlyCloseButton:$,DtLazyShow:o.DtLazyShow,PopoverHeaderFooter:Le,Portal:O},mixins:[N,R],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:t=>F.includes(t)},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null},closeButtonProps:{type:Object,default:()=>({})},padding:{type:String,default:"large",validator:t=>Object.keys(S).some(e=>e===t)},contentClass:{type:[String,Array,Object],default:""},contentWidth:{type:String,default:"",validator:t=>V.includes(t)},contentTabindex:{type:Number||null,default:-1},externalAnchor:{type:String,default:""},id:{type:String,default(){return o.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:t=>q.includes(t)},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:t=>H.includes(t)||t instanceof HTMLElement||t.startsWith("#")},openWithArrowKeys:{type:Boolean,default:!1},appendTo:{type:[HTMLElement,String],default:"body",validator:t=>B.includes(t)||t instanceof HTMLElement},hovercard:{type:Boolean,default:!1},timer:{type:[Object,null],default:null,validator:t=>t===null||t.enter&&t.leave&&Object.keys(t).includes("current")}},emits:["opened","update:open"],data(){return{POPOVER_PADDING_CLASSES:S,POPOVER_HEADER_FOOTER_PADDING_CLASSES:x,intersectionObserver:null,isOutsideViewport:!1,isOpen:!1,anchorEl:null,popoverContentEl:null,inTimer:null,outTimer:null}},computed:{popoverListeners(){return{...this.$listeners,keydown:t=>{this.onKeydown(t),this.$emit("keydown",t)},"after-leave":t=>{this.onLeaveTransitionComplete()},"after-enter":t=>{this.onEnterTransitionComplete()}}},calculatedMaxHeight(){return this.isOutsideViewport&&this.modal?"calc(100vh - var(--dt-space-300))":this.maxHeight},labelledBy(){return this.ariaLabelledby||!this.ariaLabel&&o.getUniqueString("DtPopover__anchor")},currentHovercard(){var t;return(t=this.timer)==null?void 0:t.current.value}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateProps()}},modal(t){var e;(e=this.tip)==null||e.setProps({zIndex:t?650:this.calculateAnchorZindex()})},offset(t){var e;(e=this.tip)==null||e.setProps({offset:t})},sticky(t){var e;(e=this.tip)==null||e.setProps({sticky:t})},fallbackPlacements(){var t;(t=this.tip)==null||t.setProps({popperOptions:this.popperOptions()})},tether(){var t;(t=this.tip)==null||t.setProps({popperOptions:this.popperOptions()})},placement(t){var e;(e=this.tip)==null||e.setProps({placement:t})},open:{handler:function(t){t!==null&&(this.isOpen=t)},immediate:!0},isOpen(t,e){t?(this.initTippyInstance(),this.tip.show()):!t&&e!==t&&(this.removeEventListeners(),this.tip.hide())},currentHovercard(){this.hovercard&&this.timer&&(this.currentHovercard===this.id?this.isOpen=!0:this.isOpen=!1)}},mounted(){const t=this.externalAnchor?this.$refs.anchor.getRootNode().querySelector(`#${this.externalAnchor}`):null;this.anchorEl=t??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)},beforeDestroy(){var t;(t=this.tip)==null||t.destroy(),this.intersectionObserver.disconnect(),this.removeReferences(),this.removeEventListeners()},methods:{hasIntersectedViewport(t){var s;const e=(s=t==null?void 0:t[0])==null?void 0:s.target;if(!e)return;const n=o.isOutOfViewPort(e);this.isOutsideViewport=n.bottom||n.top},popperOptions(){return o.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 t;return this.$el.getRootNode().querySelector('.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"]')||(t=this.anchorEl)!=null&&t.closest(".d-zi-drawer")?650:300},defaultToggleOpen(t){var e,n;this.hovercard||this.openOnContext||(this.open??((e=this.anchorEl)!=null&&e.contains(t.target)&&!((n=this.anchorEl)!=null&&n.disabled)&&this.toggleOpen()))},async onContext(t){this.openOnContext&&(t.preventDefault(),this.isOpen=!0,await this.$nextTick(),this.tip.setProps({placement:"right-start",getReferenceClientRect:()=>({width:0,height:0,top:t.clientY,bottom:t.clientY,left:t.clientX,right:t.clientX})}))},toggleOpen(){this.isOpen=!this.isOpen},onArrowKeyPress(t){var e;this.open===null&&this.openWithArrowKeys&&(e=this.anchorEl)!=null&&e.contains(t.target)&&(this.isOpen||(this.isOpen=!0))},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 t;if(this.modal){const e=(t=this.anchorEl)==null?void 0:t.closest("body, .tippy-box");e.tagName.toLowerCase()==="body"?(e.classList.add("d-of-hidden"),this.tip.setProps({offset:this.offset})):e.classList.add("d-zi-popover")}},enableScrolling(){var e,n;const t=(e=this.anchorEl)==null?void 0:e.closest("body, .tippy-box");t&&(((n=t.tagName)==null?void 0:n.toLowerCase())==="body"?(t.classList.remove("d-of-hidden"),this.tip.setProps({offset:this.offset})):t.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 t;this.modal&&(await this.focusFirstElement(this.$refs.anchor),await this.$nextTick(),this.enableScrolling()),(t=this.tip)==null||t.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 e,n,s;const t=(n=(e=this.$refs.content)==null?void 0:e.$el)==null?void 0:n.querySelector(this.initialFocusElement);t?t.focus():console.warn('Could not find the element specified in dt-popover prop "initialFocusElement". Defaulting to focusing the dialog.'),t?t.focus():(s=this.$refs.content)==null||s.$el.focus()},onResize(){this.closePopover()},onClickOutside(){if(!this.hideOnClick)return;this.popoverContentEl.querySelector(".d-popover__anchor--opened")||this.closePopover()},onKeydown(t){t.key==="Tab"&&this.modal&&this.focusTrappedTabPress(t,this.popoverContentEl),t.key==="Escape"&&this.closePopover()},async setPopoverContentAnchorWidth(){var t;await this.$nextTick(),this.popoverContentEl.style.width=`${(t=this.anchorEl)==null?void 0:t.clientWidth}px`},focusFirstElementIfNeeded(t){var n,s;this._getFocusableElements(t,!0).length!==0?this.focusFirstElement(t):this.showCloseButton?(n=this.$refs.popover__header)==null||n.focusCloseButton():(s=this.$refs.content)==null||s.$el.focus()},initTippyInstance(){var t,e;this.tip=o.createTippy(this.anchorEl,{popperOptions:this.popperOptions(),contentElement:this.popoverContentEl,placement:this.placement,offset:this.offset,sticky:this.sticky,appendTo:this.appendTo==="body"?(e=(t=this.anchorEl)==null?void 0:t.getRootNode())==null?void 0:e.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},o.TOOLTIP_DELAY_MS)},setOutTimer(){this.outTimer=setTimeout(()=>{this.isOpen=!1},o.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())}}};var $e=function(){var e=this,n=e._self._c;return n("div",[e.modal&&e.isOpen?n("portal",[n("div",{staticClass:"d-modal--transparent",attrs:{"aria-hidden":e.modal&&e.isOpen?"false":"true"},on:{click:function(s){s.preventDefault(),s.stopPropagation()}}})]):e._e(),n(e.elementType,e._g({ref:"popover",tag:"component",class:["d-popover",{"d-popover__anchor--opened":e.isOpen}],attrs:{"data-qa":"dt-popover-container"}},e.$listeners),[n("div",{ref:"anchor",attrs:{id:!e.ariaLabelledby&&e.labelledBy,"data-qa":e.$attrs["data-qa"]?`${e.$attrs["data-qa"]}-anchor`:"dt-popover-anchor",tabindex:e.openOnContext?0:void 0},on:{"!click":function(s){return e.defaultToggleOpen.apply(null,arguments)},contextmenu:e.onContext,keydown:[function(s){return!s.type.indexOf("key")&&e._k(s.keyCode,"up",38,s.key,["Up","ArrowUp"])?null:(s.preventDefault(),e.onArrowKeyPress.apply(null,arguments))},function(s){return!s.type.indexOf("key")&&e._k(s.keyCode,"down",40,s.key,["Down","ArrowDown"])?null:(s.preventDefault(),e.onArrowKeyPress.apply(null,arguments))}],"!keydown":function(s){return!s.type.indexOf("key")&&e._k(s.keyCode,"escape",void 0,s.key,void 0)?null:e.closePopover.apply(null,arguments)},mouseenter:e.onEnterAnchor,mouseleave:e.onLeaveAnchor}},[e._t("anchor",null,{attrs:{"aria-expanded":e.isOpen.toString(),"aria-controls":e.id,"aria-haspopup":e.role}})],2),n("dt-lazy-show",e._g({ref:"content",class:["d-popover__dialog",{"d-popover__dialog--modal":e.modal},e.dialogClass],style:{"max-height":e.calculatedMaxHeight,"max-width":e.maxWidth},attrs:{id:e.id,role:e.role,"data-qa":e.$attrs["data-qa"]?`${e.$attrs["data-qa"]}__dialog`:"dt-popover","aria-hidden":`${!e.isOpen}`,"aria-labelledby":e.labelledBy,"aria-label":e.ariaLabel,"aria-modal":`${!e.modal}`,transition:e.transition,show:e.isOpen,tabindex:e.contentTabindex,appear:""},on:{mouseenter:e.onEnterContent,mouseleave:e.onLeaveContent}},e.popoverListeners),[e.$slots.headerContent||e.showCloseButton?n("popover-header-footer",{ref:"popover__header",class:e.POPOVER_HEADER_FOOTER_PADDING_CLASSES[e.padding],attrs:{"content-class":e.headerClass,type:"header","show-close-button":e.showCloseButton,"close-button-props":e.closeButtonProps},on:{close:e.closePopover},scopedSlots:e._u([{key:"content",fn:function(){return[e._t("headerContent",null,{close:e.closePopover})]},proxy:!0}],null,!0)}):e._e(),n("div",{ref:"popover__content",class:["d-popover__content",e.POPOVER_PADDING_CLASSES[e.padding],e.contentClass],attrs:{"data-qa":e.$attrs["data-qa"]?`${e.$attrs["data-qa"]}-content`:"dt-popover-content"}},[e._t("content",null,{close:e.closePopover})],2),e.$slots.footerContent?n("popover-header-footer",{ref:"popover__footer",class:e.POPOVER_HEADER_FOOTER_PADDING_CLASSES[e.padding],attrs:{type:"footer","content-class":e.footerClass},scopedSlots:e._u([{key:"content",fn:function(){return[e._t("footerContent",null,{close:e.closePopover})]},proxy:!0}],null,!0)}):e._e(),e.showVisuallyHiddenClose?n("sr-only-close-button",{attrs:{"visually-hidden-close-label":e.visuallyHiddenCloseLabel},on:{close:e.closePopover}}):e._e()],1)],1)],1)},ke=[],Ne=o.normalizeComponent(Re,$e,ke,!1,null,null,null,null);const xe=Ne.exports;function C(t){return t===r.default}function T(t){if(c(t)==="string")return C(t)?null:r[t];if(c(t)==="object"){const{default:e}=t;return C(e)?null:r[e]}else return null}function c(t){return typeof t}function Fe(t){return T(t)?`d-stack--${r[T(t)]}`:null}function Ve(t){return c(t)==="object"?[...E.map(e=>t[e]?`d-stack--${e}--${t[e]}`:null)]:null}function He(t){return m.includes(t)?`d-stack--gap-${t}`:null}function Be(t){if(c(t)==="string")return Object.keys(r).includes(t);if(c(t)==="object"){const{default:e}=t;return Object.keys(r).includes(e)}else return null}function qe(t){return m.includes(t)}const Me={name:"DtStack",props:{direction:{type:[String,Object],default:"column",validator:t=>Be(t)},as:{type:String,default:"div"},gap:{type:String,default:"0",validator:t=>qe(t)}},data(){return{DT_STACK_DIRECTION:r,DT_STACK_GAP:m,DT_STACK_RESPONSIVE_BREAKPOINTS:E}},computed:{stackGap(){return He(this.gap)},defaultDirection(){return Fe(this.direction)},stackResponsive(){return Ve(this.direction)}}};var ze=function(){var e=this,n=e._self._c;return n(e.as,{tag:"component",class:["d-stack",e.defaultDirection,e.stackResponsive,e.stackGap]},[e._t("default")],2)},Ke=[],je=o.normalizeComponent(Me,ze,Ke,!1,null,null,null,null);const Ge=je.exports;exports.AVATAR_COLORS=L;exports.AVATAR_GROUP_VALIDATOR=y;exports.AVATAR_ICON_SIZES=w;exports.AVATAR_KIND_MODIFIERS=P;exports.AVATAR_PRESENCE_SIZE_MODIFIERS=D;exports.AVATAR_PRESENCE_STATES=v;exports.AVATAR_SIZE_MODIFIERS=u;exports.DT_STACK_DIRECTION=r;exports.DT_STACK_GAP=m;exports.DT_STACK_RESPONSIVE_BREAKPOINTS=E;exports.DtAvatar=ee;exports.DtItemLayout=g;exports.DtLink=ie;exports.DtListItem=Se;exports.DtPopover=xe;exports.DtPresence=A;exports.DtStack=Ge;exports.LIST_ITEM_NAVIGATION_TYPES=d;exports.LIST_ITEM_TYPES=p;exports.Modal=N;exports.POPOVER_APPEND_TO_VALUES=B;exports.POPOVER_CONTENT_WIDTHS=V;exports.POPOVER_DIRECTIONS=Ee;exports.POPOVER_HEADER_FOOTER_PADDING_CLASSES=x;exports.POPOVER_INITIAL_FOCUS_STRINGS=H;exports.POPOVER_PADDING_CLASSES=S;exports.POPOVER_ROLES=F;exports.POPOVER_STICKY_VALUES=q;exports.PRESENCE_STATES=l;exports.PRESENCE_STATES_LIST=b;exports.Portal=O;exports.SrOnlyCloseButton=$;exports.SrOnlyCloseButtonMixin=R;

package/dist/{tooltip-PDBwUvGD.js → tooltip-UOWkfPpb.js}

@@ -2454,19 +2454,19 @@ export {
   fr as c,
   Gi as d,
   Xi as e,
-  an as f,
+  eo as f,
   Zt as g,
-  Wn as h,
+  an as h,
   Gn as i,
-  Jt as j,
-  co as k,
+  Wn as j,
+  Jt as k,
   er as l,
-  or as m,
+  co as m,
   un as n,
-  uo as o,
-  Mn as p,
-  Fn as q,
-  eo as r,
+  or as o,
+  uo as p,
+  Mn as q,
+  Fn as r,
   ir as s,
   ze as t,
   po as u,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "2.109.1",
+  "version": "2.110.1",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "files": [
     "dist",
@@ -74,7 +74,7 @@
     "vue-tsc": "^1.8.25",
     "yo": "^4.3.1",
     "yorkie": "^2.0.0",
-    "@dialpad/dialtone-css": "^8.22.2",
+    "@dialpad/dialtone-css": "^8.22.3",
     "@dialpad/dialtone-icons": "^4.5.1"
   },
   "peerDependencies": {

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

@@ -1,56 +0,0 @@
-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

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

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

@@ -1,25 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/input.d.ts

@@ -1,199 +0,0 @@
-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 | StringConstructor | ArrayConstructor)[];
-            export { type_6 as type };
-            let _default_6: string;
-            export { _default_6 as default };
-        }
-        namespace labelClass {
-            let type_7: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            export { type_7 as type };
-            let _default_7: string;
-            export { _default_7 as default };
-        }
-        namespace descriptionClass {
-            let type_8: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            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 | StringConstructor | ArrayConstructor)[];
-            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

@@ -1 +0,0 @@
-{"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

@@ -1,101 +0,0 @@
-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 | StringConstructor | ArrayConstructor)[];
-            export { type_7 as type };
-            let _default_5: string;
-            export { _default_5 as default };
-        }
-        namespace messagesClass {
-            let type_8: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            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 };
-        }
-    }
-    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

@@ -1 +0,0 @@
-{"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;;;;IAIvB;;;;;;MAWC;;QAGC,kCAEC;QAED,0CAEC;;;QAID,0CAEC;QAED,wDAEC;;;QAQD,4CAGC;;IAGH,yBAIC;;;;;;qCAvKkC,kCAAkC"}