@dialpad/dialtone-vue 2.108.0 → 2.109.1

package/dist/stack-Xl6jQs_C.cjs

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