@dialpad/dialtone-vue 3.68.0 → 3.69.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# [3.69.0](https://github.com/dialpad/dialtone-vue/compare/v3.68.0...v3.69.0) (2023-05-23)
+
+
+### Bug Fixes
+
+* change to fnv algo ([1177a06](https://github.com/dialpad/dialtone-vue/commit/1177a0647fa315f9dbdc4c8d8522e47774c946ed))
+
+
+### Features
+
+* update dialtone icons ([bfffabb](https://github.com/dialpad/dialtone-vue/commit/bfffabba29f5fd48c2cfffdbb017ea0a18f2d62c))
+
 # [3.68.0](https://github.com/dialpad/dialtone-vue/compare/v3.67.4...v3.68.0) (2023-05-18)
 
 

package/dist/dialtone-vue.cjs

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