@dialpad/dialtone-vue 1.0.0-beta.4 → 1.0.0-beta.5
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/dialtone-vue.common.js +997 -301
- package/dist/dialtone-vue.umd.js +997 -301
- package/dist/dialtone-vue.umd.min.js +1 -1
- package/package.json +3 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e(require("vue")):"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["dialtone-vue"]=e(require("vue")):t["dialtone-vue"]=e(t["Vue"])})("undefined"!==typeof self?self:this,(function(t){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var a=e[i]={i:i,l:!1,exports:{}};return t[i].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var a in t)n.d(i,a,function(e){return t[e]}.bind(null,a));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="fae3")}({"24fb":function(t,e,n){"use strict";function i(t,e){var n=t[1]||"",i=t[3];if(!i)return n;if(e&&"function"===typeof btoa){var s=a(i),r=i.sources.map((function(t){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(t," */")}));return[n].concat(r).concat([s]).join("\n")}return[n].join("\n")}function a(t){var e=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),n="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(e);return"/*# ".concat(n," */")}t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n=i(e,t);return e[2]?"@media ".concat(e[2]," {").concat(n,"}"):n})).join("")},e.i=function(t,n,i){"string"===typeof t&&(t=[[null,t,""]]);var a={};if(i)for(var s=0;s<this.length;s++){var r=this[s][0];null!=r&&(a[r]=!0)}for(var o=0;o<t.length;o++){var l=[].concat(t[o]);i&&a[l[0]]||(n&&(l[2]?l[2]="".concat(n," and ").concat(l[2]):l[2]=n),e.push(l))}},e}},"36ff":function(t,e,n){var i=n("24fb");e=i(!1),e.push([t.i,".dt-popover__content--align-right{right:0}.dt-popover__content--align-right .dt-popover__caret{right:2.4rem}.dt-popover__content--valign-top{bottom:100%;margin-top:0;margin-bottom:.4rem}.dt-popover__content--valign-top .dt-popover__caret{top:auto;bottom:-.4rem;transform:rotate(225deg)}.dt-popover__content--pad-none{padding:0}.dt-popover__content--pad-small{padding:.8rem}.dt-popover__content--pad-medium{padding:1.6rem}.dt-popover__content--pad-large{padding:2.4rem}.dt-popover__caret{top:0;height:.6rem;width:.6rem;transform:rotate(45deg);position:absolute}",""]),t.exports=e},"3f68":function(t,e,n){var i=n("24fb");e=i(!1),e.push([t.i,'.dt-list-item[tabindex="-1"]:focus{outline:none}.dt-list-item-clickable:focus,.dt-list-item-clickable:hover{background-color:hsla(var(--primary-color--h),var(--primary-color--s),var(--primary-color--l),.1);cursor:pointer}',""]),t.exports=e},"499e":function(t,e,n){"use strict";function i(t,e){for(var n=[],i={},a=0;a<e.length;a++){var s=e[a],r=s[0],o=s[1],l=s[2],d=s[3],u={id:t+":"+a,css:o,media:l,sourceMap:d};i[r]?i[r].parts.push(u):n.push(i[r]={id:r,parts:[u]})}return n}n.r(e),n.d(e,"default",(function(){return f}));var a="undefined"!==typeof document;if("undefined"!==typeof DEBUG&&DEBUG&&!a)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var s={},r=a&&(document.head||document.getElementsByTagName("head")[0]),o=null,l=0,d=!1,u=function(){},c=null,p="data-vue-ssr-id",h="undefined"!==typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function f(t,e,n,a){d=n,c=a||{};var r=i(t,e);return g(r),function(e){for(var n=[],a=0;a<r.length;a++){var o=r[a],l=s[o.id];l.refs--,n.push(l)}e?(r=i(t,e),g(r)):r=[];for(a=0;a<n.length;a++){l=n[a];if(0===l.refs){for(var d=0;d<l.parts.length;d++)l.parts[d]();delete s[l.id]}}}}function g(t){for(var e=0;e<t.length;e++){var n=t[e],i=s[n.id];if(i){i.refs++;for(var a=0;a<i.parts.length;a++)i.parts[a](n.parts[a]);for(;a<n.parts.length;a++)i.parts.push(v(n.parts[a]));i.parts.length>n.parts.length&&(i.parts.length=n.parts.length)}else{var r=[];for(a=0;a<n.parts.length;a++)r.push(v(n.parts[a]));s[n.id]={id:n.id,refs:1,parts:r}}}}function m(){var t=document.createElement("style");return t.type="text/css",r.appendChild(t),t}function v(t){var e,n,i=document.querySelector("style["+p+'~="'+t.id+'"]');if(i){if(d)return u;i.parentNode.removeChild(i)}if(h){var a=l++;i=o||(o=m()),e=_.bind(null,i,a,!1),n=_.bind(null,i,a,!0)}else i=m(),e=y.bind(null,i),n=function(){i.parentNode.removeChild(i)};return e(t),function(i){if(i){if(i.css===t.css&&i.media===t.media&&i.sourceMap===t.sourceMap)return;e(t=i)}else n()}}var b=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}();function _(t,e,n,i){var a=n?"":i.css;if(t.styleSheet)t.styleSheet.cssText=b(e,a);else{var s=document.createTextNode(a),r=t.childNodes;r[e]&&t.removeChild(r[e]),r.length?t.insertBefore(s,r[e]):t.appendChild(s)}}function y(t,e){var n=e.css,i=e.media,a=e.sourceMap;if(i&&t.setAttribute("media",i),c.ssrId&&t.setAttribute(p,e.id),a&&(n+="\n/*# sourceURL="+a.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{while(t.firstChild)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}},"51f5":function(t,e,n){"use strict";n("945e")},5420:function(t,e,n){var i=n("24fb");e=i(!1),e.push([t.i,'.dt-list-section[tabindex="-1"]:focus{outline:none}',""]),t.exports=e},"816f":function(t,e,n){var i=n("5420");i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var a=n("499e").default;a("27ac9170",i,!0,{sourceMap:!1,shadowMode:!1})},"88f8":function(t,e,n){var i=n("36ff");i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var a=n("499e").default;a("47702653",i,!0,{sourceMap:!1,shadowMode:!1})},"8bbf":function(e,n){e.exports=t},"945e":function(t,e,n){var i=n("3f68");i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var a=n("499e").default;a("572d8ba2",i,!0,{sourceMap:!1,shadowMode:!1})},c28b:function(t,e,n){!function(e,n){t.exports=n()}(0,(function(){var t="undefined"!=typeof window,e="undefined"!=typeof navigator,n=t&&("ontouchstart"in window||e&&navigator.msMaxTouchPoints>0)?["touchstart"]:["click"];function i(t){var e=t.event,n=t.handler;(0,t.middleware)(e)&&n(e)}function a(t,e){var a=function(t){var e="function"==typeof t;if(!e&&"object"!=typeof t)throw new Error("v-click-outside: Binding value must be a function or an object");return{handler:e?t:t.handler,middleware:t.middleware||function(t){return t},events:t.events||n,isActive:!(!1===t.isActive),detectIframe:!(!1===t.detectIframe)}}(e.value),s=a.handler,r=a.middleware,o=a.detectIframe;if(a.isActive){if(t["__v-click-outside"]=a.events.map((function(e){return{event:e,srcTarget:document.documentElement,handler:function(e){return function(t){var e=t.el,n=t.event,a=t.handler,s=t.middleware,r=n.path||n.composedPath&&n.composedPath();(r?r.indexOf(e)<0:!e.contains(n.target))&&i({event:n,handler:a,middleware:s})}({el:t,event:e,handler:s,middleware:r})}}})),o){var l={event:"blur",srcTarget:window,handler:function(e){return function(t){var e=t.el,n=t.event,a=t.handler,s=t.middleware;setTimeout((function(){var t=document.activeElement;t&&"IFRAME"===t.tagName&&!e.contains(t)&&i({event:n,handler:a,middleware:s})}),0)}({el:t,event:e,handler:s,middleware:r})}};t["__v-click-outside"]=[].concat(t["__v-click-outside"],[l])}t["__v-click-outside"].forEach((function(e){var n=e.event,i=e.srcTarget,a=e.handler;return setTimeout((function(){t["__v-click-outside"]&&i.addEventListener(n,a,!1)}),0)}))}}function s(t){(t["__v-click-outside"]||[]).forEach((function(t){return t.srcTarget.removeEventListener(t.event,t.handler,!1)})),delete t["__v-click-outside"]}var r=t?{bind:a,update:function(t,e){var n=e.value,i=e.oldValue;JSON.stringify(n)!==JSON.stringify(i)&&(s(t),a(t,{value:n}))},unbind:s}:{};return{install:function(t){t.directive("click-outside",r)},directive:r}}))},e0bf:function(t,e,n){"use strict";n("88f8")},fae3:function(t,e,n){"use strict";if(n.r(e),n.d(e,"DtBadge",(function(){return p})),n.d(e,"BADGE_COLOR_MODIFIERS",(function(){return o})),n.d(e,"DtBanner",(function(){return Ht})),n.d(e,"DtButton",(function(){return Ot})),n.d(e,"DtInput",(function(){return be})),n.d(e,"INPUT_TYPES",(function(){return ne})),n.d(e,"INPUT_SIZES",(function(){return ie})),n.d(e,"DtInputGroup",(function(){return Ee})),n.d(e,"DtModal",(function(){return Ve})),n.d(e,"MODAL_KIND_MODIFIERS",(function(){return $e})),n.d(e,"MODAL_SIZE_MODIFIERS",(function(){return Oe})),n.d(e,"DtLazyShow",(function(){return je})),n.d(e,"DtListSection",(function(){return Ue})),n.d(e,"DtListItem",(function(){return Ye})),n.d(e,"DtLink",(function(){return an})),n.d(e,"LINK_VARIANTS",(function(){return kt})),n.d(e,"LINK_KIND_MODIFIERS",(function(){return Et})),n.d(e,"DtNotice",(function(){return un})),n.d(e,"NOTICE_KINDS",(function(){return G})),n.d(e,"DtPopover",(function(){return Cn})),n.d(e,"POPOVER_PADDING_CLASSES",(function(){return hn})),n.d(e,"POPOVER_HORIZONTAL_ALIGNMENT",(function(){return fn})),n.d(e,"POPOVER_VERTICAL_ALIGNMENT",(function(){return gn})),n.d(e,"POPOVER_ROLES",(function(){return mn})),n.d(e,"DtRadio",(function(){return An})),n.d(e,"DtRadioGroup",(function(){return Bn})),n.d(e,"DtValidationMessages",(function(){return ue})),n.d(e,"DtCheckbox",(function(){return Kn})),n.d(e,"DtCheckboxGroup",(function(){return Xn})),n.d(e,"DtSelectMenu",(function(){return li})),n.d(e,"SELECT_SIZE_MODIFIERS",(function(){return Hn})),n.d(e,"SELECT_STATE_MODIFIERS",(function(){return ti})),n.d(e,"DtInputMixin",(function(){return ce})),n.d(e,"DtCheckableInputMixin",(function(){return pe})),n.d(e,"DtGroupableInputMixin",(function(){return he})),n.d(e,"DtInputGroupMixin",(function(){return Se})),n.d(e,"VALIDATION_MESSAGE_TYPES",(function(){return Pt})),n.d(e,"DESCRIPTION_SIZE_TYPES",(function(){return Rt})),n.d(e,"DEFAULT_VALIDATION_MESSAGE_TYPE",(function(){return Ft})),n.d(e,"validationMessageValidator",(function(){return re})),n.d(e,"getUniqueString",(function(){return zt})),n.d(e,"formatMessages",(function(){return Ut})),n.d(e,"filterFormattedMessages",(function(){return Kt})),n.d(e,"getValidationState",(function(){return Qt})),"undefined"!==typeof window){var i=window.document.currentScript,a=i&&i.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);a&&(n.p=a[1])}var s=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("span",{class:["d-badge",t.BADGE_COLOR_MODIFIERS[t.color]],attrs:{"data-qa":"dt-badge"}},[t._t("default",[t._v(" "+t._s(t.text)+" ")])],2)},r=[];const o={base:"","black-700":"d-badge--black-700","green-400":"d-badge--green-400","orange-400":"d-badge--orange-400","pink-300":"d-badge--pink-300","pink-500":"d-badge--pink-500","pink-600":"d-badge--pink-600","pink-700":"d-badge--pink-700","purple-100":"d-badge--purple-100","purple-300":"d-badge--purple-300","purple-500":"d-badge--purple-500","purple-700":"d-badge--purple-700","red-500":"d-badge--red-500",white:"d-badge--white","yellow-300":"d-badge--yellow-300"};var l={name:"DtBadge",props:{text:{type:String,default:""},color:{type:String,default:"base",validator:t=>Object.keys(o).includes(t)}},data(){return{BADGE_COLOR_MODIFIERS:o}}},d=l;function u(t,e,n,i,a,s,r,o){var l,d="function"===typeof t?t.options:t;if(e&&(d.render=e,d.staticRenderFns=n,d._compiled=!0),i&&(d.functional=!0),s&&(d._scopeId="data-v-"+s),r?(l=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),a&&a.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(r)},d._ssrRegister=l):a&&(l=o?function(){a.call(this,(d.functional?this.parent:this).$root.$options.shadowRoot)}:a),l)if(d.functional){d._injectStyles=l;var u=d.render;d.render=function(t,e){return l.call(e),u(t,e)}}else{var c=d.beforeCreate;d.beforeCreate=c?[].concat(c,l):[l]}return{exports:t,options:d}}var c=u(d,s,r,!1,null,null,null),p=c.exports,h=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("aside",{class:t.bannerClass,attrs:{role:t.role},on:{keydown:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"tab",9,e.key,"Tab")?null:t.trapFocus(e)}}},[n("div",{staticClass:"d-banner__dialog",attrs:{"aria-labelledby":t.titleId,"aria-describedby":t.contentId}},[n("dt-notice-icon",t._g({attrs:{kind:t.kind}},t.$listeners),[t._t("icon")],2),n("dt-notice-content",t._g({attrs:{"title-id":t.titleId,"content-id":t.contentId,title:t.title},scopedSlots:t._u([{key:"titleOverride",fn:function(){return[t._t("titleOverride")]},proxy:!0}],null,!0)},t.$listeners),[t._t("default")],2),n("dt-notice-action",t._g({attrs:{"hide-close":t.hideClose,"close-button-props":t.closeButtonProps}},t.$listeners),[t._t("action")],2)],1)])},f=[],g=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.defaultIcon||t.$slots.default?n("div",{staticClass:"d-notice__icon",attrs:{"aria-hidden":"true"}},[t._t("default",[n(t.defaultIcon,{tag:"component"})])],2):t._e()},m=[],v=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("svg",{staticClass:"d-svg d-svg--system d-svg__lightbulb",attrs:{"aria-hidden":"true","aria-label":"Lightbulb",viewBox:"0 0 24 24"}},[n("path",{attrs:{d:"M9 21c0 .5.4 1 1 1h4c.6 0 1-.5 1-1v-1H9v1zm3-19C8.1 2 5 5.1 5 9c0 2.4 1.2 4.5 3 5.7V17c0 .5.4 1 1 1h6c.6 0 1-.5 1-1v-2.3c1.8-1.3 3-3.4 3-5.7 0-3.9-3.1-7-7-7z"}})])},b=[],_={},y=u(_,v,b,!1,null,null,null),S=y.exports,C=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("svg",{staticClass:"d-svg d-svg--system d-svg__info",attrs:{"aria-hidden":"true","aria-label":"Info",viewBox:"0 0 24 24"}},[n("path",{attrs:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"}})])},x=[],k={},E=u(k,C,x,!1,null,null,null),I=E.exports,w=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("svg",{staticClass:"d-svg d-svg--system d-svg__warning",attrs:{"aria-hidden":"true","aria-label":"Warning",viewBox:"0 0 24 24"}},[n("path",{attrs:{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}})])},$=[],O={},D=u(O,w,$,!1,null,null,null),M=D.exports,A=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("svg",{staticClass:"d-svg d-svg--system d-svg__error",attrs:{"aria-hidden":"true","aria-label":"Error",viewBox:"0 0 24 24"}},[n("path",{attrs:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"}})])},V=[],L={},T=u(L,A,V,!1,null,null,null),B=T.exports,P=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("svg",{staticClass:"d-svg d-svg--system d-svg__checkCircle",attrs:{"aria-hidden":"true","aria-label":"Check Circle",viewBox:"0 0 24 24"}},[n("path",{attrs:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}})])},R=[],j={},N=u(j,P,R,!1,null,null,null),F=N.exports;const G=["base","error","info","success","warning"],q=["alert","alertdialog","status"];const z=new Map([["info","IconInfo"],["success","IconCheckCircle"],["warning","IconWarning"],["error","IconError"],["base","IconLightbulb"]]);var U={name:"DtNoticeIcon",components:{IconLightbulb:S,IconInfo:I,IconWarning:M,IconError:B,IconCheckCircle:F},props:{kind:{type:String,default:"base",validate(t){return G.includes(t)}}},computed:{defaultIcon(){return z.get(this.kind)}}},K=U,Q=u(K,g,m,!1,null,null,null),Z=Q.exports,W=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"d-notice__content",attrs:{"data-qa":"notice-content"}},[t.title||this.$slots.titleOverride?n("h1",{staticClass:"d-notice__title",attrs:{id:t.titleId,"data-qa":"notice-content-title"}},[t._t("titleOverride",[t._v(" "+t._s(t.title)+" ")])],2):t._e(),n("p",{staticClass:"d-notice__message",attrs:{id:t.contentId,"data-qa":"notice-content-message"}},[t._t("default")],2)])},X=[],Y={name:"DtNoticeContent",props:{title:{type:String,default:""},titleId:{type:String,default:void 0},contentId:{type:String,default:void 0}}},J=Y,H=u(J,W,X,!1,null,null,null),tt=H.exports,et=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"d-notice__actions",attrs:{"data-qa":"notice-content-actions"}},[t._t("default"),t.hideClose?t._e():n("dt-button",t._b({ref:"closeButton",attrs:{size:"sm",importance:"clear",circle:"","aria-label":t.closeButtonProps.ariaLabel?t.closeButtonProps.ariaLabel:"Close"},on:{click:t.close},scopedSlots:t._u([{key:"icon",fn:function(){return[n("icon-close")]},proxy:!0}],null,!1,4267981299)},"dt-button",t.closeButtonProps,!1))],2)},nt=[],it=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("svg",{staticClass:"d-svg d-svg--system d-svg__close",attrs:{"aria-hidden":"true","aria-label":"Close",viewBox:"0 0 24 24"}},[n("path",{attrs:{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"}})])},at=[],st={},rt=u(st,it,at,!1,null,null,null),ot=rt.exports,lt=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("button",t._g({class:["base-button__button",t.buttonClasses],attrs:{"data-qa":"dt-button",type:t.type,"aria-live":t.computedAriaLive,"aria-label":t.loading?"loading":t.$attrs["aria-label"]}},t.buttonListeners),[t.$slots.icon&&!t.link?n("span",{class:["base-button__icon",t.iconClasses],attrs:{"data-qa":"dt-button-icon"}},[t._t("icon")],2):t._e(),n("span",{class:["base-button__label","d-btn__label"],attrs:{"data-qa":"dt-button-label"}},[t._t("default")],2)])},dt=[],ut=n("8bbf"),ct=n.n(ut);const pt={xs:"d-btn--xs",sm:"d-btn--sm",md:"",lg:"d-btn--lg",xl:"d-btn--xl"},ht={default:"",muted:"d-btn--muted",danger:"d-btn--danger",inverted:"d-btn--inverted"},ft={clear:"",primary:"d-btn--primary",outlined:"d-btn--outlined"},gt=["submit","reset","button"],mt={left:"d-btn__icon--left",right:"d-btn__icon--right"},vt=[{circle:!0,kind:"default",importance:"primary",message:bt(!0,"default","primary")},{circle:!0,kind:"danger",importance:"outlined",message:bt(!0,"danger","outlined")}];function bt(t,e,n){return`You cannot not have a ${t?"circle ":""}button with kind: ${e} and importance: ${n} as it does not exist in our design system. See https://dialpad.design/components/button for a list of available button styles`}const _t="danger",yt="warning",St="success",Ct="muted",xt="inverted",kt=["",_t,yt,St,Ct,xt],Et={default:"",warning:"d-link--warning",danger:"d-link--danger",success:"d-link--success",muted:"d-link--muted",inverted:"d-link--inverted"};var It={name:"DtButton",props:{circle:{type:Boolean,default:!1},iconPosition:{type:String,default:"left",validator:t=>Object.keys(mt).includes(t)},importance:{type:String,default:"primary",validator:t=>Object.keys(ft).includes(t)},link:{type:Boolean,default:!1},linkKind:{type:String,default:"default",validator:t=>Object.keys(Et).includes(t)},type:{type:String,default:"button",validator:t=>gt.includes(t)},size:{type:String,default:"md",validator:t=>Object.keys(pt).includes(t)},loading:{type:Boolean,default:!1},kind:{type:String,default:"default",validator:t=>Object.keys(ht).includes(t)},assertiveOnFocus:{type:Boolean,default:!1}},emits:["focusout","focusin"],data(){return{isInFocus:!1}},computed:{buttonListeners(){return this.assertiveOnFocus?{...this.$listeners,focusin:t=>{this.isInFocus=!0},focusout:t=>{this.isInFocus=!1}}:this.$listeners},computedAriaLive(){return this.assertiveOnFocus&&this.isInFocus?"assertive":this.$attrs.ariaLive},buttonClasses(){return this.link?["d-link",Et[this.linkKind],pt[this.size]]:["d-btn",ft[this.importance],ht[this.kind],pt[this.size],{"d-btn--circle":this.circle,"d-btn--loading":this.loading}]},iconClasses(){return["d-btn__icon",mt[this.iconPosition]]}},watch:{$props:{immediate:!0,handler(){}}},methods:{isInvalidPropCombination(t,e,n){for(const i of vt)if(t===i.circle&&e===i.kind&&n===i.importance)return console.error(i.message),!1;return!0}}},wt=It,$t=u(wt,lt,dt,!1,null,null,null),Ot=$t.exports,Dt={name:"DtNoticeAction",components:{IconClose:ot,DtButton:Ot},props:{closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1}},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;null===(t=this.lastFocusedElement)||void 0===t||t.focus()},methods:{close(){this.$emit("close")}}},Mt=Dt,At=u(Mt,et,nt,!1,null,null,null),Vt=At.exports;const Lt='not(:disabled):not([aria-disabled="true"]):not([tabindex="-1"])',Tt=`button:${Lt},\n [href]:${Lt},\n input:${Lt},\n select:${Lt},\n textarea:${Lt},\n details:${Lt},\n [tabindex]:not([tabindex="-1"])`;var Bt={methods:{async focusFirstElement(t){await this.$nextTick();const e=this._getFocusableElements(t),n=this._getFirstFocusElement(e);null===n||void 0===n||n.focus()},_getFirstFocusElement(t){if(!t.length)return;let e=t[0];return e.matches('[type="radio"]:not(:checked)')&&(e=t.find(t=>t.checked&&t.name===e.name)||e),e},_getFocusableElements(t=this.$el){const e=[...t.querySelectorAll(Tt)];return e.filter(t=>{const e=window.getComputedStyle(t);return"none"!==e.getPropertyValue("display")&&"hidden"!==e.getPropertyValue("visibility")})},focusTrappedTabPress(t,e){const n="Tab"===t.key;if(!n)return;const i=this._getFocusableElements(e);if(!i.length)return;const a=this._getFirstFocusElement(i),s=i[i.length-1];t.shiftKey?document.activeElement===a&&(s.focus(),t.preventDefault()):document.activeElement===s&&(a.focus(),t.preventDefault())}}};const Pt={ERROR:"error",WARNING:"warning",SUCCESS:"success"},Rt={LARGE:"lg",EXTRA_LARGE:"xl"},jt={xs:"",sm:"",md:"",lg:"d-description--lg",xl:"d-description--xl"},Nt={xs:"d-label--xs",sm:"d-label--sm",md:"",lg:"d-label--lg",xl:"d-label--xl"},Ft=Pt.ERROR,Gt="hs";let qt=0;function zt(t=Gt){return`${t}${qt++}`}function Ut(t){return t?t.map(t=>"string"===typeof t?{message:t,type:Ft}:t):[]}function Kt(t){const e=Qt(t);return t&&e?t.filter(t=>t.type===e):[]}function Qt(t){return t?Zt(t,Pt.ERROR)?Pt.ERROR:Zt(t,Pt.WARNING)?Pt.WARNING:Zt(t,Pt.SUCCESS)?Pt.SUCCESS:null:null}function Zt(t,e){return!(!t||!e)&&t.some(t=>(null===t||void 0===t?void 0:t.type)===e)}var Wt={getUniqueString:zt,formatMessages:Ut,filterFormattedMessages:Kt,hasFormattedMessageOfType:Zt,getValidationState:Qt},Xt={name:"DtBanner",components:{DtNoticeIcon:Z,DtNoticeContent:tt,DtNoticeAction:Vt},mixins:[Bt],props:{titleId:{type:String,default(){return Wt.getUniqueString()}},contentId:{type:String,default(){return Wt.getUniqueString()}},title:{type:String,default:""},important:{type:Boolean,default:!1},pinned:{type:Boolean,default:!1},kind:{type:String,default:"",validate(t){return G.includes(t)}},closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1}},computed:{role(){return this.important?"alertdialog":"status"},bannerClass(){return["d-banner",{["d-banner--"+this.kind]:this.kind.length>1,"d-banner--important":this.important,"d-banner--pinned":this.pinned}]}},mounted(){this.important&&this.focusFirstElement()},methods:{trapFocus(t){this.important&&this.focusTrappedTabPress(t)}}},Yt=Xt,Jt=u(Yt,h,f,!1,null,null,null),Ht=Jt.exports,te=function(){var t,e,n=this,i=n.$createElement,a=n._self._c||i;return a("div",{ref:"container",staticClass:"base-input",attrs:{"data-qa":"dt-input"}},[a("label",{staticClass:"base-input__label",attrs:{"aria-details":n.$slots.description||n.description?n.descriptionKey:void 0,"data-qa":"dt-input-label-wrapper"}},[n._t("labelSlot",[a("div",{class:["base-input__label-text","d-label",(t={},t["d-label--"+n.size]=!n.isDefaultSize&&n.isValidSize,t)],attrs:{"data-qa":"dt-input-label"}},[n._v(" "+n._s(n.label)+" ")])]),n.$slots.description||n.description?a("div",{class:["base-input__description","d-description",(e={},e["d-description--"+n.size]=!n.isDefaultSize&&n.isValidDescriptionSize,e)],attrs:{id:n.descriptionKey,"data-qa":"dt-input-description"}},[n._t("description",[n._v(n._s(n.description))])],2):n._e(),a("div",{staticClass:"d-ps-relative"},[n.$slots.leftIcon?a("span",{class:n.inputIconClasses("left"),attrs:{"data-qa":"dt-input-left-icon-wrapper"},on:{focusout:n.onBlur}},[n._t("leftIcon")],2):n._e(),n.$slots.rightIcon?a("span",{class:n.inputIconClasses("right"),attrs:{"data-qa":"dt-input-right-icon-wrapper"},on:{focusout:n.onBlur}},[n._t("rightIcon")],2):n._e(),n.isTextarea?a("textarea",n._g(n._b({ref:"input",class:n.inputClasses(),attrs:{name:n.name,disabled:n.disabled,"data-qa":"dt-input-input"},domProps:{value:n.value}},"textarea",n.$attrs,!1),n.inputListeners)):a("input",n._g(n._b({ref:"input",class:n.inputClasses(),attrs:{name:n.name,type:n.type,disabled:n.disabled,"data-qa":"dt-input-input"},domProps:{value:n.value}},"input",n.$attrs,!1),n.inputListeners))])],2),a("dt-validation-messages",n._b({class:n.messagesClass,attrs:{"validation-messages":n.formattedMessages,"show-messages":n.showMessages,"data-qa":"dt-input-messages"}},"dt-validation-messages",n.messagesChildProps,!1))],1)},ee=[];const ne={TEXT:"text",TEXTAREA:"textarea",PASSWORD:"password",EMAIL:"email",NUMBER:"number"},ie={EXTRA_SMALL:"xs",SMALL:"sm",DEFAULT:"md",LARGE:"lg",EXTRA_LARGE:"xl"};var ae=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.showMessages&&!t.isFilteredValidationMessagesEmpty?n("div",{staticClass:"base-input__messages d-d-flex d-fd-column",attrs:{"data-qa":"validation-messages-container"}},t._l(t.filteredValidationMessages,(function(e,i){var a=e.message,s=e.type;return n("div",{key:t.getMessageKey(s,i),class:["base-input__message","d-validation-message","base-input__message--"+s,"d-validation-message--"+s],attrs:{role:"status","aria-live":"polite","data-qa":"validation-message"}},[t._v(" "+t._s(a)+" ")])})),0):t._e()},se=[];function re(t){return!t||t.every(t=>"string"===typeof t||"object"===typeof t&&Object.values(Pt).includes(null===t||void 0===t?void 0:t.type))}var oe={name:"DtValidationMessages",props:{id:{type:String,default(){return zt()}},validationMessages:{type:Array,default:()=>[],validator:t=>re(t)},showMessages:{type:Boolean,default:!0}},computed:{isFilteredValidationMessagesEmpty(){return 0===this.filteredValidationMessages.length},filteredValidationMessages(){return Kt(this.validationMessages)},validationState(){return Qt(this.validationMessages)}},methods:{getMessageKey(t,e){return`validation-message-${t}-${e}-${this.id}`}}},le=oe,de=u(le,ae,se,!1,null,null,null),ue=de.exports;const ce={inheritAttrs:!1,props:{label:{type:String,default:""},name:{type:String,default:""},value:{type:[String,Number,Boolean,Object],default:null},description:{type:String,default:""},disabled:{type:Boolean,default:!1},validationState:{type:String,default:"",validator:t=>!t||Object.values(Pt).includes(t)},inputClass:{type:[String,Array,Object],default:""},labelClass:{type:[String,Array,Object],default:""},descriptionClass:{type:[String,Array,Object],default:""},labelChildProps:{type:Object,default:()=>({})},descriptionChildProps:{type:Object,default:()=>({})}},data(){return{internalDisabled:this.disabled,internalValidationState:this.validationState}},watch:{disabled(t){this.internalDisabled=t},validationState(t){this.internalValidationState=t}}},pe={model:{prop:"checked"},props:{checked:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:null}},data(){return{internalChecked:this.checked}},watch:{checked(t){this.internalChecked=t}}},he={inject:{groupContext:{default:{}},setGroupValue:{default:()=>()=>{}}},data(){return{internalValue:this.value}},computed:{hasGroup(){return Object.prototype.hasOwnProperty.call(this.groupContext,"name")},groupName(){var t,e;return null!==(t=null===(e=this.groupContext)||void 0===e?void 0:e.name)&&void 0!==t?t:""},groupValue(){var t;return null===(t=this.groupContext)||void 0===t?void 0:t.value},groupDisabled(){var t,e;return null!==(t=null===(e=this.groupContext)||void 0===e?void 0:e.disabled)&&void 0!==t&&t},groupValidationState(){var t,e;return null!==(t=null===(e=this.groupContext)||void 0===e?void 0:e.validationState)&&void 0!==t?t:null},internalName(){return this.name||this.groupName}},watch:{value(t){this.internalValue=t},groupValue:{immediate:!0,handler(t){this.hasGroup&&(this.internalValue=t)}},groupDisabled:{immediate:!0,handler(t){this.hasGroup&&(this.internalDisabled=this.disabled||t)}},groupValidationState:{immediate:!0,handler(t){this.hasGroup&&(this.internalValidationState=t||this.validationState)}}},created(){var t;const e=Object.prototype.hasOwnProperty.call(this.groupContext,"name"),n=null===(t=this.groupContext)||void 0===t?void 0:t.name;this.name&&e&&n!==this.name&&ct.a.util.warn(`Component is being used inside a Group. Did you mean to override the name prop value (${n}) with (${this.name})? It is recommended to only set name at the Group level.`,this)}},fe={props:{messagesClass:{type:[String,Array,Object],default:""},messagesChildProps:{type:Object,default:()=>({})},showMessages:{type:Boolean,default:!0},messages:{type:Array,default:()=>[],validator:t=>re(t)}},computed:{formattedMessages(){return Ut(this.messages)}}};var ge={name:"DtInput",components:{DtValidationMessages:ue},mixins:[fe],inheritAttrs:!1,props:{name:{type:String,default:""},type:{type:String,default:ne.TEXT,validator:t=>Object.values(ne).includes(t)},value:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},label:{type:String,default:""},description:{type:String,default:""},size:{type:String,default:ie.DEFAULT,validator:t=>Object.values(ie).includes(t)}},emits:["blur","input","clear"],computed:{isTextarea(){return this.type===ne.TEXTAREA},isDefaultSize(){return this.size===ie.DEFAULT},isValidSize(){return Object.values(ie).includes(this.size)},isValidDescriptionSize(){return Object.values(Rt).includes(this.size)},inputComponent(){return this.isTextarea?"textarea":"input"},inputListeners(){return{...this.$listeners,input:t=>this.$emit("input",t.target.value),blur:t=>this.onBlur(t)}},descriptionKey(){return"input-description-"+zt()},inputState(){return Qt(this.formattedMessages)},showInputState(){return this.showMessages&&this.inputState},sizeModifierClass(){return this.isDefaultSize||!this.isValidSize?"":`d-${this.inputComponent}--${this.size}`}},methods:{inputClasses(){return["base-input__input","d-"+this.inputComponent,{[`d-${this.inputComponent}--${this.inputState} base-input__input--${this.inputState}`]:this.showInputState},this.sizeModifierClass]},inputIconClasses(t){return["base-input__icon--"+t,"d-input-icon","d-input-icon--"+t,{["d-input-icon--"+this.size]:!this.isDefaultSize}]},onBlur(t){var e;null!==(e=this.$refs.container)&&void 0!==e&&e.contains(t.relatedTarget)||this.$emit("blur",t)},clear(){this.$emit("input",""),this.$emit("clear")},blur(){this.$refs.input.blur()},focus(){this.$refs.input.focus()},select(){this.$refs.input.select()},getMessageKey(t,e){return`message-${t}-${e}`}}},me=ge,ve=u(me,te,ee,!1,null,null,null),be=ve.exports,_e=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("fieldset",{attrs:{"data-qa":t.dataQaGroup}},[t.$slots.legend||t.legend?n("legend",t._b({class:["d-label",t.legendClass],attrs:{"data-qa":t.dataQaGroupLegend}},"legend",t.legendChildProps,!1),[t._t("legend",[t._v(" "+t._s(t.legend)+" ")])],2):t._e(),t._t("default"),n("dt-validation-messages",t._b({class:t.messagesClass,attrs:{"validation-messages":t.formattedMessages,"show-messages":t.showMessages,"data-qa":t.dataQaGroupMessages}},"dt-validation-messages",t.messagesChildProps,!1))],2)},ye=[];const Se={components:{DtValidationMessages:ue},provide(){return{groupContext:this.provideObj,setGroupValue:this.setGroupValue}},props:{id:{type:String,default(){return zt()}},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=>re(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=Ut(this.messages);return{provideObj:{name:this.name,disabled:this.disabled,validationState:Qt(t)}}},computed:{formattedMessages(){return Ut(this.messages)},validationState(){return Qt(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"]||ct.a.util.warn("It is expected that an aria-label is provided when there is no legend.",this)}};var Ce={name:"DtInputGroup",mixins:[Se],components:{DtValidationMessages:ue},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,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}`}}},xe=Ce,ke=u(xe,_e,ye,!1,null,null,null),Ee=ke.exports,Ie=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:t.modalClasses,attrs:{"data-qa":"dt-modal","aria-hidden":t.open},on:{click:function(e){return e.target!==e.currentTarget?null:t.close(e)},keydown:[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?null:t.close(e)},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"tab",9,e.key,"Tab")?null:t.trapFocus(e)}],transitionend:function(e){return e.target!==e.currentTarget?null:t.setFocusAfterTransition(e)}}},[n("div",{staticClass:"d-modal__dialog",attrs:{role:"dialog","aria-modal":"true","aria-describedby":t.describedById,"aria-labelledby":t.labelledById}},[t.$slots.header?n("div",{staticClass:"d-modal__header",attrs:{id:t.labelledById,"data-qa":"dt-modal-title"}},[t._t("header")],2):n("h2",{staticClass:"d-modal__header",attrs:{id:t.labelledById,"data-qa":"dt-modal-title"}},[t._v(" "+t._s(t.title)+" ")]),n("dt-button",t._b({staticClass:"d-modal__close",attrs:{circle:"",size:"lg",importance:"clear","aria-label":t.closeButtonProps.ariaLabel,kind:t.kind},on:{click:t.close},scopedSlots:t._u([{key:"icon",fn:function(){return[n("icon-close")]},proxy:!0}])},"dt-button",t.closeButtonProps,!1)),t.$slots.default?n("div",{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[t._t("default")],2):n("p",{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[t._v(" "+t._s(t.copy)+" ")]),t.hasFooterSlot?n("footer",{staticClass:"d-modal__footer"},[t._t("footer")],2):t._e()],1)])},we=[];const $e={default:"",danger:"danger"},Oe={default:"",full:"full"};var De={name:"DtModal",components:{DtButton:Ot,IconClose:ot},mixins:[Bt],props:{closeButtonProps:{type:Object,required:!0,validator:t=>!!t.ariaLabel},copy:{type:String,default:""},describedById:{type:String},labelledById:{type:String,default:function(){return zt()}},show:{type:Boolean,default:!1},title:{type:String,default:""},kind:{type:String,default:"",validator:t=>Object.values($e).includes(t)},size:{type:String,default:"",validator:t=>Object.values(Oe).includes(t)},modalClass:{type:[String,Object,Array],default:""}},computed:{open(){return""+!this.show},hasFooterSlot(){return!!this.$slots.footer},modalClasses(){return[{"d-modal":!0,["d-modal--"+this.kind]:this.kind,["d-modal--"+this.size]:this.size},this.modalClass]}},watch:{show:{immediate:!0,handler(t){var e;t?this.previousActiveElement=document.activeElement:(null===(e=this.previousActiveElement)||void 0===e||e.focus(),this.previousActiveElement=null)}}},methods:{close(){this.$emit("update:show",!1)},setFocusAfterTransition({propertyName:t}){this.show&&"transform"===t&&this.focusFirstElement()},trapFocus(t){this.show&&this.focusTrappedTabPress(t)}}},Me=De,Ae=u(Me,Ie,we,!1,null,null,null),Ve=Ae.exports,Le=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("transition",{attrs:{name:t.transition}},[n("div",t._g({directives:[{name:"show",rawName:"v-show",value:t.show,expression:"show"}]},t.$listeners),[t.initialized?t._t("default"):t._e()],2)])},Te=[],Be={name:"DtLazyShow",props:{show:Boolean,transition:{type:String,default:null}},data(){return{initialized:!!this.show}},watch:{show:function(t){t&&!this.initialized&&(this.initialized=!0)}}},Pe=Be,Re=u(Pe,Le,Te,!1,null,null,null),je=Re.exports,Ne=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:["dt-list-section","d-fs14","d-lh6","d-py6","d-border-color--ash-darker",{"d-border-bottom":t.separator}],attrs:{id:t.id,role:"group","aria-labelledby":t.id+"-list-section-header",tabindex:"-1"}},[t.header?n("h3",{staticClass:"d-pl16 d-mt6",attrs:{id:t.id+"-list-section-header"}},[t._v(" "+t._s(t.header)+" ")]):t._e(),!t.isCollapsible||t.showAll?n("ol",{attrs:{id:t.id+"-list-section-content"}},[t._t("default")],2):n("ol",{attrs:{id:t.id+"-list-section-content"}},[n("vnodes",{attrs:{vnodes:t.displayedItems}})],1),t.isCollapsible?n("dt-button",{staticClass:"d-ml16 d-py6",attrs:{id:t.id+"-list-section-show-more-less",link:""},on:{click:t.showMoreLessClicked}},[t._v(" "+t._s(t.showMoreLessText)+" ")]):t._e()],1)},Fe=[],Ge={name:"ListSection",components:{Vnodes:{name:"vnodes",functional:!0,render:(t,e)=>e.props.vnodes},DtButton:Ot},props:{id:{type:String,default(){return Wt.getUniqueString()}},header:{type:String,default:null},separator:{type:Boolean,default:!1},maxDisplayed:{type:Number,default:0},textMore:{type:String,default:"Show more"},textLess:{type:String,default:"Show less"}},data(){return{showAll:!1}},computed:{isCollapsible(){return!(0===this.maxDisplayed||this.itemCount<=this.maxDisplayed)},showMoreLessText(){return this.showAll?this.textLess:this.textMore},hiddenCount(){return this.itemCount-this.displayedItems.length},itemCount(){return this.$slots.default.length},displayedItems(){return this.$slots.default.filter((t,e)=>e<=this.maxDisplayed-1)}},methods:{showMoreLessClicked(){this.showAll=!this.showAll}}},qe=Ge,ze=(n("fc89"),u(qe,Ne,Fe,!1,null,null,null)),Ue=ze.exports,Ke=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("li",{class:["dt-list-item","d-fs14","d-lh6","d-py6","d-px16","d-d-flex","d-ai-center",{"dt-list-item-clickable":t.clickable,"d-jc-space-between":this.$slots.iconRight}],attrs:{id:t.id,tabindex:t.clickable?0:-1},on:{keydown:[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.clicked(e)},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?null:t.clicked(e)}],click:t.clicked}},[t._t("iconLeft"),t._t("default"),t._t("iconRight")],2)},Qe=[],Ze={name:"ListItem",props:{id:{type:String,default(){return Wt.getUniqueString()}},role:{type:String,default:"listitem"},clickable:{type:Boolean,default:!0}},emits:["click"],methods:{clicked(){this.$emit("click")}}},We=Ze,Xe=(n("51f5"),u(We,Ke,Qe,!1,null,null,null)),Ye=Xe.exports,Je=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("a",{class:["d-link",t.LINK_KIND_MODIFIERS[t.kind]],attrs:{"data-qa":"dt-link"}},[t._t("default")],2)},He=[],tn={name:"DtLink",props:{kind:{type:String,default:"",validator(t){return kt.includes(t)}}},data(){return{LINK_KIND_MODIFIERS:Et}}},en=tn,nn=u(en,Je,He,!1,null,null,null),an=nn.exports,sn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("aside",t._g({class:t.noticeClass,attrs:{"data-qa":"notice"}},t.$listeners),[n("dt-notice-icon",t._g({attrs:{kind:t.kind}},t.$listeners),[t._t("icon")],2),n("dt-notice-content",t._g({attrs:{"title-id":t.titleId,"content-id":t.contentId,title:t.title,role:t.role},scopedSlots:t._u([{key:"titleOverride",fn:function(){return[t._t("titleOverride")]},proxy:!0}],null,!0)},t.$listeners),[t._t("default")],2),n("dt-notice-action",t._g({attrs:{"hide-close":t.hideClose,"close-button-props":t.closeButtonProps}},t.$listeners),[t._t("action")],2)],1)},rn=[],on={name:"DtNotice",components:{DtNoticeIcon:Z,DtNoticeContent:tt,DtNoticeAction:Vt},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 q.includes(t)}},important:{type:Boolean,default:!1},kind:{type:String,default:"base",validate(t){return G.includes(t)}},closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1}},computed:{noticeClass(){return["d-notice","d-notice--"+this.kind,{"d-notice--important":this.important}]}}},ln=on,dn=u(ln,sn,rn,!1,null,null,null),un=dn.exports,cn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n(t.elementType,{directives:[{name:"click-outside",rawName:"v-click-outside",value:function(){return t.close("click-outside")},expression:"() => close('click-outside')"}],tag:"component",staticClass:"d-p-relative dt-popover"},[n("div",{ref:"anchor",attrs:{id:!t.ariaLabelledby&&t.labelledBy}},[t._t("anchor",null,{attrs:{"aria-expanded":t.open.toString(),"aria-controls":t.id,"aria-haspopup":t.role}})],2),n("dt-lazy-show",t._g({ref:"container",class:["d-border","d-border-color--ash-dark","d-border-radius--sm","d-bgc-white d-box-shadow--md","d-mt4","d-ps-absolute","d-z-index--popover","dt-popover__content","dt-popover__content--align-"+t.alignment,"dt-popover__content--valign-"+t.verticalAlignment,"dt-popover__content--pad-"+t.padding,t.contentClass],attrs:{id:t.id,role:t.role,"aria-hidden":!t.open,"aria-labelledby":t.labelledBy,"aria-label":t.ariaLabel,"aria-modal":t.isDialog,transition:t.transition,show:t.open,tabindex:"-1"}},t.dialogListeners),[t._t("content"),t.hasCaret?n("div",{staticClass:"d-bgc-white d-mtn4 d-border-top d-border-left d-border-color--ash-dark dt-popover__caret"}):t._e()],2)],1)},pn=[];const hn=["none","small","medium","large"],fn=["left","right"],gn=["top","bottom"],mn=["dialog","menu","listbox","tree","grid"];var vn=n("c28b"),bn=n.n(vn),_n={name:"DtPopover",components:{DtLazyShow:je},directives:{clickOutside:bn.a.directive},mixins:[Bt],props:{elementType:{type:String,default:"div"},contentClass:{type:String,default:""},open:{type:Boolean,required:!0},padding:{type:String,default:"large",validator:t=>hn.includes(t)},hasCaret:{type:Boolean,default:!0},transition:{type:String,default:"fade"},fixedAlignment:{type:String,default:null,validator:t=>fn.includes(t)},fixedVerticalAlignment:{type:String,default:null,validator:t=>gn.includes(t)},id:{type:String,default(){return Wt.getUniqueString("DtPopover__content")}},role:{type:String,default:"dialog",validator:t=>mn.includes(t)},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null},focusAnchorOnClose:{type:Boolean,default:!0}},emits:["update:open"],data(){return{autoAlignment:"left",autoVerticalAlignment:"bottom"}},computed:{alignment(){return this.fixedAlignment||this.autoAlignment},verticalAlignment(){return this.fixedVerticalAlignment||this.autoVerticalAlignment},labelledBy(){return this.ariaLabelledby||!this.ariaLabel&&Wt.getUniqueString("DtPopover__anchor")},isDialog(){return"dialog"===this.role},dialogListeners(t){return this.isDialog?{keydown:t=>{"Tab"===t.key&&this.trapFocus(t),"Escape"===t.key&&this.close("esc")}}:null}},watch:{open(t,e){this.manageFocusOnOpenClose(),this.closedByClickOutside=!1,!t||this.fixedAlignment&&this.fixedVerticalAlignment||this.updateAlignment()}},methods:{manageFocusOnOpenClose(){if(this.isDialog)return this.open?this.focusFirstElement(this.$refs.container.$el):void(this.focusAnchorOnClose&&!this.closedByClickOutside&&this.focusFirstElement(this.$refs.anchor))},trapFocus(t){this.focusTrappedTabPress(t,this.$refs.container.$el)},close(t){"click-outside"===t&&(this.closedByClickOutside=!0),this.$emit("update:open",!1)},async updateAlignment(){this.autoAlignment="left",this.autoVerticalAlignment="bottom",await this.$nextTick();const t=this.$refs.container.$el.getBoundingClientRect(),e=this.$root.$el.getBoundingClientRect();if(t.right>e.right){const t=this.$root.$el.scrollWidth,n=this.$refs.anchor.getBoundingClientRect(),i=n.left-e.left,a=e.left+t-n.right;this.autoAlignment=a<i?"right":"left"}if(t.bottom>e.bottom){const t=this.$root.$el.scrollHeight,n=this.$refs.anchor.getBoundingClientRect(),i=n.top-e.top,a=e.top+t-n.bottom;this.autoVerticalAlignment=i<a?"bottom":"top"}}}},yn=_n,Sn=(n("e0bf"),u(yn,cn,pn,!1,null,null,null)),Cn=Sn.exports,xn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("label",[n("div",{class:["d-radio-group",{"d-radio-group--disabled":t.internalDisabled}]},[n("div",{staticClass:"d-radio__input"},[n("input",t._g(t._b({class:["d-radio",t.inputValidationClass,t.inputClass],attrs:{name:t.internalName,disabled:t.internalDisabled,type:"radio"},domProps:{checked:t.internalChecked,value:t.value}},"input",t.$attrs,!1),t.inputListeners))]),n("div",{staticClass:"d-radio__copy d-radio__label",attrs:{"data-qa":"radio-label-description-container"}},[n("div",t._b({class:t.labelClass,attrs:{"data-qa":"radio-label"}},"div",t.labelChildProps,!1),[t._t("default",[t._v(t._s(t.label))])],2),t.$slots.description||t.description?n("div",t._b({class:["d-radio__description",t.descriptionValidationClass,t.descriptionClass],attrs:{"data-qa":"radio-description"}},"div",t.descriptionChildProps,!1),[t._t("description",[t._v(t._s(t.description))])],2):t._e(),n("dt-validation-messages",t._b({class:t.messagesClass,attrs:{"validation-messages":t.formattedMessages,"show-messages":t.showMessages,"data-qa":"dt-radio-validation-messages"}},"dt-validation-messages",t.messagesChildProps,!1))],1)])])},kn=[];const En={warning:"d-radio--warning",error:"d-radio--error",success:"d-radio--success"},In={warning:"d-radio__description--warning",error:"d-radio__description--error",success:"d-radio__description--success"};var wn,$n,On={name:"DtRadio",components:{DtValidationMessages:ue},mixins:[ce,pe,he,fe],inheritAttrs:!1,props:{value:{type:[String,Number],default:""}},computed:{inputValidationClass(){return En[this.internalValidationState]},descriptionValidationClass(){return In[this.internalValidationState]},radioGroupValue(){var t;return null===(t=this.groupContext)||void 0===t?void 0:t.selectedValue},inputListeners(){return{...this.$listeners,input:()=>{},change:t=>this.emitValue(t.target.value)}}},watch:{radioGroupValue:{immediate:!0,handler(t){this.hasGroup&&(this.internalChecked=t===this.value)}}},methods:{emitValue(t){t!==this.radioGroupValue&&(this.setGroupValue(t),this.$emit("input",t))}}},Dn=On,Mn=u(Dn,xn,kn,!1,null,null,null),An=Mn.exports,Vn={name:"DtRadioGroup",extends:Ee,props:{value:{type:[String,Number],default:""},dataQaGroup:{type:String,default:"radio-group"},dataQaGroupLegend:{type:String,default:"radio-group-legend"},dataQaGroupMessages:{type:String,default:"radio-group-messages"}},data(){return{provideObj:{selectedValue:this.value}}},watch:{value(t){this.provideObj.selectedValue=t}},methods:{setGroupValue(t){this.$emit("input",t)},getMessageKey(t,e){return`radio-group-message-${t}-${e}-${this.id}`}}},Ln=Vn,Tn=u(Ln,wn,$n,!1,null,null,null),Bn=Tn.exports,Pn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("label",[n("div",{class:["d-checkbox-group",{"d-checkbox-group--disabled":t.internalDisabled}]},[n("div",{staticClass:"d-checkbox__input"},[n("input",t._g(t._b({class:["d-checkbox",t.inputValidationClass,t.inputClass],attrs:{type:"checkbox",name:t.internalName,disabled:t.internalDisabled},domProps:{checked:t.internalChecked,value:t.value}},"input",t.$attrs,!1),t.inputListeners))]),n("div",{staticClass:"d-checkbox__copy d-checkbox__label",attrs:{"data-qa":"checkbox-label-description-container"}},[n("div",t._b({class:t.labelClass,attrs:{"data-qa":"checkbox-label"}},"div",t.labelChildProps,!1),[t._t("default",[t._v(t._s(t.label))])],2),t.$slots.description||t.description?n("div",t._b({class:["d-checkbox__description",t.descriptionValidationClass,t.descriptionClass],attrs:{"data-qa":"checkbox-description"}},"div",t.descriptionChildProps,!1),[t._t("description",[t._v(t._s(t.description))])],2):t._e(),n("dt-validation-messages",t._b({class:t.messagesClass,attrs:{"validation-messages":t.formattedMessages,"show-messages":t.showMessages,"data-qa":"dt-checkbox-validation-messages"}},"dt-validation-messages",t.messagesChildProps,!1))],1)])])},Rn=[];const jn={error:"d-checkbox--error",warning:"d-checkbox--warning",success:"d-checkbox--success"},Nn={error:"d-checkbox__description--error",warning:"d-checkbox__description--warning",success:"d-checkbox__description--success"};var Fn,Gn,qn={name:"DtCheckbox",components:{DtValidationMessages:ue},mixins:[ce,pe,he,fe],inheritAttrs:!1,computed:{inputValidationClass(){return jn[this.internalValidationState]},descriptionValidationClass(){return Nn[this.internalValidationState]},checkboxGroupValueChecked(){var t,e,n;return null!==(t=null===(e=this.groupContext)||void 0===e||null===(n=e.selectedValues)||void 0===n?void 0:n.includes(this.value))&&void 0!==t&&t},inputListeners(){return{...this.$listeners,input:()=>{},change:t=>this.emitValue(t.target.value,t.target.checked)}}},watch:{checkboxGroupValueChecked:{immediate:!0,handler(t){this.hasGroup&&(this.internalChecked=t)}}},methods:{emitValue(t,e){this.setGroupValue(t,e),this.$emit("input",e)}}},zn=qn,Un=u(zn,Pn,Rn,!1,null,null,null),Kn=Un.exports,Qn={name:"DtCheckboxGroup",extends:Ee,model:{prop:"selectedValues"},props:{value:{type:[],default:null,validator:t=>!t||(ct.a.util.warn("Component uses selectedValues to initialize the model, value is not supported by this component",void 0),!1)},selectedValues:{type:Array,default(){return[]}},dataQaGroup:{type:String,default:"checkbox-group"},dataQaGroupLegend:{type:String,default:"checkbox-group-legend"},dataQaGroupMessages:{type:String,default:"checkbox-group-messages"}},data(){return{internalValue:this.selectedValues,provideObj:{selectedValues:this.selectedValues}}},watch:{selectedValues(t){this.internalValue=t},internalValue(t){this.provideObj.selectedValues=t}},methods:{setGroupValue(t,e){e?this.internalValue.includes(t)||this.internalValue.push(t):this.internalValue=this.internalValue.filter(e=>e!==t),this.$emit("input",this.internalValue)},getMessageKey(t,e){return`checkbox-group-message-${t}-${e}-${this.id}`}}},Zn=Qn,Wn=u(Zn,Fn,Gn,!1,null,null,null),Xn=Wn.exports,Yn=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("label",[n("div",t._b({class:["d-label",t.LABEL_SIZE_MODIFIERS[t.size],t.labelClass],attrs:{"aria-details":t.labelAriaDetails,"data-qa":"dt-select-label"}},"div",t.labelChildProps,!1),[t._t("label",[t._v(t._s(t.label))])],2),t.$slots.description||t.description?n("div",t._b({class:["d-description",t.DESCRIPTION_SIZE_MODIFIERS[t.size],t.descriptionClass],attrs:{id:t.descriptionKey,"data-qa":"dt-select-description"}},"div",t.descriptionChildProps,!1),[t._t("description",[t._v(t._s(t.description))])],2):t._e(),n("div",{class:["d-select",t.SELECT_SIZE_MODIFIERS[t.size],t.selectClass],attrs:{"data-qa":"dt-select-wrapper"}},[n("select",t._g(t._b({class:["d-select__input",t.SELECT_STATE_MODIFIERS[t.state]],attrs:{"data-qa":"dt-select"}},"select",t.$attrs,!1),t.selectListeners),[t._t("default",t._l(t.options,(function(e){return n("option",t._b({key:t.getOptionKey(e.value),class:t.optionClass,domProps:{value:e.value}},"option",t.optionChildProps,!1),[t._v(" "+t._s(e.label)+" ")])})))],2)])]),n("dt-validation-messages",t._b({class:t.messagesClass,attrs:{"validation-messages":t.formattedMessages,"show-messages":t.showMessages,"data-qa":"dt-select-messages"}},"dt-validation-messages",t.messagesChildProps,!1))],1)},Jn=[];const Hn={xs:"d-select--xs",sm:"d-select--sm",md:"",lg:"d-select--lg",xl:"d-select--xl"},ti={error:"d-select__input--error",warning:"d-select__input--warning",success:"d-select__input--success"};const ei=t=>!t.index||"number"===typeof t.index,ni=t=>!!t.value&&("string"===typeof t.value||"number"===typeof t.value),ii=t=>!!t.label&&"string"===typeof t.label,ai=t=>!t||t.every(t=>!!ei(t)&&(!!ni(t)&&!!ii(t)));var si={name:"DtSelectMenu",components:{DtValidationMessages:ue},mixins:[fe],inheritAttrs:!1,props:{label:{type:String,default:""},description:{type:String,default:""},options:{type:Array,default:()=>[],validator:t=>ai(t)},size:{type:String,default:"md",validator:t=>Object.keys(Hn).includes(t)},labelClass:{type:[String,Array,Object],default:""},descriptionClass:{type:[String,Array,Object],default:""},selectClass:{type:[String,Array,Object],default:""},optionClass:{type:[String,Array,Object],default:""},labelChildProps:{type:Object,default:()=>({})},descriptionChildProps:{type:Object,default:()=>({})},optionChildProps:{type:Object,default:()=>({})}},data(){return{LABEL_SIZE_MODIFIERS:Nt,DESCRIPTION_SIZE_MODIFIERS:jt,SELECT_SIZE_MODIFIERS:Hn,SELECT_STATE_MODIFIERS:ti}},computed:{selectListeners(){return{...this.$listeners,input:()=>{},change:t=>this.emitValue(t.target.value)}},state(){return Qt(this.formattedMessages)},selectKey(){return zt()},descriptionKey(){return`select-${this.selectKey}-description`},labelAriaDetails(){return this.$slots.description||this.description?this.descriptionKey:this.$attrs["aria-details"]}},methods:{emitValue(t){this.$emit("input",t),this.$emit("change",t)},getOptionKey(t){return`select-${this.selectKey}-option-${t}`},validateOptionsPresence(){var t;(null===(t=this.options)||void 0===t?void 0:t.length)<1&&!this.$slots.default&&ct.a.util.warn("Options are expected to be provided via prop or slot",this)}},mounted(){this.validateOptionsPresence()},beforeUpdate(){this.validateOptionsPresence()}},ri=si,oi=u(ri,Yn,Jn,!1,null,null,null),li=oi.exports},fc89:function(t,e,n){"use strict";n("816f")}})}));
|
|
1
|
+
(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e(require("vue")):"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["dialtone-vue"]=e(require("vue")):t["dialtone-vue"]=e(t["Vue"])})("undefined"!==typeof self?self:this,(function(t){return function(t){var e={};function i(n){if(e[n])return e[n].exports;var a=e[n]={i:n,l:!1,exports:{}};return t[n].call(a.exports,a,a.exports,i),a.l=!0,a.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var a in t)i.d(n,a,function(e){return t[e]}.bind(null,a));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s="fae3")}({"24fb":function(t,e,i){"use strict";function n(t,e){var i=t[1]||"",n=t[3];if(!n)return i;if(e&&"function"===typeof btoa){var s=a(n),r=n.sources.map((function(t){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(t," */")}));return[i].concat(r).concat([s]).join("\n")}return[i].join("\n")}function a(t){var e=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(e);return"/*# ".concat(i," */")}t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var i=n(e,t);return e[2]?"@media ".concat(e[2]," {").concat(i,"}"):i})).join("")},e.i=function(t,i,n){"string"===typeof t&&(t=[[null,t,""]]);var a={};if(n)for(var s=0;s<this.length;s++){var r=this[s][0];null!=r&&(a[r]=!0)}for(var o=0;o<t.length;o++){var l=[].concat(t[o]);n&&a[l[0]]||(i&&(l[2]?l[2]="".concat(i," and ").concat(l[2]):l[2]=i),e.push(l))}},e}},"36ff":function(t,e,i){var n=i("24fb");e=n(!1),e.push([t.i,".dt-popover__content--align-right{right:0}.dt-popover__content--align-right .dt-popover__caret{right:2.4rem}.dt-popover__content--valign-top{bottom:100%;margin-top:0;margin-bottom:.4rem}.dt-popover__content--valign-top .dt-popover__caret{top:auto;bottom:-.4rem;transform:rotate(225deg)}.dt-popover__content--pad-none{padding:0}.dt-popover__content--pad-small{padding:.8rem}.dt-popover__content--pad-medium{padding:1.6rem}.dt-popover__content--pad-large{padding:2.4rem}.dt-popover__caret{top:0;height:.6rem;width:.6rem;transform:rotate(45deg);position:absolute}",""]),t.exports=e},"3f68":function(t,e,i){var n=i("24fb");e=n(!1),e.push([t.i,'.dt-list-item[tabindex="-1"]:focus{outline:none}.dt-list-item-clickable:focus,.dt-list-item-clickable:hover{background-color:hsla(var(--primary-color--h),var(--primary-color--s),var(--primary-color--l),.1);cursor:pointer}',""]),t.exports=e},"499e":function(t,e,i){"use strict";function n(t,e){for(var i=[],n={},a=0;a<e.length;a++){var s=e[a],r=s[0],o=s[1],l=s[2],d=s[3],u={id:t+":"+a,css:o,media:l,sourceMap:d};n[r]?n[r].parts.push(u):i.push(n[r]={id:r,parts:[u]})}return i}i.r(e),i.d(e,"default",(function(){return f}));var a="undefined"!==typeof document;if("undefined"!==typeof DEBUG&&DEBUG&&!a)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var s={},r=a&&(document.head||document.getElementsByTagName("head")[0]),o=null,l=0,d=!1,u=function(){},c=null,p="data-vue-ssr-id",h="undefined"!==typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function f(t,e,i,a){d=i,c=a||{};var r=n(t,e);return m(r),function(e){for(var i=[],a=0;a<r.length;a++){var o=r[a],l=s[o.id];l.refs--,i.push(l)}e?(r=n(t,e),m(r)):r=[];for(a=0;a<i.length;a++){l=i[a];if(0===l.refs){for(var d=0;d<l.parts.length;d++)l.parts[d]();delete s[l.id]}}}}function m(t){for(var e=0;e<t.length;e++){var i=t[e],n=s[i.id];if(n){n.refs++;for(var a=0;a<n.parts.length;a++)n.parts[a](i.parts[a]);for(;a<i.parts.length;a++)n.parts.push(v(i.parts[a]));n.parts.length>i.parts.length&&(n.parts.length=i.parts.length)}else{var r=[];for(a=0;a<i.parts.length;a++)r.push(v(i.parts[a]));s[i.id]={id:i.id,refs:1,parts:r}}}}function g(){var t=document.createElement("style");return t.type="text/css",r.appendChild(t),t}function v(t){var e,i,n=document.querySelector("style["+p+'~="'+t.id+'"]');if(n){if(d)return u;n.parentNode.removeChild(n)}if(h){var a=l++;n=o||(o=g()),e=_.bind(null,n,a,!1),i=_.bind(null,n,a,!0)}else n=g(),e=y.bind(null,n),i=function(){n.parentNode.removeChild(n)};return e(t),function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap)return;e(t=n)}else i()}}var b=function(){var t=[];return function(e,i){return t[e]=i,t.filter(Boolean).join("\n")}}();function _(t,e,i,n){var a=i?"":n.css;if(t.styleSheet)t.styleSheet.cssText=b(e,a);else{var s=document.createTextNode(a),r=t.childNodes;r[e]&&t.removeChild(r[e]),r.length?t.insertBefore(s,r[e]):t.appendChild(s)}}function y(t,e){var i=e.css,n=e.media,a=e.sourceMap;if(n&&t.setAttribute("media",n),c.ssrId&&t.setAttribute(p,e.id),a&&(i+="\n/*# sourceURL="+a.sources[0]+" */",i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),t.styleSheet)t.styleSheet.cssText=i;else{while(t.firstChild)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(i))}}},"51f5":function(t,e,i){"use strict";i("945e")},5420:function(t,e,i){var n=i("24fb");e=n(!1),e.push([t.i,'.dt-list-section[tabindex="-1"]:focus{outline:none}',""]),t.exports=e},"816f":function(t,e,i){var n=i("5420");n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var a=i("499e").default;a("27ac9170",n,!0,{sourceMap:!1,shadowMode:!1})},"88f8":function(t,e,i){var n=i("36ff");n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var a=i("499e").default;a("47702653",n,!0,{sourceMap:!1,shadowMode:!1})},"8bbf":function(e,i){e.exports=t},"945e":function(t,e,i){var n=i("3f68");n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var a=i("499e").default;a("572d8ba2",n,!0,{sourceMap:!1,shadowMode:!1})},c28b:function(t,e,i){!function(e,i){t.exports=i()}(0,(function(){var t="undefined"!=typeof window,e="undefined"!=typeof navigator,i=t&&("ontouchstart"in window||e&&navigator.msMaxTouchPoints>0)?["touchstart"]:["click"];function n(t){var e=t.event,i=t.handler;(0,t.middleware)(e)&&i(e)}function a(t,e){var a=function(t){var e="function"==typeof t;if(!e&&"object"!=typeof t)throw new Error("v-click-outside: Binding value must be a function or an object");return{handler:e?t:t.handler,middleware:t.middleware||function(t){return t},events:t.events||i,isActive:!(!1===t.isActive),detectIframe:!(!1===t.detectIframe)}}(e.value),s=a.handler,r=a.middleware,o=a.detectIframe;if(a.isActive){if(t["__v-click-outside"]=a.events.map((function(e){return{event:e,srcTarget:document.documentElement,handler:function(e){return function(t){var e=t.el,i=t.event,a=t.handler,s=t.middleware,r=i.path||i.composedPath&&i.composedPath();(r?r.indexOf(e)<0:!e.contains(i.target))&&n({event:i,handler:a,middleware:s})}({el:t,event:e,handler:s,middleware:r})}}})),o){var l={event:"blur",srcTarget:window,handler:function(e){return function(t){var e=t.el,i=t.event,a=t.handler,s=t.middleware;setTimeout((function(){var t=document.activeElement;t&&"IFRAME"===t.tagName&&!e.contains(t)&&n({event:i,handler:a,middleware:s})}),0)}({el:t,event:e,handler:s,middleware:r})}};t["__v-click-outside"]=[].concat(t["__v-click-outside"],[l])}t["__v-click-outside"].forEach((function(e){var i=e.event,n=e.srcTarget,a=e.handler;return setTimeout((function(){t["__v-click-outside"]&&n.addEventListener(i,a,!1)}),0)}))}}function s(t){(t["__v-click-outside"]||[]).forEach((function(t){return t.srcTarget.removeEventListener(t.event,t.handler,!1)})),delete t["__v-click-outside"]}var r=t?{bind:a,update:function(t,e){var i=e.value,n=e.oldValue;JSON.stringify(i)!==JSON.stringify(n)&&(s(t),a(t,{value:i}))},unbind:s}:{};return{install:function(t){t.directive("click-outside",r)},directive:r}}))},e0bf:function(t,e,i){"use strict";i("88f8")},fae3:function(t,e,i){"use strict";if(i.r(e),i.d(e,"DtAvatar",(function(){return T})),i.d(e,"AVATAR_SIZE_MODIFIERS",(function(){return u})),i.d(e,"AVATAR_KIND_MODIFIERS",(function(){return d})),i.d(e,"AVATAR_COLOR_MODIFIERS",(function(){return c})),i.d(e,"DtBadge",(function(){return j})),i.d(e,"BADGE_COLOR_MODIFIERS",(function(){return B})),i.d(e,"DtBanner",(function(){return he})),i.d(e,"DtBreadcrumbs",(function(){return Re})),i.d(e,"DtBreadcrumbItem",(function(){return we})),i.d(e,"BREADCRUMB_ITEM_SELECTED_MODIFIER",(function(){return ge})),i.d(e,"BREADCRUMBS_INVERTED_MODIFIER",(function(){return ve})),i.d(e,"DtButton",(function(){return ie})),i.d(e,"DtInput",(function(){return Ye})),i.d(e,"INPUT_TYPES",(function(){return Le})),i.d(e,"INPUT_SIZES",(function(){return Be})),i.d(e,"DtInputGroup",(function(){return si})),i.d(e,"DtModal",(function(){return hi})),i.d(e,"MODAL_KIND_MODIFIERS",(function(){return li})),i.d(e,"MODAL_SIZE_MODIFIERS",(function(){return di})),i.d(e,"DtLazyShow",(function(){return _i})),i.d(e,"DtListSection",(function(){return ki})),i.d(e,"DtListItem",(function(){return Ai})),i.d(e,"DtLink",(function(){return ke})),i.d(e,"LINK_VARIANTS",(function(){return Xt})),i.d(e,"LINK_KIND_MODIFIERS",(function(){return Yt})),i.d(e,"DtNotice",(function(){return Bi})),i.d(e,"NOTICE_KINDS",(function(){return vt})),i.d(e,"DtPopover",(function(){return Qi})),i.d(e,"POPOVER_PADDING_CLASSES",(function(){return Ni})),i.d(e,"POPOVER_HORIZONTAL_ALIGNMENT",(function(){return ji})),i.d(e,"POPOVER_VERTICAL_ALIGNMENT",(function(){return qi})),i.d(e,"POPOVER_ROLES",(function(){return Gi})),i.d(e,"DtRadio",(function(){return rn})),i.d(e,"DtRadioGroup",(function(){return un})),i.d(e,"DtValidationMessages",(function(){return ze})),i.d(e,"DtCheckbox",(function(){return yn})),i.d(e,"DtCheckboxGroup",(function(){return En})),i.d(e,"DtSelectMenu",(function(){return Ln})),i.d(e,"SELECT_SIZE_MODIFIERS",(function(){return xn})),i.d(e,"SELECT_STATE_MODIFIERS",(function(){return Dn})),i.d(e,"DtTooltip",(function(){return zn})),i.d(e,"TOOLTIP_DIRECTION_MODIFIERS",(function(){return Pn})),i.d(e,"TOOLTIP_KIND_MODIFIERS",(function(){return Nn})),i.d(e,"DtInputMixin",(function(){return Ke})),i.d(e,"DtCheckableInputMixin",(function(){return Ue})),i.d(e,"DtGroupableInputMixin",(function(){return He})),i.d(e,"DtInputGroupMixin",(function(){return ei})),i.d(e,"VALIDATION_MESSAGE_TYPES",(function(){return p})),i.d(e,"DESCRIPTION_SIZE_TYPES",(function(){return h})),i.d(e,"DEFAULT_VALIDATION_MESSAGE_TYPE",(function(){return g})),i.d(e,"validationMessageValidator",(function(){return Ne})),i.d(e,"getUniqueString",(function(){return I})),i.d(e,"formatMessages",(function(){return E})),i.d(e,"filterFormattedMessages",(function(){return k})),i.d(e,"getValidationState",(function(){return O})),"undefined"!==typeof window){var n=window.document.currentScript,a=n&&n.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);a&&(i.p=a[1])}var s=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{class:["d-avatar",t.AVATAR_KIND_MODIFIERS[t.kind],t.AVATAR_SIZE_MODIFIERS[t.size],t.AVATAR_COLOR_MODIFIERS[t.color],t.avatarClass],attrs:{id:t.id,"data-qa":"dt-avatar"}},[t._t("default",[i("img",t._b({attrs:{"data-qa":"dt-avatar-image",alt:t.$attrs.alt}},"img",t.$attrs,!1))])],2)},r=[],o=i("8bbf"),l=i.n(o);const d={default:"",icon:"d-avatar--icon",initials:"d-avatar--initials"},u={sm:"d-avatar--sm",md:"d-avatar--md",lg:"d-avatar--lg"},c={base:"","orange-200":"d-avatar--orange-200","orange-300":"d-avatar--orange-300","orange-400":"d-avatar--orange-400","orange-500":"d-avatar--orange-500","pink-300":"d-avatar--pink-300","pink-400":"d-avatar--pink-400","pink-500":"d-avatar--pink-500","pink-600":"d-avatar--pink-600","purple-200":"d-avatar--purple-200","purple-300":"d-avatar--purple-300","purple-500":"d-avatar--purple-500","purple-600":"d-avatar--purple-600","yellow-200":"d-avatar--yellow-200","yellow-300":"d-avatar--yellow-300","yellow-400":"d-avatar--yellow-400","yellow-500":"d-avatar--yellow-500"};const p={ERROR:"error",WARNING:"warning",SUCCESS:"success"},h={LARGE:"lg",EXTRA_LARGE:"xl"},f={xs:"",sm:"",md:"",lg:"d-description--lg",xl:"d-description--xl"},m={xs:"d-label--xs",sm:"d-label--sm",md:"",lg:"d-label--lg",xl:"d-label--xl"},g=p.ERROR,v="hs";let b=0;const _="input:not([type=hidden]):not(:disabled)",y="select:not(:disabled),textarea:not(:disabled),button:not(:disabled)",S=`${_},${y}`,C=`a,frame,iframe,${S},*[tabindex]`;function I(t=v){return`${t}${b++}`}function E(t){return t?t.map(t=>"string"===typeof t?{message:t,type:g}:t):[]}function k(t){const e=O(t);return t&&e?t.filter(t=>t.type===e):[]}function O(t){return t?x(t,p.ERROR)?p.ERROR:x(t,p.WARNING)?p.WARNING:x(t,p.SUCCESS)?p.SUCCESS:null:null}function x(t,e){return!(!t||!e)&&t.some(t=>(null===t||void 0===t?void 0:t.type)===e)}function D(t){return null===t||void 0===t?void 0:t.querySelector(C)}var w={getUniqueString:I,formatMessages:E,filterFormattedMessages:k,hasFormattedMessageOfType:x,getValidationState:O},$={name:"DtAvatar",inheritAttrs:!1,props:{id:{type:String,default(){return I()}},kind:{type:String,default:"default",validator:t=>Object.keys(d).includes(t)},size:{type:String,default:"md",validator:t=>Object.keys(u).includes(t)},color:{type:String,default:"base",validator:t=>Object.keys(c).includes(t)},avatarClass:{type:[String,Array,Object],default:""}},data(){return{AVATAR_SIZE_MODIFIERS:u,AVATAR_COLOR_MODIFIERS:c,AVATAR_KIND_MODIFIERS:d}},mounted(){this.validateImageAttrsPresence()},beforeUpdate(){this.validateImageAttrsPresence()},methods:{validateImageAttrsPresence(){"default"!==this.kind||this.$slots.default||this.$attrs.src&&this.$attrs.alt||l.a.util.warn("src and alt attributes are required for image avatars",this)}}},A=$;function M(t,e,i,n,a,s,r,o){var l,d="function"===typeof t?t.options:t;if(e&&(d.render=e,d.staticRenderFns=i,d._compiled=!0),n&&(d.functional=!0),s&&(d._scopeId="data-v-"+s),r?(l=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),a&&a.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(r)},d._ssrRegister=l):a&&(l=o?function(){a.call(this,(d.functional?this.parent:this).$root.$options.shadowRoot)}:a),l)if(d.functional){d._injectStyles=l;var u=d.render;d.render=function(t,e){return l.call(e),u(t,e)}}else{var c=d.beforeCreate;d.beforeCreate=c?[].concat(c,l):[l]}return{exports:t,options:d}}var R=M(A,s,r,!1,null,null,null),T=R.exports,V=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("span",{class:["d-badge",t.BADGE_COLOR_MODIFIERS[t.color]],attrs:{"data-qa":"dt-badge"}},[t._t("default",[t._v(" "+t._s(t.text)+" ")])],2)},L=[];const B={base:"","black-700":"d-badge--black-700","green-400":"d-badge--green-400","orange-400":"d-badge--orange-400","pink-300":"d-badge--pink-300","pink-500":"d-badge--pink-500","pink-600":"d-badge--pink-600","pink-700":"d-badge--pink-700","purple-100":"d-badge--purple-100","purple-300":"d-badge--purple-300","purple-500":"d-badge--purple-500","purple-700":"d-badge--purple-700","red-500":"d-badge--red-500",white:"d-badge--white","yellow-300":"d-badge--yellow-300"};var F={name:"DtBadge",props:{text:{type:String,default:""},color:{type:String,default:"base",validator:t=>Object.keys(B).includes(t)}},data(){return{BADGE_COLOR_MODIFIERS:B}}},P=F,N=M(P,V,L,!1,null,null,null),j=N.exports,q=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("aside",{class:t.bannerClass,attrs:{role:t.role},on:{keydown:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"tab",9,e.key,"Tab")?null:t.trapFocus(e)}}},[i("div",{staticClass:"d-banner__dialog",attrs:{"aria-labelledby":t.titleId,"aria-describedby":t.contentId}},[i("dt-notice-icon",t._g({attrs:{kind:t.kind}},t.$listeners),[t._t("icon")],2),i("dt-notice-content",t._g({attrs:{"title-id":t.titleId,"content-id":t.contentId,title:t.title},scopedSlots:t._u([{key:"titleOverride",fn:function(){return[t._t("titleOverride")]},proxy:!0}],null,!0)},t.$listeners),[t._t("default")],2),i("dt-notice-action",t._g({attrs:{"hide-close":t.hideClose,"close-button-props":t.closeButtonProps}},t.$listeners),[t._t("action")],2)],1)])},G=[],z=function(){var t=this,e=t.$createElement,i=t._self._c||e;return t.defaultIcon||t.$slots.default?i("div",{staticClass:"d-notice__icon",attrs:{"aria-hidden":"true"}},[t._t("default",[i(t.defaultIcon,{tag:"component"})])],2):t._e()},K=[],U=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("svg",{staticClass:"d-svg d-svg--system d-svg__lightbulb",attrs:{"aria-hidden":"true","aria-label":"Lightbulb",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M9 21c0 .5.4 1 1 1h4c.6 0 1-.5 1-1v-1H9v1zm3-19C8.1 2 5 5.1 5 9c0 2.4 1.2 4.5 3 5.7V17c0 .5.4 1 1 1h6c.6 0 1-.5 1-1v-2.3c1.8-1.3 3-3.4 3-5.7 0-3.9-3.1-7-7-7z"}})])},H=[],Z={},Q=M(Z,U,H,!1,null,null,null),W=Q.exports,X=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("svg",{staticClass:"d-svg d-svg--system d-svg__info",attrs:{"aria-hidden":"true","aria-label":"Info",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"}})])},Y=[],J={},tt=M(J,X,Y,!1,null,null,null),et=tt.exports,it=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("svg",{staticClass:"d-svg d-svg--system d-svg__warning",attrs:{"aria-hidden":"true","aria-label":"Warning",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}})])},nt=[],at={},st=M(at,it,nt,!1,null,null,null),rt=st.exports,ot=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("svg",{staticClass:"d-svg d-svg--system d-svg__error",attrs:{"aria-hidden":"true","aria-label":"Error",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"}})])},lt=[],dt={},ut=M(dt,ot,lt,!1,null,null,null),ct=ut.exports,pt=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("svg",{staticClass:"d-svg d-svg--system d-svg__checkCircle",attrs:{"aria-hidden":"true","aria-label":"Check Circle",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}})])},ht=[],ft={},mt=M(ft,pt,ht,!1,null,null,null),gt=mt.exports;const vt=["base","error","info","success","warning"],bt=["alert","alertdialog","status"];const _t=new Map([["info","IconInfo"],["success","IconCheckCircle"],["warning","IconWarning"],["error","IconError"],["base","IconLightbulb"]]);var yt={name:"DtNoticeIcon",components:{IconLightbulb:W,IconInfo:et,IconWarning:rt,IconError:ct,IconCheckCircle:gt},props:{kind:{type:String,default:"base",validate(t){return vt.includes(t)}}},computed:{defaultIcon(){return _t.get(this.kind)}}},St=yt,Ct=M(St,z,K,!1,null,null,null),It=Ct.exports,Et=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"d-notice__content",attrs:{"data-qa":"notice-content"}},[t.title||this.$slots.titleOverride?i("h1",{staticClass:"d-notice__title",attrs:{id:t.titleId,"data-qa":"notice-content-title"}},[t._t("titleOverride",[t._v(" "+t._s(t.title)+" ")])],2):t._e(),i("p",{staticClass:"d-notice__message",attrs:{id:t.contentId,"data-qa":"notice-content-message"}},[t._t("default")],2)])},kt=[],Ot={name:"DtNoticeContent",props:{title:{type:String,default:""},titleId:{type:String,default:void 0},contentId:{type:String,default:void 0}}},xt=Ot,Dt=M(xt,Et,kt,!1,null,null,null),wt=Dt.exports,$t=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"d-notice__actions",attrs:{"data-qa":"notice-content-actions"}},[t._t("default"),t.hideClose?t._e():i("dt-button",t._b({ref:"closeButton",attrs:{size:"sm",importance:"clear",circle:"","aria-label":t.closeButtonProps.ariaLabel?t.closeButtonProps.ariaLabel:"Close"},on:{click:t.close},scopedSlots:t._u([{key:"icon",fn:function(){return[i("icon-close")]},proxy:!0}],null,!1,4267981299)},"dt-button",t.closeButtonProps,!1))],2)},At=[],Mt=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("svg",{staticClass:"d-svg d-svg--system d-svg__close",attrs:{"aria-hidden":"true","aria-label":"Close",viewBox:"0 0 24 24"}},[i("path",{attrs:{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"}})])},Rt=[],Tt={},Vt=M(Tt,Mt,Rt,!1,null,null,null),Lt=Vt.exports,Bt=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("button",t._g({class:["base-button__button",t.buttonClasses],attrs:{"data-qa":"dt-button",type:t.type,"aria-live":t.computedAriaLive,"aria-label":t.loading?"loading":t.$attrs["aria-label"]}},t.buttonListeners),[t.$slots.icon&&!t.link?i("span",{class:["base-button__icon","d-btn__icon",t.ICON_POSITION_MODIFIERS[t.iconPosition]],attrs:{"data-qa":"dt-button-icon"}},[t._t("icon")],2):t._e(),i("span",{class:["base-button__label","d-btn__label"],attrs:{"data-qa":"dt-button-label"}},[t._t("default")],2)])},Ft=[];const Pt={xs:"d-btn--xs",sm:"d-btn--sm",md:"",lg:"d-btn--lg",xl:"d-btn--xl"},Nt={default:"",muted:"d-btn--muted",danger:"d-btn--danger",inverted:"d-btn--inverted"},jt={clear:"",primary:"d-btn--primary",outlined:"d-btn--outlined"},qt=["submit","reset","button"],Gt={left:"d-btn__icon--left",right:"d-btn__icon--right"},zt=[{circle:!0,kind:"default",importance:"primary",message:Kt(!0,"default","primary")},{circle:!0,kind:"danger",importance:"outlined",message:Kt(!0,"danger","outlined")}];function Kt(t,e,i){return`You cannot not have a ${t?"circle ":""}button with kind: ${e} and importance: ${i} as it does not exist in our design system. See https://dialpad.design/components/button for a list of available button styles`}const Ut="danger",Ht="warning",Zt="success",Qt="muted",Wt="inverted",Xt=["",Ut,Ht,Zt,Qt,Wt],Yt={default:"",warning:"d-link--warning",danger:"d-link--danger",success:"d-link--success",muted:"d-link--muted",inverted:"d-link--inverted"};var Jt={name:"DtButton",props:{circle:{type:Boolean,default:!1},iconPosition:{type:String,default:"left",validator:t=>Object.keys(Gt).includes(t)},importance:{type:String,default:"primary",validator:t=>Object.keys(jt).includes(t)},link:{type:Boolean,default:!1},linkKind:{type:String,default:"default",validator:t=>Object.keys(Yt).includes(t)},type:{type:String,default:"button",validator:t=>qt.includes(t)},size:{type:String,default:"md",validator:t=>Object.keys(Pt).includes(t)},loading:{type:Boolean,default:!1},kind:{type:String,default:"default",validator:t=>Object.keys(Nt).includes(t)},assertiveOnFocus:{type:Boolean,default:!1}},emits:["focusout","focusin"],data(){return{ICON_POSITION_MODIFIERS:Gt,isInFocus:!1}},computed:{buttonListeners(){return this.assertiveOnFocus?{...this.$listeners,focusin:t=>{this.isInFocus=!0},focusout:t=>{this.isInFocus=!1}}:this.$listeners},computedAriaLive(){return this.assertiveOnFocus&&this.isInFocus?"assertive":this.$attrs.ariaLive},buttonClasses(){return this.link?["d-link",Yt[this.linkKind],Pt[this.size]]:["d-btn",jt[this.importance],Nt[this.kind],Pt[this.size],{"d-btn--circle":this.circle,"d-btn--loading":this.loading}]}},watch:{$props:{immediate:!0,handler(){}}},methods:{isInvalidPropCombination(t,e,i){for(const n of zt)if(t===n.circle&&e===n.kind&&i===n.importance)return console.error(n.message),!1;return!0}}},te=Jt,ee=M(te,Bt,Ft,!1,null,null,null),ie=ee.exports,ne={name:"DtNoticeAction",components:{IconClose:Lt,DtButton:ie},props:{closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1}},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;null===(t=this.lastFocusedElement)||void 0===t||t.focus()},methods:{close(){this.$emit("close")}}},ae=ne,se=M(ae,$t,At,!1,null,null,null),re=se.exports;const oe='not(:disabled):not([aria-disabled="true"]):not([tabindex="-1"])',le=`button:${oe},\n [href]:${oe},\n input:${oe},\n select:${oe},\n textarea:${oe},\n details:${oe},\n [tabindex]:not([tabindex="-1"])`;var de={methods:{async focusFirstElement(t){await this.$nextTick();const e=this._getFocusableElements(t),i=this._getFirstFocusElement(e);null===i||void 0===i||i.focus()},_getFirstFocusElement(t){if(!t.length)return;let e=t[0];return e.matches('[type="radio"]:not(:checked)')&&(e=t.find(t=>t.checked&&t.name===e.name)||e),e},_getFocusableElements(t=this.$el){const e=[...t.querySelectorAll(le)];return e.filter(t=>{const e=window.getComputedStyle(t);return"none"!==e.getPropertyValue("display")&&"hidden"!==e.getPropertyValue("visibility")})},focusTrappedTabPress(t,e){const i="Tab"===t.key;if(!i)return;const n=this._getFocusableElements(e);if(!n.length)return;const a=this._getFirstFocusElement(n),s=n[n.length-1];t.shiftKey?document.activeElement===a&&(s.focus(),t.preventDefault()):document.activeElement===s&&(a.focus(),t.preventDefault())}}},ue={name:"DtBanner",components:{DtNoticeIcon:It,DtNoticeContent:wt,DtNoticeAction:re},mixins:[de],props:{titleId:{type:String,default(){return w.getUniqueString()}},contentId:{type:String,default(){return w.getUniqueString()}},title:{type:String,default:""},important:{type:Boolean,default:!1},pinned:{type:Boolean,default:!1},kind:{type:String,default:"",validate(t){return vt.includes(t)}},closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1}},computed:{role(){return this.important?"alertdialog":"status"},bannerClass(){return["d-banner",{["d-banner--"+this.kind]:this.kind.length>1,"d-banner--important":this.important,"d-banner--pinned":this.pinned}]}},mounted(){this.important&&this.focusFirstElement()},methods:{trapFocus(t){this.important&&this.focusTrappedTabPress(t)}}},ce=ue,pe=M(ce,q,G,!1,null,null,null),he=pe.exports,fe=function(){var t,e=this,i=e.$createElement,n=e._self._c||i;return n("nav",{class:["d-breadcrumbs",(t={},t[e.BREADCRUMBS_INVERTED_MODIFIER]=e.inverted,t)]},[n("ol",[e._t("default",e._l(e.breadcrumbs,(function(t,i){return n("dt-breadcrumb-item",e._b({key:e.getBreadcrumbItemKey(i),attrs:{inverted:e.inverted}},"dt-breadcrumb-item",t,!1))})))],2)])},me=[];const ge="d-breadcrumbs__item--selected",ve="d-breadcrumbs--inverted";var be=function(){var t,e=this,i=e.$createElement,n=e._self._c||i;return n("li",{class:["d-breadcrumbs__item",(t={},t[e.BREADCRUMB_ITEM_SELECTED_MODIFIER]=e.selected,t)]},[n("dt-link",e._b({attrs:{kind:e.linkKind,"aria-current":e.ariaCurrent,"data-qa":"breadcrumb-item"}},"dt-link",e.$attrs,!1),[e._t("default",[e._v(" "+e._s(e.label)+" ")])],2)],1)},_e=[],ye=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("a",{class:["d-link",t.LINK_KIND_MODIFIERS[t.kind]],attrs:{"data-qa":"dt-link"}},[t._t("default")],2)},Se=[],Ce={name:"DtLink",props:{kind:{type:String,default:"",validator(t){return Xt.includes(t)}}},data(){return{LINK_KIND_MODIFIERS:Yt}}},Ie=Ce,Ee=M(Ie,ye,Se,!1,null,null,null),ke=Ee.exports,Oe={name:"DtBreadcrumbItem",components:{DtLink:ke},inheritAttrs:!1,props:{inverted:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},label:{type:String,default:""}},data(){return{BREADCRUMB_ITEM_SELECTED_MODIFIER:ge}},computed:{linkKind(){return this.inverted?Wt:Qt},ariaCurrent(){return this.selected?"location":void 0}}},xe=Oe,De=M(xe,be,_e,!1,null,null,null),we=De.exports,$e={name:"DtBreadcrumbs",components:{DtBreadcrumbItem:we},props:{breadcrumbs:{type:Array,default:()=>[],validate(t){return t.every(({href:t,label:e})=>void 0!==t&&void 0!==e)}},inverted:{type:Boolean,default:!1}},data(){return{BREADCRUMBS_INVERTED_MODIFIER:ve}},methods:{getBreadcrumbItemKey(t){return`breadcrumbs-item-${t}-${w.getUniqueString()}`}}},Ae=$e,Me=M(Ae,fe,me,!1,null,null,null),Re=Me.exports,Te=function(){var t,e,i=this,n=i.$createElement,a=i._self._c||n;return a("div",{ref:"container",staticClass:"base-input",attrs:{"data-qa":"dt-input"}},[a("label",{staticClass:"base-input__label",attrs:{"aria-details":i.$slots.description||i.description?i.descriptionKey:void 0,"data-qa":"dt-input-label-wrapper"}},[i._t("labelSlot",[a("div",{class:["base-input__label-text","d-label",(t={},t["d-label--"+i.size]=!i.isDefaultSize&&i.isValidSize,t)],attrs:{"data-qa":"dt-input-label"}},[i._v(" "+i._s(i.label)+" ")])]),i.$slots.description||i.description?a("div",{class:["base-input__description","d-description",(e={},e["d-description--"+i.size]=!i.isDefaultSize&&i.isValidDescriptionSize,e)],attrs:{id:i.descriptionKey,"data-qa":"dt-input-description"}},[i._t("description",[i._v(i._s(i.description))])],2):i._e(),a("div",{staticClass:"d-ps-relative"},[i.$slots.leftIcon?a("span",{class:i.inputIconClasses("left"),attrs:{"data-qa":"dt-input-left-icon-wrapper"},on:{focusout:i.onBlur}},[i._t("leftIcon")],2):i._e(),i.$slots.rightIcon?a("span",{class:i.inputIconClasses("right"),attrs:{"data-qa":"dt-input-right-icon-wrapper"},on:{focusout:i.onBlur}},[i._t("rightIcon")],2):i._e(),i.isTextarea?a("textarea",i._g(i._b({ref:"input",class:i.inputClasses(),attrs:{name:i.name,disabled:i.disabled,"data-qa":"dt-input-input"},domProps:{value:i.value}},"textarea",i.$attrs,!1),i.inputListeners)):a("input",i._g(i._b({ref:"input",class:i.inputClasses(),attrs:{name:i.name,type:i.type,disabled:i.disabled,"data-qa":"dt-input-input"},domProps:{value:i.value}},"input",i.$attrs,!1),i.inputListeners))])],2),a("dt-validation-messages",i._b({class:i.messagesClass,attrs:{"validation-messages":i.formattedMessages,"show-messages":i.showMessages,"data-qa":"dt-input-messages"}},"dt-validation-messages",i.messagesChildProps,!1))],1)},Ve=[];const Le={TEXT:"text",TEXTAREA:"textarea",PASSWORD:"password",EMAIL:"email",NUMBER:"number"},Be={EXTRA_SMALL:"xs",SMALL:"sm",DEFAULT:"md",LARGE:"lg",EXTRA_LARGE:"xl"};var Fe=function(){var t=this,e=t.$createElement,i=t._self._c||e;return t.showMessages&&!t.isFilteredValidationMessagesEmpty?i("div",{staticClass:"base-input__messages d-d-flex d-fd-column",attrs:{"data-qa":"validation-messages-container"}},t._l(t.filteredValidationMessages,(function(e,n){var a=e.message,s=e.type;return i("div",{key:t.getMessageKey(s,n),class:["base-input__message","d-validation-message","base-input__message--"+s,"d-validation-message--"+s],attrs:{role:"status","aria-live":"polite","data-qa":"validation-message"}},[t._v(" "+t._s(a)+" ")])})),0):t._e()},Pe=[];function Ne(t){return!t||t.every(t=>"string"===typeof t||"object"===typeof t&&Object.values(p).includes(null===t||void 0===t?void 0:t.type))}var je={name:"DtValidationMessages",props:{id:{type:String,default(){return I()}},validationMessages:{type:Array,default:()=>[],validator:t=>Ne(t)},showMessages:{type:Boolean,default:!0}},computed:{isFilteredValidationMessagesEmpty(){return 0===this.filteredValidationMessages.length},filteredValidationMessages(){return k(this.validationMessages)},validationState(){return O(this.validationMessages)}},methods:{getMessageKey(t,e){return`validation-message-${t}-${e}-${this.id}`}}},qe=je,Ge=M(qe,Fe,Pe,!1,null,null,null),ze=Ge.exports;const Ke={inheritAttrs:!1,props:{label:{type:String,default:""},name:{type:String,default:""},value:{type:[String,Number,Boolean,Object],default:null},description:{type:String,default:""},disabled:{type:Boolean,default:!1},validationState:{type:String,default:"",validator:t=>!t||Object.values(p).includes(t)},inputClass:{type:[String,Array,Object],default:""},labelClass:{type:[String,Array,Object],default:""},descriptionClass:{type:[String,Array,Object],default:""},labelChildProps:{type:Object,default:()=>({})},descriptionChildProps:{type:Object,default:()=>({})}},data(){return{internalDisabled:this.disabled,internalValidationState:this.validationState}},watch:{disabled(t){this.internalDisabled=t},validationState(t){this.internalValidationState=t}}},Ue={model:{prop:"checked"},props:{checked:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:null}},data(){return{internalChecked:this.checked}},watch:{checked(t){this.internalChecked=t}}},He={inject:{groupContext:{default:{}},setGroupValue:{default:()=>()=>{}}},data(){return{internalValue:this.value}},computed:{hasGroup(){return Object.prototype.hasOwnProperty.call(this.groupContext,"name")},groupName(){var t,e;return null!==(t=null===(e=this.groupContext)||void 0===e?void 0:e.name)&&void 0!==t?t:""},groupValue(){var t;return null===(t=this.groupContext)||void 0===t?void 0:t.value},groupDisabled(){var t,e;return null!==(t=null===(e=this.groupContext)||void 0===e?void 0:e.disabled)&&void 0!==t&&t},groupValidationState(){var t,e;return null!==(t=null===(e=this.groupContext)||void 0===e?void 0:e.validationState)&&void 0!==t?t:null},internalName(){return this.name||this.groupName}},watch:{value(t){this.internalValue=t},groupValue:{immediate:!0,handler(t){this.hasGroup&&(this.internalValue=t)}},groupDisabled:{immediate:!0,handler(t){this.hasGroup&&(this.internalDisabled=this.disabled||t)}},groupValidationState:{immediate:!0,handler(t){this.hasGroup&&(this.internalValidationState=t||this.validationState)}}},created(){var t;const e=Object.prototype.hasOwnProperty.call(this.groupContext,"name"),i=null===(t=this.groupContext)||void 0===t?void 0:t.name;this.name&&e&&i!==this.name&&l.a.util.warn(`Component is being used inside a Group. Did you mean to override the name prop value (${i}) with (${this.name})? It is recommended to only set name at the Group level.`,this)}},Ze={props:{messagesClass:{type:[String,Array,Object],default:""},messagesChildProps:{type:Object,default:()=>({})},showMessages:{type:Boolean,default:!0},messages:{type:Array,default:()=>[],validator:t=>Ne(t)}},computed:{formattedMessages(){return E(this.messages)}}};var Qe={name:"DtInput",components:{DtValidationMessages:ze},mixins:[Ze],inheritAttrs:!1,props:{name:{type:String,default:""},type:{type:String,default:Le.TEXT,validator:t=>Object.values(Le).includes(t)},value:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},label:{type:String,default:""},description:{type:String,default:""},size:{type:String,default:Be.DEFAULT,validator:t=>Object.values(Be).includes(t)}},emits:["blur","input","clear"],computed:{isTextarea(){return this.type===Le.TEXTAREA},isDefaultSize(){return this.size===Be.DEFAULT},isValidSize(){return Object.values(Be).includes(this.size)},isValidDescriptionSize(){return Object.values(h).includes(this.size)},inputComponent(){return this.isTextarea?"textarea":"input"},inputListeners(){return{...this.$listeners,input:t=>this.$emit("input",t.target.value),blur:t=>this.onBlur(t)}},descriptionKey(){return"input-description-"+I()},inputState(){return O(this.formattedMessages)},showInputState(){return this.showMessages&&this.inputState},sizeModifierClass(){return this.isDefaultSize||!this.isValidSize?"":`d-${this.inputComponent}--${this.size}`}},methods:{inputClasses(){return["base-input__input","d-"+this.inputComponent,{[`d-${this.inputComponent}--${this.inputState} base-input__input--${this.inputState}`]:this.showInputState},this.sizeModifierClass]},inputIconClasses(t){return["base-input__icon--"+t,"d-input-icon","d-input-icon--"+t,{["d-input-icon--"+this.size]:!this.isDefaultSize}]},onBlur(t){var e;null!==(e=this.$refs.container)&&void 0!==e&&e.contains(t.relatedTarget)||this.$emit("blur",t)},clear(){this.$emit("input",""),this.$emit("clear")},blur(){this.$refs.input.blur()},focus(){this.$refs.input.focus()},select(){this.$refs.input.select()},getMessageKey(t,e){return`message-${t}-${e}`}}},We=Qe,Xe=M(We,Te,Ve,!1,null,null,null),Ye=Xe.exports,Je=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("fieldset",{attrs:{"data-qa":t.dataQaGroup}},[t.$slots.legend||t.legend?i("legend",t._b({class:["d-label",t.legendClass],attrs:{"data-qa":t.dataQaGroupLegend}},"legend",t.legendChildProps,!1),[t._t("legend",[t._v(" "+t._s(t.legend)+" ")])],2):t._e(),t._t("default"),i("dt-validation-messages",t._b({class:t.messagesClass,attrs:{"validation-messages":t.formattedMessages,"show-messages":t.showMessages,"data-qa":t.dataQaGroupMessages}},"dt-validation-messages",t.messagesChildProps,!1))],2)},ti=[];const ei={components:{DtValidationMessages:ze},provide(){return{groupContext:this.provideObj,setGroupValue:this.setGroupValue}},props:{id:{type:String,default(){return I()}},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=>Ne(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=E(this.messages);return{provideObj:{name:this.name,disabled:this.disabled,validationState:O(t)}}},computed:{formattedMessages(){return E(this.messages)},validationState(){return O(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"]||l.a.util.warn("It is expected that an aria-label is provided when there is no legend.",this)}};var ii={name:"DtInputGroup",mixins:[ei],components:{DtValidationMessages:ze},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,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}`}}},ni=ii,ai=M(ni,Je,ti,!1,null,null,null),si=ai.exports,ri=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{class:["d-modal",t.MODAL_KIND_MODIFIERS[t.kind],t.MODAL_SIZE_MODIFIERS[t.size],t.modalClass],attrs:{"data-qa":"dt-modal","aria-hidden":t.open},on:{click:function(e){return e.target!==e.currentTarget?null:t.close(e)},keydown:[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"esc",27,e.key,["Esc","Escape"])?null:t.close(e)},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"tab",9,e.key,"Tab")?null:t.trapFocus(e)}],transitionend:function(e){return e.target!==e.currentTarget?null:t.setFocusAfterTransition(e)}}},[i("div",{staticClass:"d-modal__dialog",attrs:{role:"dialog","aria-modal":"true","aria-describedby":t.describedById,"aria-labelledby":t.labelledById}},[t.$slots.header?i("div",{staticClass:"d-modal__header",attrs:{id:t.labelledById,"data-qa":"dt-modal-title"}},[t._t("header")],2):i("h2",{staticClass:"d-modal__header",attrs:{id:t.labelledById,"data-qa":"dt-modal-title"}},[t._v(" "+t._s(t.title)+" ")]),i("dt-button",t._b({staticClass:"d-modal__close",attrs:{circle:"",size:"lg",importance:"clear","aria-label":t.closeButtonProps.ariaLabel,kind:t.kind},on:{click:t.close},scopedSlots:t._u([{key:"icon",fn:function(){return[i("icon-close")]},proxy:!0}])},"dt-button",t.closeButtonProps,!1)),t.$slots.default?i("div",{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[t._t("default")],2):i("p",{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[t._v(" "+t._s(t.copy)+" ")]),t.hasFooterSlot?i("footer",{staticClass:"d-modal__footer"},[t._t("footer")],2):t._e()],1)])},oi=[];const li={default:"",danger:"d-modal--danger"},di={default:"",full:"d-modal--full"};var ui={name:"DtModal",components:{DtButton:ie,IconClose:Lt},mixins:[de],props:{closeButtonProps:{type:Object,required:!0,validator:t=>!!t.ariaLabel},copy:{type:String,default:""},describedById:{type:String},labelledById:{type:String,default:function(){return I()}},show:{type:Boolean,default:!1},title:{type:String,default:""},kind:{type:String,default:"default",validator:t=>Object.keys(li).includes(t)},size:{type:String,default:"default",validator:t=>Object.keys(di).includes(t)},modalClass:{type:[String,Object,Array],default:""}},data(){return{MODAL_KIND_MODIFIERS:li,MODAL_SIZE_MODIFIERS:di}},computed:{open(){return""+!this.show},hasFooterSlot(){return!!this.$slots.footer}},watch:{show:{immediate:!0,handler(t){var e;t?this.previousActiveElement=document.activeElement:(null===(e=this.previousActiveElement)||void 0===e||e.focus(),this.previousActiveElement=null)}}},methods:{close(){this.$emit("update:show",!1)},setFocusAfterTransition({propertyName:t}){this.show&&"transform"===t&&this.focusFirstElement()},trapFocus(t){this.show&&this.focusTrappedTabPress(t)}}},ci=ui,pi=M(ci,ri,oi,!1,null,null,null),hi=pi.exports,fi=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:t.transition}},[i("div",t._g({directives:[{name:"show",rawName:"v-show",value:t.show,expression:"show"}]},t.$listeners),[t.initialized?t._t("default"):t._e()],2)])},mi=[],gi={name:"DtLazyShow",props:{show:Boolean,transition:{type:String,default:null}},data(){return{initialized:!!this.show}},watch:{show:function(t){t&&!this.initialized&&(this.initialized=!0)}}},vi=gi,bi=M(vi,fi,mi,!1,null,null,null),_i=bi.exports,yi=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{class:["dt-list-section","d-fs14","d-lh6","d-py6","d-border-color--ash-darker",{"d-border-bottom":t.separator}],attrs:{id:t.id,role:"group","aria-labelledby":t.id+"-list-section-header",tabindex:"-1"}},[t.header?i("h3",{staticClass:"d-pl16 d-mt6",attrs:{id:t.id+"-list-section-header"}},[t._v(" "+t._s(t.header)+" ")]):t._e(),!t.isCollapsible||t.showAll?i("ol",{attrs:{id:t.id+"-list-section-content"}},[t._t("default")],2):i("ol",{attrs:{id:t.id+"-list-section-content"}},[i("vnodes",{attrs:{vnodes:t.displayedItems}})],1),t.isCollapsible?i("dt-button",{staticClass:"d-ml16 d-py6",attrs:{id:t.id+"-list-section-show-more-less",link:""},on:{click:t.showMoreLessClicked}},[t._v(" "+t._s(t.showMoreLessText)+" ")]):t._e()],1)},Si=[],Ci={name:"ListSection",components:{Vnodes:{name:"vnodes",functional:!0,render:(t,e)=>e.props.vnodes},DtButton:ie},props:{id:{type:String,default(){return w.getUniqueString()}},header:{type:String,default:null},separator:{type:Boolean,default:!1},maxDisplayed:{type:Number,default:0},textMore:{type:String,default:"Show more"},textLess:{type:String,default:"Show less"}},data(){return{showAll:!1}},computed:{isCollapsible(){return!(0===this.maxDisplayed||this.itemCount<=this.maxDisplayed)},showMoreLessText(){return this.showAll?this.textLess:this.textMore},hiddenCount(){return this.itemCount-this.displayedItems.length},itemCount(){return this.$slots.default.length},displayedItems(){return this.$slots.default.filter((t,e)=>e<=this.maxDisplayed-1)}},methods:{showMoreLessClicked(){this.showAll=!this.showAll}}},Ii=Ci,Ei=(i("fc89"),M(Ii,yi,Si,!1,null,null,null)),ki=Ei.exports,Oi=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("li",{class:["dt-list-item","d-fs14","d-lh6","d-py6","d-px16","d-d-flex","d-ai-center",{"dt-list-item-clickable":t.clickable,"d-jc-space-between":this.$slots.iconRight}],attrs:{id:t.id,tabindex:t.clickable?0:-1},on:{keydown:[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.clicked(e)},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?null:t.clicked(e)}],click:t.clicked}},[t._t("iconLeft"),t._t("default"),t._t("iconRight")],2)},xi=[],Di={name:"ListItem",props:{id:{type:String,default(){return w.getUniqueString()}},role:{type:String,default:"listitem"},clickable:{type:Boolean,default:!0}},emits:["click"],methods:{clicked(){this.$emit("click")}}},wi=Di,$i=(i("51f5"),M(wi,Oi,xi,!1,null,null,null)),Ai=$i.exports,Mi=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("aside",t._g({class:t.noticeClass,attrs:{"data-qa":"notice"}},t.$listeners),[i("dt-notice-icon",t._g({attrs:{kind:t.kind}},t.$listeners),[t._t("icon")],2),i("dt-notice-content",t._g({attrs:{"title-id":t.titleId,"content-id":t.contentId,title:t.title,role:t.role},scopedSlots:t._u([{key:"titleOverride",fn:function(){return[t._t("titleOverride")]},proxy:!0}],null,!0)},t.$listeners),[t._t("default")],2),i("dt-notice-action",t._g({attrs:{"hide-close":t.hideClose,"close-button-props":t.closeButtonProps}},t.$listeners),[t._t("action")],2)],1)},Ri=[],Ti={name:"DtNotice",components:{DtNoticeIcon:It,DtNoticeContent:wt,DtNoticeAction:re},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 bt.includes(t)}},important:{type:Boolean,default:!1},kind:{type:String,default:"base",validate(t){return vt.includes(t)}},closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1}},computed:{noticeClass(){return["d-notice","d-notice--"+this.kind,{"d-notice--important":this.important}]}}},Vi=Ti,Li=M(Vi,Mi,Ri,!1,null,null,null),Bi=Li.exports,Fi=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i(t.elementType,{directives:[{name:"click-outside",rawName:"v-click-outside",value:function(){return t.close("click-outside")},expression:"() => close('click-outside')"}],tag:"component",staticClass:"d-p-relative dt-popover"},[i("div",{ref:"anchor",attrs:{id:!t.ariaLabelledby&&t.labelledBy}},[t._t("anchor",null,{attrs:{"aria-expanded":t.open.toString(),"aria-controls":t.id,"aria-haspopup":t.role}})],2),i("dt-lazy-show",t._g({ref:"container",class:["d-border","d-border-color--ash-dark","d-border-radius--sm","d-bgc-white d-box-shadow--md","d-mt4","d-ps-absolute","d-z-index--popover","dt-popover__content","dt-popover__content--align-"+t.alignment,"dt-popover__content--valign-"+t.verticalAlignment,"dt-popover__content--pad-"+t.padding,t.contentClass],attrs:{id:t.id,role:t.role,"aria-hidden":!t.open,"aria-labelledby":t.labelledBy,"aria-label":t.ariaLabel,"aria-modal":t.isDialog,transition:t.transition,show:t.open,tabindex:"-1"}},t.dialogListeners),[t._t("content"),t.hasCaret?i("div",{staticClass:"d-bgc-white d-mtn4 d-border-top d-border-left d-border-color--ash-dark dt-popover__caret"}):t._e()],2)],1)},Pi=[];const Ni=["none","small","medium","large"],ji=["left","right"],qi=["top","bottom"],Gi=["dialog","menu","listbox","tree","grid"];var zi=i("c28b"),Ki=i.n(zi),Ui={name:"DtPopover",components:{DtLazyShow:_i},directives:{clickOutside:Ki.a.directive},mixins:[de],props:{elementType:{type:String,default:"div"},contentClass:{type:String,default:""},open:{type:Boolean,required:!0},padding:{type:String,default:"large",validator:t=>Ni.includes(t)},hasCaret:{type:Boolean,default:!0},transition:{type:String,default:"fade"},fixedAlignment:{type:String,default:null,validator:t=>ji.includes(t)},fixedVerticalAlignment:{type:String,default:null,validator:t=>qi.includes(t)},id:{type:String,default(){return w.getUniqueString("DtPopover__content")}},role:{type:String,default:"dialog",validator:t=>Gi.includes(t)},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null},focusAnchorOnClose:{type:Boolean,default:!0}},emits:["update:open"],data(){return{autoAlignment:"left",autoVerticalAlignment:"bottom"}},computed:{alignment(){return this.fixedAlignment||this.autoAlignment},verticalAlignment(){return this.fixedVerticalAlignment||this.autoVerticalAlignment},labelledBy(){return this.ariaLabelledby||!this.ariaLabel&&w.getUniqueString("DtPopover__anchor")},isDialog(){return"dialog"===this.role},dialogListeners(t){return this.isDialog?{keydown:t=>{"Tab"===t.key&&this.trapFocus(t),"Escape"===t.key&&this.close("esc")}}:null}},watch:{open(t,e){this.manageFocusOnOpenClose(),this.closedByClickOutside=!1,!t||this.fixedAlignment&&this.fixedVerticalAlignment||this.updateAlignment()}},methods:{manageFocusOnOpenClose(){if(this.isDialog)return this.open?this.focusFirstElement(this.$refs.container.$el):void(this.focusAnchorOnClose&&!this.closedByClickOutside&&this.focusFirstElement(this.$refs.anchor))},trapFocus(t){this.focusTrappedTabPress(t,this.$refs.container.$el)},close(t){"click-outside"===t&&(this.closedByClickOutside=!0),this.$emit("update:open",!1)},async updateAlignment(){this.autoAlignment="left",this.autoVerticalAlignment="bottom",await this.$nextTick();const t=this.$refs.container.$el.getBoundingClientRect(),e=this.$root.$el.getBoundingClientRect();if(t.right>e.right){const t=this.$root.$el.scrollWidth,i=this.$refs.anchor.getBoundingClientRect(),n=i.left-e.left,a=e.left+t-i.right;this.autoAlignment=a<n?"right":"left"}if(t.bottom>e.bottom){const t=this.$root.$el.scrollHeight,i=this.$refs.anchor.getBoundingClientRect(),n=i.top-e.top,a=e.top+t-i.bottom;this.autoVerticalAlignment=n<a?"bottom":"top"}}}},Hi=Ui,Zi=(i("e0bf"),M(Hi,Fi,Pi,!1,null,null,null)),Qi=Zi.exports,Wi=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("label",[i("div",{class:["d-radio-group",{"d-radio-group--disabled":t.internalDisabled}]},[i("div",{staticClass:"d-radio__input"},[i("input",t._g(t._b({class:["d-radio",t.inputValidationClass,t.inputClass],attrs:{name:t.internalName,disabled:t.internalDisabled,type:"radio"},domProps:{checked:t.internalChecked,value:t.value}},"input",t.$attrs,!1),t.inputListeners))]),i("div",{staticClass:"d-radio__copy d-radio__label",attrs:{"data-qa":"radio-label-description-container"}},[i("div",t._b({class:t.labelClass,attrs:{"data-qa":"radio-label"}},"div",t.labelChildProps,!1),[t._t("default",[t._v(t._s(t.label))])],2),t.$slots.description||t.description?i("div",t._b({class:["d-radio__description",t.descriptionValidationClass,t.descriptionClass],attrs:{"data-qa":"radio-description"}},"div",t.descriptionChildProps,!1),[t._t("description",[t._v(t._s(t.description))])],2):t._e(),i("dt-validation-messages",t._b({class:t.messagesClass,attrs:{"validation-messages":t.formattedMessages,"show-messages":t.showMessages,"data-qa":"dt-radio-validation-messages"}},"dt-validation-messages",t.messagesChildProps,!1))],1)])])},Xi=[];const Yi={warning:"d-radio--warning",error:"d-radio--error",success:"d-radio--success"},Ji={warning:"d-radio__description--warning",error:"d-radio__description--error",success:"d-radio__description--success"};var tn,en,nn={name:"DtRadio",components:{DtValidationMessages:ze},mixins:[Ke,Ue,He,Ze],inheritAttrs:!1,props:{value:{type:[String,Number],default:""}},computed:{inputValidationClass(){return Yi[this.internalValidationState]},descriptionValidationClass(){return Ji[this.internalValidationState]},radioGroupValue(){var t;return null===(t=this.groupContext)||void 0===t?void 0:t.selectedValue},inputListeners(){return{...this.$listeners,input:()=>{},change:t=>this.emitValue(t.target.value)}}},watch:{radioGroupValue:{immediate:!0,handler(t){this.hasGroup&&(this.internalChecked=t===this.value)}}},methods:{emitValue(t){t!==this.radioGroupValue&&(this.setGroupValue(t),this.$emit("input",t))}}},an=nn,sn=M(an,Wi,Xi,!1,null,null,null),rn=sn.exports,on={name:"DtRadioGroup",extends:si,props:{value:{type:[String,Number],default:""},dataQaGroup:{type:String,default:"radio-group"},dataQaGroupLegend:{type:String,default:"radio-group-legend"},dataQaGroupMessages:{type:String,default:"radio-group-messages"}},data(){return{provideObj:{selectedValue:this.value}}},watch:{value(t){this.provideObj.selectedValue=t}},methods:{setGroupValue(t){this.$emit("input",t)},getMessageKey(t,e){return`radio-group-message-${t}-${e}-${this.id}`}}},ln=on,dn=M(ln,tn,en,!1,null,null,null),un=dn.exports,cn=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("label",[i("div",{class:["d-checkbox-group",{"d-checkbox-group--disabled":t.internalDisabled}]},[i("div",{staticClass:"d-checkbox__input"},[i("input",t._g(t._b({class:["d-checkbox",t.inputValidationClass,t.inputClass],attrs:{type:"checkbox",name:t.internalName,disabled:t.internalDisabled},domProps:{checked:t.internalChecked,value:t.value}},"input",t.$attrs,!1),t.inputListeners))]),i("div",{staticClass:"d-checkbox__copy d-checkbox__label",attrs:{"data-qa":"checkbox-label-description-container"}},[i("div",t._b({class:t.labelClass,attrs:{"data-qa":"checkbox-label"}},"div",t.labelChildProps,!1),[t._t("default",[t._v(t._s(t.label))])],2),t.$slots.description||t.description?i("div",t._b({class:["d-checkbox__description",t.descriptionValidationClass,t.descriptionClass],attrs:{"data-qa":"checkbox-description"}},"div",t.descriptionChildProps,!1),[t._t("description",[t._v(t._s(t.description))])],2):t._e(),i("dt-validation-messages",t._b({class:t.messagesClass,attrs:{"validation-messages":t.formattedMessages,"show-messages":t.showMessages,"data-qa":"dt-checkbox-validation-messages"}},"dt-validation-messages",t.messagesChildProps,!1))],1)])])},pn=[];const hn={error:"d-checkbox--error",warning:"d-checkbox--warning",success:"d-checkbox--success"},fn={error:"d-checkbox__description--error",warning:"d-checkbox__description--warning",success:"d-checkbox__description--success"};var mn,gn,vn={name:"DtCheckbox",components:{DtValidationMessages:ze},mixins:[Ke,Ue,He,Ze],inheritAttrs:!1,computed:{inputValidationClass(){return hn[this.internalValidationState]},descriptionValidationClass(){return fn[this.internalValidationState]},checkboxGroupValueChecked(){var t,e,i;return null!==(t=null===(e=this.groupContext)||void 0===e||null===(i=e.selectedValues)||void 0===i?void 0:i.includes(this.value))&&void 0!==t&&t},inputListeners(){return{...this.$listeners,input:()=>{},change:t=>this.emitValue(t.target.value,t.target.checked)}}},watch:{checkboxGroupValueChecked:{immediate:!0,handler(t){this.hasGroup&&(this.internalChecked=t)}}},methods:{emitValue(t,e){this.setGroupValue(t,e),this.$emit("input",e)}}},bn=vn,_n=M(bn,cn,pn,!1,null,null,null),yn=_n.exports,Sn={name:"DtCheckboxGroup",extends:si,model:{prop:"selectedValues"},props:{value:{type:[],default:null,validator:t=>!t||(l.a.util.warn("Component uses selectedValues to initialize the model, value is not supported by this component",void 0),!1)},selectedValues:{type:Array,default(){return[]}},dataQaGroup:{type:String,default:"checkbox-group"},dataQaGroupLegend:{type:String,default:"checkbox-group-legend"},dataQaGroupMessages:{type:String,default:"checkbox-group-messages"}},data(){return{internalValue:this.selectedValues,provideObj:{selectedValues:this.selectedValues}}},watch:{selectedValues(t){this.internalValue=t},internalValue(t){this.provideObj.selectedValues=t}},methods:{setGroupValue(t,e){e?this.internalValue.includes(t)||this.internalValue.push(t):this.internalValue=this.internalValue.filter(e=>e!==t),this.$emit("input",this.internalValue)},getMessageKey(t,e){return`checkbox-group-message-${t}-${e}-${this.id}`}}},Cn=Sn,In=M(Cn,mn,gn,!1,null,null,null),En=In.exports,kn=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",[i("label",[i("div",t._b({class:["d-label",t.LABEL_SIZE_MODIFIERS[t.size],t.labelClass],attrs:{"aria-details":t.labelAriaDetails,"data-qa":"dt-select-label"}},"div",t.labelChildProps,!1),[t._t("label",[t._v(t._s(t.label))])],2),t.$slots.description||t.description?i("div",t._b({class:["d-description",t.DESCRIPTION_SIZE_MODIFIERS[t.size],t.descriptionClass],attrs:{id:t.descriptionKey,"data-qa":"dt-select-description"}},"div",t.descriptionChildProps,!1),[t._t("description",[t._v(t._s(t.description))])],2):t._e(),i("div",{class:["d-select",t.SELECT_SIZE_MODIFIERS[t.size],t.selectClass],attrs:{"data-qa":"dt-select-wrapper"}},[i("select",t._g(t._b({class:["d-select__input",t.SELECT_STATE_MODIFIERS[t.state]],attrs:{"data-qa":"dt-select"}},"select",t.$attrs,!1),t.selectListeners),[t._t("default",t._l(t.options,(function(e){return i("option",t._b({key:t.getOptionKey(e.value),class:t.optionClass,domProps:{value:e.value}},"option",t.optionChildProps,!1),[t._v(" "+t._s(e.label)+" ")])})))],2)])]),i("dt-validation-messages",t._b({class:t.messagesClass,attrs:{"validation-messages":t.formattedMessages,"show-messages":t.showMessages,"data-qa":"dt-select-messages"}},"dt-validation-messages",t.messagesChildProps,!1))],1)},On=[];const xn={xs:"d-select--xs",sm:"d-select--sm",md:"",lg:"d-select--lg",xl:"d-select--xl"},Dn={error:"d-select__input--error",warning:"d-select__input--warning",success:"d-select__input--success"};const wn=t=>!t.index||"number"===typeof t.index,$n=t=>!!t.value&&("string"===typeof t.value||"number"===typeof t.value),An=t=>!!t.label&&"string"===typeof t.label,Mn=t=>!t||t.every(t=>!!wn(t)&&(!!$n(t)&&!!An(t)));var Rn={name:"DtSelectMenu",components:{DtValidationMessages:ze},mixins:[Ze],inheritAttrs:!1,props:{label:{type:String,default:""},description:{type:String,default:""},options:{type:Array,default:()=>[],validator:t=>Mn(t)},size:{type:String,default:"md",validator:t=>Object.keys(xn).includes(t)},labelClass:{type:[String,Array,Object],default:""},descriptionClass:{type:[String,Array,Object],default:""},selectClass:{type:[String,Array,Object],default:""},optionClass:{type:[String,Array,Object],default:""},labelChildProps:{type:Object,default:()=>({})},descriptionChildProps:{type:Object,default:()=>({})},optionChildProps:{type:Object,default:()=>({})}},data(){return{LABEL_SIZE_MODIFIERS:m,DESCRIPTION_SIZE_MODIFIERS:f,SELECT_SIZE_MODIFIERS:xn,SELECT_STATE_MODIFIERS:Dn}},computed:{selectListeners(){return{...this.$listeners,input:()=>{},change:t=>this.emitValue(t.target.value)}},state(){return O(this.formattedMessages)},selectKey(){return I()},descriptionKey(){return`select-${this.selectKey}-description`},labelAriaDetails(){return this.$slots.description||this.description?this.descriptionKey:this.$attrs["aria-details"]}},methods:{emitValue(t){this.$emit("input",t),this.$emit("change",t)},getOptionKey(t){return`select-${this.selectKey}-option-${t}`},validateOptionsPresence(){var t;(null===(t=this.options)||void 0===t?void 0:t.length)<1&&!this.$slots.default&&l.a.util.warn("Options are expected to be provided via prop or slot",this)}},mounted(){this.validateOptionsPresence()},beforeUpdate(){this.validateOptionsPresence()}},Tn=Rn,Vn=M(Tn,kn,On,!1,null,null,null),Ln=Vn.exports,Bn=function(){var t,e=this,i=e.$createElement,n=e._self._c||i;return n("div",{staticClass:"d-tooltip-container",attrs:{"data-qa":"dt-tooltip-container"},on:{"!focus":function(t){return e.onFocus(t)},"!blur":function(t){return e.onBlur(t)},keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"esc",27,t.key,["Esc","Escape"])?null:e.onEsc(t)},mouseover:e.onHover,mouseleave:e.onBlur}},[n("div",e._b({class:["d-ps-absolute","d-tooltip","d-tooltip__arrow--"+e.arrowDirection,e.TOOLTIP_KIND_MODIFIERS[e.shouldShowTooltip?"show":"hide"],(t={},t[e.TOOLTIP_KIND_MODIFIERS.hover]=e.shouldHasHoverModifier,t[e.TOOLTIP_KIND_MODIFIERS.inverted]=e.inverted,t)],attrs:{id:e.id,"data-qa":"dt-tooltip",role:"tooltip","aria-hidden":e.ariaHidden}},"div",e.$attrs,!1),[e._t("default",[e._v(" "+e._s(e.message)+" ")])],2),n("div",{ref:"anchor",attrs:{"data-qa":"dt-tooltip-anchor"}},[e._t("anchor")],2)])},Fn=[];const Pn=["top-left","top-center","top-right","right-top","right-center","right-bottom","bottom-left","bottom-center","bottom-right","left-top","left-center","left-bottom"],Nn={hover:"d-tooltip--hover",show:"d-tooltip--show",inverted:"d-tooltip--inverted",hide:"d-tooltip--hide"};var jn={name:"DtTooltip",inheritAttrs:!1,props:{id:{type:String,default(){return I()}},message:{type:String,default:""},arrowDirection:{type:String,default:"bottom-center",validator(t){return Pn.includes(t)}},show:{type:Boolean,default:!1},hover:{type:Boolean,default:!0},inverted:{type:Boolean,default:!1},tabIndex:{type:String,default:"0"}},data(){return{isHover:!1,isDismissed:!1,isChildFocused:!1,anchorTabIndex:"-1",TOOLTIP_KIND_MODIFIERS:Nn}},computed:{isTooltipVisible(){return!this.isDismissed&&(this.hover?this.isHover:this.show)},shouldShowTooltip(){return this.isTooltipVisible||this.isChildFocused},shouldHasHoverModifier(){return this.hover&&!this.isDismissed&&!this.isChildFocused},shouldHasShowModifier(){return this.isChildFocused},ariaHidden(){return""+!this.isTooltipVisible}},mounted(){this.initAttributes()},beforeUpdate(){this.initAttributes()},methods:{initAttributes(){var t,e;this.hasFocusableAnchorNode()?null===(t=this.$refs.anchor)||void 0===t||null===(e=t.children)||void 0===e||e.forEach(t=>{t.setAttribute("aria-describedby",this.id)}):(this.$refs.anchor.setAttribute("tabIndex",this.tabIndex),this.$refs.anchor.setAttribute("aria-describedby",this.id))},hasFocusableAnchorNode(){return!!D(this.$refs.anchor)},onFocus(){this.onHover(),this.isChildFocused=!0},onHover(){this.isHover=!0},onBlur(){this.isHover=!1,this.isDismissed=!1,this.isChildFocused=!1},onEsc(){this.isDismissed=this.hover&&this.isHover||!this.show,this.isChildFocused=!1}}},qn=jn,Gn=M(qn,Bn,Fn,!1,null,null,null),zn=Gn.exports},fc89:function(t,e,i){"use strict";i("816f")}})}));
|
|
2
2
|
//# sourceMappingURL=dialtone-vue.umd.min.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dialpad/dialtone-vue",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.5",
|
|
4
4
|
"description": "Vue component library for Dialtone components",
|
|
5
5
|
"repository": "https://github.com/dialpad/dialtone-vue",
|
|
6
6
|
"files": [
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"v-click-outside": "^3.1.2"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
|
-
"@dialpad/dialtone": "6.0.0-beta.
|
|
27
|
+
"@dialpad/dialtone": "6.0.0-beta.8",
|
|
28
28
|
"@dialpad/generator-dp": "^1.0.0",
|
|
29
29
|
"@vue/cli-plugin-babel": "~4.4.6",
|
|
30
30
|
"@vue/cli-plugin-eslint": "~4.4.6",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"yo": "^3.1.1"
|
|
65
65
|
},
|
|
66
66
|
"peerDependencies": {
|
|
67
|
-
"@dialpad/dialtone": "6.0.0-beta.
|
|
67
|
+
"@dialpad/dialtone": "6.0.0-beta.8",
|
|
68
68
|
"vue": "^2.6.11"
|
|
69
69
|
},
|
|
70
70
|
"gitHooks": {
|