@dialpad/dialtone-vue 3.73.1 → 3.73.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +1 -1
- package/CHANGELOG.md +7 -0
- package/dist/dialtone-vue.cjs +1 -1
- package/dist/dialtone-vue.js +6 -6
- package/dist/emoji.cjs +1 -1
- package/dist/emoji.js +3 -3
- package/dist/{emoji_picker-8f408365.cjs → emoji_picker-856956e1.cjs} +1 -1
- package/dist/{emoji_picker-8485a649.js → emoji_picker-956e04de.js} +1 -1
- package/dist/{emoji_text_wrapper-4115e6a2.cjs → emoji_text_wrapper-b5c7c334.cjs} +1 -1
- package/dist/{emoji_text_wrapper-124e7b04.js → emoji_text_wrapper-e07187bc.js} +1 -1
- package/dist/{index-746e548f.cjs → index-6294032c.cjs} +1 -1
- package/dist/{index-6b22d90d.js → index-a257a50a.js} +9 -3
- package/dist/message_input.cjs +1 -1
- package/dist/message_input.js +5 -5
- package/dist/{popover-0dac4806.js → popover-3dbe0634.js} +1 -1
- package/dist/{popover-df47d91f.cjs → popover-7e9c5a25.cjs} +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## [3.73.2](https://github.com/dialpad/dialtone-vue/compare/v3.73.1...v3.73.2) (2023-06-20)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **Rich Text Editor:** add a check and workaround for phone regex vue 3 ([#1030](https://github.com/dialpad/dialtone-vue/issues/1030)) ([70e28d2](https://github.com/dialpad/dialtone-vue/commit/70e28d295e88126cc893fc316cf85cea5bfbd453))
|
|
7
|
+
|
|
1
8
|
## [3.73.1](https://github.com/dialpad/dialtone-vue/compare/v3.73.0...v3.73.1) (2023-06-20)
|
|
2
9
|
|
|
3
10
|
|
package/dist/dialtone-vue.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./index-746e548f.cjs"),b=require("./popover-df47d91f.cjs"),B=require("./emoji_text_wrapper-4115e6a2.cjs"),K={BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},at=[K.BUSY,K.AWAY,K.OFFLINE,K.ACTIVE],Yt={name:"DtPresence",props:{presence:{type:String,default:K.ACTIVE,validator:t=>at.includes(t)},srText:{type:String,default:null}}},Zt=["aria-live"],Qt={key:0,"data-qa":"dt-presence-sr-text",class:"sr-only"};function Xt(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",Qt,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,Zt)}const lt=i._export_sfc(Yt,[["render",Xt]]),ie={xs:"d-avatar--xs",sm:"d-avatar--sm",md:"d-avatar--md",lg:"d-avatar--lg",xl:"d-avatar--xl"},Se={default:"",icon:"d-avatar__icon",initials:"d-avatar__initials"},rt={md:"d-avatar__presence--md",lg:"d-avatar__presence--lg"},Ce={NONE:"",BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},Jt={xs:void 0,sm:"200",md:"300",lg:"500",xl:"600"},dt=[void 0,"100","200","300","400","500","600","700","800","900","1000","1100","1200","1300","1400","1500","1600","1700","1800"],ve=t=>t>1;const en={name:"DtAvatar",components:{DtPresence:lt,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:Ce.NONE,validator:t=>Object.values(Ce).includes(t)},presenceProps:{type:Object,default:()=>({})},initials:{type:String,default:""},group:{type:Number,default:void 0,validator:t=>ve(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:Se,AVATAR_PRESENCE_SIZE_MODIFIERS:rt,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 ve(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(Se.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(dt,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")}}},tn=["id"],nn={key:1,class:"d-fs-200 d-fw-bold d-fc-white d-w100p d-ta-center"},on={key:1,class:"d-avatar__count d-zi-base","data-qa":"dt-avatar-count"};function sn(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",nn,e.toDisplayString(n.overlayText),1)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),s.showGroup?(e.openBlock(),e.createElementBlock("span",on,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,tn)}const ae=i._export_sfc(en,[["render",sn]]),Ee={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"},ke={"black-400":"d-badge--decorate-black-400","black-500":"d-badge--decorate-black-500","black-900":"d-badge--decorate-black-900","red-200":"d-badge--decorate-red-200","red-300":"d-badge--decorate-red-300","red-400":"d-badge--decorate-red-400","purple-200":"d-badge--decorate-purple-200","purple-300":"d-badge--decorate-purple-300","purple-400":"d-badge--decorate-purple-400","purple-500":"d-badge--decorate-purple-500","blue-200":"d-badge--decorate-blue-200","blue-300":"d-badge--decorate-blue-300","blue-400":"d-badge--decorate-blue-400","green-300":"d-badge--decorate-green-300","green-400":"d-badge--decorate-green-400","green-500":"d-badge--decorate-green-500","gold-300":"d-badge--decorate-gold-300","gold-400":"d-badge--decorate-gold-400","gold-500":"d-badge--decorate-gold-500","magenta-200":"d-badge--decorate-magenta-200","magenta-300":"d-badge--decorate-magenta-300","magenta-400":"d-badge--decorate-magenta-400"},an={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(Ee).includes(t)},decoration:{type:String,default:void 0,validator:t=>Object.keys(ke).includes(t)}},data(){return{BADGE_TYPE_MODIFIERS:Ee,BADGE_KIND_MODIFIERS:Ie,BADGE_DECORATION_MODIFIERS:ke}},computed:{hasIcons(){return this.iconLeft!==""||this.iconRight!==""}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateProps()}}},methods:{validateProps(){this.validateTypePropCombination(),this.validateDecorationPropCombination()},validateTypePropCombination(){this.type==="ai"&&this.kind==="count"&&console.error("DtBadge error: type: 'ai' with kind: 'count' is an invalid combination.")},validateDecorationPropCombination(){this.decoration&&((this.kind!=="label"||this.type!=="default")&&console.error("DtBadge error: decoration prop can only be used with kind: 'label' and type: 'default'."),this.hasIcons&&console.error("DtBadge error: decoration prop cannot be used with iconLeft or iconRight."))}}},ln={key:0,class:"d-badge__decorative"},rn={key:1,class:"d-badge__icon-left"},dn={class:"d-badge__label"},cn={key:2,class:"d-badge__icon-right"};function un(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",ln)):e.createCommentVNode("",!0),n.iconLeft||n.type==="ai"?(e.openBlock(),e.createElementBlock("span",rn,[e.createVNode(r,{name:n.iconLeft||"dialpad-ai",size:"200"},null,8,["name"])])):e.createCommentVNode("",!0),e.createElementVNode("span",dn,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])]),n.iconRight?(e.openBlock(),e.createElementBlock("span",cn,[e.createVNode(r,{name:n.iconRight,size:"200"},null,8,["name"])])):e.createCommentVNode("",!0)],2)}const ct=i._export_sfc(an,[["render",un]]),j=["base","error","info","success","warning"],hn=["alert","alertdialog","status"],mn=new Map([["info","info"],["success","check-circle"],["warning","alert-triangle"],["error","alert-circle"],["base","bell"]]),pn={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 mn.get(this.kind)}}},fn={key:0,"aria-hidden":"true",class:"d-notice__icon"};function _n(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",fn,[e.renderSlot(t.$slots,"default",{},()=>[e.createVNode(r,{name:s.defaultIcon,size:"400"},null,8,["name"])])])):e.createCommentVNode("",!0)}const Oe=i._export_sfc(pn,[["render",_n]]),gn={name:"DtNoticeContent",props:{title:{type:String,default:""},titleId:{type:String,default:void 0},contentId:{type:String,default:void 0}},data(){return{hasSlotContent:i.hasSlotContent}}},yn={class:"d-notice__content","data-qa":"notice-content"},bn=["id"],Sn=["id"];function Cn(t,o,n,l,a,s){return e.openBlock(),e.createElementBlock("div",yn,[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,bn)):e.createCommentVNode("",!0),e.createElementVNode("p",{id:n.contentId,class:"d-notice__message","data-qa":"notice-content-message"},[e.renderSlot(t.$slots,"default")],8,Sn)])}const Le=i._export_sfc(gn,[["render",Cn]]),vn={name:"DtNoticeAction",components:{DtIcon:i.DtIcon,DtButton:i.DtButton,SrOnlyCloseButton:b.SrOnlyCloseButton},mixins:[b.SrOnlyCloseButtonMixin],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")}}},En={class:"d-notice__actions","data-qa":"notice-content-actions"};function In(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",En,[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 Ae=i._export_sfc(vn,[["render",In]]),kn={name:"DtBanner",components:{DtNoticeIcon:Oe,DtNoticeContent:Le,DtNoticeAction:Ae},mixins:[b.Modal,b.SrOnlyCloseButtonMixin],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});
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./index-6294032c.cjs"),b=require("./popover-7e9c5a25.cjs"),B=require("./emoji_text_wrapper-b5c7c334.cjs"),K={BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},at=[K.BUSY,K.AWAY,K.OFFLINE,K.ACTIVE],Yt={name:"DtPresence",props:{presence:{type:String,default:K.ACTIVE,validator:t=>at.includes(t)},srText:{type:String,default:null}}},Zt=["aria-live"],Qt={key:0,"data-qa":"dt-presence-sr-text",class:"sr-only"};function Xt(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",Qt,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,Zt)}const lt=i._export_sfc(Yt,[["render",Xt]]),ie={xs:"d-avatar--xs",sm:"d-avatar--sm",md:"d-avatar--md",lg:"d-avatar--lg",xl:"d-avatar--xl"},Se={default:"",icon:"d-avatar__icon",initials:"d-avatar__initials"},rt={md:"d-avatar__presence--md",lg:"d-avatar__presence--lg"},Ce={NONE:"",BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},Jt={xs:void 0,sm:"200",md:"300",lg:"500",xl:"600"},dt=[void 0,"100","200","300","400","500","600","700","800","900","1000","1100","1200","1300","1400","1500","1600","1700","1800"],ve=t=>t>1;const en={name:"DtAvatar",components:{DtPresence:lt,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:Ce.NONE,validator:t=>Object.values(Ce).includes(t)},presenceProps:{type:Object,default:()=>({})},initials:{type:String,default:""},group:{type:Number,default:void 0,validator:t=>ve(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:Se,AVATAR_PRESENCE_SIZE_MODIFIERS:rt,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 ve(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(Se.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(dt,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")}}},tn=["id"],nn={key:1,class:"d-fs-200 d-fw-bold d-fc-white d-w100p d-ta-center"},on={key:1,class:"d-avatar__count d-zi-base","data-qa":"dt-avatar-count"};function sn(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",nn,e.toDisplayString(n.overlayText),1)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),s.showGroup?(e.openBlock(),e.createElementBlock("span",on,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,tn)}const ae=i._export_sfc(en,[["render",sn]]),Ee={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"},ke={"black-400":"d-badge--decorate-black-400","black-500":"d-badge--decorate-black-500","black-900":"d-badge--decorate-black-900","red-200":"d-badge--decorate-red-200","red-300":"d-badge--decorate-red-300","red-400":"d-badge--decorate-red-400","purple-200":"d-badge--decorate-purple-200","purple-300":"d-badge--decorate-purple-300","purple-400":"d-badge--decorate-purple-400","purple-500":"d-badge--decorate-purple-500","blue-200":"d-badge--decorate-blue-200","blue-300":"d-badge--decorate-blue-300","blue-400":"d-badge--decorate-blue-400","green-300":"d-badge--decorate-green-300","green-400":"d-badge--decorate-green-400","green-500":"d-badge--decorate-green-500","gold-300":"d-badge--decorate-gold-300","gold-400":"d-badge--decorate-gold-400","gold-500":"d-badge--decorate-gold-500","magenta-200":"d-badge--decorate-magenta-200","magenta-300":"d-badge--decorate-magenta-300","magenta-400":"d-badge--decorate-magenta-400"},an={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(Ee).includes(t)},decoration:{type:String,default:void 0,validator:t=>Object.keys(ke).includes(t)}},data(){return{BADGE_TYPE_MODIFIERS:Ee,BADGE_KIND_MODIFIERS:Ie,BADGE_DECORATION_MODIFIERS:ke}},computed:{hasIcons(){return this.iconLeft!==""||this.iconRight!==""}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateProps()}}},methods:{validateProps(){this.validateTypePropCombination(),this.validateDecorationPropCombination()},validateTypePropCombination(){this.type==="ai"&&this.kind==="count"&&console.error("DtBadge error: type: 'ai' with kind: 'count' is an invalid combination.")},validateDecorationPropCombination(){this.decoration&&((this.kind!=="label"||this.type!=="default")&&console.error("DtBadge error: decoration prop can only be used with kind: 'label' and type: 'default'."),this.hasIcons&&console.error("DtBadge error: decoration prop cannot be used with iconLeft or iconRight."))}}},ln={key:0,class:"d-badge__decorative"},rn={key:1,class:"d-badge__icon-left"},dn={class:"d-badge__label"},cn={key:2,class:"d-badge__icon-right"};function un(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",ln)):e.createCommentVNode("",!0),n.iconLeft||n.type==="ai"?(e.openBlock(),e.createElementBlock("span",rn,[e.createVNode(r,{name:n.iconLeft||"dialpad-ai",size:"200"},null,8,["name"])])):e.createCommentVNode("",!0),e.createElementVNode("span",dn,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])]),n.iconRight?(e.openBlock(),e.createElementBlock("span",cn,[e.createVNode(r,{name:n.iconRight,size:"200"},null,8,["name"])])):e.createCommentVNode("",!0)],2)}const ct=i._export_sfc(an,[["render",un]]),j=["base","error","info","success","warning"],hn=["alert","alertdialog","status"],mn=new Map([["info","info"],["success","check-circle"],["warning","alert-triangle"],["error","alert-circle"],["base","bell"]]),pn={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 mn.get(this.kind)}}},fn={key:0,"aria-hidden":"true",class:"d-notice__icon"};function _n(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",fn,[e.renderSlot(t.$slots,"default",{},()=>[e.createVNode(r,{name:s.defaultIcon,size:"400"},null,8,["name"])])])):e.createCommentVNode("",!0)}const Oe=i._export_sfc(pn,[["render",_n]]),gn={name:"DtNoticeContent",props:{title:{type:String,default:""},titleId:{type:String,default:void 0},contentId:{type:String,default:void 0}},data(){return{hasSlotContent:i.hasSlotContent}}},yn={class:"d-notice__content","data-qa":"notice-content"},bn=["id"],Sn=["id"];function Cn(t,o,n,l,a,s){return e.openBlock(),e.createElementBlock("div",yn,[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,bn)):e.createCommentVNode("",!0),e.createElementVNode("p",{id:n.contentId,class:"d-notice__message","data-qa":"notice-content-message"},[e.renderSlot(t.$slots,"default")],8,Sn)])}const Le=i._export_sfc(gn,[["render",Cn]]),vn={name:"DtNoticeAction",components:{DtIcon:i.DtIcon,DtButton:i.DtButton,SrOnlyCloseButton:b.SrOnlyCloseButton},mixins:[b.SrOnlyCloseButtonMixin],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")}}},En={class:"d-notice__actions","data-qa":"notice-content-actions"};function In(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",En,[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 Ae=i._export_sfc(vn,[["render",In]]),kn={name:"DtBanner",components:{DtNoticeIcon:Oe,DtNoticeContent:Le,DtNoticeAction:Ae},mixins:[b.Modal,b.SrOnlyCloseButtonMixin],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});
|
|
2
2
|
background-size: ${this.backgroundSize};`}},mounted(){this.important&&this.focusFirstElement()},methods:{trapFocus(t){this.important&&this.focusTrappedTabPress(t)}}},wn=["role","aria-labelledby","aria-describedby"];function Bn(t,o,n,l,a,s){const r=e.resolveComponent("dt-notice-icon"),c=e.resolveComponent("dt-notice-content"),d=e.resolveComponent("dt-notice-action");return e.openBlock(),e.createElementBlock("aside",{class:e.normalizeClass(s.bannerClass),style:e.normalizeStyle(s.bannerBackgroundImage),onKeydown:o[1]||(o[1]=e.withKeys((...h)=>s.trapFocus&&s.trapFocus(...h),["tab"]))},[e.createElementVNode("div",{class:e.normalizeClass(["d-banner__dialog",n.dialogClass]),role:s.role,"aria-labelledby":n.titleId,"aria-describedby":n.contentId},[n.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(r,{key:0,kind:n.kind},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["kind"])),e.createVNode(c,{"title-id":n.titleId,"content-id":n.contentId,title:n.title},{titleOverride:e.withCtx(()=>[e.renderSlot(t.$slots,"titleOverride")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["title-id","content-id","title"]),e.createVNode(d,{"hide-close":n.hideClose,"close-button-props":n.closeButtonProps,"visually-hidden-close":t.visuallyHiddenClose,"visually-hidden-close-label":t.visuallyHiddenCloseLabel,onClose:o[0]||(o[0]=h=>t.$emit("close"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"action")]),_:3},8,["hide-close","close-button-props","visually-hidden-close","visually-hidden-close-label"])],10,wn)],38)}const Dn=i._export_sfc(kn,[["render",Bn]]),ut="d-breadcrumbs__item--selected",ht="d-breadcrumbs--inverted",Tn={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 Nn(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 mt=i._export_sfc(Tn,[["render",Nn]]),On={name:"DtBreadcrumbItem",components:{DtLink:mt},inheritAttrs:!1,props:{inverted:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},label:{type:String,default:""}},data(){return{BREADCRUMB_ITEM_SELECTED_MODIFIER:ut}},computed:{linkKind(){return this.inverted?i.INVERTED:i.MUTED},ariaCurrent(){return this.selected?"location":void 0}}};function Ln(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 pt=i._export_sfc(On,[["render",Ln]]),An={name:"DtBreadcrumbs",components:{DtBreadcrumbItem:pt},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:ht}},methods:{getBreadcrumbItemKey(t){return`breadcrumbs-item-${t}-${i.utils.getUniqueString()}`}}},xn=["aria-label"];function Vn(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,xn)}const Rn=i._export_sfc(An,[["render",Vn]]),we={start:"d-btn-group--start",end:"d-btn-group--end","space-between":"d-btn-group--space-between"},Pn={name:"DtButtonGroup",props:{alignment:{type:String,default:"start",validator:t=>Object.keys(we).includes(t)}},data(){return{BUTTON_GROUP_ALIGNMENT:we}}};function Mn(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(Pn,[["render",Mn]]),$n={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 Fn(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 ft=i._export_sfc($n,[["render",Fn]]),Hn={name:"DtCodeblock",props:{text:{type:String,required:!0}}},qn={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 Kn(t,o,n,l,a,s){return e.openBlock(),e.createElementBlock("pre",null,[e.createTextVNode(" "),e.createElementVNode("code",qn,e.toDisplayString(n.text),1),e.createTextVNode(`
|
|
3
3
|
`)])}const Un=i._export_sfc(Hn,[["render",Kn]]),jn={methods:{scrollElementIntoViewIfNeeded(t,o,n,l){t.scrollIntoViewIfNeeded?this.scrollIntoViewIfNeeded(t,o,n,l):this.scrollIntoView(t,"bottom",!1,n,l)},scrollElementIntoView(t,o,n,l){if(o==="center"){this.scrollIntoView(t,"center",!1,n,l);return}o===!1?this.scrollIntoView(t,"bottom",!1,n,l):this.scrollIntoView(t,"top",!1,n,l)},scrollIntoViewIfNeeded(t,o,n,l){const a=o?"center":void 0;this.scrollIntoView(t,a,!0,n,l)},scrollIntoView(t,o,n,l,a){if(!t||!t.parentElement)return;const s=t.offsetTop,r=a||t.parentElement,c=this._getScrollBounds(r),d=c.bottom-c.top,h=this._getElementHeight(t),m=s+h;let u=-1;switch(o){case"top":u=s;break;case"center":u=s+(h-d)/2;break;case"bottom":u=u=m-d;break;default:s-c.top<=d/2?u=s:u=m-d;break}this._setScrollTop(r,u,c,s,m,n,l)},_setScrollTop(t,o,n,l,a,s,r){n=n||this._getScrollBounds(t);const c=n.bottom-n.top;if(s&&this._inScrollBounds(l,a,n))if(l<n.top)o=l;else if(a>n.bottom)o=a-c;else return;r?t.scrollTo({top:o,behavior:r}):t.scrollTop=o},_getElementHeight(t){return t.getBoundingClientRect().height},_getScrollBounds(t){const o=this._getElementHeight(t),n=t.scrollTop;return{top:n,bottom:n+o}},_inScrollBounds(t,o,n){const l=o-t;return o<=n.bottom+3*l/4&&t>=n.top-l/4}}},Gn="listElementKey is required or the referenced element doesn't exist. Received listElement: ",xe=({listItemRole:t="option",indexKey:o="highlightIndex",idKey:n="highlightId",listElementKey:l="listRef",activeItemKey:a="",openMethod:s=null,afterHighlightMethod:r=null,beginningOfListMethod:c=null,endOfListMethod:d=null,scrollToOnHighlight:h=!0,focusOnKeyboardNavigation:m=!1}={})=>({mixins:[jn],data(){return{[o]:-1,[n]:"",scrollToOnHighlight:h,focusOnKeyboardNavigation:m}},provide(){return{highlightId:()=>this[n]}},methods:{_getListElement(){var u;return((u=this[l]())==null?void 0:u.$el)||this[l]()},_itemsLength(){const u=this._getListItemNodes();return u===null?0:u.length},_getListItemNodes(){const u=this._getListElement();return u?Array.from(u.querySelectorAll(`[role="${t}"], #sr-only-close-button`)):(console.error(Gn,u),null)},onUpKey(){s&&this[s](!0),this[o]>0?this.setHighlightIndex(this[o]-1):c&&this[c](),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},onDownKey(){s&&this[s](!0),this[o]<this._itemsLength()-1?this.setHighlightIndex(this[o]+1):d&&this[d](),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},onHomeKey(){this.jumpToBeginning(),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},onEndKey(){this.jumpToEnd(),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},onNavigationKey(u){const g=this._getListItemNodes(),E=g.filter(q=>q.textContent.trim().toLowerCase().startsWith(u.toLowerCase()));if(E.length<=0)return;const z=E.findIndex(q=>this[o]===g.indexOf(q)),H=g.indexOf(z<E.length-1?E[z+1]:E[0]);this.setHighlightIndex(H),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},isValidLetter(u){return u.length>1?!1:u>="a"&&u<="z"||u>="A"&&u<="Z"},jumpToBeginning(){this.setHighlightIndex(0)},jumpToEnd(){this.setHighlightIndex(this._itemsLength()-1)},setHighlightIndex(u){this[o]=u,this[n]=this._getItemId(u),this._itemsLength()&&r&&this[r](u)},setHighlightId(u){this[n]=u,this[o]=this._getItemIndex(u),this._itemsLength()&&r&&this[r](this._getItemIndex(u))},_getItemIndex(u){const g=this._getListElement();return g?Array.from(g.querySelectorAll(`[role="${t}"], #sr-only-close-button`)).indexOf(g.querySelector(`#${u}`)):void 0},_getItemId(u){var E;const g=this._getListElement();if(g)return(E=g.querySelectorAll(`[role="${t}"], #sr-only-close-button`)[u])==null?void 0:E.id},scrollActiveItemIntoViewIfNeeded(){if(!this.scrollToOnHighlight)return;const u=this[a];if(u){const g=this._getListElement();this.scrollElementIntoViewIfNeeded(u,null,null,g)}},focusActiveItemIfNeeded(){if(!this.focusOnKeyboardNavigation)return;const u=this[a];u&&u.focus()}}}),ge={DEFAULT:"default",CUSTOM:"custom"},$={ARROW_KEYS:"arrow-keys",TAB:"tab",NONE:"none"};const Wn={name:"DtDefaultListItem",data(){return{hasSlotContent:i.hasSlotContent}}},Yn={class:"dt-default-list-item"},Zn={key:0,"data-qa":"dt-default-list-item-left-wrapper",class:"dt-default-list-item--left"},Qn={"data-qa":"dt-default-list-item-content-wrapper",class:"dt-default-list-item--content"},Xn={key:0,"data-qa":"dt-default-list-item-title-wrapper",class:"dt-default-list-item--title"},Jn={key:2,"data-qa":"dt-default-list-item-bottom-wrapper",class:"dt-default-list-item--bottom"},eo={key:1,"data-qa":"dt-default-list-item-right-wrapper",class:"dt-default-list-item--right"};function to(t,o,n,l,a,s){return e.openBlock(),e.createElementBlock("div",Yn,[a.hasSlotContent(t.$slots.left)?(e.openBlock(),e.createElementBlock("section",Zn,[e.renderSlot(t.$slots,"left")])):e.createCommentVNode("",!0),e.createElementVNode("section",Qn,[a.hasSlotContent(t.$slots.default)?(e.openBlock(),e.createElementBlock("div",Xn,[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(["dt-default-list-item--subtitle",{"d-mtn2":t.$slots.default}])},[e.renderSlot(t.$slots,"subtitle")],2)):e.createCommentVNode("",!0),a.hasSlotContent(t.$slots.bottom)?(e.openBlock(),e.createElementBlock("div",Jn,[e.renderSlot(t.$slots,"bottom")])):e.createCommentVNode("",!0)]),a.hasSlotContent(t.$slots.right)?(e.openBlock(),e.createElementBlock("section",eo,[e.renderSlot(t.$slots,"right")])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"selected")])}const et=i._export_sfc(Wn,[["render",to]]);const no={name:"DtListItem",components:{DtDefaultListItem:et,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:ge.DEFAULT,validator:t=>Object.values(ge).includes(t)},navigationType:{type:String,default:$.NONE,validator:t=>Object.values($).includes(t)},selected:{type:Boolean,default:!1}},emits:["keydown","mousemove","mouseleave","mousedown"],data(){return{injected:!1,mouseHighlighted:!1}},computed:{listItemType(){switch(this.type){case ge.DEFAULT:return et;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===$.TAB},isHoverable(){return this.navigationType!==$.NONE}},methods:{onClick(t){this.$emit("click",t)},onMouseHover(){this.mouseHighlighted=!0},onMouseLeave(){this.mouseHighlighted=!1}}};function oo(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",{"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:"dt-list-item--selected-icon"})]),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(no,[["render",oo]]),so={name:"ComboboxLoadingList",components:{DtListItem:X,DtSkeleton:B.DtSkeleton}},io={class:"d-p0 d-mt8 d-hmx332 d-of-y-auto","aria-busy":"true"};function ao(t,o,n,l,a,s){const r=e.resolveComponent("dt-skeleton"),c=e.resolveComponent("dt-list-item");return e.openBlock(),e.createElementBlock("ol",io,[(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 _t=i._export_sfc(so,[["render",ao]]);const lo={name:"ComboboxEmptyList",components:{DtListItem:X},props:{message:{type:String,required:!0},itemClass:{type:[String,Object,Array],default:""}}},ro={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",ro,[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 gt=i._export_sfc(lo,[["render",co]]),yt={EXTRA_SMALL:"xs",SMALL:"sm",DEFAULT:"md",LARGE:"lg",EXTRA_LARGE:"xl"},uo={name:"DtCombobox",components:{ComboboxLoadingList:_t,ComboboxEmptyList:gt},mixins:[xe({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(yt).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
|
|
4
4
|
empty message.`)}}},ho={"data-qa":"dt-combobox-input-wrapper"};function mo(t,o,n,l,a,s){const r=e.resolveComponent("combobox-loading-list"),c=e.resolveComponent("combobox-empty-list");return e.openBlock(),e.createElementBlock("div",{onKeydown:[o[3]||(o[3]=e.withKeys(e.withModifiers(d=>s.onKeyValidation(d,"onEscapeKey"),["stop"]),["esc"])),o[4]||(o[4]=e.withKeys(e.withModifiers(d=>s.onKeyValidation(d,"onEnterKey"),["exact"]),["enter"])),o[5]||(o[5]=e.withKeys(e.withModifiers(d=>s.onKeyValidation(d,"onUpKey"),["stop","prevent"]),["up"])),o[6]||(o[6]=e.withKeys(e.withModifiers(d=>s.onKeyValidation(d,"onDownKey"),["stop","prevent"]),["down"])),o[7]||(o[7]=e.withKeys(e.withModifiers(d=>s.onKeyValidation(d,"onHomeKey"),["stop","prevent"]),["home"])),o[8]||(o[8]=e.withKeys(e.withModifiers(d=>s.onKeyValidation(d,"onEndKey"),["stop","prevent"]),["end"]))]},[e.createElementVNode("div",ho,[e.renderSlot(t.$slots,"input",{inputProps:s.inputProps})]),n.showList?(e.openBlock(),e.createElementBlock("div",{key:0,ref:"listWrapper","data-qa":"dt-combobox-list-wrapper",onMouseleave:o[0]||(o[0]=(...d)=>s.clearHighlightIndex&&s.clearHighlightIndex(...d)),onFocusout:o[1]||(o[1]=(...d)=>s.clearHighlightIndex&&s.clearHighlightIndex(...d)),onMousemoveCapture:o[2]||(o[2]=(...d)=>s.onMouseHighlight&&s.onMouseHighlight(...d))},[n.loading&&!n.listRenderedOutside?(e.openBlock(),e.createBlock(r,e.normalizeProps(e.mergeProps({key:0},s.listProps)),null,16)):n.emptyList&&(n.emptyStateMessage||a.hasSlotContent(t.$slots.emptyListItem))&&!n.listRenderedOutside?(e.openBlock(),e.createBlock(c,e.mergeProps({key:1},s.listProps,{message:n.emptyStateMessage,"item-class":n.emptyStateClass}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"emptyListItem")]),_:3},16,["message","item-class"])):e.renderSlot(t.$slots,"list",{key:2,listProps:s.listProps,opened:s.onOpen,clearHighlightIndex:s.clearHighlightIndex})],544)):e.createCommentVNode("",!0)],32)}const bt=i._export_sfc(uo,[["render",mo]]);const po={name:"DtCollapsibleLazyShow",inheritAttrs:!1,props:{show:{type:Boolean,default:null},appear:{type:Boolean,default:!1},elementType:{type:String,default:"div"}},data(){return{initialized:!!this.show}},computed:{isCSSEnabled(){return process.env.NODE_ENV!=="test"}},watch:{show:function(t){!t||this.initialized||(this.initialized=!0)}},methods:{beforeEnter(t){requestAnimationFrame(()=>{t.style.height||(t.style.height="0px"),t.style.display=null})},enter(t){requestAnimationFrame(()=>{requestAnimationFrame(()=>{t.style.height=`${t.scrollHeight}px`})})},afterEnter(t){t.style.height=null},beforeLeave(t){requestAnimationFrame(()=>{t.style.height||(t.style.height=`${t.offsetHeight}px`)})},leave(t){requestAnimationFrame(()=>{requestAnimationFrame(()=>{t.style.height="0px"})})},afterLeave(t){t.style.height=null}}};function fo(t,o,n,l,a,s){return e.openBlock(),e.createBlock(e.Transition,e.mergeProps({appear:n.appear,"enter-active-class":"enter-active","leave-active-class":"leave-active"},t.$attrs,{css:s.isCSSEnabled,onBeforeEnter:s.beforeEnter,onEnter:s.enter,onAfterEnter:s.afterEnter,onBeforeLeave:s.beforeLeave,onLeave:s.leave,onAfterLeave:s.afterLeave}),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.elementType),e.normalizeProps(e.guardReactiveProps(t.$attrs)),{default:e.withCtx(()=>[a.initialized?e.renderSlot(t.$slots,"default",{key:0}):e.createCommentVNode("",!0)]),_:3},16)),[[e.vShow,n.show]])]),_:3},16,["appear","css","onBeforeEnter","onEnter","onAfterEnter","onBeforeLeave","onLeave","onAfterLeave"])}const _o=i._export_sfc(po,[["render",fo]]),go={name:"DtCollapsible",components:{DtButton:i.DtButton,DtCollapsibleLazyShow:_o,DtLazyShow:i.DtLazyShow,DtIcon:i.DtIcon},props:{anchorText:{type:String,default:null},open:{type:Boolean,default:null},id:{type:String,default(){return i.getUniqueString()}},elementType:{type:String,default:"div"},contentElementType:{type:String,default:"div"},anchorClass:{type:[String,Array,Object],default:null},contentClass:{type:[String,Array,Object],default:null},maxWidth:{type:String,default:null},maxHeight:{type:String,default:null},ariaLabel:{type:String,default:null},ariaLabelledBy:{type:String,default:null}},emits:["update:open","opened"],data(){return{isOpen:!0}},computed:{labelledBy(){return this.ariaLabelledBy||!this.ariaLabel&&i.getUniqueString("DtCollapsible__anchor")},collapsibleListeners(){return i.extractVueListeners(this.$attrs)}},watch:{open:{handler:function(t){t!==null&&(this.isOpen=t)},immediate:!0}},created(){this.validateProperAnchor()},methods:{onLeaveTransitionComplete(){this.$emit("opened",!1),this.open!==null&&this.$emit("update:open",!1)},onEnterTransitionComplete(){this.$emit("opened",!0,this.$refs.content),this.open!==null&&this.$emit("update:open",!0)},defaultToggleOpen(){this.open===null&&this.toggleOpen()},toggleOpen(){this.isOpen=!this.isOpen},validateProperAnchor(){!this.anchorText&&!i.hasSlotContent(this.$slots.anchor)&&console.error("anchor text and anchor slot content cannot both be falsy")}}},yo=["id"],bo=["title"];function So(t,o,n,l,a,s){const r=e.resolveComponent("dt-icon"),c=e.resolveComponent("dt-button"),d=e.resolveComponent("dt-collapsible-lazy-show");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.elementType),e.mergeProps({ref:"collapsible"},e.toHandlers(s.collapsibleListeners)),{default:e.withCtx(()=>[e.createElementVNode("div",{id:!n.ariaLabelledBy&&s.labelledBy,ref:"anchor",class:e.normalizeClass(["d-dt-collapsibe__anchor",n.anchorClass])},[e.renderSlot(t.$slots,"anchor",{attrs:{"aria-controls":n.id,"aria-expanded":a.isOpen.toString(),role:"button"}},()=>[e.createVNode(c,{importance:"clear",kind:"muted","aria-controls":n.id,"aria-expanded":`${a.isOpen}`,style:e.normalizeStyle({width:n.maxWidth}),onClick:s.defaultToggleOpen},{default:e.withCtx(()=>[e.createVNode(r,{name:a.isOpen?"chevron-down":"chevron-right",class:"d-icon d-icon--size-300 d-mr8 d-fl-shrink0"},null,8,["name"]),e.createElementVNode("span",{class:"d-mr-auto d-truncate",title:n.anchorText},e.toDisplayString(n.anchorText),9,bo)]),_:1},8,["aria-controls","aria-expanded","style","onClick"])])],10,yo),e.createVNode(d,e.mergeProps({id:n.id,ref:"contentWrapper","aria-hidden":`${!a.isOpen}`,"aria-labelledby":s.labelledBy,"aria-label":n.ariaLabel,show:a.isOpen,"element-type":n.contentElementType,class:["d-dt-collapsible__content",n.contentClass],style:{"max-height":n.maxHeight,"max-width":n.maxWidth},tabindex:"-1",appear:""},e.toHandlers(s.collapsibleListeners),{onAfterLeave:s.onLeaveTransitionComplete,onAfterEnter:s.onEnterTransitionComplete}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"content")]),_:3},16,["id","aria-hidden","aria-labelledby","aria-label","show","element-type","class","style","onAfterLeave","onAfterEnter"])]),_:3},16)}const Co=i._export_sfc(go,[["render",So]]),Y={none:void 0,small:"d-py0",large:"d-py4"};const vo={name:"DtDropdown",components:{DtPopover:b.DtPopover,SrOnlyCloseButton:b.SrOnlyCloseButton},mixins:[xe({indexKey:"highlightIndex",idKey:"highlightId",listElementKey:"getListElement",listItemRole:"menuitem",afterHighlightMethod:"afterHighlight",beginningOfListMethod:"beginningOfListMethod",endOfListMethod:"endOfListMethod",activeItemKey:"activeItemEl",focusOnKeyboardNavigation:!0}),b.SrOnlyCloseButtonMixin],inheritAttrs:!1,props:{open:{type:Boolean,default:null},openOnContext:{type:Boolean,default:!1},padding:{type:String,default:"small",validator:t=>Object.keys(Y).some(o=>o===t)},modal:{type:Boolean,default:!0},contentWidth:{type:String,default:null},maxHeight:{type:String,default:""},maxWidth:{type:String,default:""},listId:{type:String,default(){return i.getUniqueString()}},navigationType:{type:String,default:$.ARROW_KEYS,validator:t=>Object.values($).includes(t)},fallbackPlacements:{type:Array,default:()=>["auto"]},placement:{type:String,default:"bottom"},onBeginningOfList:{type:Function,default:null},onEndOfList:{type:Function,default:null},listClass:{type:[String,Array,Object],default:""},appendTo:{type:[HTMLElement,String],default:"body",validator:t=>b.POPOVER_APPEND_TO_VALUES.includes(t)||t instanceof HTMLElement},tether:{type:Boolean,default:!0},transition:{type:String,default:"fade"}},emits:["keydown","highlight","update:open","opened","update:open"],data(){return{LIST_ITEM_NAVIGATION_TYPES:$,DROPDOWN_PADDING_CLASSES:Y,openedWithKeyboard:!1,isOpen:null}},computed:{dropdownListeners(){return{opened:t=>{this.updateInitialHighlightIndex(t)},keydown:t=>{switch(t.code){case i.EVENT_KEYNAMES.up:case i.EVENT_KEYNAMES.arrowup:this.onUpKeyPress(t),t.stopPropagation(),t.preventDefault();break;case i.EVENT_KEYNAMES.down:case i.EVENT_KEYNAMES.arrowdown:this.onDownKeyPress(t),t.stopPropagation(),t.preventDefault();break;case i.EVENT_KEYNAMES.space:case i.EVENT_KEYNAMES.spacebar:this.onSpaceKey();break;case i.EVENT_KEYNAMES.enter:this.onEnterKey();break;case i.EVENT_KEYNAMES.home:this.onHomeKeyPress(t),t.stopPropagation(),t.preventDefault();break;case i.EVENT_KEYNAMES.end:this.onEndKeyPress(t),t.stopPropagation(),t.preventDefault();break;default:this.onKeyPress(t);break}this.$emit("keydown",t)}}},beginningOfListMethod(){return this.onBeginningOfList||this.jumpToEnd},endOfListMethod(){return this.onEndOfList||this.jumpToBeginning},activeItemEl(){return this.getListElement().querySelector("#"+this.highlightId)},isArrowKeyNav(){return this.navigationType===this.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS},listClasses(){return["d-ps-relative","d-stack2","d-m4","d-px0",Y[this.padding],this.listClass,{"d-context-menu-list":this.openOnContext}]},shouldOpenWithArrowKeys(){return!this.openOnContext}},methods:{onMouseHighlight(t){const o=t.target.closest("li");o&&o.role&&this.highlightId!==o.id&&(this.setHighlightId(o.id),o.focus())},getListElement(){return this.$refs.listWrapper},clearHighlightIndex(){this.setHighlightIndex(-1)},afterHighlight(){this.visuallyHiddenClose&&this.highlightIndex===this._itemsLength()-1||this.$emit("highlight",this.highlightIndex)},updateInitialHighlightIndex(t){this.isOpen=t,t?(this.openedWithKeyboard&&this.isArrowKeyNav&&this.setHighlightIndex(0),this.$emit("opened",!0)):(this.clearHighlightIndex(),this.openedWithKeyboard=!1,this.$emit("opened",!1))},onSpaceKey(){this.open||(this.openedWithKeyboard=!0)},onEnterKey(){this.open||(this.openedWithKeyboard=!0)},onUpKeyPress(){if(!this.isOpen){this.openedWithKeyboard=!0;return}if(this.isArrowKeyNav)return this.onUpKey()},onDownKeyPress(){if(!this.isOpen){this.openedWithKeyboard=!0;return}if(this.isArrowKeyNav)return this.onDownKey()},onHomeKeyPress(){if(!(!this.isOpen||!this.isArrowKeyNav))return this.onHomeKey()},onEndKeyPress(){if(!(!this.isOpen||!this.isArrowKeyNav))return this.onEndKey()},onKeyPress(t){if(!(!this.isOpen||!this.isArrowKeyNav||!this.isValidLetter(t.key)))return t.stopPropagation(),t.preventDefault(),this.onNavigationKey(t.key)}}},Eo=["id"];function Io(t,o,n,l,a,s){const r=e.resolveComponent("sr-only-close-button"),c=e.resolveComponent("dt-popover");return e.openBlock(),e.createBlock(c,e.mergeProps({ref:"popover","content-width":n.contentWidth,open:n.open,placement:n.placement,"initial-focus-element":a.openedWithKeyboard?"first":"dialog","fallback-placements":n.fallbackPlacements,padding:"none",role:"menu","append-to":n.appendTo,modal:n.modal,"max-height":n.maxHeight,"max-width":n.maxWidth,"open-with-arrow-keys":s.shouldOpenWithArrowKeys,"open-on-context":n.openOnContext},t.$attrs,{tether:n.tether,transition:n.transition},e.toHandlers(s.dropdownListeners)),{anchor:e.withCtx(({attrs:d})=>[e.renderSlot(t.$slots,"anchor",e.mergeProps({ref:"anchor"},d))]),content:e.withCtx(({close:d})=>[e.createElementVNode("ul",{id:n.listId,ref:"listWrapper",class:e.normalizeClass(s.listClasses),"data-qa":"dt-dropdown-list-wrapper",onMouseleave:o[0]||(o[0]=(...h)=>s.clearHighlightIndex&&s.clearHighlightIndex(...h)),onMousemoveCapture:o[1]||(o[1]=(...h)=>s.onMouseHighlight&&s.onMouseHighlight(...h))},[e.renderSlot(t.$slots,"list",{close:d}),t.showVisuallyHiddenClose?(e.openBlock(),e.createBlock(r,{key:0,"visually-hidden-close-label":t.visuallyHiddenCloseLabel,tabindex:s.isArrowKeyNav?-1:0,onClose:d},null,8,["visually-hidden-close-label","tabindex","onClose"])):e.createCommentVNode("",!0)],42,Eo)]),_:3},16,["content-width","open","placement","initial-focus-element","fallback-placements","append-to","modal","max-height","max-width","open-with-arrow-keys","open-on-context","tether","transition"])}const St=i._export_sfc(vo,[["render",Io]]);const ko={name:"DtDropdownSeparator"},wo={"aria-hidden":"true",class:"dt-list-separator d-my4 d-mxn4"};function Bo(t,o,n,l,a,s){return e.openBlock(),e.createElementBlock("li",wo)}const Do=i._export_sfc(ko,[["render",Bo]]),To={name:"DtImageViewer",components:{DtButton:i.DtButton,DtIcon:i.DtIcon},mixins:[b.Modal],props:{open:{type:Boolean,default:null},imageSrc:{type:String,required:!0},imageAlt:{type:String,required:!0},imageButtonClass:{type:String,required:!1,default:""},ariaLabel:{type:String,required:!0},closeAriaLabel:{type:String,required:!0}},emits:["opened","update:open"],data(){return{showCloseButton:!0,isOpen:!1}},computed:{modalListeners(){return{click:t=>{t.target===t.currentTarget&&this.close()},keydown:t=>{switch(t.code){case i.EVENT_KEYNAMES.esc:case i.EVENT_KEYNAMES.escape:this.close();break;case i.EVENT_KEYNAMES.tab:this.trapFocus(t);break}}}}},watch:{isOpen:{immediate:!0,handler(t){var o;t?this.previousActiveElement=document.activeElement:((o=this.previousActiveElement)==null||o.focus(),this.previousActiveElement=null)}},open:{handler:function(t){t!==null&&(this.isOpen=t)},immediate:!0}},methods:{openModal(){this.open===null&&(this.isOpen=!0,this.showCloseButton=!0,this.$emit("opened",!0),setTimeout(()=>{this.focusAfterOpen()}))},close(){this.isOpen=!1,this.$emit("opened",!1),this.open!==null&&this.$emit("update:open",!1)},focusAfterOpen(){var t;(t=this.$refs.closeImage)==null||t.$el.focus()},trapFocus(t){this.isOpen&&this.focusTrappedTabPress(t)}}},No=["src","alt"],Oo=["aria-hidden"],Lo={"data-qa":"dt-image-viewer-full",class:"d-p0 d-bar0 d-wmx80p d-hmx80p",role:"dialog","aria-modal":"true"},Ao=["src","alt"];function xo(t,o,n,l,a,s){const r=e.resolveComponent("dt-button"),c=e.resolveComponent("dt-icon");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(r,{"data-qa":"dt-image-viewer-preview",class:"d-p0 d-c-zoom-in","aria-label":n.ariaLabel,importance:"clear",onClick:s.openModal},{default:e.withCtx(()=>[e.createElementVNode("img",{class:e.normalizeClass(n.imageButtonClass),src:n.imageSrc,alt:n.imageAlt},null,10,No)]),_:1},8,["aria-label","onClick"]),a.isOpen?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.createElementVNode("div",e.mergeProps({"aria-hidden":a.isOpen?"false":"true",class:"d-modal","data-qa":"dt-modal"},e.toHandlers(s.modalListeners,!0),{onMouseover:o[0]||(o[0]=d=>a.showCloseButton=!0),onMouseleave:o[1]||(o[1]=d=>a.showCloseButton=!1),onFocusin:o[2]||(o[2]=d=>a.showCloseButton=!0),onFocusout:o[3]||(o[3]=d=>a.showCloseButton=!1)}),[e.createElementVNode("div",Lo,[e.createElementVNode("img",{class:"d-wmx100p d-hmx100p",src:n.imageSrc,alt:n.imageAlt},null,8,Ao)]),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[a.showCloseButton?(e.openBlock(),e.createBlock(r,{key:0,ref:"closeImage","data-qa":"dt-image-viewer-close-btn",class:"d-modal__close",circle:"",size:"lg",importance:"clear",kind:"inverted","aria-label":n.closeAriaLabel,onClick:s.close},{icon:e.withCtx(()=>[e.createVNode(c,{name:"close",size:"400"})]),_:1},8,["aria-label","onClick"])):e.createCommentVNode("",!0)]),_:1})],16,Oo)])):e.createCommentVNode("",!0)])}const Vo=i._export_sfc(To,[["render",xo]]),Ct={components:{DtValidationMessages:i.DtValidationMessages},provide(){return{groupContext:this.provideObj,setGroupValue:this.setGroupValue}},props:{id:{type:String,default(){return i.getUniqueString()}},value:{type:[String,Number,Boolean,Object],default:null},name:{type:String,required:!0},legend:{type:String,default:""},disabled:{type:Boolean,default:!1},messages:{type:Array,default:()=>[],validator:t=>i.validationMessageValidator(t)},showMessages:{type:Boolean,default:!0},legendClass:{type:[String,Array,Object],default:""},messagesClass:{type:[String,Array,Object],default:""},legendChildProps:{type:Object,default:()=>({})},messagesChildProps:{type:Object,default:()=>({})}},emits:["input"],data(){const t=i.formatMessages(this.messages);return{provideObj:{name:this.name,disabled:this.disabled,validationState:i.getValidationState(t)}}},computed:{formattedMessages(){return i.formatMessages(this.messages)},validationState(){return i.getValidationState(this.formattedMessages)}},watch:{disabled(t){this.provideObj.disabled=t},validationState(t){this.provideObj.validationState=t}},methods:{setGroupValue(t){this.internalValue=t,this.$emit("input",t)}},mounted(){!this.legend&&!this.$slots.legend&&!this.$attrs["aria-label"]&&e.warn("It is expected that an aria-label is provided when there is no legend.",this)}},Ro={name:"DtInputGroup",components:{DtValidationMessages:i.DtValidationMessages},mixins:[Ct],props:{dataQaGroup:{type:String,default:"input-group"},dataQaGroupLegend:{type:String,default:"input-group-legend"},dataQaGroupMessages:{type:String,default:"input-group-messages"}},data(){return{internalValue:this.value,hasSlotContent:i.hasSlotContent}},watch:{value(t){this.internalValue=t},internalValue:{immediate:!0,handler(t){this.provideObj.value=t}}},methods:{getMessageKey(t,o){return`input-group-message-${t}-${o}-${this.id}`}}},Po=["data-qa"],Mo=["data-qa"];function zo(t,o,n,l,a,s){const r=e.resolveComponent("dt-validation-messages");return e.openBlock(),e.createElementBlock("fieldset",{"data-qa":n.dataQaGroup},[a.hasSlotContent(t.$slots.legend)||t.legend?(e.openBlock(),e.createElementBlock("legend",e.mergeProps({key:0,class:["d-label",t.legendClass]},t.legendChildProps,{"data-qa":n.dataQaGroupLegend}),[e.renderSlot(t.$slots,"legend",{},()=>[e.createTextVNode(e.toDisplayString(t.legend),1)])],16,Mo)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),e.createVNode(r,e.mergeProps({"validation-messages":t.formattedMessages,"show-messages":t.showMessages,class:t.messagesClass,"data-qa":n.dataQaGroupMessages},t.messagesChildProps),null,16,["validation-messages","show-messages","class","data-qa"])],8,Po)}const Ve=i._export_sfc(Ro,[["render",zo]]),Be={default:"",danger:"d-modal--danger"},De={default:"",full:"d-modal--full"},tt={error:"d-modal__banner--critical",info:"d-modal__banner--info",success:"d-modal__banner--success",warning:"d-modal__banner--warning",base:"d-modal__banner--general"},$o={name:"DtNotice",components:{DtNoticeIcon:Oe,DtNoticeContent:Le,DtNoticeAction:Ae},mixins:[b.SrOnlyCloseButtonMixin],props:{titleId:{type:String,default:void 0},contentId:{type:String,default:void 0},title:{type:String,default:""},role:{type:String,default:"status",validate(t){return hn.includes(t)}},important:{type:Boolean,default:!1},kind:{type:String,default:"base",validate(t){return j.includes(t)}},closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1}},emits:["close","click"],computed:{noticeClass(){return["d-notice",{error:"d-notice--error",info:"d-notice--info",success:"d-notice--success",warning:"d-notice--warning",base:"d-notice--base"}[this.kind],{"d-notice--important":this.important}]}}};function Fo(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.noticeClass),"data-qa":"notice"},[e.createVNode(r,{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,role:n.role},{titleOverride:e.withCtx(()=>[e.renderSlot(t.$slots,"titleOverride")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["title-id","content-id","title","role"]),e.createVNode(d,{"hide-close":n.hideClose,"close-button-props":n.closeButtonProps,"visually-hidden-close":t.visuallyHiddenClose,"visually-hidden-close-label":t.visuallyHiddenCloseLabel,onClose:o[0]||(o[0]=h=>t.$emit("close"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"action")]),_:3},8,["hide-close","close-button-props","visually-hidden-close","visually-hidden-close-label"])],2)}const Ho=i._export_sfc($o,[["render",Fo]]),qo={name:"DtModal",components:{DtLazyShow:i.DtLazyShow,DtButton:i.DtButton,DtIcon:i.DtIcon,SrOnlyCloseButton:b.SrOnlyCloseButton},mixins:[b.Modal,b.SrOnlyCloseButtonMixin],props:{closeButtonProps:{type:Object,required:!0,validator:t=>!!t.ariaLabel},copy:{type:String,default:""},describedById:{type:String,default:""},labelledById:{type:String,default:function(){return i.getUniqueString()}},show:{type:Boolean,default:!1},title:{type:String,default:""},bannerTitle:{type:String,default:""},kind:{type:String,default:"default",validator:t=>Object.keys(Be).includes(t)},size:{type:String,default:"default",validator:t=>Object.keys(De).includes(t)},modalClass:{type:[String,Object,Array],default:""},dialogClass:{type:[String,Object,Array],default:""},contentClass:{type:[String,Object,Array],default:""},bannerKind:{type:String,default:"warning",validate(t){return j.includes(t)}},bannerClass:{type:[String,Object,Array],default:""},hideClose:{type:Boolean,default:!1},closeOnClick:{type:Boolean,default:!0},fixedHeaderFooter:{type:Boolean,default:!0}},emits:["click","keydown","update:show"],data(){return{MODAL_KIND_MODIFIERS:Be,MODAL_SIZE_MODIFIERS:De,MODAL_BANNER_KINDS:tt,EVENT_KEYNAMES:i.EVENT_KEYNAMES,hasSlotContent:i.hasSlotContent}},computed:{modalListeners(){return{click:t=>{this.closeOnClick&&(t.target===t.currentTarget&&this.close(),this.$emit("click",t))},keydown:t=>{switch(t.code){case i.EVENT_KEYNAMES.esc:case i.EVENT_KEYNAMES.escape:this.close();break;case i.EVENT_KEYNAMES.tab:this.trapFocus(t);break}this.$emit("keydown",t)},"after-enter":t=>{t.target===t.currentTarget&&this.setFocusAfterTransition()}}},open(){return`${!this.show}`},hasFooterSlot(){return!!this.$slots.footer},bannerKindClass(){return tt[this.bannerKind]}},watch:{show:{immediate:!0,handler(t){var o;t?this.previousActiveElement=document.activeElement:((o=this.previousActiveElement)==null||o.focus(),this.previousActiveElement=null)}},$props:{immediate:!0,deep:!0,handler(){this.validateProps()}}},methods:{close(){this.$emit("update:show",!1)},setFocusAfterTransition(){this.focusFirstElement()},trapFocus(t){this.show&&this.focusTrappedTabPress(t)},validateProps(){this.hideClose&&!this.visuallyHiddenClose&&console.error(`If hideClose prop is true, visuallyHiddenClose and visuallyHiddenCloseLabel props
|
package/dist/dialtone-vue.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { openBlock as a, createElementBlock as o, toDisplayString as C, createCommentVNode as g, createElementVNode as _, normalizeClass as b, warn as we, resolveComponent as f, renderSlot as d, createBlock as S, mergeProps as I, createVNode as p, createTextVNode as R, withCtx as c, normalizeStyle as oe, withKeys as Y, Fragment as W, renderList as X, resolveDynamicComponent as se, toHandlers as z, createSlots as ke, withModifiers as te, normalizeProps as Le, Transition as Ge, withDirectives as Se, guardReactiveProps as Ue, vShow as Ie, Teleport as vs, reactive as Tt, ref as me, computed as xe, watch as Ut, onMounted as Ss, nextTick as Is, unref as Wt, markRaw as Cs, shallowReactive as ws, h as ks, provide as Ls, createStaticVNode as Os } from "vue";
|
|
2
|
-
import { _ as v, D as B, g as j, a as Ts, h as M, b as K, u as Q, L as Es, c as As, I as Ds, M as Rs, d as We, e as Ze, E as V, f as pe, v as Zt, i as Et, j as Ke, k as Yt, C as Qt, G as Xt, l as Ye, m as xs, n as Bs, o as Ps, p as Qe, s as Xe } from "./index-
|
|
3
|
-
import { r as gd, q as _d, z as bd, y as yd, P as vd, x as Sd, w as Id, F as Cd, B as wd, T as kd, A as Ld, J as Od, H as Td, O as Ed, K as Ad, N as Dd, V as Rd, t as xd } from "./index-
|
|
4
|
-
import { S as Je, a as re, M as Pe, D as et, P as tt, b as $s } from "./popover-
|
|
5
|
-
import { d as Pd, f as $d, c as Nd, e as zd } from "./popover-
|
|
6
|
-
import { D as Ns, _ as st, a as zs } from "./emoji_text_wrapper-
|
|
7
|
-
import { b as Vd, e as qd, d as Hd, c as Fd, i as jd, S as Kd, f as Gd, h as Ud, g as Wd } from "./emoji_text_wrapper-
|
|
2
|
+
import { _ as v, D as B, g as j, a as Ts, h as M, b as K, u as Q, L as Es, c as As, I as Ds, M as Rs, d as We, e as Ze, E as V, f as pe, v as Zt, i as Et, j as Ke, k as Yt, C as Qt, G as Xt, l as Ye, m as xs, n as Bs, o as Ps, p as Qe, s as Xe } from "./index-a257a50a.js";
|
|
3
|
+
import { r as gd, q as _d, z as bd, y as yd, P as vd, x as Sd, w as Id, F as Cd, B as wd, T as kd, A as Ld, J as Od, H as Td, O as Ed, K as Ad, N as Dd, V as Rd, t as xd } from "./index-a257a50a.js";
|
|
4
|
+
import { S as Je, a as re, M as Pe, D as et, P as tt, b as $s } from "./popover-3dbe0634.js";
|
|
5
|
+
import { d as Pd, f as $d, c as Nd, e as zd } from "./popover-3dbe0634.js";
|
|
6
|
+
import { D as Ns, _ as st, a as zs } from "./emoji_text_wrapper-e07187bc.js";
|
|
7
|
+
import { b as Vd, e as qd, d as Hd, c as Fd, i as jd, S as Kd, f as Gd, h as Ud, g as Wd } from "./emoji_text_wrapper-e07187bc.js";
|
|
8
8
|
const be = {
|
|
9
9
|
BUSY: "busy",
|
|
10
10
|
AWAY: "away",
|
package/dist/emoji.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./emoji_text_wrapper-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./emoji_text_wrapper-b5c7c334.cjs"),o=require("./emoji_picker-856956e1.cjs");require("./index-6294032c.cjs");require("vue");exports.DtEmoji=e.DtEmoji;exports.DtEmojiTextWrapper=e._sfc_main;exports.codeToEmojiData=e.codeToEmojiData;Object.defineProperty(exports,"customEmojiAssetUrl",{enumerable:!0,get:()=>e.customEmojiAssetUrl});exports.defaultEmojiAssetUrl=e.defaultEmojiAssetUrl;Object.defineProperty(exports,"emojiFileExtensionLarge",{enumerable:!0,get:()=>e.emojiFileExtensionLarge});Object.defineProperty(exports,"emojiFileExtensionSmall",{enumerable:!0,get:()=>e.emojiFileExtensionSmall});Object.defineProperty(exports,"emojiImageUrlLarge",{enumerable:!0,get:()=>e.emojiImageUrlLarge});Object.defineProperty(exports,"emojiImageUrlSmall",{enumerable:!0,get:()=>e.emojiImageUrlSmall});exports.emojiJson=e.emojiJson;exports.emojiVersion=e.emojiVersion;exports.filterValidShortCodes=e.filterValidShortCodes;exports.findEmojis=e.findEmojis;exports.findShortCodes=e.findShortCodes;exports.getEmojiData=e.getEmojiData;exports.setCustomEmojiJson=e.setCustomEmojiJson;exports.setCustomEmojiUrl=e.setCustomEmojiUrl;exports.setEmojiAssetUrlLarge=e.setEmojiAssetUrlLarge;exports.setEmojiAssetUrlSmall=e.setEmojiAssetUrlSmall;exports.shortcodeToEmojiData=e.shortcodeToEmojiData;exports.stringToUnicode=e.stringToUnicode;exports.unicodeToString=e.unicodeToString;exports.validateCustomEmojiJson=e.validateCustomEmojiJson;exports.DtEmojiPicker=o._sfc_main;
|
package/dist/emoji.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { a as i, _ as t, A as m, l as r, k as j, p as l, n as E, o as n, m as d, q as g, j as U, C as p, E as u, B as c, r as f, v as x, u as C, t as D, s as S, x as A, z as T, y as h, w as J } from "./emoji_text_wrapper-
|
|
2
|
-
import { _ as k } from "./emoji_picker-
|
|
3
|
-
import "./index-
|
|
1
|
+
import { a as i, _ as t, A as m, l as r, k as j, p as l, n as E, o as n, m as d, q as g, j as U, C as p, E as u, B as c, r as f, v as x, u as C, t as D, s as S, x as A, z as T, y as h, w as J } from "./emoji_text_wrapper-e07187bc.js";
|
|
2
|
+
import { _ as k } from "./emoji_picker-956e04de.js";
|
|
3
|
+
import "./index-a257a50a.js";
|
|
4
4
|
import "vue";
|
|
5
5
|
export {
|
|
6
6
|
i as DtEmoji,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),y=require("./index-746e548f.cjs");const J={class:"d-emoji-picker__search d-emoji-picker__alignment"},Q=["onKeydown"],W={__name:"emoji_search",props:{searchPlaceholderLabel:{type:String,required:!0},modelValue:{type:String,default:""}},emits:["update:modelValue","focus-emoji-selector","focus-tabset","select-first-emoji"],setup(r,{expose:p,emit:m}){const s=e.ref(null);function u(){m("update:modelValue",""),k()}function k(){s.value.focus()}return e.onMounted(()=>{k()}),p({focusSearchInput:k}),(g,b)=>(e.openBlock(),e.createElementBlock("div",J,[e.createVNode(y.DtInput,{id:"searchInput",ref_key:"searchInput",ref:s,placeholder:r.searchPlaceholderLabel,"model-value":r.modelValue,"onUpdate:modelValue":b[0]||(b[0]=f=>g.$emit("update:modelValue",f)),onKeydown:[b[1]||(b[1]=e.withKeys(f=>g.$emit("focus-tabset"),["up"])),b[2]||(b[2]=e.withKeys(e.withModifiers(f=>g.$emit("focus-emoji-selector"),["prevent"]),["down"])),b[3]||(b[3]=e.withKeys(f=>g.$emit("select-first-emoji"),["enter"]))]},e.createSlots({leftIcon:e.withCtx(()=>[e.createVNode(y.DtIcon,{name:"search"})]),_:2},[r.modelValue.length>0?{name:"rightIcon",fn:e.withCtx(()=>[e.createElementVNode("button",{class:"d-emoji-picker__search-button",onClick:u,onKeydown:e.withKeys(u,["enter"])},[e.createVNode(y.DtIcon,{name:"close"})],40,Q)]),key:"0"}:void 0]),1032,["placeholder","model-value"])]))}},X=y._export_sfc(W,[["__scopeId","data-v-640002c1"]]);const Y={class:"d-emoji-picker__tabset"},Z={__name:"emoji_tabset",props:{showRecentlyUsedTab:{type:Boolean,default:!1},scrollIntoTab:{type:Number,required:!0},isScrolling:{type:Boolean,default:!1},emojiFilter:{type:String,default:""},tabsetLabels:{type:Array,required:!0}},emits:["selected-tabset","focus-search-input"],setup(r,{expose:p,emit:m}){const s=r,u=[{label:"Recently used",icon:"clock"},{label:"Smiley’s and people",icon:"satisfied"},{label:"Nature",icon:"living-thing"},{label:"Food",icon:"food"},{label:"Activity",icon:"object"},{label:"Travel",icon:"transportation"},{label:"Objects",icon:"lightbulb"},{label:"Symbols",icon:"heart"},{label:"Flags",icon:"flag"}],k=e.computed(()=>(s.showRecentlyUsedTab?u:u.slice(1)).map((o,i)=>({...o,label:s.tabsetLabels[i],id:(i+1).toString(),panelId:(i+1).toString()}))),g=e.computed(()=>s.emojiFilter.length>0),b=e.ref("1"),{isScrolling:f}=e.toRefs(s),B=e.ref([]);e.watch(()=>s.scrollIntoTab,()=>{!f.value&&!g.value&&(b.value=(s.scrollIntoTab+1).toString())}),e.watch(g,()=>{g.value&&(b.value=null)});function E(t){f.value||(b.value=t),m("selected-tabset",t)}function d(t){B.value.push(t.$el)}function T(){B.value[0].focus()}function h(t,o){t.key==="Enter"&&(E(o),B.value[o-1].blur()),t.key==="Tab"&&(t.preventDefault(),m("focus-search-input")),t.key==="ArrowDown"&&m("focus-search-input")}return p({focusTabset:T}),(t,o)=>(e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(y.DtTabGroup,{"tab-list-class":"d-emoji-picker__tabset-list",selected:b.value},{tabs:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k),(i,S)=>(e.openBlock(),e.createBlock(y.DtTab,{id:i.id,ref_for:!0,ref:_=>{_&&d(_)},key:i.id,"panel-id":i.panelId,label:i.label,"aria-controls":"d-emoji-picker-list",tabindex:S+1,onClickCapture:e.withModifiers(_=>E(i.id),["stop"]),onKeydown:_=>h(_,i.id)},{default:e.withCtx(()=>[e.createVNode(y.DtIcon,{size:"400",name:i.icon},null,8,["name"])]),_:2},1032,["id","panel-id","label","tabindex","onClickCapture","onKeydown"]))),128))]),_:1},8,["selected"])]))}},F="https://static.dialpadcdn.com/joypixels/png/unicode/32/",$=9;function x(r){const p=e.ref([]),m=e.ref([]),s=e.ref(!1),u=e.ref(!0);function k(t,o=!1){u.value=o,r("highlighted-emoji",t)}function g(t,o,i){p.value[o]||(p.value[o]=[]),p.value[o][i]=t}function b(t,o){m.value[o]=t}function f(t,o){var S,_,N;const i=s.value?(S=m.value)==null?void 0:S[o]:(N=(_=p.value)==null?void 0:_[t])==null?void 0:N[o];return i?(i.focus(),!0):!1}function B(t,o){f(t,o-1)||(p.value[t-1]?f(t-1,p.value[t-1].length-1):f(p.value.length-1,p.value[p.value.length-1].length-1))}function E(t,o){f(t,o+1)||f(t+1,0)||f(0,0)}function d(t,o){f(0,o-1)||f(0,m.value.length-1)}function T(t,o){f(0,o+1)||f(0,0)}function h(t,o,i){s.value?t==="left"?d(o,i):t==="right"&&T(o,i):t==="left"?B(o,i):t==="right"&&E(o,i)}return{emojiRefs:p,emojiFilteredRefs:m,isFiltering:s,hoverFirstEmoji:u,setEmojiRef:g,setFilteredRef:b,hoverEmoji:k,focusEmoji:f,handleHorizontalNavigation:h}}const ee={class:"d-emoji-picker__selector"},te={key:0,class:"d-emoji-picker__search-label d-emoji-picker__alignment"},oe={key:0},le={class:"d-emoji-picker__tab"},ne=["aria-label","onClick","onFocusin","onMouseover","onKeydown"],se=["alt","aria-label","title","src"],ie={key:2,class:"d-emoji-picker__alignment"},re={class:"d-emoji-picker__tab","data-qa":"filtered-emojis"},ae=["aria-label","onClick","onFocusin","onMouseover","onKeydown"],ce=["alt","aria-label","title","src"],ue={__name:"emoji_selector",props:{emojiFilter:{type:String,default:""},skinTone:{type:String,required:!0},tabsetLabels:{type:Array,required:!0},selectedTabset:{type:Object,required:!0},searchResultsLabel:{type:String,required:!0},searchNoResultsLabel:{type:String,required:!0},recentlyUsedEmojis:{type:Array,default:()=>[]}},emits:["highlighted-emoji","selected-emoji","scroll-into-tab","is-scrolling","focus-skin-selector","focus-search-input"],setup(r,{expose:p,emit:m}){const s=r,{emojiRefs:u,emojiFilteredRefs:k,isFiltering:g,hoverFirstEmoji:b,setEmojiRef:f,setFilteredRef:B,hoverEmoji:E,focusEmoji:d,handleHorizontalNavigation:T}=x(m),h=e.ref(null),t=e.ref(null),o=e.ref(null),i=["Recently used","People","Nature","Food","Activity","Travel","Objects","Symbols","Flags"],S=e.computed(()=>s.recentlyUsedEmojis.length?s.tabsetLabels.map(l=>({label:l,ref:e.ref(null)})):s.tabsetLabels.slice(1).map(l=>({label:l,ref:e.ref(null)}))),_=e.ref(S.value[0].label),N=e.computed(()=>s.recentlyUsedEmojis.length?i:i.slice(1)),V=e.ref([]),I=e.computed(()=>[...y.emojisGrouped[`People${s.skinTone}`],...y.emojisGrouped.Nature,...y.emojisGrouped.Food,...y.emojisGrouped[`Activity${s.skinTone}`],...y.emojisGrouped.Travel,...y.emojisGrouped[`Objects${s.skinTone}`],...y.emojisGrouped.Symbols,...y.emojisGrouped.Flags]),A=K(()=>{k.value=[],D()});e.watch(I,()=>{D()},{immediate:!0}),e.watch(()=>s.recentlyUsedEmojis,()=>{y.emojisGrouped["Recently used"]=s.recentlyUsedEmojis},{immediate:!0}),e.watch(()=>s.emojiFilter,()=>{M(),s.emojiFilter?g.value=!0:(g.value=!1,m("highlighted-emoji",null)),A()}),e.watch(()=>s.selectedTabset,l=>{C(l.tabId)},{deep:!0});function D(){const l=s.emojiFilter.toLowerCase();V.value=I.value.filter(n=>{const c=n.name.toLowerCase().includes(l),v=n.keywords.some(a=>a.toLowerCase().includes(l));return c||v}),e.nextTick(()=>{l&&E(V.value[0],!0)})}function K(l,n=300){let c;return(...v)=>{clearTimeout(c),c=setTimeout(()=>l(...v),n)}}function q(l){return`${F+l}.png`}function U(l){l.target.parentNode.style.display="none"}function C(l,n=!0){const v=S.value[l-1].ref.value[0];e.nextTick(()=>{const a=t.value,w=l==="1"?0:v.offsetTop-20;let j=!0,L=a.scrollTop;m("is-scrolling",!0),a.addEventListener("scroll",()=>{if(j){const R=a.scrollTop;(L<R&&R>=w||L>R&&R<=w)&&(j=!1,m("is-scrolling",!1)),L=R}}),a.scrollTop=w,n&&d(l-1,0)})}function M(){const l=t.value;l.scrollTop=0}function G(){o.value=new IntersectionObserver(l=>{l.forEach(n=>{var a,w,j,L,R;const{target:c}=n,v=parseInt(c.dataset.index);n.isIntersecting&&c.offsetTop<=h.value.offsetTop+50?(_.value=((a=S.value[v-1])==null?void 0:a.label)??((w=S.value[0])==null?void 0:w.label),m("scroll-into-tab",v-1)):n.boundingClientRect.bottom<=((j=h.value)==null?void 0:j.getBoundingClientRect().bottom)?(m("scroll-into-tab",v),_.value=(L=S.value[v])==null?void 0:L.label):v===1&&(m("scroll-into-tab",v),_.value=(R=S.value[0])==null?void 0:R.label)})}),o.value.observe(h.value),Array.from(t.value.children).forEach((l,n)=>{o.value.observe(l),l.dataset.index=n})}const O=(l,n,c)=>{var v;if(l.preventDefault(),b.value=!1,l.key==="ArrowUp"){const a=n%$;if(!d(0,n-$)){const w=k.value.length-k.value.length%$+a;d(0,w),d(0,w)||d(0,k.value.length-1)}}if(l.key==="ArrowDown"&&!d(0,n+$)){const a=n%$;(v=k.value)!=null&&v[n+($-a)]?d(0,k.value.length-1):d(0,a)}l.key==="ArrowLeft"&&T("left",0,n),l.key==="ArrowRight"&&T("right",0,n),l.key==="Tab"&&m("focus-skin-selector"),l.key==="Enter"&&m("selected-emoji",c)},z=(l,n,c,v)=>{var a,w;if(l.preventDefault(),l.key==="ArrowUp"){const j=c%$;if(n===0){const L=$-u.value[u.value.length-1].length%$,R=u.value[u.value.length-1].length+L-($-j);d(u.value.length-1,R)||d(u.value.length-1,u.value[u.value.length-1].length-1);return}if(!d(n,c-$)){const L=n-1<0?0:n-1,R=u.value[L].length,H=R-R%$+j;d(L,H)||d(n-1,u.value[n-1].length-1)}}if(l.key==="ArrowDown"&&!d(n,c+$)){const j=c%$;(w=(a=u.value)==null?void 0:a[n])!=null&&w[c+($-j)]?d(n,u.value[n].length-1):d(n+1,j)||d(0,j)||d(0,u.value[0].length-1)}l.key==="ArrowLeft"&&T("left",n,c),l.key==="ArrowRight"&&T("right",n,c),l.key==="Tab"&&(d(n+1,0)?C(n+1+1,!1):m("focus-skin-selector")),l.key==="Tab"&&l.shiftKey&&(d(n,0)&&n>0?C(n,!0):(C(1,!1),m("focus-search-input"))),l.key==="Enter"&&m("selected-emoji",v)};function P(){d(0,0)}return e.onMounted(()=>{G()}),e.onUnmounted(()=>{o.value.disconnect()}),p({focusEmojiSelector:P}),(l,n)=>(e.openBlock(),e.createElementBlock("div",ee,[e.createElementVNode("div",{id:"d-emoji-picker-list",ref_key:"listRef",ref:t,class:"d-emoji-picker__list"},[r.emojiFilter?(e.openBlock(),e.createElementBlock("p",te,e.toDisplayString(V.value.length>0?r.searchResultsLabel:r.searchNoResultsLabel),1)):(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"tabCategoryRef",ref:h,class:"d-emoji-picker__category d-emoji-picker__alignment"},[e.createElementVNode("p",null,e.toDisplayString(_.value),1)],512)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(S),(c,v)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:v,ref_for:!0,ref:c.ref,class:"d-emoji-picker__alignment"},[v?(e.openBlock(),e.createElementBlock("p",oe,e.toDisplayString(c.label),1)):e.createCommentVNode("",!0),e.createElementVNode("div",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y.emojisGrouped)[e.unref(N)[v]+r.skinTone]?e.unref(y.emojisGrouped)[e.unref(N)[v]+r.skinTone]:e.unref(y.emojisGrouped)[e.unref(N)[v]],(a,w)=>(e.openBlock(),e.createElementBlock("button",{key:a.shortname,ref_for:!0,ref:j=>{j&&e.unref(f)(j,v,w)},type:"button","aria-label":a.name,onClick:j=>l.$emit("selected-emoji",a),onFocusin:j=>l.$emit("highlighted-emoji",a),onFocusout:n[0]||(n[0]=j=>l.$emit("highlighted-emoji",null)),onMouseover:j=>l.$emit("highlighted-emoji",a),onMouseleave:n[1]||(n[1]=j=>l.$emit("highlighted-emoji",null)),onKeydown:j=>z(j,v,w,a)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:a.name,"aria-label":a.name,title:a.name,src:q(a.unicode_character),onError:U},null,40,se)],40,ne))),128))])])),[[e.vShow,!r.emojiFilter]])),128)),r.emojiFilter?(e.openBlock(),e.createElementBlock("div",ie,[e.createElementVNode("div",re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,(c,v)=>(e.openBlock(),e.createElementBlock("button",{key:c.shortname,ref_for:!0,ref:a=>{a&&e.unref(B)(a,v)},type:"button","aria-label":c.name,class:e.normalizeClass({"hover-emoji":v===0&&e.unref(b)}),onClick:a=>l.$emit("selected-emoji",c),onFocusin:a=>l.$emit("highlighted-emoji",c),onFocusout:n[2]||(n[2]=a=>l.$emit("highlighted-emoji",null)),onMouseover:a=>e.unref(E)(c),onMouseleave:n[3]||(n[3]=a=>e.unref(E)(null)),onKeydown:a=>O(a,v,c)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:c.name,"aria-label":c.name,title:c.name,src:`${e.unref(F)+c.unicode_character}.png`},null,8,ce)],42,ae))),128))])])):e.createCommentVNode("",!0)],512)]))}},fe=y._export_sfc(ue,[["__scopeId","data-v-067b0cfe"]]);const de={"data-qa":"skin-selector"},me={class:"d-emoji-picker__skin-list"},ve=["onKeydown","onClick"],pe=["alt","aria-label","title","src"],he={class:"d-emoji-picker__skin-selected"},ke=["aria-label"],be=["alt","aria-label","title","src"],ge={__name:"emoji_skin_selector",props:{skinTone:{type:String,required:!0},isHovering:{type:Boolean,default:!1},skinSelectorButtonTooltipLabel:{type:String,required:!0}},emits:["skin-tone","focus-tabset"],setup(r,{expose:p,emit:m}){const s=r,u=[{name:":wave_tone1:",unicode_output:"1f44b-1f3fb",skinTone:"Light",skinCode:"_tone1"},{name:":wave_tone2:",unicode_output:"1f44b-1f3fc",skinTone:"MediumLight",skinCode:"_tone2"},{name:":wave_tone3:",unicode_output:"1f44b-1f3fd",skinTone:"Medium",skinCode:"_tone3"},{name:":wave_tone4:",unicode_output:"1f44b-1f3fe",skinTone:"MediumDark",skinCode:"_tone4"},{name:":wave_tone5:",unicode_output:"1f44b-1f3ff",skinTone:"Dark",skinCode:"_tone5"},{name:":wave:",unicode_output:"1f44b",skinTone:"Default",skinCode:""}],k=e.ref(u.find(t=>t.skinTone===s.skinTone)),g=e.ref(!1),b=e.ref(null),f=e.ref([]);e.watchEffect(()=>s.isHovering&&(g.value=!1));function B(t){f.value.push(t)}function E(){b.value.focus()}function d(t){k.value=t,g.value=!1,m("skin-tone",t.skinTone),e.nextTick(()=>E())}const T=(t,o,i)=>{var S,_,N;t.preventDefault(),t.key==="ArrowLeft"&&(i===0&&((S=f.value[f.value.length-1])==null||S.focus()),(_=f.value[i-1])==null||_.focus()),t.key==="ArrowRight"&&((N=f.value[i+1])==null||N.focus()),t.key==="Enter"&&(o?d(o):h()),t.key==="Tab"&&m("focus-tabset")};function h(){g.value=!g.value,e.nextTick(()=>f.value[0].focus())}return p({focusSkinSelector:E}),(t,o)=>(e.openBlock(),e.createElementBlock("div",de,[e.withDirectives(e.createElementVNode("div",me,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(u,(i,S)=>e.createElementVNode("button",{ref_for:!0,ref:_=>{_&&B(_)},key:i.name,class:e.normalizeClass({selected:k.value.skinCode===i.skinCode}),onKeydown:_=>T(_,i,S),onClick:_=>d(i)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:i.name,"aria-label":i.name,title:i.name,src:`${e.unref(F)+i.unicode_output}.png`},null,8,pe)],42,ve)),64))],512),[[e.vShow,g.value]]),e.withDirectives(e.createElementVNode("div",he,[e.createVNode(y.DtTooltip,{placement:"top-end"},{anchor:e.withCtx(()=>[e.createElementVNode("button",{ref_key:"skinSelectorRef",ref:b,"aria-label":r.skinSelectorButtonTooltipLabel,tabindex:"-1",onClick:h,onKeydown:o[0]||(o[0]=i=>T(i))},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:k.value.name,"aria-label":k.value.name,title:k.value.name,src:`${e.unref(F)+k.value.unicode_output}.png`},null,8,be)],40,ke)]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.skinSelectorButtonTooltipLabel)+" ",1)]),_:1})],512),[[e.vShow,!g.value]])]))}},ye=y._export_sfc(ge,[["__scopeId","data-v-3a6fb9c2"]]);const _e={class:"d-emoji-picker__data"},je=["alt","aria-label","title","src"],Se={__name:"emoji_description",props:{emoji:{type:Object,default:null}},setup(r){return(p,m)=>{var s;return e.openBlock(),e.createElementBlock("div",_e,[r.emoji?(e.openBlock(),e.createElementBlock("img",{key:0,class:"d-icon d-icon--size-500",alt:r.emoji.name,"aria-label":r.emoji.name,title:r.emoji.name,src:`${e.unref(F)+r.emoji.unicode_character}.png`},null,8,je)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString((s=r.emoji)==null?void 0:s.name),1)])}}},we=y._export_sfc(Se,[["__scopeId","data-v-48c61881"]]);const $e={class:"d-emoji-picker"},Ee={class:"d-emoji-picker--header"},Te={class:"d-emoji-picker--body"},Re={class:"d-emoji-picker--footer"},Be={__name:"emoji_picker",props:{recentlyUsedEmojis:{type:Array,default:()=>[]},searchPlaceholderLabel:{type:String,required:!0},searchResultsLabel:{type:String,required:!0},searchNoResultsLabel:{type:String,required:!0},tabSetLabels:{type:Array,required:!0},skinTone:{type:String,default:"Default"},skinSelectorButtonTooltipLabel:{type:String,required:!0}},emits:["selected-emoji","skin-tone","close"],setup(r,{emit:p}){const m=r,s=e.ref(""),u=e.ref(null),k=e.ref({}),g=e.ref(0),b=e.ref(!1),f=e.computed(()=>m.recentlyUsedEmojis.length>0);function B(h){s.value="",k.value=h,k.value={...k.value,tabId:h}}function E(h){g.value=h}function d(h){b.value=h}function T(h){u.value=h}return(h,t)=>(e.openBlock(),e.createElementBlock("div",$e,[e.createElementVNode("div",Ee,[e.createVNode(Z,{ref:"tabsetRef","emoji-filter":s.value,"show-recently-used-tab":e.unref(f),"scroll-into-tab":g.value,"tabset-labels":r.tabSetLabels,"is-scrolling":b.value,onFocusSearchInput:t[0]||(t[0]=o=>h.$refs.searchInputRef.focusSearchInput()),onSelectedTabset:B,onKeydown:t[1]||(t[1]=e.withKeys(o=>p("close"),["esc"]))},null,8,["emoji-filter","show-recently-used-tab","scroll-into-tab","tabset-labels","is-scrolling"])]),e.createElementVNode("div",Te,[e.createVNode(X,{ref:"searchInputRef",modelValue:s.value,"onUpdate:modelValue":t[2]||(t[2]=o=>s.value=o),"search-placeholder-label":r.searchPlaceholderLabel,onSelectFirstEmoji:t[3]||(t[3]=o=>p("selected-emoji",u.value)),onFocusTabset:t[4]||(t[4]=o=>h.$refs.tabsetRef.focusTabset()),onFocusEmojiSelector:t[5]||(t[5]=o=>h.$refs.emojiSelectorRef.focusEmojiSelector()),onKeydown:t[6]||(t[6]=e.withKeys(o=>p("close"),["esc"]))},null,8,["modelValue","search-placeholder-label"]),e.createVNode(fe,{ref:"emojiSelectorRef","emoji-filter":s.value,"skin-tone":r.skinTone,"tabset-labels":r.tabSetLabels,"search-results-label":r.searchResultsLabel,"search-no-results-label":r.searchNoResultsLabel,"recently-used-emojis":r.recentlyUsedEmojis,"selected-tabset":k.value,onScrollIntoTab:E,onIsScrolling:d,onHighlightedEmoji:T,onSelectedEmoji:t[7]||(t[7]=o=>p("selected-emoji",o)),onFocusSkinSelector:t[8]||(t[8]=o=>h.$refs.skinSelectorRef.focusSkinSelector()),onFocusSearchInput:t[9]||(t[9]=o=>h.$refs.searchInputRef.focusSearchInput()),onKeydown:t[10]||(t[10]=e.withKeys(o=>p("close"),["esc"]))},null,8,["emoji-filter","skin-tone","tabset-labels","search-results-label","search-no-results-label","recently-used-emojis","selected-tabset"])]),e.createElementVNode("div",Re,[e.createVNode(we,{emoji:u.value},null,8,["emoji"]),e.createVNode(ye,{ref:"skinSelectorRef","is-hovering":!!u.value,"skin-selector-button-tooltip-label":r.skinSelectorButtonTooltipLabel,"skin-tone":r.skinTone,onSkinTone:t[11]||(t[11]=o=>p("skin-tone",o)),onFocusTabset:t[12]||(t[12]=o=>h.$refs.tabsetRef.focusTabset()),onKeydown:t[13]||(t[13]=e.withKeys(o=>p("close"),["esc"]))},null,8,["is-hovering","skin-selector-button-tooltip-label","skin-tone"])])]))}};exports._sfc_main=Be;
|
|
1
|
+
"use strict";const e=require("vue"),y=require("./index-6294032c.cjs");const J={class:"d-emoji-picker__search d-emoji-picker__alignment"},Q=["onKeydown"],W={__name:"emoji_search",props:{searchPlaceholderLabel:{type:String,required:!0},modelValue:{type:String,default:""}},emits:["update:modelValue","focus-emoji-selector","focus-tabset","select-first-emoji"],setup(r,{expose:p,emit:m}){const s=e.ref(null);function u(){m("update:modelValue",""),k()}function k(){s.value.focus()}return e.onMounted(()=>{k()}),p({focusSearchInput:k}),(g,b)=>(e.openBlock(),e.createElementBlock("div",J,[e.createVNode(y.DtInput,{id:"searchInput",ref_key:"searchInput",ref:s,placeholder:r.searchPlaceholderLabel,"model-value":r.modelValue,"onUpdate:modelValue":b[0]||(b[0]=f=>g.$emit("update:modelValue",f)),onKeydown:[b[1]||(b[1]=e.withKeys(f=>g.$emit("focus-tabset"),["up"])),b[2]||(b[2]=e.withKeys(e.withModifiers(f=>g.$emit("focus-emoji-selector"),["prevent"]),["down"])),b[3]||(b[3]=e.withKeys(f=>g.$emit("select-first-emoji"),["enter"]))]},e.createSlots({leftIcon:e.withCtx(()=>[e.createVNode(y.DtIcon,{name:"search"})]),_:2},[r.modelValue.length>0?{name:"rightIcon",fn:e.withCtx(()=>[e.createElementVNode("button",{class:"d-emoji-picker__search-button",onClick:u,onKeydown:e.withKeys(u,["enter"])},[e.createVNode(y.DtIcon,{name:"close"})],40,Q)]),key:"0"}:void 0]),1032,["placeholder","model-value"])]))}},X=y._export_sfc(W,[["__scopeId","data-v-640002c1"]]);const Y={class:"d-emoji-picker__tabset"},Z={__name:"emoji_tabset",props:{showRecentlyUsedTab:{type:Boolean,default:!1},scrollIntoTab:{type:Number,required:!0},isScrolling:{type:Boolean,default:!1},emojiFilter:{type:String,default:""},tabsetLabels:{type:Array,required:!0}},emits:["selected-tabset","focus-search-input"],setup(r,{expose:p,emit:m}){const s=r,u=[{label:"Recently used",icon:"clock"},{label:"Smiley’s and people",icon:"satisfied"},{label:"Nature",icon:"living-thing"},{label:"Food",icon:"food"},{label:"Activity",icon:"object"},{label:"Travel",icon:"transportation"},{label:"Objects",icon:"lightbulb"},{label:"Symbols",icon:"heart"},{label:"Flags",icon:"flag"}],k=e.computed(()=>(s.showRecentlyUsedTab?u:u.slice(1)).map((o,i)=>({...o,label:s.tabsetLabels[i],id:(i+1).toString(),panelId:(i+1).toString()}))),g=e.computed(()=>s.emojiFilter.length>0),b=e.ref("1"),{isScrolling:f}=e.toRefs(s),B=e.ref([]);e.watch(()=>s.scrollIntoTab,()=>{!f.value&&!g.value&&(b.value=(s.scrollIntoTab+1).toString())}),e.watch(g,()=>{g.value&&(b.value=null)});function E(t){f.value||(b.value=t),m("selected-tabset",t)}function d(t){B.value.push(t.$el)}function T(){B.value[0].focus()}function h(t,o){t.key==="Enter"&&(E(o),B.value[o-1].blur()),t.key==="Tab"&&(t.preventDefault(),m("focus-search-input")),t.key==="ArrowDown"&&m("focus-search-input")}return p({focusTabset:T}),(t,o)=>(e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(y.DtTabGroup,{"tab-list-class":"d-emoji-picker__tabset-list",selected:b.value},{tabs:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k),(i,S)=>(e.openBlock(),e.createBlock(y.DtTab,{id:i.id,ref_for:!0,ref:_=>{_&&d(_)},key:i.id,"panel-id":i.panelId,label:i.label,"aria-controls":"d-emoji-picker-list",tabindex:S+1,onClickCapture:e.withModifiers(_=>E(i.id),["stop"]),onKeydown:_=>h(_,i.id)},{default:e.withCtx(()=>[e.createVNode(y.DtIcon,{size:"400",name:i.icon},null,8,["name"])]),_:2},1032,["id","panel-id","label","tabindex","onClickCapture","onKeydown"]))),128))]),_:1},8,["selected"])]))}},F="https://static.dialpadcdn.com/joypixels/png/unicode/32/",$=9;function x(r){const p=e.ref([]),m=e.ref([]),s=e.ref(!1),u=e.ref(!0);function k(t,o=!1){u.value=o,r("highlighted-emoji",t)}function g(t,o,i){p.value[o]||(p.value[o]=[]),p.value[o][i]=t}function b(t,o){m.value[o]=t}function f(t,o){var S,_,N;const i=s.value?(S=m.value)==null?void 0:S[o]:(N=(_=p.value)==null?void 0:_[t])==null?void 0:N[o];return i?(i.focus(),!0):!1}function B(t,o){f(t,o-1)||(p.value[t-1]?f(t-1,p.value[t-1].length-1):f(p.value.length-1,p.value[p.value.length-1].length-1))}function E(t,o){f(t,o+1)||f(t+1,0)||f(0,0)}function d(t,o){f(0,o-1)||f(0,m.value.length-1)}function T(t,o){f(0,o+1)||f(0,0)}function h(t,o,i){s.value?t==="left"?d(o,i):t==="right"&&T(o,i):t==="left"?B(o,i):t==="right"&&E(o,i)}return{emojiRefs:p,emojiFilteredRefs:m,isFiltering:s,hoverFirstEmoji:u,setEmojiRef:g,setFilteredRef:b,hoverEmoji:k,focusEmoji:f,handleHorizontalNavigation:h}}const ee={class:"d-emoji-picker__selector"},te={key:0,class:"d-emoji-picker__search-label d-emoji-picker__alignment"},oe={key:0},le={class:"d-emoji-picker__tab"},ne=["aria-label","onClick","onFocusin","onMouseover","onKeydown"],se=["alt","aria-label","title","src"],ie={key:2,class:"d-emoji-picker__alignment"},re={class:"d-emoji-picker__tab","data-qa":"filtered-emojis"},ae=["aria-label","onClick","onFocusin","onMouseover","onKeydown"],ce=["alt","aria-label","title","src"],ue={__name:"emoji_selector",props:{emojiFilter:{type:String,default:""},skinTone:{type:String,required:!0},tabsetLabels:{type:Array,required:!0},selectedTabset:{type:Object,required:!0},searchResultsLabel:{type:String,required:!0},searchNoResultsLabel:{type:String,required:!0},recentlyUsedEmojis:{type:Array,default:()=>[]}},emits:["highlighted-emoji","selected-emoji","scroll-into-tab","is-scrolling","focus-skin-selector","focus-search-input"],setup(r,{expose:p,emit:m}){const s=r,{emojiRefs:u,emojiFilteredRefs:k,isFiltering:g,hoverFirstEmoji:b,setEmojiRef:f,setFilteredRef:B,hoverEmoji:E,focusEmoji:d,handleHorizontalNavigation:T}=x(m),h=e.ref(null),t=e.ref(null),o=e.ref(null),i=["Recently used","People","Nature","Food","Activity","Travel","Objects","Symbols","Flags"],S=e.computed(()=>s.recentlyUsedEmojis.length?s.tabsetLabels.map(l=>({label:l,ref:e.ref(null)})):s.tabsetLabels.slice(1).map(l=>({label:l,ref:e.ref(null)}))),_=e.ref(S.value[0].label),N=e.computed(()=>s.recentlyUsedEmojis.length?i:i.slice(1)),V=e.ref([]),I=e.computed(()=>[...y.emojisGrouped[`People${s.skinTone}`],...y.emojisGrouped.Nature,...y.emojisGrouped.Food,...y.emojisGrouped[`Activity${s.skinTone}`],...y.emojisGrouped.Travel,...y.emojisGrouped[`Objects${s.skinTone}`],...y.emojisGrouped.Symbols,...y.emojisGrouped.Flags]),A=K(()=>{k.value=[],D()});e.watch(I,()=>{D()},{immediate:!0}),e.watch(()=>s.recentlyUsedEmojis,()=>{y.emojisGrouped["Recently used"]=s.recentlyUsedEmojis},{immediate:!0}),e.watch(()=>s.emojiFilter,()=>{M(),s.emojiFilter?g.value=!0:(g.value=!1,m("highlighted-emoji",null)),A()}),e.watch(()=>s.selectedTabset,l=>{C(l.tabId)},{deep:!0});function D(){const l=s.emojiFilter.toLowerCase();V.value=I.value.filter(n=>{const c=n.name.toLowerCase().includes(l),v=n.keywords.some(a=>a.toLowerCase().includes(l));return c||v}),e.nextTick(()=>{l&&E(V.value[0],!0)})}function K(l,n=300){let c;return(...v)=>{clearTimeout(c),c=setTimeout(()=>l(...v),n)}}function q(l){return`${F+l}.png`}function U(l){l.target.parentNode.style.display="none"}function C(l,n=!0){const v=S.value[l-1].ref.value[0];e.nextTick(()=>{const a=t.value,w=l==="1"?0:v.offsetTop-20;let j=!0,L=a.scrollTop;m("is-scrolling",!0),a.addEventListener("scroll",()=>{if(j){const R=a.scrollTop;(L<R&&R>=w||L>R&&R<=w)&&(j=!1,m("is-scrolling",!1)),L=R}}),a.scrollTop=w,n&&d(l-1,0)})}function M(){const l=t.value;l.scrollTop=0}function G(){o.value=new IntersectionObserver(l=>{l.forEach(n=>{var a,w,j,L,R;const{target:c}=n,v=parseInt(c.dataset.index);n.isIntersecting&&c.offsetTop<=h.value.offsetTop+50?(_.value=((a=S.value[v-1])==null?void 0:a.label)??((w=S.value[0])==null?void 0:w.label),m("scroll-into-tab",v-1)):n.boundingClientRect.bottom<=((j=h.value)==null?void 0:j.getBoundingClientRect().bottom)?(m("scroll-into-tab",v),_.value=(L=S.value[v])==null?void 0:L.label):v===1&&(m("scroll-into-tab",v),_.value=(R=S.value[0])==null?void 0:R.label)})}),o.value.observe(h.value),Array.from(t.value.children).forEach((l,n)=>{o.value.observe(l),l.dataset.index=n})}const O=(l,n,c)=>{var v;if(l.preventDefault(),b.value=!1,l.key==="ArrowUp"){const a=n%$;if(!d(0,n-$)){const w=k.value.length-k.value.length%$+a;d(0,w),d(0,w)||d(0,k.value.length-1)}}if(l.key==="ArrowDown"&&!d(0,n+$)){const a=n%$;(v=k.value)!=null&&v[n+($-a)]?d(0,k.value.length-1):d(0,a)}l.key==="ArrowLeft"&&T("left",0,n),l.key==="ArrowRight"&&T("right",0,n),l.key==="Tab"&&m("focus-skin-selector"),l.key==="Enter"&&m("selected-emoji",c)},z=(l,n,c,v)=>{var a,w;if(l.preventDefault(),l.key==="ArrowUp"){const j=c%$;if(n===0){const L=$-u.value[u.value.length-1].length%$,R=u.value[u.value.length-1].length+L-($-j);d(u.value.length-1,R)||d(u.value.length-1,u.value[u.value.length-1].length-1);return}if(!d(n,c-$)){const L=n-1<0?0:n-1,R=u.value[L].length,H=R-R%$+j;d(L,H)||d(n-1,u.value[n-1].length-1)}}if(l.key==="ArrowDown"&&!d(n,c+$)){const j=c%$;(w=(a=u.value)==null?void 0:a[n])!=null&&w[c+($-j)]?d(n,u.value[n].length-1):d(n+1,j)||d(0,j)||d(0,u.value[0].length-1)}l.key==="ArrowLeft"&&T("left",n,c),l.key==="ArrowRight"&&T("right",n,c),l.key==="Tab"&&(d(n+1,0)?C(n+1+1,!1):m("focus-skin-selector")),l.key==="Tab"&&l.shiftKey&&(d(n,0)&&n>0?C(n,!0):(C(1,!1),m("focus-search-input"))),l.key==="Enter"&&m("selected-emoji",v)};function P(){d(0,0)}return e.onMounted(()=>{G()}),e.onUnmounted(()=>{o.value.disconnect()}),p({focusEmojiSelector:P}),(l,n)=>(e.openBlock(),e.createElementBlock("div",ee,[e.createElementVNode("div",{id:"d-emoji-picker-list",ref_key:"listRef",ref:t,class:"d-emoji-picker__list"},[r.emojiFilter?(e.openBlock(),e.createElementBlock("p",te,e.toDisplayString(V.value.length>0?r.searchResultsLabel:r.searchNoResultsLabel),1)):(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"tabCategoryRef",ref:h,class:"d-emoji-picker__category d-emoji-picker__alignment"},[e.createElementVNode("p",null,e.toDisplayString(_.value),1)],512)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(S),(c,v)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:v,ref_for:!0,ref:c.ref,class:"d-emoji-picker__alignment"},[v?(e.openBlock(),e.createElementBlock("p",oe,e.toDisplayString(c.label),1)):e.createCommentVNode("",!0),e.createElementVNode("div",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y.emojisGrouped)[e.unref(N)[v]+r.skinTone]?e.unref(y.emojisGrouped)[e.unref(N)[v]+r.skinTone]:e.unref(y.emojisGrouped)[e.unref(N)[v]],(a,w)=>(e.openBlock(),e.createElementBlock("button",{key:a.shortname,ref_for:!0,ref:j=>{j&&e.unref(f)(j,v,w)},type:"button","aria-label":a.name,onClick:j=>l.$emit("selected-emoji",a),onFocusin:j=>l.$emit("highlighted-emoji",a),onFocusout:n[0]||(n[0]=j=>l.$emit("highlighted-emoji",null)),onMouseover:j=>l.$emit("highlighted-emoji",a),onMouseleave:n[1]||(n[1]=j=>l.$emit("highlighted-emoji",null)),onKeydown:j=>z(j,v,w,a)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:a.name,"aria-label":a.name,title:a.name,src:q(a.unicode_character),onError:U},null,40,se)],40,ne))),128))])])),[[e.vShow,!r.emojiFilter]])),128)),r.emojiFilter?(e.openBlock(),e.createElementBlock("div",ie,[e.createElementVNode("div",re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,(c,v)=>(e.openBlock(),e.createElementBlock("button",{key:c.shortname,ref_for:!0,ref:a=>{a&&e.unref(B)(a,v)},type:"button","aria-label":c.name,class:e.normalizeClass({"hover-emoji":v===0&&e.unref(b)}),onClick:a=>l.$emit("selected-emoji",c),onFocusin:a=>l.$emit("highlighted-emoji",c),onFocusout:n[2]||(n[2]=a=>l.$emit("highlighted-emoji",null)),onMouseover:a=>e.unref(E)(c),onMouseleave:n[3]||(n[3]=a=>e.unref(E)(null)),onKeydown:a=>O(a,v,c)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:c.name,"aria-label":c.name,title:c.name,src:`${e.unref(F)+c.unicode_character}.png`},null,8,ce)],42,ae))),128))])])):e.createCommentVNode("",!0)],512)]))}},fe=y._export_sfc(ue,[["__scopeId","data-v-067b0cfe"]]);const de={"data-qa":"skin-selector"},me={class:"d-emoji-picker__skin-list"},ve=["onKeydown","onClick"],pe=["alt","aria-label","title","src"],he={class:"d-emoji-picker__skin-selected"},ke=["aria-label"],be=["alt","aria-label","title","src"],ge={__name:"emoji_skin_selector",props:{skinTone:{type:String,required:!0},isHovering:{type:Boolean,default:!1},skinSelectorButtonTooltipLabel:{type:String,required:!0}},emits:["skin-tone","focus-tabset"],setup(r,{expose:p,emit:m}){const s=r,u=[{name:":wave_tone1:",unicode_output:"1f44b-1f3fb",skinTone:"Light",skinCode:"_tone1"},{name:":wave_tone2:",unicode_output:"1f44b-1f3fc",skinTone:"MediumLight",skinCode:"_tone2"},{name:":wave_tone3:",unicode_output:"1f44b-1f3fd",skinTone:"Medium",skinCode:"_tone3"},{name:":wave_tone4:",unicode_output:"1f44b-1f3fe",skinTone:"MediumDark",skinCode:"_tone4"},{name:":wave_tone5:",unicode_output:"1f44b-1f3ff",skinTone:"Dark",skinCode:"_tone5"},{name:":wave:",unicode_output:"1f44b",skinTone:"Default",skinCode:""}],k=e.ref(u.find(t=>t.skinTone===s.skinTone)),g=e.ref(!1),b=e.ref(null),f=e.ref([]);e.watchEffect(()=>s.isHovering&&(g.value=!1));function B(t){f.value.push(t)}function E(){b.value.focus()}function d(t){k.value=t,g.value=!1,m("skin-tone",t.skinTone),e.nextTick(()=>E())}const T=(t,o,i)=>{var S,_,N;t.preventDefault(),t.key==="ArrowLeft"&&(i===0&&((S=f.value[f.value.length-1])==null||S.focus()),(_=f.value[i-1])==null||_.focus()),t.key==="ArrowRight"&&((N=f.value[i+1])==null||N.focus()),t.key==="Enter"&&(o?d(o):h()),t.key==="Tab"&&m("focus-tabset")};function h(){g.value=!g.value,e.nextTick(()=>f.value[0].focus())}return p({focusSkinSelector:E}),(t,o)=>(e.openBlock(),e.createElementBlock("div",de,[e.withDirectives(e.createElementVNode("div",me,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(u,(i,S)=>e.createElementVNode("button",{ref_for:!0,ref:_=>{_&&B(_)},key:i.name,class:e.normalizeClass({selected:k.value.skinCode===i.skinCode}),onKeydown:_=>T(_,i,S),onClick:_=>d(i)},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:i.name,"aria-label":i.name,title:i.name,src:`${e.unref(F)+i.unicode_output}.png`},null,8,pe)],42,ve)),64))],512),[[e.vShow,g.value]]),e.withDirectives(e.createElementVNode("div",he,[e.createVNode(y.DtTooltip,{placement:"top-end"},{anchor:e.withCtx(()=>[e.createElementVNode("button",{ref_key:"skinSelectorRef",ref:b,"aria-label":r.skinSelectorButtonTooltipLabel,tabindex:"-1",onClick:h,onKeydown:o[0]||(o[0]=i=>T(i))},[e.createElementVNode("img",{class:"d-icon d-icon--size-500",alt:k.value.name,"aria-label":k.value.name,title:k.value.name,src:`${e.unref(F)+k.value.unicode_output}.png`},null,8,be)],40,ke)]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.skinSelectorButtonTooltipLabel)+" ",1)]),_:1})],512),[[e.vShow,!g.value]])]))}},ye=y._export_sfc(ge,[["__scopeId","data-v-3a6fb9c2"]]);const _e={class:"d-emoji-picker__data"},je=["alt","aria-label","title","src"],Se={__name:"emoji_description",props:{emoji:{type:Object,default:null}},setup(r){return(p,m)=>{var s;return e.openBlock(),e.createElementBlock("div",_e,[r.emoji?(e.openBlock(),e.createElementBlock("img",{key:0,class:"d-icon d-icon--size-500",alt:r.emoji.name,"aria-label":r.emoji.name,title:r.emoji.name,src:`${e.unref(F)+r.emoji.unicode_character}.png`},null,8,je)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString((s=r.emoji)==null?void 0:s.name),1)])}}},we=y._export_sfc(Se,[["__scopeId","data-v-48c61881"]]);const $e={class:"d-emoji-picker"},Ee={class:"d-emoji-picker--header"},Te={class:"d-emoji-picker--body"},Re={class:"d-emoji-picker--footer"},Be={__name:"emoji_picker",props:{recentlyUsedEmojis:{type:Array,default:()=>[]},searchPlaceholderLabel:{type:String,required:!0},searchResultsLabel:{type:String,required:!0},searchNoResultsLabel:{type:String,required:!0},tabSetLabels:{type:Array,required:!0},skinTone:{type:String,default:"Default"},skinSelectorButtonTooltipLabel:{type:String,required:!0}},emits:["selected-emoji","skin-tone","close"],setup(r,{emit:p}){const m=r,s=e.ref(""),u=e.ref(null),k=e.ref({}),g=e.ref(0),b=e.ref(!1),f=e.computed(()=>m.recentlyUsedEmojis.length>0);function B(h){s.value="",k.value=h,k.value={...k.value,tabId:h}}function E(h){g.value=h}function d(h){b.value=h}function T(h){u.value=h}return(h,t)=>(e.openBlock(),e.createElementBlock("div",$e,[e.createElementVNode("div",Ee,[e.createVNode(Z,{ref:"tabsetRef","emoji-filter":s.value,"show-recently-used-tab":e.unref(f),"scroll-into-tab":g.value,"tabset-labels":r.tabSetLabels,"is-scrolling":b.value,onFocusSearchInput:t[0]||(t[0]=o=>h.$refs.searchInputRef.focusSearchInput()),onSelectedTabset:B,onKeydown:t[1]||(t[1]=e.withKeys(o=>p("close"),["esc"]))},null,8,["emoji-filter","show-recently-used-tab","scroll-into-tab","tabset-labels","is-scrolling"])]),e.createElementVNode("div",Te,[e.createVNode(X,{ref:"searchInputRef",modelValue:s.value,"onUpdate:modelValue":t[2]||(t[2]=o=>s.value=o),"search-placeholder-label":r.searchPlaceholderLabel,onSelectFirstEmoji:t[3]||(t[3]=o=>p("selected-emoji",u.value)),onFocusTabset:t[4]||(t[4]=o=>h.$refs.tabsetRef.focusTabset()),onFocusEmojiSelector:t[5]||(t[5]=o=>h.$refs.emojiSelectorRef.focusEmojiSelector()),onKeydown:t[6]||(t[6]=e.withKeys(o=>p("close"),["esc"]))},null,8,["modelValue","search-placeholder-label"]),e.createVNode(fe,{ref:"emojiSelectorRef","emoji-filter":s.value,"skin-tone":r.skinTone,"tabset-labels":r.tabSetLabels,"search-results-label":r.searchResultsLabel,"search-no-results-label":r.searchNoResultsLabel,"recently-used-emojis":r.recentlyUsedEmojis,"selected-tabset":k.value,onScrollIntoTab:E,onIsScrolling:d,onHighlightedEmoji:T,onSelectedEmoji:t[7]||(t[7]=o=>p("selected-emoji",o)),onFocusSkinSelector:t[8]||(t[8]=o=>h.$refs.skinSelectorRef.focusSkinSelector()),onFocusSearchInput:t[9]||(t[9]=o=>h.$refs.searchInputRef.focusSearchInput()),onKeydown:t[10]||(t[10]=e.withKeys(o=>p("close"),["esc"]))},null,8,["emoji-filter","skin-tone","tabset-labels","search-results-label","search-no-results-label","recently-used-emojis","selected-tabset"])]),e.createElementVNode("div",Re,[e.createVNode(we,{emoji:u.value},null,8,["emoji"]),e.createVNode(ye,{ref:"skinSelectorRef","is-hovering":!!u.value,"skin-selector-button-tooltip-label":r.skinSelectorButtonTooltipLabel,"skin-tone":r.skinTone,onSkinTone:t[11]||(t[11]=o=>p("skin-tone",o)),onFocusTabset:t[12]||(t[12]=o=>h.$refs.tabsetRef.focusTabset()),onKeydown:t[13]||(t[13]=e.withKeys(o=>p("close"),["esc"]))},null,8,["is-hovering","skin-selector-button-tooltip-label","skin-tone"])])]))}};exports._sfc_main=Be;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ref as y, onMounted as te, openBlock as j, createElementBlock as S, createVNode as K, withKeys as q, withModifiers as oe, createSlots as be, withCtx as V, createElementVNode as R, computed as B, toRefs as he, watch as U, Fragment as M, renderList as O, unref as $, createBlock as pe, nextTick as J, onUnmounted as ge, toDisplayString as z, withDirectives as W, createCommentVNode as X, vShow as Y, normalizeClass as le, watchEffect as ye, createTextVNode as ne } from "vue";
|
|
2
|
-
import { _ as Q, o as ke, D as Z, y as _e, z as je, $ as A, p as Se } from "./index-
|
|
2
|
+
import { _ as Q, o as ke, D as Z, y as _e, z as je, $ as A, p as Se } from "./index-a257a50a.js";
|
|
3
3
|
const $e = { class: "d-emoji-picker__search d-emoji-picker__alignment" }, we = ["onKeydown"], Re = {
|
|
4
4
|
__name: "emoji_search",
|
|
5
5
|
props: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const s=require("./index-746e548f.cjs"),e=require("vue"),g=3e6,r={circle:"d-bar-circle",square:"d-bar2"},_=["body","heading"],S={sm:"24px",md:"32px",lg:"48px"},c={sm:"d-h16",md:"d-h24",lg:"d-h32"},y={computed:{skeletonOffset(){const D=this.$refs.skeleton;if(!D)return this.offset;const{top:t,height:u}=D.getBoundingClientRect();return t+u/2},skeletonStyle(){const D={};if(this.skeletonOffset===-1||!this.animate&&this.animationDuration===-1)return D;const t=this.skeletonOffset*g/1e3,u=this.animationDuration===-1?1e3:this.animationDuration;return D.animationDelay=`${t}ms`,D.animationDuration=`${u}ms`,D}}},z={name:"DtSkeletonShape",mixins:[y],props:{shape:{type:String,default:"circle",validator:D=>Object.keys(r).includes(D)},size:{type:String,default:"md"},animationDuration:{type:Number,default:-1},animate:{type:Boolean,default:!0},offset:{type:Number,default:1},contentClass:{type:[String,Object,Array],default:""}},data(){return{SKELETON_SHAPES:r}},computed:{shapeStyles(){const D=S[this.size]||this.size;return{...this.skeletonStyle,"min-width":D,"max-width":D,"min-height":D,"max-height":D}}}};function P(D,t,u,n,a,F){return e.openBlock(),e.createElementBlock("div",{ref:"skeleton","data-qa":"skeleton-shape",class:e.normalizeClass(["skeleton-placeholder",a.SKELETON_SHAPES[u.shape],{"skeleton-placeholder--animate":u.animate},u.contentClass]),style:e.normalizeStyle(F.shapeStyles)},null,6)}const B=s._export_sfc(z,[["render",P]]),U={name:"DtSkeletonText",mixins:[y],props:{type:{type:String,default:"body",validator:D=>_.includes(D)},headingHeight:{type:String,default:"md",validator:D=>Object.keys(c).includes(D)},width:{type:String,default:"100%"},animationDuration:{type:Number,default:-1},animate:{type:Boolean,default:!1},offset:{type:Number,default:1},contentClass:{type:String,default:""}},data(){return{SKELETON_HEADING_HEIGHTS:c}}};function R(D,t,u,n,a,F){return u.type==="body"?(e.openBlock(),e.createElementBlock("div",{key:0,ref:"skeleton","data-qa":"skeleton-text-body",class:e.normalizeClass(["d-h8","d-bar2","skeleton-placeholder",{"skeleton-placeholder--animate":u.animate},u.contentClass]),style:e.normalizeStyle({width:u.width,...D.skeletonStyle})},null,6)):u.type==="heading"?(e.openBlock(),e.createElementBlock("div",{key:1,ref:"skeleton","data-qa":"skeleton-text-heading",class:e.normalizeClass([a.SKELETON_HEADING_HEIGHTS[u.headingHeight],"d-bar2","skeleton-placeholder",{"skeleton-placeholder--animate":u.animate},u.contentClass]),style:e.normalizeStyle({width:u.width,...D.skeletonStyle})},null,6)):e.createCommentVNode("",!0)}const f=s._export_sfc(U,[["render",R]]),m=D=>D!==""&&!Number.isNaN(Number(D)),H={name:"DtSkeletonParagraph",components:{DtSkeletonText:f},props:{rows:{type:[Number,String],default:3,validator:m},animate:{type:Boolean,default:!0},minWidth:{type:[Number,String],default:30,validator:m},maxWidth:{type:[Number,String],default:100,validator:m},width:{type:[String,Array],default:null},randomWidth:{type:Boolean,default:!1},offset:{type:Number,default:1},animationDuration:{type:Number,default:-1},contentClass:{type:String,default:""},rowClass:{type:String,default:""}},computed:{integerRows(){return Number(this.rows)}},methods:{randomWidthPercentage(){const D=Math.min(this.minWidth,this.maxWidth),t=Math.max(this.minWidth,this.maxWidth);return`${Math.round(Math.random()*(t-D))+D}%`},getSizeParagraphRow(D){const t=this.width,u=Array.isArray(t),n=t==null?void 0:t[D-1],a=D===this.rows;return this.randomWidth?this.randomWidthPercentage():t&&!u?t:t&&u&&n?n:a?"38%":"100%"}}};function W(D,t,u,n,a,F){const i=e.resolveComponent("dt-skeleton-text");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["d-w100p",u.contentClass]),contentClass:"","data-qa":"skeleton-paragraph"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.integerRows,o=>(e.openBlock(),e.createBlock(i,{key:o,"data-qa":"skeleton-paragraph-row",class:e.normalizeClass([{"d-mb12":o!==F.integerRows}]),"content-class":u.rowClass,animate:u.animate,offset:u.offset,"animation-duration":u.animationDuration,width:F.getSizeParagraphRow(o)},null,8,["class","content-class","animate","offset","animation-duration","width"]))),128))],2)}const h=s._export_sfc(H,[["render",W]]),q={name:"DtSkeletonListItem",components:{DtSkeletonShape:B,DtSkeletonParagraph:h},props:{shape:{type:String,default:"circle",validator:D=>Object.keys(r).includes(D)},shapeSize:{type:String,default:"md"},paragraphs:{type:Object,default:()=>({rows:3,randomWidth:!0})},animationDuration:{type:Number,default:-1},animate:{type:Boolean,default:!0},offset:{type:Number,default:1},shapeClass:{type:String,default:""},contentClass:{type:String,default:""}}},K={class:"d-d-flex d-fd-column d-w100p"};function V(D,t,u,n,a,F){const i=e.resolveComponent("dt-skeleton-shape"),o=e.resolveComponent("dt-skeleton-paragraph");return e.openBlock(),e.createElementBlock("div",{"data-qa":"skeleton-list-item",class:e.normalizeClass(["d-d-flex",{"d-ai-center":u.paragraphs.rows===1},u.contentClass])},[e.createVNode(i,{class:"d-mr8",size:u.shapeSize,shape:u.shape,"animation-duration":u.animationDuration,animate:u.animate,offset:u.offset,"content-class":u.shapeClass},null,8,["size","shape","animation-duration","animate","offset","content-class"]),e.createElementVNode("div",K,[e.createVNode(o,e.mergeProps(u.paragraphs,{"animation-duration":u.animationDuration,animate:u.animate,offset:u.offset}),null,16,["animation-duration","animate","offset"])])],2)}const j=s._export_sfc(q,[["render",V]]);const M={name:"DtSkeleton",components:{DtSkeletonText:f,DtSkeletonShape:B,DtSkeletonListItem:j,DtSkeletonParagraph:h},props:{paragraphOption:{type:[Object,Boolean],default:null},listItemOption:{type:[Object,Boolean],default:null},textOption:{type:Object,default:null},shapeOption:{type:[Object,Boolean],default:null},animationDuration:{type:Number,default:-1},ariaLabel:{type:String,default:""},animate:{type:Boolean,default:!0},offset:{type:Number,default:1}},computed:{validationOptions(){return{paragraphOption:this.paragraphOption,listItemOption:this.listItemOption,textOption:this.textOption,shapeOption:this.shapeOption}}},watch:{$props:{immediate:!0,handler:"validator"}},methods:{validator(){const D=Object.entries(this.validationOptions).filter(([t,u])=>u);if(D.length>=2){const t=`Use only one of ${D.map(([u])=>u).join(" | ")} options at the same time`;console.error(t)}}}},J=["aria-label"];function G(D,t,u,n,a,F){const i=e.resolveComponent("dt-skeleton-list-item"),o=e.resolveComponent("dt-skeleton-shape"),E=e.resolveComponent("dt-skeleton-paragraph"),l=e.resolveComponent("dt-skeleton-text");return e.openBlock(),e.createElementBlock("div",{"aria-busy":"true",role:"status","aria-label":u.ariaLabel},[u.listItemOption?(e.openBlock(),e.createBlock(i,e.mergeProps({key:0},u.listItemOption===!0?{}:u.listItemOption,{"animation-duration":u.animationDuration,animate:u.animate,offset:u.offset}),null,16,["animation-duration","animate","offset"])):u.shapeOption?(e.openBlock(),e.createBlock(o,e.mergeProps({key:1},u.shapeOption===!0?{}:u.shapeOption,{"animation-duration":u.animationDuration,animate:u.animate,offset:u.offset}),null,16,["animation-duration","animate","offset"])):u.paragraphOption?(e.openBlock(),e.createBlock(E,e.mergeProps({key:2},u.paragraphOption===!0?{}:u.paragraphOption,{"animation-duration":u.animationDuration,animate:u.animate,offset:u.offset}),null,16,["animation-duration","animate","offset"])):(e.openBlock(),e.createBlock(l,e.mergeProps({key:3},u.textOption||{},{"animation-duration":u.animationDuration,animate:u.animate,offset:u.offset}),null,16,["animation-duration","animate","offset"]))],8,J)}const k=s._export_sfc(M,[["render",G]]),Z=()=>/[#*0-9]\uFE0F?\u20E3|[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23ED-\u23EF\u23F1\u23F2\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB\u25FC\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692\u2694-\u2697\u2699\u269B\u269C\u26A0\u26A7\u26AA\u26B0\u26B1\u26BD\u26BE\u26C4\u26C8\u26CF\u26D1\u26D3\u26E9\u26F0-\u26F5\u26F7\u26F8\u26FA\u2702\u2708\u2709\u270F\u2712\u2714\u2716\u271D\u2721\u2733\u2734\u2744\u2747\u2757\u2763\u27A1\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B55\u3030\u303D\u3297\u3299]\uFE0F?|[\u261D\u270C\u270D](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\u270A\u270B](?:\uD83C[\uDFFB-\uDFFF])?|[\u23E9-\u23EC\u23F0\u23F3\u25FD\u2693\u26A1\u26AB\u26C5\u26CE\u26D4\u26EA\u26FD\u2705\u2728\u274C\u274E\u2753-\u2755\u2795-\u2797\u27B0\u27BF\u2B50]|\u26F9(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\u2764\uFE0F?(?:\u200D(?:\uD83D\uDD25|\uD83E\uDE79))?|\uD83C(?:[\uDC04\uDD70\uDD71\uDD7E\uDD7F\uDE02\uDE37\uDF21\uDF24-\uDF2C\uDF36\uDF7D\uDF96\uDF97\uDF99-\uDF9B\uDF9E\uDF9F\uDFCD\uDFCE\uDFD4-\uDFDF\uDFF5\uDFF7]\uFE0F?|[\uDF85\uDFC2\uDFC7](?:\uD83C[\uDFFB-\uDFFF])?|[\uDFC3\uDFC4\uDFCA](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDFCB\uDFCC](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDCCF\uDD8E\uDD91-\uDD9A\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF7C\uDF7E-\uDF84\uDF86-\uDF93\uDFA0-\uDFC1\uDFC5\uDFC6\uDFC8\uDFC9\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF8-\uDFFF]|\uDDE6\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF]|\uDDE7\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF]|\uDDE8\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF5\uDDF7\uDDFA-\uDDFF]|\uDDE9\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF]|\uDDEA\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA]|\uDDEB\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7]|\uDDEC\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE]|\uDDED\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA]|\uDDEE\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9]|\uDDEF\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5]|\uDDF0\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF]|\uDDF1\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE]|\uDDF2\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF]|\uDDF3\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF]|\uDDF4\uD83C\uDDF2|\uDDF5\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE]|\uDDF6\uD83C\uDDE6|\uDDF7\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC]|\uDDF8\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF]|\uDDF9\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF]|\uDDFA\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF]|\uDDFB\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA]|\uDDFC\uD83C[\uDDEB\uDDF8]|\uDDFD\uD83C\uDDF0|\uDDFE\uD83C[\uDDEA\uDDF9]|\uDDFF\uD83C[\uDDE6\uDDF2\uDDFC]|\uDFF3\uFE0F?(?:\u200D(?:\u26A7\uFE0F?|\uD83C\uDF08))?|\uDFF4(?:\u200D\u2620\uFE0F?|\uDB40\uDC67\uDB40\uDC62\uDB40(?:\uDC65\uDB40\uDC6E\uDB40\uDC67|\uDC73\uDB40\uDC63\uDB40\uDC74|\uDC77\uDB40\uDC6C\uDB40\uDC73)\uDB40\uDC7F)?)|\uD83D(?:[\uDC08\uDC26](?:\u200D\u2B1B)?|[\uDC3F\uDCFD\uDD49\uDD4A\uDD6F\uDD70\uDD73\uDD76-\uDD79\uDD87\uDD8A-\uDD8D\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA\uDECB\uDECD-\uDECF\uDEE0-\uDEE5\uDEE9\uDEF0\uDEF3]\uFE0F?|[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDC8F\uDC91\uDCAA\uDD7A\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC](?:\uD83C[\uDFFB-\uDFFF])?|[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD74\uDD90](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\uDC00-\uDC07\uDC09-\uDC14\uDC16-\uDC25\uDC27-\uDC3A\uDC3C-\uDC3E\uDC40\uDC44\uDC45\uDC51-\uDC65\uDC6A\uDC79-\uDC7B\uDC7D-\uDC80\uDC84\uDC88-\uDC8E\uDC90\uDC92-\uDCA9\uDCAB-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDDA4\uDDFB-\uDE2D\uDE2F-\uDE34\uDE37-\uDE44\uDE48-\uDE4A\uDE80-\uDEA2\uDEA4-\uDEB3\uDEB7-\uDEBF\uDEC1-\uDEC5\uDED0-\uDED2\uDED5-\uDED7\uDEDC-\uDEDF\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB\uDFF0]|\uDC15(?:\u200D\uD83E\uDDBA)?|\uDC3B(?:\u200D\u2744\uFE0F?)?|\uDC41\uFE0F?(?:\u200D\uD83D\uDDE8\uFE0F?)?|\uDC68(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDC68\uDC69]\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFE])))?))?|\uDC69(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?[\uDC68\uDC69]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?|\uDC69\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?))|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFE])))?))?|\uDC6F(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDD75(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDE2E(?:\u200D\uD83D\uDCA8)?|\uDE35(?:\u200D\uD83D\uDCAB)?|\uDE36(?:\u200D\uD83C\uDF2B\uFE0F?)?)|\uD83E(?:[\uDD0C\uDD0F\uDD18-\uDD1F\uDD30-\uDD34\uDD36\uDD77\uDDB5\uDDB6\uDDBB\uDDD2\uDDD3\uDDD5\uDEC3-\uDEC5\uDEF0\uDEF2-\uDEF8](?:\uD83C[\uDFFB-\uDFFF])?|[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD4\uDDD6-\uDDDD](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDDDE\uDDDF](?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD0D\uDD0E\uDD10-\uDD17\uDD20-\uDD25\uDD27-\uDD2F\uDD3A\uDD3F-\uDD45\uDD47-\uDD76\uDD78-\uDDB4\uDDB7\uDDBA\uDDBC-\uDDCC\uDDD0\uDDE0-\uDDFF\uDE70-\uDE7C\uDE80-\uDE88\uDE90-\uDEBD\uDEBF-\uDEC2\uDECE-\uDEDB\uDEE0-\uDEE8]|\uDD3C(?:\u200D[\u2640\u2642]\uFE0F?|\uD83C[\uDFFB-\uDFFF])?|\uDDD1(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFC-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFD-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFD\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFE]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?))?|\uDEF1(?:\uD83C(?:\uDFFB(?:\u200D\uD83E\uDEF2\uD83C[\uDFFC-\uDFFF])?|\uDFFC(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFD-\uDFFF])?|\uDFFD(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])?|\uDFFE(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFD\uDFFF])?|\uDFFF(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFE])?))?)/g,O="6.6",A="https://cdn.jsdelivr.net/joypixels/assets/"+O+"/png/unicode/32/";exports.customEmojiAssetUrl=null;exports.emojiImageUrlSmall=A;exports.emojiFileExtensionSmall=".png";exports.emojiImageUrlLarge=A;exports.emojiFileExtensionLarge=".png";const C=s.emojisIndexed;function x(){return C}function X(D,t=".png"){D.endsWith("/")||(D=D+"/"),exports.emojiImageUrlSmall=D,exports.emojiFileExtensionSmall=t}function Y(D,t=".svg"){D.endsWith("/")||(D=D+"/"),exports.emojiImageUrlLarge=D,exports.emojiFileExtensionLarge=t}function Q(D){exports.customEmojiAssetUrl=D}function $(D){b(D)}function b(D){const t=["extension","custom"],u=["name","category","shortname","extension","custom"],n=(a,F,i)=>{if(a[F]===void 0){if(!t.includes(F))return;a[F]=i}else Array.isArray(a[F])?a[F]=a[F].concat(i):a[F]=i};Object.entries(D).forEach(a=>{const[F,i]=a;if(F in C){const o=C[F];for(const E in i){const l=i[E];n(o,E,l)}}else(()=>u.every(E=>i[E]!==void 0))()?C[F]=i:console.error("The following custom emoji doesn't contain the required properties:",i)})}function p(D){function t(n,a){if(!(!n||typeof n!="object")){if("shortname"in n&&(n.shortname===D||n.shortname_alternates.includes(D)))return n.key=a,u=n,!0;Object.keys(n).some(function(F){return t(n[F],F)})}}let u;return t(x(),null),u}function L(D){let t="";for(const u of D){const n=u.codePointAt(0).toString(16);["200d","fe0f"].includes(n)||(t!==""&&(t=t+"-"),t=t+u.codePointAt(0).toString(16))}return t}function v(D){const t=D.split("-");let u="";return t.forEach(n=>{u=u+String.fromCodePoint(parseInt(n,16))}),u}function I(D){if(D.startsWith(":")&&D.endsWith(":"))return p(D);{const t=L(D),u=C[t];return u&&(u.key=t),u}}function T(D){const t=D.match(/:\w+:/g);return w(t)}function w(D){const t=D?D.filter(u=>p(u)):[];return new Set(t)}function N(D){const t=[...D.matchAll(Z())],u=t.length?t.map(n=>n[0]):[];return new Set(u)}const DD={name:"DtEmoji",components:{DtSkeleton:k},props:{code:{type:String,default:null},size:{type:String,default:"500",validator:D=>Object.keys(s.ICON_SIZE_MODIFIERS).includes(D)},imgClass:{type:[String,Object,Array],default:""},ariaLabel:{type:String,default:null},showSkeleton:{type:Boolean,default:!0}},data(){return{emojiData:null,imgLoading:!1}},computed:{emojiDataValid(){return!!this.emojiData},emojiSrc(){var D;return this.emojiDataValid?(D=this.emojiData)!=null&&D.custom?exports.customEmojiAssetUrl+this.emojiData.key+this.emojiData.extension:["100","200"].includes(this.size)?exports.emojiImageUrlSmall+this.emojiData.key+exports.emojiFileExtensionSmall:exports.emojiImageUrlLarge+this.emojiData.key+exports.emojiFileExtensionLarge:"invalid"},emojiAlt(){if(this.emojiDataValid)return this.emojiData.unicode_output?v(this.emojiData.unicode_output):this.emojiData.name},emojiLabel(){return this.emojiDataValid?this.ariaLabel?this.ariaLabel:this.emojiData.name:"Invalid Emoji"},emojiSize(){return s.ICON_SIZE_MODIFIERS[this.size]}},watch:{code:{handler:function(){this.getEmojiData()},immediate:!0},emojiSrc:{handler:async function(){this.imgLoading=!0}}},methods:{getEmojiData(){this.emojiData=I(this.code)},imageLoaded(){this.imgLoading=!1},imageErrored(){this.imgLoading=!1}}},uD=["aria-label","alt","title","src"];function eD(D,t,u,n,a,F){const i=e.resolveComponent("dt-skeleton");return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(F.emojiSize)},[e.withDirectives(e.createVNode(i,{offset:0,class:e.normalizeClass(F.emojiSize),"shape-option":{shape:"square",contentClass:F.emojiSize,size:"auto"}},null,8,["class","shape-option"]),[[e.vShow,a.imgLoading&&u.showSkeleton]]),e.withDirectives(e.createElementVNode("img",{ref:"emojiImg",class:e.normalizeClass(["d-icon",F.emojiSize,u.imgClass]),"aria-label":F.emojiLabel,alt:F.emojiAlt,title:F.emojiLabel,src:F.emojiSrc,onLoad:t[0]||(t[0]=(...o)=>F.imageLoaded&&F.imageLoaded(...o)),onError:t[1]||(t[1]=(...o)=>F.imageErrored&&F.imageErrored(...o))},null,42,uD),[[e.vShow,!a.imgLoading]])],2)}const d=s._export_sfc(DD,[["render",eD]]),tD={name:"DtEmojiTextWrapper",components:{DtEmoji:d},inheritAttrs:!1,props:{elementType:{type:String,default:"div"},size:{type:String,default:"500",validator:D=>Object.keys(s.ICON_SIZE_MODIFIERS).includes(D)}},data(){return{loadingEmojiJson:!0}},async created(){this.loadingEmojiJson=!1},methods:{replaceDtEmojis(D,t){const u=new RegExp(`(${D.join("|")})`,"g");return t.split(u).map(a=>D.includes(a)?e.h(d,{...this.$attrs,class:"d-mx4 d-d-inline-block",size:this.size,code:a}):a)},searchVNodes(D){var u;if(typeof D=="string")return this.searchCodes(D);if(typeof D.type=="symbol")return this.searchCodes(D.children);if((u=D.props)!=null&&u.innerHTML)return this.searchVNodes(D.props.innerHTML);const t=Array.isArray(D.children)?D.children:[D.children];return e.h(D.type,D.props,t.map(n=>this.searchVNodes(n)))},replaceVueComponentVNodeContent(D){},searchCodes(D){const t=T(D),u=N(D),n=[...t,...u];return n.length===0?D:this.replaceDtEmojis(n,D)}},render(){const D=this.$slots.default?this.$slots.default():[];return e.h(this.elementType,{"data-qa":"emoji-text-wrapper",class:this.$attrs.class},this.loadingEmojiJson?D:D.map(t=>this.searchVNodes(t)))}};exports.DtEmoji=d;exports.DtSkeleton=k;exports.DtSkeletonListItem=j;exports.DtSkeletonParagraph=h;exports.DtSkeletonShape=B;exports.DtSkeletonText=f;exports.SKELETON_HEADING_HEIGHTS=c;exports.SKELETON_RIPPLE_DURATION=g;exports.SKELETON_SHAPES=r;exports.SKELETON_SHAPE_SIZES=S;exports.SKELETON_TEXT_TYPES=_;exports._sfc_main=tD;exports.codeToEmojiData=I;exports.defaultEmojiAssetUrl=A;exports.emojiJson=C;exports.emojiVersion=O;exports.filterValidShortCodes=w;exports.findEmojis=N;exports.findShortCodes=T;exports.getEmojiData=x;exports.setCustomEmojiJson=$;exports.setCustomEmojiUrl=Q;exports.setEmojiAssetUrlLarge=Y;exports.setEmojiAssetUrlSmall=X;exports.shortcodeToEmojiData=p;exports.stringToUnicode=v;exports.unicodeToString=L;exports.validateCustomEmojiJson=b;
|
|
1
|
+
"use strict";const s=require("./index-6294032c.cjs"),e=require("vue"),g=3e6,r={circle:"d-bar-circle",square:"d-bar2"},_=["body","heading"],S={sm:"24px",md:"32px",lg:"48px"},c={sm:"d-h16",md:"d-h24",lg:"d-h32"},y={computed:{skeletonOffset(){const D=this.$refs.skeleton;if(!D)return this.offset;const{top:t,height:u}=D.getBoundingClientRect();return t+u/2},skeletonStyle(){const D={};if(this.skeletonOffset===-1||!this.animate&&this.animationDuration===-1)return D;const t=this.skeletonOffset*g/1e3,u=this.animationDuration===-1?1e3:this.animationDuration;return D.animationDelay=`${t}ms`,D.animationDuration=`${u}ms`,D}}},z={name:"DtSkeletonShape",mixins:[y],props:{shape:{type:String,default:"circle",validator:D=>Object.keys(r).includes(D)},size:{type:String,default:"md"},animationDuration:{type:Number,default:-1},animate:{type:Boolean,default:!0},offset:{type:Number,default:1},contentClass:{type:[String,Object,Array],default:""}},data(){return{SKELETON_SHAPES:r}},computed:{shapeStyles(){const D=S[this.size]||this.size;return{...this.skeletonStyle,"min-width":D,"max-width":D,"min-height":D,"max-height":D}}}};function P(D,t,u,n,a,F){return e.openBlock(),e.createElementBlock("div",{ref:"skeleton","data-qa":"skeleton-shape",class:e.normalizeClass(["skeleton-placeholder",a.SKELETON_SHAPES[u.shape],{"skeleton-placeholder--animate":u.animate},u.contentClass]),style:e.normalizeStyle(F.shapeStyles)},null,6)}const B=s._export_sfc(z,[["render",P]]),U={name:"DtSkeletonText",mixins:[y],props:{type:{type:String,default:"body",validator:D=>_.includes(D)},headingHeight:{type:String,default:"md",validator:D=>Object.keys(c).includes(D)},width:{type:String,default:"100%"},animationDuration:{type:Number,default:-1},animate:{type:Boolean,default:!1},offset:{type:Number,default:1},contentClass:{type:String,default:""}},data(){return{SKELETON_HEADING_HEIGHTS:c}}};function R(D,t,u,n,a,F){return u.type==="body"?(e.openBlock(),e.createElementBlock("div",{key:0,ref:"skeleton","data-qa":"skeleton-text-body",class:e.normalizeClass(["d-h8","d-bar2","skeleton-placeholder",{"skeleton-placeholder--animate":u.animate},u.contentClass]),style:e.normalizeStyle({width:u.width,...D.skeletonStyle})},null,6)):u.type==="heading"?(e.openBlock(),e.createElementBlock("div",{key:1,ref:"skeleton","data-qa":"skeleton-text-heading",class:e.normalizeClass([a.SKELETON_HEADING_HEIGHTS[u.headingHeight],"d-bar2","skeleton-placeholder",{"skeleton-placeholder--animate":u.animate},u.contentClass]),style:e.normalizeStyle({width:u.width,...D.skeletonStyle})},null,6)):e.createCommentVNode("",!0)}const f=s._export_sfc(U,[["render",R]]),m=D=>D!==""&&!Number.isNaN(Number(D)),H={name:"DtSkeletonParagraph",components:{DtSkeletonText:f},props:{rows:{type:[Number,String],default:3,validator:m},animate:{type:Boolean,default:!0},minWidth:{type:[Number,String],default:30,validator:m},maxWidth:{type:[Number,String],default:100,validator:m},width:{type:[String,Array],default:null},randomWidth:{type:Boolean,default:!1},offset:{type:Number,default:1},animationDuration:{type:Number,default:-1},contentClass:{type:String,default:""},rowClass:{type:String,default:""}},computed:{integerRows(){return Number(this.rows)}},methods:{randomWidthPercentage(){const D=Math.min(this.minWidth,this.maxWidth),t=Math.max(this.minWidth,this.maxWidth);return`${Math.round(Math.random()*(t-D))+D}%`},getSizeParagraphRow(D){const t=this.width,u=Array.isArray(t),n=t==null?void 0:t[D-1],a=D===this.rows;return this.randomWidth?this.randomWidthPercentage():t&&!u?t:t&&u&&n?n:a?"38%":"100%"}}};function W(D,t,u,n,a,F){const i=e.resolveComponent("dt-skeleton-text");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["d-w100p",u.contentClass]),contentClass:"","data-qa":"skeleton-paragraph"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.integerRows,o=>(e.openBlock(),e.createBlock(i,{key:o,"data-qa":"skeleton-paragraph-row",class:e.normalizeClass([{"d-mb12":o!==F.integerRows}]),"content-class":u.rowClass,animate:u.animate,offset:u.offset,"animation-duration":u.animationDuration,width:F.getSizeParagraphRow(o)},null,8,["class","content-class","animate","offset","animation-duration","width"]))),128))],2)}const h=s._export_sfc(H,[["render",W]]),q={name:"DtSkeletonListItem",components:{DtSkeletonShape:B,DtSkeletonParagraph:h},props:{shape:{type:String,default:"circle",validator:D=>Object.keys(r).includes(D)},shapeSize:{type:String,default:"md"},paragraphs:{type:Object,default:()=>({rows:3,randomWidth:!0})},animationDuration:{type:Number,default:-1},animate:{type:Boolean,default:!0},offset:{type:Number,default:1},shapeClass:{type:String,default:""},contentClass:{type:String,default:""}}},K={class:"d-d-flex d-fd-column d-w100p"};function V(D,t,u,n,a,F){const i=e.resolveComponent("dt-skeleton-shape"),o=e.resolveComponent("dt-skeleton-paragraph");return e.openBlock(),e.createElementBlock("div",{"data-qa":"skeleton-list-item",class:e.normalizeClass(["d-d-flex",{"d-ai-center":u.paragraphs.rows===1},u.contentClass])},[e.createVNode(i,{class:"d-mr8",size:u.shapeSize,shape:u.shape,"animation-duration":u.animationDuration,animate:u.animate,offset:u.offset,"content-class":u.shapeClass},null,8,["size","shape","animation-duration","animate","offset","content-class"]),e.createElementVNode("div",K,[e.createVNode(o,e.mergeProps(u.paragraphs,{"animation-duration":u.animationDuration,animate:u.animate,offset:u.offset}),null,16,["animation-duration","animate","offset"])])],2)}const j=s._export_sfc(q,[["render",V]]);const M={name:"DtSkeleton",components:{DtSkeletonText:f,DtSkeletonShape:B,DtSkeletonListItem:j,DtSkeletonParagraph:h},props:{paragraphOption:{type:[Object,Boolean],default:null},listItemOption:{type:[Object,Boolean],default:null},textOption:{type:Object,default:null},shapeOption:{type:[Object,Boolean],default:null},animationDuration:{type:Number,default:-1},ariaLabel:{type:String,default:""},animate:{type:Boolean,default:!0},offset:{type:Number,default:1}},computed:{validationOptions(){return{paragraphOption:this.paragraphOption,listItemOption:this.listItemOption,textOption:this.textOption,shapeOption:this.shapeOption}}},watch:{$props:{immediate:!0,handler:"validator"}},methods:{validator(){const D=Object.entries(this.validationOptions).filter(([t,u])=>u);if(D.length>=2){const t=`Use only one of ${D.map(([u])=>u).join(" | ")} options at the same time`;console.error(t)}}}},J=["aria-label"];function G(D,t,u,n,a,F){const i=e.resolveComponent("dt-skeleton-list-item"),o=e.resolveComponent("dt-skeleton-shape"),E=e.resolveComponent("dt-skeleton-paragraph"),l=e.resolveComponent("dt-skeleton-text");return e.openBlock(),e.createElementBlock("div",{"aria-busy":"true",role:"status","aria-label":u.ariaLabel},[u.listItemOption?(e.openBlock(),e.createBlock(i,e.mergeProps({key:0},u.listItemOption===!0?{}:u.listItemOption,{"animation-duration":u.animationDuration,animate:u.animate,offset:u.offset}),null,16,["animation-duration","animate","offset"])):u.shapeOption?(e.openBlock(),e.createBlock(o,e.mergeProps({key:1},u.shapeOption===!0?{}:u.shapeOption,{"animation-duration":u.animationDuration,animate:u.animate,offset:u.offset}),null,16,["animation-duration","animate","offset"])):u.paragraphOption?(e.openBlock(),e.createBlock(E,e.mergeProps({key:2},u.paragraphOption===!0?{}:u.paragraphOption,{"animation-duration":u.animationDuration,animate:u.animate,offset:u.offset}),null,16,["animation-duration","animate","offset"])):(e.openBlock(),e.createBlock(l,e.mergeProps({key:3},u.textOption||{},{"animation-duration":u.animationDuration,animate:u.animate,offset:u.offset}),null,16,["animation-duration","animate","offset"]))],8,J)}const k=s._export_sfc(M,[["render",G]]),Z=()=>/[#*0-9]\uFE0F?\u20E3|[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23ED-\u23EF\u23F1\u23F2\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB\u25FC\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692\u2694-\u2697\u2699\u269B\u269C\u26A0\u26A7\u26AA\u26B0\u26B1\u26BD\u26BE\u26C4\u26C8\u26CF\u26D1\u26D3\u26E9\u26F0-\u26F5\u26F7\u26F8\u26FA\u2702\u2708\u2709\u270F\u2712\u2714\u2716\u271D\u2721\u2733\u2734\u2744\u2747\u2757\u2763\u27A1\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B55\u3030\u303D\u3297\u3299]\uFE0F?|[\u261D\u270C\u270D](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\u270A\u270B](?:\uD83C[\uDFFB-\uDFFF])?|[\u23E9-\u23EC\u23F0\u23F3\u25FD\u2693\u26A1\u26AB\u26C5\u26CE\u26D4\u26EA\u26FD\u2705\u2728\u274C\u274E\u2753-\u2755\u2795-\u2797\u27B0\u27BF\u2B50]|\u26F9(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\u2764\uFE0F?(?:\u200D(?:\uD83D\uDD25|\uD83E\uDE79))?|\uD83C(?:[\uDC04\uDD70\uDD71\uDD7E\uDD7F\uDE02\uDE37\uDF21\uDF24-\uDF2C\uDF36\uDF7D\uDF96\uDF97\uDF99-\uDF9B\uDF9E\uDF9F\uDFCD\uDFCE\uDFD4-\uDFDF\uDFF5\uDFF7]\uFE0F?|[\uDF85\uDFC2\uDFC7](?:\uD83C[\uDFFB-\uDFFF])?|[\uDFC3\uDFC4\uDFCA](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDFCB\uDFCC](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDCCF\uDD8E\uDD91-\uDD9A\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF7C\uDF7E-\uDF84\uDF86-\uDF93\uDFA0-\uDFC1\uDFC5\uDFC6\uDFC8\uDFC9\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF8-\uDFFF]|\uDDE6\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF]|\uDDE7\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF]|\uDDE8\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF5\uDDF7\uDDFA-\uDDFF]|\uDDE9\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF]|\uDDEA\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA]|\uDDEB\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7]|\uDDEC\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE]|\uDDED\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA]|\uDDEE\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9]|\uDDEF\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5]|\uDDF0\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF]|\uDDF1\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE]|\uDDF2\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF]|\uDDF3\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF]|\uDDF4\uD83C\uDDF2|\uDDF5\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE]|\uDDF6\uD83C\uDDE6|\uDDF7\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC]|\uDDF8\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF]|\uDDF9\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF]|\uDDFA\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF]|\uDDFB\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA]|\uDDFC\uD83C[\uDDEB\uDDF8]|\uDDFD\uD83C\uDDF0|\uDDFE\uD83C[\uDDEA\uDDF9]|\uDDFF\uD83C[\uDDE6\uDDF2\uDDFC]|\uDFF3\uFE0F?(?:\u200D(?:\u26A7\uFE0F?|\uD83C\uDF08))?|\uDFF4(?:\u200D\u2620\uFE0F?|\uDB40\uDC67\uDB40\uDC62\uDB40(?:\uDC65\uDB40\uDC6E\uDB40\uDC67|\uDC73\uDB40\uDC63\uDB40\uDC74|\uDC77\uDB40\uDC6C\uDB40\uDC73)\uDB40\uDC7F)?)|\uD83D(?:[\uDC08\uDC26](?:\u200D\u2B1B)?|[\uDC3F\uDCFD\uDD49\uDD4A\uDD6F\uDD70\uDD73\uDD76-\uDD79\uDD87\uDD8A-\uDD8D\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA\uDECB\uDECD-\uDECF\uDEE0-\uDEE5\uDEE9\uDEF0\uDEF3]\uFE0F?|[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDC8F\uDC91\uDCAA\uDD7A\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC](?:\uD83C[\uDFFB-\uDFFF])?|[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD74\uDD90](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\uDC00-\uDC07\uDC09-\uDC14\uDC16-\uDC25\uDC27-\uDC3A\uDC3C-\uDC3E\uDC40\uDC44\uDC45\uDC51-\uDC65\uDC6A\uDC79-\uDC7B\uDC7D-\uDC80\uDC84\uDC88-\uDC8E\uDC90\uDC92-\uDCA9\uDCAB-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDDA4\uDDFB-\uDE2D\uDE2F-\uDE34\uDE37-\uDE44\uDE48-\uDE4A\uDE80-\uDEA2\uDEA4-\uDEB3\uDEB7-\uDEBF\uDEC1-\uDEC5\uDED0-\uDED2\uDED5-\uDED7\uDEDC-\uDEDF\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB\uDFF0]|\uDC15(?:\u200D\uD83E\uDDBA)?|\uDC3B(?:\u200D\u2744\uFE0F?)?|\uDC41\uFE0F?(?:\u200D\uD83D\uDDE8\uFE0F?)?|\uDC68(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDC68\uDC69]\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFE])))?))?|\uDC69(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?[\uDC68\uDC69]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?|\uDC69\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?))|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFE])))?))?|\uDC6F(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDD75(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDE2E(?:\u200D\uD83D\uDCA8)?|\uDE35(?:\u200D\uD83D\uDCAB)?|\uDE36(?:\u200D\uD83C\uDF2B\uFE0F?)?)|\uD83E(?:[\uDD0C\uDD0F\uDD18-\uDD1F\uDD30-\uDD34\uDD36\uDD77\uDDB5\uDDB6\uDDBB\uDDD2\uDDD3\uDDD5\uDEC3-\uDEC5\uDEF0\uDEF2-\uDEF8](?:\uD83C[\uDFFB-\uDFFF])?|[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD4\uDDD6-\uDDDD](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDDDE\uDDDF](?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD0D\uDD0E\uDD10-\uDD17\uDD20-\uDD25\uDD27-\uDD2F\uDD3A\uDD3F-\uDD45\uDD47-\uDD76\uDD78-\uDDB4\uDDB7\uDDBA\uDDBC-\uDDCC\uDDD0\uDDE0-\uDDFF\uDE70-\uDE7C\uDE80-\uDE88\uDE90-\uDEBD\uDEBF-\uDEC2\uDECE-\uDEDB\uDEE0-\uDEE8]|\uDD3C(?:\u200D[\u2640\u2642]\uFE0F?|\uD83C[\uDFFB-\uDFFF])?|\uDDD1(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFC-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFD-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFD\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFE]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?))?|\uDEF1(?:\uD83C(?:\uDFFB(?:\u200D\uD83E\uDEF2\uD83C[\uDFFC-\uDFFF])?|\uDFFC(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFD-\uDFFF])?|\uDFFD(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])?|\uDFFE(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFD\uDFFF])?|\uDFFF(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFE])?))?)/g,O="6.6",A="https://cdn.jsdelivr.net/joypixels/assets/"+O+"/png/unicode/32/";exports.customEmojiAssetUrl=null;exports.emojiImageUrlSmall=A;exports.emojiFileExtensionSmall=".png";exports.emojiImageUrlLarge=A;exports.emojiFileExtensionLarge=".png";const C=s.emojisIndexed;function x(){return C}function X(D,t=".png"){D.endsWith("/")||(D=D+"/"),exports.emojiImageUrlSmall=D,exports.emojiFileExtensionSmall=t}function Y(D,t=".svg"){D.endsWith("/")||(D=D+"/"),exports.emojiImageUrlLarge=D,exports.emojiFileExtensionLarge=t}function Q(D){exports.customEmojiAssetUrl=D}function $(D){b(D)}function b(D){const t=["extension","custom"],u=["name","category","shortname","extension","custom"],n=(a,F,i)=>{if(a[F]===void 0){if(!t.includes(F))return;a[F]=i}else Array.isArray(a[F])?a[F]=a[F].concat(i):a[F]=i};Object.entries(D).forEach(a=>{const[F,i]=a;if(F in C){const o=C[F];for(const E in i){const l=i[E];n(o,E,l)}}else(()=>u.every(E=>i[E]!==void 0))()?C[F]=i:console.error("The following custom emoji doesn't contain the required properties:",i)})}function p(D){function t(n,a){if(!(!n||typeof n!="object")){if("shortname"in n&&(n.shortname===D||n.shortname_alternates.includes(D)))return n.key=a,u=n,!0;Object.keys(n).some(function(F){return t(n[F],F)})}}let u;return t(x(),null),u}function L(D){let t="";for(const u of D){const n=u.codePointAt(0).toString(16);["200d","fe0f"].includes(n)||(t!==""&&(t=t+"-"),t=t+u.codePointAt(0).toString(16))}return t}function v(D){const t=D.split("-");let u="";return t.forEach(n=>{u=u+String.fromCodePoint(parseInt(n,16))}),u}function I(D){if(D.startsWith(":")&&D.endsWith(":"))return p(D);{const t=L(D),u=C[t];return u&&(u.key=t),u}}function T(D){const t=D.match(/:\w+:/g);return w(t)}function w(D){const t=D?D.filter(u=>p(u)):[];return new Set(t)}function N(D){const t=[...D.matchAll(Z())],u=t.length?t.map(n=>n[0]):[];return new Set(u)}const DD={name:"DtEmoji",components:{DtSkeleton:k},props:{code:{type:String,default:null},size:{type:String,default:"500",validator:D=>Object.keys(s.ICON_SIZE_MODIFIERS).includes(D)},imgClass:{type:[String,Object,Array],default:""},ariaLabel:{type:String,default:null},showSkeleton:{type:Boolean,default:!0}},data(){return{emojiData:null,imgLoading:!1}},computed:{emojiDataValid(){return!!this.emojiData},emojiSrc(){var D;return this.emojiDataValid?(D=this.emojiData)!=null&&D.custom?exports.customEmojiAssetUrl+this.emojiData.key+this.emojiData.extension:["100","200"].includes(this.size)?exports.emojiImageUrlSmall+this.emojiData.key+exports.emojiFileExtensionSmall:exports.emojiImageUrlLarge+this.emojiData.key+exports.emojiFileExtensionLarge:"invalid"},emojiAlt(){if(this.emojiDataValid)return this.emojiData.unicode_output?v(this.emojiData.unicode_output):this.emojiData.name},emojiLabel(){return this.emojiDataValid?this.ariaLabel?this.ariaLabel:this.emojiData.name:"Invalid Emoji"},emojiSize(){return s.ICON_SIZE_MODIFIERS[this.size]}},watch:{code:{handler:function(){this.getEmojiData()},immediate:!0},emojiSrc:{handler:async function(){this.imgLoading=!0}}},methods:{getEmojiData(){this.emojiData=I(this.code)},imageLoaded(){this.imgLoading=!1},imageErrored(){this.imgLoading=!1}}},uD=["aria-label","alt","title","src"];function eD(D,t,u,n,a,F){const i=e.resolveComponent("dt-skeleton");return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(F.emojiSize)},[e.withDirectives(e.createVNode(i,{offset:0,class:e.normalizeClass(F.emojiSize),"shape-option":{shape:"square",contentClass:F.emojiSize,size:"auto"}},null,8,["class","shape-option"]),[[e.vShow,a.imgLoading&&u.showSkeleton]]),e.withDirectives(e.createElementVNode("img",{ref:"emojiImg",class:e.normalizeClass(["d-icon",F.emojiSize,u.imgClass]),"aria-label":F.emojiLabel,alt:F.emojiAlt,title:F.emojiLabel,src:F.emojiSrc,onLoad:t[0]||(t[0]=(...o)=>F.imageLoaded&&F.imageLoaded(...o)),onError:t[1]||(t[1]=(...o)=>F.imageErrored&&F.imageErrored(...o))},null,42,uD),[[e.vShow,!a.imgLoading]])],2)}const d=s._export_sfc(DD,[["render",eD]]),tD={name:"DtEmojiTextWrapper",components:{DtEmoji:d},inheritAttrs:!1,props:{elementType:{type:String,default:"div"},size:{type:String,default:"500",validator:D=>Object.keys(s.ICON_SIZE_MODIFIERS).includes(D)}},data(){return{loadingEmojiJson:!0}},async created(){this.loadingEmojiJson=!1},methods:{replaceDtEmojis(D,t){const u=new RegExp(`(${D.join("|")})`,"g");return t.split(u).map(a=>D.includes(a)?e.h(d,{...this.$attrs,class:"d-mx4 d-d-inline-block",size:this.size,code:a}):a)},searchVNodes(D){var u;if(typeof D=="string")return this.searchCodes(D);if(typeof D.type=="symbol")return this.searchCodes(D.children);if((u=D.props)!=null&&u.innerHTML)return this.searchVNodes(D.props.innerHTML);const t=Array.isArray(D.children)?D.children:[D.children];return e.h(D.type,D.props,t.map(n=>this.searchVNodes(n)))},replaceVueComponentVNodeContent(D){},searchCodes(D){const t=T(D),u=N(D),n=[...t,...u];return n.length===0?D:this.replaceDtEmojis(n,D)}},render(){const D=this.$slots.default?this.$slots.default():[];return e.h(this.elementType,{"data-qa":"emoji-text-wrapper",class:this.$attrs.class},this.loadingEmojiJson?D:D.map(t=>this.searchVNodes(t)))}};exports.DtEmoji=d;exports.DtSkeleton=k;exports.DtSkeletonListItem=j;exports.DtSkeletonParagraph=h;exports.DtSkeletonShape=B;exports.DtSkeletonText=f;exports.SKELETON_HEADING_HEIGHTS=c;exports.SKELETON_RIPPLE_DURATION=g;exports.SKELETON_SHAPES=r;exports.SKELETON_SHAPE_SIZES=S;exports.SKELETON_TEXT_TYPES=_;exports._sfc_main=tD;exports.codeToEmojiData=I;exports.defaultEmojiAssetUrl=A;exports.emojiJson=C;exports.emojiVersion=O;exports.filterValidShortCodes=w;exports.findEmojis=N;exports.findShortCodes=T;exports.getEmojiData=x;exports.setCustomEmojiJson=$;exports.setCustomEmojiUrl=Q;exports.setEmojiAssetUrlLarge=Y;exports.setEmojiAssetUrlSmall=X;exports.shortcodeToEmojiData=p;exports.stringToUnicode=v;exports.unicodeToString=L;exports.validateCustomEmojiJson=b;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as l, Q as R, P as A } from "./index-
|
|
1
|
+
import { _ as l, Q as R, P as A } from "./index-a257a50a.js";
|
|
2
2
|
import { openBlock as s, createElementBlock as E, normalizeClass as o, normalizeStyle as p, createCommentVNode as q, resolveComponent as C, Fragment as H, renderList as U, createBlock as d, createVNode as g, createElementVNode as b, mergeProps as m, withDirectives as _, vShow as S, h as f } from "vue";
|
|
3
3
|
const K = 3e6, y = {
|
|
4
4
|
circle: "d-bar-circle",
|