@dialpad/dialtone 9.4.0 → 9.4.1
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/dist/css/CHANGELOG.json +1 -1
- package/dist/css/dialtone.css +4 -4
- package/dist/css/dialtone.min.css +1 -1
- package/dist/icons/svg/video-off.svg +1 -1
- package/dist/tokens/android/java/tokens-dark.kt +1 -1
- package/dist/tokens/android/java/tokens-light.kt +1 -1
- package/dist/tokens/android/res/values/colors-dark.xml +1 -1
- package/dist/tokens/android/res/values/colors-light.xml +1 -1
- package/dist/tokens/android/res/values/dimens.xml +1 -1
- package/dist/tokens/css/variables-dark.css +1 -1
- package/dist/tokens/css/variables-light.css +1 -1
- package/dist/tokens/ios/tokens-dark.swift +1 -1
- package/dist/tokens/ios/tokens-light.swift +1 -1
- package/dist/tokens/less/variables-dark.less +1 -1
- package/dist/tokens/less/variables-light.less +1 -1
- package/dist/vue2/dialtone-vue.cjs +1 -1
- package/dist/vue2/dialtone-vue.js +5 -5
- package/dist/vue2/{emoji-BMxSCSLg.js → emoji-k30EufQP.js} +697 -154
- package/dist/vue2/emoji-npEzXEju.cjs +1 -0
- package/dist/vue2/emoji.cjs +1 -1
- package/dist/vue2/emoji.js +3 -3
- package/dist/vue2/{emoji_picker-Qces1MZK.cjs → emoji_picker-h6ZjaaSm.cjs} +1 -1
- package/dist/vue2/{emoji_picker-sjGJ0HVH.js → emoji_picker-phIBLWjO.js} +1 -1
- package/dist/vue2/{emoji_text_wrapper-uHcCrlwz.js → emoji_text_wrapper-KU3Kyfko.js} +1 -1
- package/dist/vue2/{emoji_text_wrapper-Tni6PAOS.cjs → emoji_text_wrapper-KiKRUPpa.cjs} +1 -1
- package/dist/vue2/message_input.cjs +1 -1
- package/dist/vue2/message_input.js +3 -3
- package/dist/vue2/stack-Xl6jQs_C.cjs +2 -0
- package/dist/vue2/{stack-DRdhbSNl.js → stack-klSxDym-.js} +155 -695
- package/dist/vue2/types/components/button/button.vue.d.ts +1 -1
- package/dist/vue2/types/components/combobox/combobox.vue.d.ts +1 -1
- package/dist/vue2/types/components/icon/icon.vue.d.ts +2 -0
- package/dist/vue2/types/components/icon/icon.vue.d.ts.map +1 -1
- package/dist/vue2/types/components/modal/modal.vue.d.ts +1 -1
- package/dist/vue2/types/components/tooltip/tooltip.vue.d.ts +1 -1
- package/dist/vue2/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts +1 -1
- package/dist/vue2/types/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.d.ts +1 -1
- package/dist/vue3/dialtone-vue.cjs +1 -1
- package/dist/vue3/dialtone-vue.js +5 -5
- package/dist/vue3/emoji-0CxcYOpi.cjs +1 -0
- package/dist/vue3/{emoji-w7mkBLzY.js → emoji-qCvCxNzD.js} +876 -343
- package/dist/vue3/emoji.cjs +1 -1
- package/dist/vue3/emoji.js +3 -3
- package/dist/vue3/{emoji_picker-nLVt8cFZ.js → emoji_picker-6nxcKkgd.js} +1 -1
- package/dist/vue3/{emoji_picker-4xiNkfJF.cjs → emoji_picker-PNpV-epL.cjs} +1 -1
- package/dist/vue3/{emoji_text_wrapper-mBDw9Xy3.js → emoji_text_wrapper-GV9Xmp4q.js} +1 -1
- package/dist/vue3/{emoji_text_wrapper-MBYdbA6A.cjs → emoji_text_wrapper-M6frYocA.cjs} +1 -1
- package/dist/vue3/message_input.cjs +1 -1
- package/dist/vue3/message_input.js +3 -3
- package/dist/vue3/stack-CYxcB-QD.cjs +2 -0
- package/dist/vue3/{stack-FdfddyeK.js → stack-J7X4gRRv.js} +224 -764
- package/dist/vue3/types/components/button/button.vue.d.ts +1 -1
- package/dist/vue3/types/components/combobox/combobox.vue.d.ts +1 -1
- package/dist/vue3/types/components/icon/icon.vue.d.ts +2 -0
- package/dist/vue3/types/components/icon/icon.vue.d.ts.map +1 -1
- package/dist/vue3/types/components/modal/modal.vue.d.ts +1 -1
- package/dist/vue3/types/components/tooltip/tooltip.vue.d.ts +1 -1
- package/dist/vue3/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts +1 -1
- package/dist/vue3/types/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.d.ts +1 -1
- package/package.json +1 -1
- package/dist/vue2/emoji-ZkNhBVKW.cjs +0 -1
- package/dist/vue2/stack-153kJjKj.cjs +0 -2
- package/dist/vue3/emoji-AfK6oyUP.cjs +0 -1
- package/dist/vue3/stack-w8PNJngT.cjs +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg aria-hidden="true" role="img" data-name="Video Off" class="d-icon d-icon--video-off" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><
|
|
1
|
+
<svg aria-hidden="true" role="img" data-name="Video Off" class="d-icon d-icon--video-off" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M.646.646a.5.5 0 0 1 .708 0l10 10a.5.5 0 0 1-.708.708l-1.949-1.95a1.5 1.5 0 0 1-1.198.598H2a1.5 1.5 0 0 1-1.5-1.5V3.498a1.5 1.5 0 0 1 .911-1.38l-.765-.764a.5.5 0 0 1 0-.708Zm1.645 2.352H2a.5.5 0 0 0-.5.5v5.004a.5.5 0 0 0 .5.5h5.499a.5.5 0 0 0 .468-.325L2.291 2.998Zm5.208 0h-1.67a.5.5 0 0 1 0-1h1.67a1.5 1.5 0 0 1 1.5 1.5v.758l1.817-.72A.5.5 0 0 1 11.5 4v4a.5.5 0 0 1-1 0V4.736l-1.816.72A.5.5 0 0 1 8 4.993l-.001-.5v-.995a.5.5 0 0 0-.5-.5Z" fill="currentColor"/></svg>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./stack-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./stack-Xl6jQs_C.cjs"),l=require("./emoji-npEzXEju.cjs"),o=require("./tooltip-RmgCyjmY.cjs"),ie=require("vue"),qe=require("./emoji_text_wrapper-KiKRUPpa.cjs"),Ie={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"},De={label:"",count:"d-badge--count"},Ee={"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"},ta={name:"DtBadge",components:{DtIcon:l.DtIcon},props:{iconLeft:{type:String,default:""},iconRight:{type:String,default:""},text:{type:String,default:""},kind:{type:String,default:"label",validator:t=>Object.keys(De).includes(t)},type:{type:String,default:"default",validator:t=>Object.keys(Ie).includes(t)},decoration:{type:String,default:void 0,validator:t=>Object.keys(Ee).includes(t)},labelClass:{type:[String,Array,Object],default:""}},data(){return{BADGE_TYPE_MODIFIERS:Ie,BADGE_KIND_MODIFIERS:De,BADGE_DECORATION_MODIFIERS:Ee}},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."))}}};var aa=function(){var e=this,a=e._self._c;return a("span",{class:["d-badge",e.BADGE_TYPE_MODIFIERS[e.type],e.BADGE_KIND_MODIFIERS[e.kind],e.BADGE_DECORATION_MODIFIERS[e.decoration]],attrs:{"data-qa":"dt-badge"}},[e.decoration?a("span",{staticClass:"d-badge__decorative"}):e._e(),e.iconLeft||e.type==="ai"?a("span",{staticClass:"d-badge__icon-left"},[a("dt-icon",{attrs:{name:e.iconLeft||"dialpad-ai",size:"200"}})],1):e._e(),a("span",{class:["d-badge__label",e.labelClass]},[e._t("default",function(){return[e._v(" "+e._s(e.text)+" ")]})],2),e.iconRight?a("span",{staticClass:"d-badge__icon-right"},[a("dt-icon",{attrs:{name:e.iconRight,size:"200"}})],1):e._e()])},na=[],ra=o.normalizeComponent(ta,aa,na,!1,null,null,null,null);const se=ra.exports,q=["base","error","info","success","warning"],ot=["alert","alertdialog","status"],ia=new Map([["info","info"],["success","check-circle"],["warning","alert-triangle"],["error","alert-circle"],["base","bell"]]),sa={name:"DtNoticeIcon",components:{DtIcon:l.DtIcon},props:{kind:{type:String,default:"base",validate(t){return q.includes(t)}}},computed:{defaultIcon(){return ia.get(this.kind)}}};var oa=function(){var e=this,a=e._self._c;return e.defaultIcon||e.$slots.default?a("div",{staticClass:"d-notice__icon",attrs:{"aria-hidden":"true"}},[e._t("default",function(){return[a("dt-icon",{attrs:{name:e.defaultIcon,size:"400"}})]})],2):e._e()},la=[],da=o.normalizeComponent(sa,oa,la,!1,null,null,null,null);const oe=da.exports,ca={name:"DtNoticeContent",props:{title:{type:String,default:""},titleId:{type:String,default:void 0},contentId:{type:String,default:void 0}}};var ua=function(){var e=this,a=e._self._c;return a("div",{staticClass:"d-notice__content",attrs:{"data-qa":"notice-content"}},[e.title||e.$slots.titleOverride?a("p",{staticClass:"d-notice__title",attrs:{id:e.titleId,"data-qa":"notice-content-title"}},[e._t("titleOverride",function(){return[e._v(" "+e._s(e.title)+" ")]})],2):e._e(),a("p",{staticClass:"d-notice__message",attrs:{id:e.contentId,"data-qa":"notice-content-message"}},[e._t("default")],2)])},fa=[],pa=o.normalizeComponent(ca,ua,fa,!1,null,null,null,null);const le=pa.exports,ha={name:"DtNoticeAction",components:{DtIcon:l.DtIcon,DtButton:l.DtButton,SrOnlyCloseButton:u.SrOnlyCloseButton},mixins:[u.SrOnlyCloseButtonMixin],props:{closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1}},emits:["close"],computed:{noticeActionListeners(){return{...this.$listeners,click:t=>{this.close(),this.$emit("click",t)}}}},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)},beforeDestroy(){var t;(t=this.lastFocusedElement)==null||t.focus()},methods:{close(){this.$emit("close")}}};var ma=function(){var e=this,a=e._self._c;return a("div",{staticClass:"d-notice__actions",attrs:{"data-qa":"notice-content-actions"}},[e._t("default"),e.hideClose?e._e():a("dt-button",e._g(e._b({ref:"closeButton",attrs:{"data-qa":"dt-notice-action-close-button",size:"sm",importance:"clear",circle:"","aria-label":e.closeButtonProps.ariaLabel?e.closeButtonProps.ariaLabel:"Close"},scopedSlots:e._u([{key:"icon",fn:function(){return[a("dt-icon",{attrs:{name:"close",size:"200"}})]},proxy:!0}],null,!1,1154370889)},"dt-button",e.closeButtonProps,!1),e.noticeActionListeners)),e.showVisuallyHiddenClose?a("sr-only-close-button",{attrs:{"visually-hidden-close-label":e.visuallyHiddenCloseLabel},on:{close:e.close}}):e._e()],2)},_a=[],ga=o.normalizeComponent(ha,ma,_a,!1,null,null,null,null);const de=ga.exports,va={name:"DtNotice",components:{DtNoticeIcon:oe,DtNoticeContent:le,DtNoticeAction:de},mixins:[u.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 ot.includes(t)}},important:{type:Boolean,default:!1},kind:{type:String,default:"base",validate(t){return q.includes(t)}},closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1}},emits:["close"],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}]}}};var ba=function(){var e=this,a=e._self._c;return a("aside",{class:e.noticeClass,attrs:{"data-qa":"notice"}},[a("dt-notice-icon",{attrs:{kind:e.kind}},[e._t("icon")],2),a("dt-notice-content",e._g({attrs:{"title-id":e.titleId,"content-id":e.contentId,title:e.title,role:e.role},scopedSlots:e._u([{key:"titleOverride",fn:function(){return[e._t("titleOverride")]},proxy:!0}],null,!0)},e.$listeners),[e._t("default")],2),a("dt-notice-action",e._g({attrs:{"hide-close":e.hideClose,"close-button-props":e.closeButtonProps,"visually-hidden-close":e.visuallyHiddenClose,"visually-hidden-close-label":e.visuallyHiddenCloseLabel}},e.$listeners),[e._t("action")],2)],1)},ya=[],Sa=o.normalizeComponent(va,ba,ya,!1,null,null,null,null);const Ca=Sa.exports,Ia={name:"DtBanner",components:{DtNoticeIcon:oe,DtNoticeContent:le,DtNoticeAction:de},mixins:[u.Modal,u.SrOnlyCloseButtonMixin],props:{titleId:{type:String,default(){return o.utils.getUniqueString()}},contentId:{type:String,default(){return o.utils.getUniqueString()}},title:{type:String,default:""},important:{type:Boolean,default:!1},pinned:{type:Boolean,default:!1},kind:{type:String,default:"base",validate(t){return q.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)}}};var Da=function(){var e=this,a=e._self._c;return a("aside",{class:e.bannerClass,style:e.bannerBackgroundImage,on:{keydown:function(n){return!n.type.indexOf("key")&&e._k(n.keyCode,"tab",9,n.key,"Tab")?null:e.trapFocus.apply(null,arguments)}}},[a("div",{staticClass:"d-banner__dialog",class:e.dialogClass,attrs:{role:e.role,"aria-labelledby":e.titleId,"aria-describedby":e.contentId}},[e.hideIcon?e._e():a("dt-notice-icon",e._g({attrs:{kind:e.kind}},e.$listeners),[e._t("icon")],2),a("dt-notice-content",e._g({attrs:{"title-id":e.titleId,"content-id":e.contentId,title:e.title},scopedSlots:e._u([{key:"titleOverride",fn:function(){return[e._t("titleOverride")]},proxy:!0}],null,!0)},e.$listeners),[e._t("default")],2),a("dt-notice-action",e._g({attrs:{"hide-close":e.hideClose,"close-button-props":e.closeButtonProps,"visually-hidden-close":e.visuallyHiddenClose,"visually-hidden-close-label":e.visuallyHiddenCloseLabel}},e.$listeners),[e._t("action")],2)],1)])},Ea=[],Oa=o.normalizeComponent(Ia,Da,Ea,!1,null,null,null,null);const Ta=Oa.exports,lt="d-breadcrumbs__item--selected",dt="d-breadcrumbs--inverted",wa={name:"DtBreadcrumbItem",components:{DtLink:u.DtLink},inheritAttrs:!1,props:{inverted:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},label:{type:String,default:""}},data(){return{BREADCRUMB_ITEM_SELECTED_MODIFIER:lt}},computed:{linkKind(){return this.inverted?l.INVERTED:l.MUTED},ariaCurrent(){return this.selected?"location":void 0}}};var La=function(){var e=this,a=e._self._c;return a("li",{class:["d-breadcrumbs__item",{[e.BREADCRUMB_ITEM_SELECTED_MODIFIER]:e.selected}],attrs:{"data-qa":"dt-breadcrumb-item"}},[a("dt-link",e._b({attrs:{kind:e.linkKind,"aria-current":e.ariaCurrent,"data-qa":"breadcrumb-item"}},"dt-link",e.$attrs,!1),[e._t("default",function(){return[e._v(" "+e._s(e.label)+" ")]})],2)],1)},xa=[],ka=o.normalizeComponent(wa,La,xa,!1,null,null,null,null);const ct=ka.exports,Aa={name:"DtBreadcrumbs",components:{DtBreadcrumbItem:ct},props:{breadcrumbs:{type:Array,default:()=>[],validate(t){return t.every(({href:e,label:a})=>e!==void 0&&a!==void 0)}},inverted:{type:Boolean,default:!1},ariaLabel:{type:String,default:"breadcrumb"}},data(){return{BREADCRUMBS_INVERTED_MODIFIER:dt}},methods:{getBreadcrumbItemKey(t){return`breadcrumbs-item-${t}-${o.utils.getUniqueString()}`}}};var Ra=function(){var e=this,a=e._self._c;return a("nav",{class:["d-breadcrumbs",{[e.BREADCRUMBS_INVERTED_MODIFIER]:e.inverted}],attrs:{"aria-label":e.ariaLabel,"data-qa":"dt-breadcrumbs"}},[a("ol",[e._t("default",function(){return e._l(e.breadcrumbs,function(n,r){return a("dt-breadcrumb-item",e._g(e._b({key:e.getBreadcrumbItemKey(r),attrs:{inverted:e.inverted}},"dt-breadcrumb-item",n,!1),e.$listeners))})})],2)])},Ma=[],$a=o.normalizeComponent(Aa,Ra,Ma,!1,null,null,null,null);const Na=$a.exports,Oe={start:"d-btn-group--start",end:"d-btn-group--end","space-between":"d-btn-group--space-between"},Pa={name:"DtButtonGroup",props:{alignment:{type:String,default:"start",validator:t=>Object.keys(Oe).includes(t)}},data(){return{BUTTON_GROUP_ALIGNMENT:Oe}}};var Ba=function(){var e=this,a=e._self._c;return a("div",{class:["d-btn-group",e.BUTTON_GROUP_ALIGNMENT[e.alignment]],attrs:{role:"group"}},[e._t("default")],2)},Fa=[],Va=o.normalizeComponent(Pa,Ba,Fa,!1,null,null,null,null);const qa=Va.exports,Ha={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:""}}};var Ua=function(){var e=this,a=e._self._c;return a("div",{class:["d-card",e.containerClass],attrs:{"data-qa":"dt-card"}},[e.$slots.header?a("div",{class:["d-card__header",e.headerClass]},[e._t("header")],2):e._e(),a("div",{class:["d-card__content",e.contentClass],style:{"max-height":e.maxHeight}},[e._t("content")],2),e.$slots.footer?a("div",{class:["d-card__footer",e.footerClass]},[e._t("footer")],2):e._e()])},Wa=[],za=o.normalizeComponent(Ha,Ua,Wa,!1,null,null,null,null);const ut=za.exports,Ka={name:"DtCodeblock",props:{text:{type:String,required:!0}}};var Ya=function(){var e=this,a=e._self._c;return a("pre",[e._v(" "),a("code",{staticClass:"d-codeblock"},[e._v(e._s(e.text))]),e._v(`
|
|
3
3
|
`)])},Ga=[],ja=o.normalizeComponent(Ka,Ya,Ga,!1,null,null,null,null);const Za=ja.exports,Xa={methods:{scrollElementIntoViewIfNeeded(t,e,a,n){t.scrollIntoViewIfNeeded?this.scrollIntoViewIfNeeded(t,e,a,n):this.scrollIntoView(t,"bottom",!1,a,n)},scrollElementIntoView(t,e,a,n){if(e==="center"){this.scrollIntoView(t,"center",!1,a,n);return}e===!1?this.scrollIntoView(t,"bottom",!1,a,n):this.scrollIntoView(t,"top",!1,a,n)},scrollIntoViewIfNeeded(t,e,a,n){const r=e?"center":void 0;this.scrollIntoView(t,r,!0,a,n)},scrollIntoView(t,e,a,n,r){if(!t||!t.parentElement)return;const i=t.offsetTop,s=r||t.parentElement,c=this._getScrollBounds(s),f=c.bottom-c.top,h=this._getElementHeight(t),v=i+h;let d=-1;switch(e){case"top":d=i;break;case"center":d=i+(h-f)/2;break;case"bottom":d=d=v-f;break;default:i-c.top<=f/2?d=i:d=v-f;break}this._setScrollTop(s,d,c,i,v,a,n)},_setScrollTop(t,e,a,n,r,i,s){a=a||this._getScrollBounds(t);const c=a.bottom-a.top;if(i&&this._inScrollBounds(n,r,a))if(n<a.top)e=n;else if(r>a.bottom)e=r-c;else return;s?t.scrollTo({top:e,behavior:s}):t.scrollTop=e},_getElementHeight(t){return t.getBoundingClientRect().height},_getScrollBounds(t){const e=this._getElementHeight(t),a=t.scrollTop;return{top:a,bottom:a+e}},_inScrollBounds(t,e,a){const n=e-t;return e<=a.bottom+3*n/4&&t>=a.top-n/4}}},Qa="listElementKey is required or the referenced element doesn't exist. Received listElement: ",He=({listItemRole:t="option",indexKey:e="highlightIndex",idKey:a="highlightId",listElementKey:n="listRef",activeItemKey:r="",openMethod:i=null,afterHighlightMethod:s=null,beginningOfListMethod:c=null,endOfListMethod:f=null,scrollToOnHighlight:h=!0,focusOnKeyboardNavigation:v=!1}={})=>({mixins:[Xa],data(){return{[e]:-1,[a]:"",scrollToOnHighlight:h,focusOnKeyboardNavigation:v}},provide(){return{highlightId:()=>this[a]}},methods:{_getListElement(){var d;return((d=this[n]())==null?void 0:d.$el)||this[n]()},_itemsLength(){const d=this._getListItemNodes();return d===null?0:d.length},_getListItemNodes(){const d=this._getListElement();return d?Array.from(d.querySelectorAll(`[role="${t}"], #sr-only-close-button`)):(console.error(Qa,d),null)},onUpKey(){i&&this[i](!0),this[e]>0?this.setHighlightIndex(this[e]-1):c&&this[c](),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},onDownKey(){i&&this[i](!0),this[e]<this._itemsLength()-1?this.setHighlightIndex(this[e]+1):f&&this[f](),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},onHomeKey(){this.jumpToBeginning(),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},onEndKey(){this.jumpToEnd(),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},onNavigationKey(d){const g=this._getListItemNodes(),_=g.filter(I=>I.textContent.trim().toLowerCase().startsWith(d.toLowerCase()));if(_.length<=0)return;const b=_.findIndex(I=>this[e]===g.indexOf(I)),D=g.indexOf(b<_.length-1?_[b+1]:_[0]);this.setHighlightIndex(D),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},isValidLetter(d){return d.length>1?!1:d>="a"&&d<="z"||d>="A"&&d<="Z"},jumpToBeginning(){this.setHighlightIndex(0)},jumpToEnd(){this.setHighlightIndex(this._itemsLength()-1)},setHighlightIndex(d){this[e]=d,this[a]=this._getItemId(d),this._itemsLength()&&s&&this[s](d)},setHighlightId(d){this[a]=d,this[e]=this._getItemIndex(d),this._itemsLength()&&s&&this[s](this._getItemIndex(d))},_getItemIndex(d){const g=this._getListElement();return g?Array.from(g.querySelectorAll(`[role="${t}"], #sr-only-close-button`)).indexOf(g.querySelector(`#${d}`)):void 0},_getItemId(d){var _;const g=this._getListElement();if(g)return(_=g.querySelectorAll(`[role="${t}"], #sr-only-close-button`)[d])==null?void 0:_.id},scrollActiveItemIntoViewIfNeeded(){if(!this.scrollToOnHighlight)return;const d=this[r];if(d){const g=this._getListElement();this.scrollElementIntoViewIfNeeded(d,null,null,g)}},focusActiveItemIfNeeded(){if(!this.focusOnKeyboardNavigation)return;const d=this[r];d&&d.focus()}}}),Ja={name:"ComboboxLoadingList",components:{DtListItem:u.DtListItem,DtSkeleton:l.DtSkeleton}};var en=function(){var e=this,a=e._self._c;return a("ol",{staticClass:"d-combobox__loading-list",attrs:{"aria-busy":"true"}},e._l(7,function(n){return a("dt-list-item",{key:n,attrs:{role:"option","navigation-type":"none"}},[a("dt-skeleton",{attrs:{"text-option":{type:"body"},offset:0}})],1)}),1)},tn=[],an=o.normalizeComponent(Ja,en,tn,!1,null,null,null,null);const ft=an.exports,nn={name:"ComboboxEmptyList",components:{DtListItem:u.DtListItem},props:{message:{type:String,required:!0},itemClass:{type:[String,Object,Array],default:""}}};var rn=function(){var e=this,a=e._self._c;return a("ol",{staticClass:"d-combobox__empty-list",attrs:{"data-qa":"dt-combobox-empty-list"}},[e._t("default",function(){return[a("dt-list-item",{class:["dt-empty-list-item",e.itemClass],attrs:{role:"option","navigation-type":"none",type:"custom"}},[a("span",[e._v(e._s(e.message))])])]})],2)},sn=[],on=o.normalizeComponent(nn,rn,sn,!1,null,null,null,null);const pt=on.exports,Ue={EXTRA_SMALL:"xs",SMALL:"sm",DEFAULT:"md",LARGE:"lg",EXTRA_LARGE:"xl"},ln={name:"DtCombobox",components:{ComboboxLoadingList:ft,ComboboxEmptyList:pt},mixins:[He({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(Ue).includes(t)},description:{type:String,default:""},listId:{type:String,default(){return o.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}},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 e=t.target.closest("li");e&&this.highlightId!==e.id&&this.setHighlightId(e.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,e){var a;this.outsideRenderedListRef=e,(a=this.outsideRenderedListRef)==null||a.addEventListener("mousemove",this.onMouseHighlight),this.$emit("opened",t),t&&this.setInitialHighlightIndex()},onKeyValidation(t,e){!this.showList||!this.getListElement()||this[e](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.`)}}};var dn=function(){var e=this,a=e._self._c;return a("div",{on:{keydown:[function(n){return!n.type.indexOf("key")&&e._k(n.keyCode,"esc",27,n.key,["Esc","Escape"])?null:(n.stopPropagation(),e.onKeyValidation(n,"onEscapeKey"))},function(n){return!n.type.indexOf("key")&&e._k(n.keyCode,"enter",13,n.key,"Enter")||n.ctrlKey||n.shiftKey||n.altKey||n.metaKey?null:e.onKeyValidation(n,"onEnterKey")},function(n){return!n.type.indexOf("key")&&e._k(n.keyCode,"up",38,n.key,["Up","ArrowUp"])?null:(n.stopPropagation(),n.preventDefault(),e.onKeyValidation(n,"onUpKey"))},function(n){return!n.type.indexOf("key")&&e._k(n.keyCode,"down",40,n.key,["Down","ArrowDown"])?null:(n.stopPropagation(),n.preventDefault(),e.onKeyValidation(n,"onDownKey"))},function(n){return!n.type.indexOf("key")&&e._k(n.keyCode,"home",void 0,n.key,void 0)?null:(n.stopPropagation(),n.preventDefault(),e.onKeyValidation(n,"onHomeKey"))},function(n){return!n.type.indexOf("key")&&e._k(n.keyCode,"end",void 0,n.key,void 0)?null:(n.stopPropagation(),n.preventDefault(),e.onKeyValidation(n,"onEndKey"))}]}},[a("div",{attrs:{"data-qa":"dt-combobox-input-wrapper"}},[e._t("input",null,{inputProps:e.inputProps})],2),e.showList?a("div",{ref:"listWrapper",attrs:{"data-qa":"dt-combobox-list-wrapper"},on:{mouseleave:e.clearHighlightIndex,focusout:e.clearHighlightIndex,"!mousemove":function(n){return e.onMouseHighlight.apply(null,arguments)}}},[e.loading&&!e.listRenderedOutside?a("combobox-loading-list",e._b({},"combobox-loading-list",e.listProps,!1)):e.emptyList&&(e.emptyStateMessage||e.$slots.emptyListItem)&&!e.listRenderedOutside?a("combobox-empty-list",e._b({attrs:{message:e.emptyStateMessage,"item-class":e.emptyStateClass}},"combobox-empty-list",e.listProps,!1),[e._t("emptyListItem")],2):e._t("list",null,{listProps:e.listProps,opened:e.onOpen,clearHighlightIndex:e.clearHighlightIndex})],2):e._e()])},cn=[],un=o.normalizeComponent(ln,dn,cn,!1,null,null,null,null);const ht=un.exports,fn={name:"DtCollapsibleLazyShow",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")})},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}}};var pn=function(){var e=this,a=e._self._c;return a("transition",e._g({attrs:{appear:e.appear,"enter-active-class":"enter-active","leave-active-class":"leave-active",css:e.isCSSEnabled},on:{"before-enter":e.beforeEnter,enter:e.enter,"after-enter":e.afterEnter,"before-leave":e.beforeLeave,leave:e.leave,"after-leave":e.afterLeave}},e.$listeners),[a(e.elementType,e._g({directives:[{name:"show",rawName:"v-show",value:e.show,expression:"show"}],tag:"component"},e.$listeners),[e.initialized?e._t("default"):e._e()],2)],1)},hn=[],mn=o.normalizeComponent(fn,pn,hn,!1,null,null,null,null);const _n=mn.exports,gn={name:"DtCollapsible",components:{DtButton:l.DtButton,DtCollapsibleLazyShow:_n,DtLazyShow:o.DtLazyShow,DtIcon:l.DtIcon},props:{anchorText:{type:String,default:null},open:{type:Boolean,default:null},id:{type:String,default(){return o.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&&o.getUniqueString("DtCollapsible__anchor")}},watch:{open:{handler:function(t){t!==null&&(this.isOpen=t)},immediate:!0}},mounted(){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&&!this.$scopedSlots.anchor&&console.error("anchor text and anchor slot content cannot both be falsy")}}};var vn=function(){var e=this,a=e._self._c;return a(e.elementType,e._g({ref:"collapsible",tag:"component"},e.$listeners),[a("div",{ref:"anchor",class:e.anchorClass,attrs:{id:!e.ariaLabelledBy&&e.labelledBy}},[e._t("anchor",function(){return[a("dt-button",{style:{width:e.maxWidth},attrs:{importance:"clear",kind:"muted","aria-controls":e.id,"aria-expanded":`${e.isOpen}`},on:{click:e.defaultToggleOpen}},[a("dt-icon",{staticClass:"d-collapsible__icon",attrs:{name:e.isOpen?"chevron-down":"chevron-right",size:"300"}}),a("span",{staticClass:"d-collapsible__anchor-text",attrs:{title:e.anchorText}},[e._v(" "+e._s(e.anchorText)+" ")])],1)]},{attrs:{"aria-controls":e.id,"aria-expanded":e.isOpen.toString(),role:"button"}})],2),a("dt-collapsible-lazy-show",e._g({ref:"contentWrapper",class:e.contentClass,style:{"max-height":e.maxHeight,"max-width":e.maxWidth},attrs:{id:e.id,"aria-hidden":`${!e.isOpen}`,"aria-labelledby":e.labelledBy,"aria-label":e.ariaLabel,show:e.isOpen,"element-type":e.contentElementType,"data-qa":"dt-collapsible--content",tabindex:"-1",appear:""},on:{"after-leave":e.onLeaveTransitionComplete,"after-enter":e.onEnterTransitionComplete}},e.$listeners),[e._t("content")],2)],1)},bn=[],yn=o.normalizeComponent(gn,vn,bn,!1,null,null,null,null);const mt=yn.exports,_t=["row","column"],Sn=t=>t.term?typeof t.term=="string":!1,Cn=t=>t.description?typeof t.description=="string":!1,In=t=>Array.isArray(t)?t.every(e=>!(typeof e!="object"||!Sn(e)||!Cn(e))):!1,Dn={name:"DtDescriptionList",props:{direction:{type:String,default:"row",validator:t=>_t.includes(t)},items:{type:Array,default:()=>[],validator:t=>In(t),required:!0},gap:{type:String,default:"400",validator:t=>u.DT_STACK_GAP.includes(t)},termClass:{type:[String,Array,Object],default:""},descriptionClass:{type:[String,Array,Object],default:""}},computed:{dtClass(){return["dt-description-list__term",this.termClass]},ddClass(){return["dt-description-list__description",this.descriptionClass]},getDirectionClass(){return`dt-description-list--${this.direction}`},getGapClass(){return`dt-description-list--gap-${this.gap}`}}};var En=function(){var e=this,a=e._self._c;return a("dl",{class:["dt-description-list",e.getDirectionClass,e.getGapClass]},[e._l(e.items,function(n){return[a("dt",{key:`dt-${n.term}`,class:e.dtClass},[e._v(" "+e._s(n.term)+" ")]),a("dd",{key:`dd-${n.term}`,class:e.ddClass},[e._v(" "+e._s(n.description)+" ")])]})],2)},On=[],Tn=o.normalizeComponent(Dn,En,On,!1,null,null,null,null);const wn=Tn.exports,F={none:void 0,small:"d-py0",large:"d-py4"},Ln={name:"DtDropdown",components:{DtPopover:u.DtPopover,SrOnlyCloseButton:u.SrOnlyCloseButton},mixins:[He({indexKey:"highlightIndex",idKey:"highlightId",listElementKey:"getListElement",listItemRole:"menuitem",afterHighlightMethod:"afterHighlight",beginningOfListMethod:"beginningOfListMethod",endOfListMethod:"endOfListMethod",activeItemKey:"activeItemEl",focusOnKeyboardNavigation:!0}),u.SrOnlyCloseButtonMixin],props:{open:{type:Boolean,default:null},openOnContext:{type:Boolean,default:!1},padding:{type:String,default:"small",validator:t=>Object.keys(F).some(e=>e===t)},modal:{type:Boolean,default:!0},contentWidth:{type:String,default:null},maxHeight:{type:String,default:""},maxWidth:{type:String,default:""},listId:{type:String,default(){return o.getUniqueString()}},navigationType:{type:String,default:u.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS,validator:t=>Object.values(u.LIST_ITEM_NAVIGATION_TYPES).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=>u.POPOVER_APPEND_TO_VALUES.includes(t)||t instanceof HTMLElement},tether:{type:Boolean,default:!0},transition:{type:String,default:"fade"}},emits:["highlight","opened","update:open"],data(){return{LIST_ITEM_NAVIGATION_TYPES:u.LIST_ITEM_NAVIGATION_TYPES,DROPDOWN_PADDING_CLASSES:F,EVENT_KEYNAMES:o.EVENT_KEYNAMES,openedWithKeyboard:!1,isOpen:null}},computed:{dropdownListeners(){return{...this.$listeners,opened:t=>{this.updateInitialHighlightIndex(t)},keydown:t=>{switch(t.code){case o.EVENT_KEYNAMES.up:case o.EVENT_KEYNAMES.arrowup:this.onUpKeyPress(t),t.stopPropagation(),t.preventDefault();break;case o.EVENT_KEYNAMES.down:case o.EVENT_KEYNAMES.arrowdown:this.onDownKeyPress(t),t.stopPropagation(),t.preventDefault();break;case o.EVENT_KEYNAMES.space:case o.EVENT_KEYNAMES.spacebar:this.onSpaceKey();break;case o.EVENT_KEYNAMES.enter:this.onEnterKey();break;case o.EVENT_KEYNAMES.home:this.onHomeKeyPress(t),t.stopPropagation(),t.preventDefault();break;case o.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-dropdown-list",F[this.padding],this.listClass,{"d-context-menu-list":this.openOnContext}]},shouldOpenWithArrowKeys(){return!this.openOnContext}},methods:{onMouseHighlight(t){const e=t.target.closest("li");e&&e.role&&this.highlightId!==e.id&&(this.setHighlightId(e.id),e.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)}}};var xn=function(){var e=this,a=e._self._c;return a("dt-popover",e._g({ref:"popover",attrs:{"content-width":e.contentWidth,open:e.open,placement:e.placement,"initial-focus-element":e.openedWithKeyboard?"first":"dialog","fallback-placements":e.fallbackPlacements,padding:"none",role:"menu","append-to":e.appendTo,modal:e.modal,"max-height":e.maxHeight,"max-width":e.maxWidth,"open-with-arrow-keys":e.shouldOpenWithArrowKeys,"open-on-context":e.openOnContext,tether:e.tether,transition:e.transition},scopedSlots:e._u([{key:"anchor",fn:function({attrs:n}){return[e._t("anchor",null,null,n)]}},{key:"content",fn:function({close:n}){return[a("ul",{ref:"listWrapper",class:e.listClasses,attrs:{id:e.listId,"data-qa":"dt-dropdown-list-wrapper"},on:{mouseleave:e.clearHighlightIndex,"!mousemove":function(r){return e.onMouseHighlight.apply(null,arguments)}}},[e._t("list",null,{close:n}),e.showVisuallyHiddenClose?a("sr-only-close-button",{attrs:{"visually-hidden-close-label":e.visuallyHiddenCloseLabel,tabindex:e.isArrowKeyNav?-1:0},on:{close:n}}):e._e()],2)]}}],null,!0)},e.dropdownListeners))},kn=[],An=o.normalizeComponent(Ln,xn,kn,!1,null,null,null,null);const gt=An.exports,Rn={name:"DtDropdownSeparator"};var Mn=function(){var e=this,a=e._self._c;return a("li",{staticClass:"dt-list-separator",attrs:{"aria-hidden":"true"}})},$n=[],Nn=o.normalizeComponent(Rn,Mn,$n,!1,null,null,null,null);const Pn=Nn.exports,Bn={name:"DtImageViewer",components:{Portal:u.Portal,DtButton:l.DtButton,DtIcon:l.DtIcon},mixins:[u.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{...this.$listeners,click:t=>{t.target===t.currentTarget&&this.close()},keydown:t=>{switch(t.code){case o.EVENT_KEYNAMES.esc:case o.EVENT_KEYNAMES.escape:this.close();break;case o.EVENT_KEYNAMES.tab:this.trapFocus(t);break}}}}},watch:{isOpen:{immediate:!0,handler(t){var e;t?this.previousActiveElement=document.activeElement:((e=this.previousActiveElement)==null||e.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)}}};var Fn=function(){var e=this,a=e._self._c;return a("div",[a("dt-button",{staticClass:"d-image-viewer__preview-button",attrs:{"data-qa":"dt-image-viewer-preview","aria-label":e.ariaLabel,importance:"clear"},on:{click:e.openModal}},[a("img",{class:e.imageButtonClass,attrs:{src:e.imageSrc,alt:e.imageAlt}})]),e.isOpen?a("portal",[a("div",e._g({staticClass:"d-modal",attrs:{"aria-hidden":e.isOpen?"false":"true","data-qa":"dt-modal"},on:{mouseover:function(n){e.showCloseButton=!0},mouseleave:function(n){e.showCloseButton=!1},focusin:function(n){e.showCloseButton=!0},focusout:function(n){e.showCloseButton=!1}}},e.modalListeners),[a("div",{staticClass:"d-image-viewer__full",attrs:{"data-qa":"dt-image-viewer-full",role:"dialog","aria-modal":"true"}},[a("img",{staticClass:"d-image-viewer__full__image",attrs:{src:e.imageSrc,alt:e.imageAlt}})]),a("transition",{attrs:{name:"fade"}},[e.showCloseButton?a("dt-button",{ref:"closeImage",staticClass:"d-modal__close",attrs:{"data-qa":"dt-image-viewer-close-btn",circle:"",size:"lg",importance:"clear",kind:"inverted","aria-label":e.closeAriaLabel},on:{click:e.close},scopedSlots:e._u([{key:"icon",fn:function(){return[a("dt-icon",{staticClass:"d-image-viewer__close-button",attrs:{name:"close",size:"400"}})]},proxy:!0}],null,!1,1620344283)}):e._e()],1)],1)]):e._e()],1)},Vn=[],qn=o.normalizeComponent(Bn,Fn,Vn,!1,null,null,null,null);const vt=qn.exports,bt={components:{DtValidationMessages:l.DtValidationMessages},provide(){return{groupContext:this.provideObj,setGroupValue:this.setGroupValue}},props:{id:{type:String,default(){return o.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=>l.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:()=>({})}},data(){const t=o.formatMessages(this.messages);return{provideObj:{name:this.name,disabled:this.disabled,validationState:o.getValidationState(t)}}},computed:{formattedMessages(){return o.formatMessages(this.messages)},validationState(){return o.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"]&&ie.util.warn("It is expected that an aria-label is provided when there is no legend.",this)}},Hn={name:"DtInputGroup",components:{DtValidationMessages:l.DtValidationMessages},mixins:[bt],props:{dataQaGroup:{type:String,default:"input-group"},dataQaGroupLegend:{type:String,default:"input-group-legend"},dataQaGroupMessages:{type:String,default:"input-group-messages"}},emits:["input"],data(){return{internalValue:this.value,provideObj:{value:this.value}}},watch:{value(t){this.internalValue=t},internalValue(t){this.provideObj.value=t}},methods:{getMessageKey(t,e){return`input-group-message-${t}-${e}-${this.id}`}}};var Un=function(){var e=this,a=e._self._c;return a("fieldset",{staticClass:"d-input-group__fieldset",attrs:{"data-qa":e.dataQaGroup}},[e.$slots.legend||e.legend?a("legend",e._b({class:["d-label",e.legendClass],attrs:{"data-qa":e.dataQaGroupLegend}},"legend",e.legendChildProps,!1),[e._t("legend",function(){return[e._v(" "+e._s(e.legend)+" ")]})],2):e._e(),e._t("default"),a("dt-validation-messages",e._b({class:e.messagesClass,attrs:{"validation-messages":e.formattedMessages,"show-messages":e.showMessages,"data-qa":e.dataQaGroupMessages}},"dt-validation-messages",e.messagesChildProps,!1))],2)},Wn=[],zn=o.normalizeComponent(Hn,Un,Wn,!1,null,null,null,null);const We=zn.exports,Te={default:"",danger:"d-modal--danger"},we={default:"",full:"d-modal--full"},Le={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"},Kn={name:"DtModal",components:{DtLazyShow:o.DtLazyShow,DtButton:l.DtButton,DtIcon:l.DtIcon,SrOnlyCloseButton:u.SrOnlyCloseButton},mixins:[u.Modal,u.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 o.getUniqueString()}},show:{type:Boolean,default:!1},title:{type:String,default:""},bannerTitle:{type:String,default:""},kind:{type:String,default:"default",validator:t=>Object.keys(Te).includes(t)},size:{type:String,default:"default",validator:t=>Object.keys(we).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 q.includes(t)}},bannerClass:{type:[String,Object,Array],default:""},hideClose:{type:Boolean,default:!1},closeOnClick:{type:Boolean,default:!0},fixedHeaderFooter:{type:Boolean,default:!0},initialFocusElement:{type:[String,HTMLElement],default:"first",validator:t=>t==="first"||t instanceof HTMLElement||t.startsWith("#")}},emits:["update:show"],data(){return{MODAL_KIND_MODIFIERS:Te,MODAL_SIZE_MODIFIERS:we,MODAL_BANNER_KINDS:Le,EVENT_KEYNAMES:o.EVENT_KEYNAMES}},computed:{modalListeners(){return{...this.$listeners,click:t=>{this.closeOnClick&&(t.target===t.currentTarget&&this.close(),this.$emit("click",t))},keydown:t=>{switch(t.code){case o.EVENT_KEYNAMES.esc:case o.EVENT_KEYNAMES.escape:this.close();break;case o.EVENT_KEYNAMES.tab:this.trapFocus(t);break}this.$emit("keydown",t)},"after-enter":t=>{this.$emit("update:show",!0),t.target===t.currentTarget&&this.setFocusAfterTransition()}}},open(){return`${!this.show}`},hasFooterSlot(){return!!this.$slots.footer},bannerKindClass(){return Le[this.bannerKind]}},watch:{show:{immediate:!0,handler(t){var e;t?this.previousActiveElement=document.activeElement:((e=this.previousActiveElement)==null||e.focus(),this.previousActiveElement=null)}},$props:{immediate:!0,deep:!0,handler(){this.validateProps()}}},methods:{close(){this.$emit("update:show",!1)},setFocusAfterTransition(){this.initialFocusElement==="first"?this.focusFirstElement():this.initialFocusElement.startsWith("#")?this.focusElementById(this.initialFocusElement):this.initialFocusElement instanceof HTMLElement&&this.initialFocusElement.focus()},trapFocus(t){this.show&&this.focusTrappedTabPress(t)},validateProps(){this.hideClose&&!this.visuallyHiddenClose&&console.error(`If hideClose prop is true, visuallyHiddenClose and visuallyHiddenCloseLabel props
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { S as De, e as M, M as Z, b as jt, D as le, f as Kt, d as Oe, L as _e, P as xe, g as Yt, h as zt, c as de, i as Gt } from "./stack-
|
|
2
|
-
import { n as kc, o as Lc, m as $c, j as Ec, k as Mc, l as Ac, A as Rc, z as Pc, B as Nc, w as Bc, a as Fc, p as qc, v as Wc, r as Hc, t as Vc, q as Uc, s as jc, u as Kc, x as Yc, y as zc } from "./stack-
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { S as De, e as M, M as Z, b as jt, D as le, f as Kt, d as Oe, L as _e, P as xe, g as Yt, h as zt, c as de, i as Gt } from "./stack-klSxDym-.js";
|
|
2
|
+
import { n as kc, o as Lc, m as $c, j as Ec, k as Mc, l as Ac, A as Rc, z as Pc, B as Nc, w as Bc, a as Fc, p as qc, v as Wc, r as Hc, t as Vc, q as Uc, s as jc, u as Kc, x as Yc, y as zc } from "./stack-klSxDym-.js";
|
|
3
|
+
import { w as y, y as I, C as Xt, M as Qt, E as Zt, F as V, G as vt, H as yt, J as St, K as Ct, N as Te, B as Jt, D as ea } from "./emoji-k30EufQP.js";
|
|
4
|
+
import { U as Xc, Q as Qc, P as Zc, O as Jc, R as eu, $ as tu, a2 as au, a1 as nu, a0 as ru, A as su, z as iu, S as ou, I as lu, W as du, V as cu, T as uu, x as fu, L as pu, a7 as hu, a3 as mu, a4 as _u, a6 as gu, a5 as bu, _ as vu, Z as yu, X as Su, Y as Cu } from "./emoji-k30EufQP.js";
|
|
5
5
|
import { n as c, u as k, g as x, c as ke, E as C, h as Ge, j as Se, L as ta, k as aa, D as Le, s as $e, m as na } from "./tooltip-PDBwUvGD.js";
|
|
6
6
|
import { p as Iu, o as Du, r as Ou, T as xu, x as Tu, v as ku, w as Lu, V as $u, q as Eu } from "./tooltip-PDBwUvGD.js";
|
|
7
7
|
import ce from "vue";
|
|
8
|
-
import { D as Ee } from "./emoji_text_wrapper-
|
|
8
|
+
import { D as Ee } from "./emoji_text_wrapper-KU3Kyfko.js";
|
|
9
9
|
const Xe = {
|
|
10
10
|
default: "",
|
|
11
11
|
info: "d-badge--info",
|