@dialpad/dialtone-vue 2.83.1 → 2.83.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +1 -1
- package/CHANGELOG.md +7 -0
- package/dist/dialtone-vue.cjs +1 -1
- package/dist/dialtone-vue.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## [2.83.2](https://github.com/dialpad/dialtone-vue/compare/v2.83.1...v2.83.2) (2023-05-12)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **Leftbar Row:** css typo ([#977](https://github.com/dialpad/dialtone-vue/issues/977)) ([75d976e](https://github.com/dialpad/dialtone-vue/commit/75d976ea6021b3b09631e5afc69ea17cc6091d26))
|
|
7
|
+
|
|
1
8
|
## [2.83.1](https://github.com/dialpad/dialtone-vue/compare/v2.83.0...v2.83.1) (2023-05-12)
|
|
2
9
|
|
|
3
10
|
|
package/dist/dialtone-vue.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("vue"),_=require("./emoji_text_wrapper-7e134e22.cjs"),ee={ERROR:"error",WARNING:"warning",SUCCESS:"success"},Gi={LARGE:"lg",EXTRA_LARGE:"xl"},ya={xs:"",sm:"",md:"",lg:"d-description--lg",xl:"d-description--xl"},Sa={xs:"d-label--xs",sm:"d-label--sm",md:"",lg:"d-label--lg",xl:"d-label--xl"},H={esc:"Esc",escape:"Escape",tab:"Tab",enter:"Enter",space:"Space",spacebar:"Spacebar",up:"Up",arrowup:"ArrowUp",left:"Left",arrowleft:"ArrowLeft",right:"Right",arrowright:"ArrowRight",down:"Down",arrowdown:"ArrowDown",home:"Home",end:"End"},Ki=ee.ERROR,Ca="dt";var Pe=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function xa(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function wa(t){if(t.__esModule)return t;var e=t.default;if(typeof e=="function"){var n=function i(){if(this instanceof i){var a=[null];a.push.apply(a,arguments);var o=Function.bind.apply(e,a);return new o}return e.apply(this,arguments)};n.prototype=e.prototype}else n={};return Object.defineProperty(n,"__esModule",{value:!0}),Object.keys(t).forEach(function(i){var a=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(n,i,a.get?a:{enumerable:!0,get:function(){return t[i]}})}),n}var Rn={exports:{}};Rn.exports;(function(t){(function(e,n,i){function a(s){var u=this,d=c();u.next=function(){var l=2091639*u.s0+u.c*23283064365386963e-26;return u.s0=u.s1,u.s1=u.s2,u.s2=l-(u.c=l|0)},u.c=1,u.s0=d(" "),u.s1=d(" "),u.s2=d(" "),u.s0-=d(s),u.s0<0&&(u.s0+=1),u.s1-=d(s),u.s1<0&&(u.s1+=1),u.s2-=d(s),u.s2<0&&(u.s2+=1),d=null}function o(s,u){return u.c=s.c,u.s0=s.s0,u.s1=s.s1,u.s2=s.s2,u}function p(s,u){var d=new a(s),l=u&&u.state,f=d.next;return f.int32=function(){return d.next()*4294967296|0},f.double=function(){return f()+(f()*2097152|0)*11102230246251565e-32},f.quick=f,l&&(typeof l=="object"&&o(l,d),f.state=function(){return o(d,{})}),f}function c(){var s=4022871197,u=function(d){d=String(d);for(var l=0;l<d.length;l++){s+=d.charCodeAt(l);var f=.02519603282416938*s;s=f>>>0,f-=s,f*=s,s=f>>>0,f-=s,s+=f*4294967296}return(s>>>0)*23283064365386963e-26};return u}n&&n.exports?n.exports=p:i&&i.amd?i(function(){return p}):this.alea=p})(Pe,t,!1)})(Rn);var Ea=Rn.exports,kn={exports:{}};kn.exports;(function(t){(function(e,n,i){function a(c){var s=this,u="";s.x=0,s.y=0,s.z=0,s.w=0,s.next=function(){var l=s.x^s.x<<11;return s.x=s.y,s.y=s.z,s.z=s.w,s.w^=s.w>>>19^l^l>>>8},c===(c|0)?s.x=c:u+=c;for(var d=0;d<u.length+64;d++)s.x^=u.charCodeAt(d)|0,s.next()}function o(c,s){return s.x=c.x,s.y=c.y,s.z=c.z,s.w=c.w,s}function p(c,s){var u=new a(c),d=s&&s.state,l=function(){return(u.next()>>>0)/4294967296};return l.double=function(){do var f=u.next()>>>11,h=(u.next()>>>0)/4294967296,v=(f+h)/(1<<21);while(v===0);return v},l.int32=u.next,l.quick=l,d&&(typeof d=="object"&&o(d,u),l.state=function(){return o(u,{})}),l}n&&n.exports?n.exports=p:i&&i.amd?i(function(){return p}):this.xor128=p})(Pe,t,!1)})(kn);var Ia=kn.exports,Pn={exports:{}};Pn.exports;(function(t){(function(e,n,i){function a(c){var s=this,u="";s.next=function(){var l=s.x^s.x>>>2;return s.x=s.y,s.y=s.z,s.z=s.w,s.w=s.v,(s.d=s.d+362437|0)+(s.v=s.v^s.v<<4^(l^l<<1))|0},s.x=0,s.y=0,s.z=0,s.w=0,s.v=0,c===(c|0)?s.x=c:u+=c;for(var d=0;d<u.length+64;d++)s.x^=u.charCodeAt(d)|0,d==u.length&&(s.d=s.x<<10^s.x>>>4),s.next()}function o(c,s){return s.x=c.x,s.y=c.y,s.z=c.z,s.w=c.w,s.v=c.v,s.d=c.d,s}function p(c,s){var u=new a(c),d=s&&s.state,l=function(){return(u.next()>>>0)/4294967296};return l.double=function(){do var f=u.next()>>>11,h=(u.next()>>>0)/4294967296,v=(f+h)/(1<<21);while(v===0);return v},l.int32=u.next,l.quick=l,d&&(typeof d=="object"&&o(d,u),l.state=function(){return o(u,{})}),l}n&&n.exports?n.exports=p:i&&i.amd?i(function(){return p}):this.xorwow=p})(Pe,t,!1)})(Pn);var Oa=Pn.exports,Nn={exports:{}};Nn.exports;(function(t){(function(e,n,i){function a(c){var s=this;s.next=function(){var d=s.x,l=s.i,f,h;return f=d[l],f^=f>>>7,h=f^f<<24,f=d[l+1&7],h^=f^f>>>10,f=d[l+3&7],h^=f^f>>>3,f=d[l+4&7],h^=f^f<<7,f=d[l+7&7],f=f^f<<13,h^=f^f<<9,d[l]=h,s.i=l+1&7,h};function u(d,l){var f,h=[];if(l===(l|0))h[0]=l;else for(l=""+l,f=0;f<l.length;++f)h[f&7]=h[f&7]<<15^l.charCodeAt(f)+h[f+1&7]<<13;for(;h.length<8;)h.push(0);for(f=0;f<8&&h[f]===0;++f);for(f==8?h[7]=-1:h[f],d.x=h,d.i=0,f=256;f>0;--f)d.next()}u(s,c)}function o(c,s){return s.x=c.x.slice(),s.i=c.i,s}function p(c,s){c==null&&(c=+new Date);var u=new a(c),d=s&&s.state,l=function(){return(u.next()>>>0)/4294967296};return l.double=function(){do var f=u.next()>>>11,h=(u.next()>>>0)/4294967296,v=(f+h)/(1<<21);while(v===0);return v},l.int32=u.next,l.quick=l,d&&(d.x&&o(d,u),l.state=function(){return o(u,{})}),l}n&&n.exports?n.exports=p:i&&i.amd?i(function(){return p}):this.xorshift7=p})(Pe,t,!1)})(Nn);var Ta=Nn.exports,Bn={exports:{}};Bn.exports;(function(t){(function(e,n,i){function a(c){var s=this;s.next=function(){var d=s.w,l=s.X,f=s.i,h,v;return s.w=d=d+1640531527|0,v=l[f+34&127],h=l[f=f+1&127],v^=v<<13,h^=h<<17,v^=v>>>15,h^=h>>>12,v=l[f]=v^h,s.i=f,v+(d^d>>>16)|0};function u(d,l){var f,h,v,S,C,O=[],R=128;for(l===(l|0)?(h=l,l=null):(l=l+"\0",h=0,R=Math.max(R,l.length)),v=0,S=-32;S<R;++S)l&&(h^=l.charCodeAt((S+32)%l.length)),S===0&&(C=h),h^=h<<10,h^=h>>>15,h^=h<<4,h^=h>>>13,S>=0&&(C=C+1640531527|0,f=O[S&127]^=h+C,v=f==0?v+1:0);for(v>=128&&(O[(l&&l.length||0)&127]=-1),v=127,S=4*128;S>0;--S)h=O[v+34&127],f=O[v=v+1&127],h^=h<<13,f^=f<<17,h^=h>>>15,f^=f>>>12,O[v]=h^f;d.w=C,d.X=O,d.i=v}u(s,c)}function o(c,s){return s.i=c.i,s.w=c.w,s.X=c.X.slice(),s}function p(c,s){c==null&&(c=+new Date);var u=new a(c),d=s&&s.state,l=function(){return(u.next()>>>0)/4294967296};return l.double=function(){do var f=u.next()>>>11,h=(u.next()>>>0)/4294967296,v=(f+h)/(1<<21);while(v===0);return v},l.int32=u.next,l.quick=l,d&&(d.X&&o(d,u),l.state=function(){return o(u,{})}),l}n&&n.exports?n.exports=p:i&&i.amd?i(function(){return p}):this.xor4096=p})(Pe,t,!1)})(Bn);var La=Bn.exports,Mn={exports:{}};Mn.exports;(function(t){(function(e,n,i){function a(c){var s=this,u="";s.next=function(){var l=s.b,f=s.c,h=s.d,v=s.a;return l=l<<25^l>>>7^f,f=f-h|0,h=h<<24^h>>>8^v,v=v-l|0,s.b=l=l<<20^l>>>12^f,s.c=f=f-h|0,s.d=h<<16^f>>>16^v,s.a=v-l|0},s.a=0,s.b=0,s.c=-1640531527,s.d=1367130551,c===Math.floor(c)?(s.a=c/4294967296|0,s.b=c|0):u+=c;for(var d=0;d<u.length+20;d++)s.b^=u.charCodeAt(d)|0,s.next()}function o(c,s){return s.a=c.a,s.b=c.b,s.c=c.c,s.d=c.d,s}function p(c,s){var u=new a(c),d=s&&s.state,l=function(){return(u.next()>>>0)/4294967296};return l.double=function(){do var f=u.next()>>>11,h=(u.next()>>>0)/4294967296,v=(f+h)/(1<<21);while(v===0);return v},l.int32=u.next,l.quick=l,d&&(typeof d=="object"&&o(d,u),l.state=function(){return o(u,{})}),l}n&&n.exports?n.exports=p:i&&i.amd?i(function(){return p}):this.tychei=p})(Pe,t,!1)})(Mn);var Aa=Mn.exports,Ui={exports:{}};const $a={},Da=Object.freeze(Object.defineProperty({__proto__:null,default:$a},Symbol.toStringTag,{value:"Module"})),Ra=wa(Da);(function(t){(function(e,n,i){var a=256,o=6,p=52,c="random",s=i.pow(a,o),u=i.pow(2,p),d=u*2,l=a-1,f;function h(r,b,g){var w=[];b=b==!0?{entropy:!0}:b||{};var I=O(C(b.entropy?[r,k(n)]:r??R(),3),w),L=new v(w),A=function(){for(var E=L.g(o),T=s,$=0;E<u;)E=(E+$)*a,T*=a,$=L.g(1);for(;E>=d;)E/=2,T/=2,$>>>=1;return(E+$)/T};return A.int32=function(){return L.g(4)|0},A.quick=function(){return L.g(4)/4294967296},A.double=A,O(k(L.S),n),(b.pass||g||function(E,T,$,N){return N&&(N.S&&S(N,L),E.state=function(){return S(L,{})}),$?(i[c]=E,T):E})(A,I,"global"in b?b.global:this==i,b.state)}function v(r){var b,g=r.length,w=this,I=0,L=w.i=w.j=0,A=w.S=[];for(g||(r=[g++]);I<a;)A[I]=I++;for(I=0;I<a;I++)A[I]=A[L=l&L+r[I%g]+(b=A[I])],A[L]=b;(w.g=function(E){for(var T,$=0,N=w.i,j=w.j,B=w.S;E--;)T=B[N=l&N+1],$=$*a+B[l&(B[N]=B[j=l&j+T])+(B[j]=T)];return w.i=N,w.j=j,$})(a)}function S(r,b){return b.i=r.i,b.j=r.j,b.S=r.S.slice(),b}function C(r,b){var g=[],w=typeof r,I;if(b&&w=="object")for(I in r)try{g.push(C(r[I],b-1))}catch{}return g.length?g:w=="string"?r:r+"\0"}function O(r,b){for(var g=r+"",w,I=0;I<g.length;)b[l&I]=l&(w^=b[l&I]*19)+g.charCodeAt(I++);return k(b)}function R(){try{var r;return f&&(r=f.randomBytes)?r=r(a):(r=new Uint8Array(a),(e.crypto||e.msCrypto).getRandomValues(r)),k(r)}catch{var b=e.navigator,g=b&&b.plugins;return[+new Date,e,g,e.screen,k(n)]}}function k(r){return String.fromCharCode.apply(0,r)}if(O(i.random(),n),t.exports){t.exports=h;try{f=Ra}catch{}}else i["seed"+c]=h})(typeof self<"u"?self:Pe,[],Math)})(Ui);var ka=Ui.exports,Pa=Ea,Na=Ia,Ba=Oa,Ma=Ta,Fa=La,Va=Aa,Ne=ka;Ne.alea=Pa;Ne.xor128=Na;Ne.xorwow=Ba;Ne.xorshift7=Ma;Ne.xor4096=Fa;Ne.tychei=Va;var ja=Ne;const Wi=xa(ja);let za=0,di;const Ha=typeof setImmediate=="function"?setImmediate:setTimeout;function V(t=Ca){return`${t}${za++}`}function Bt(t,e){const n=Wi(e);return t[Math.floor(n()*t.length)]}function dt(t){return t?t.map(e=>typeof e=="string"?{message:e,type:Ki}:e):[]}function Fn(t){const e=Ce(t);return!t||!e?[]:t.filter(n=>!!n.message&&n.type===e)}function Ce(t){return t?Mt(t,ee.ERROR)?ee.ERROR:Mt(t,ee.WARNING)?ee.WARNING:Mt(t,ee.SUCCESS)?ee.SUCCESS:null:null}function Mt(t,e){return!t||!e?!1:t.some(n=>(n==null?void 0:n.type)===e)}const qa={name:"html-fragment",functional:!0,props:["html"],render(t,e){return new X({name:"Inner",beforeCreate(){this.$createElement=t},template:`<div>${e.props.html}</div>`}).$mount()._vnode.children}},Ga=()=>new Promise(t=>{Ha(t)}),Yi=t=>t==null?void 0:t.toLowerCase().split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join("");function Ka(t,e=300){clearTimeout(di),di=setTimeout(t,e)}function Zi(t){const e=t.getBoundingClientRect(),n={top:e.top<0,left:e.left<0,bottom:e.bottom>(window.innerHeight||document.documentElement.clientHeight),right:e.right>(window.innerWidth||document.documentElement.clientWidth)};return n.any=Object.values(n).some(i=>i),n.all=Object.values(n).every(i=>i),n}const ae={getUniqueString:V,getRandomElement:Bt,formatMessages:dt,filterFormattedMessages:Fn,hasFormattedMessageOfType:Mt,getValidationState:Ce,htmlFragment:qa,flushPromises:Ga,kebabCaseToPascalCase:Yi,debounce:Ka,isOutOfViewPort:Zi},Ge={BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},Xi=[Ge.BUSY,Ge.AWAY,Ge.OFFLINE,Ge.ACTIVE],Ua={name:"DtPresence",props:{presence:{type:String,default:Ge.ACTIVE,validator:t=>Xi.includes(t)},srText:{type:String,default:null}}};var Wa=function(){var e=this,n=e._self._c;return n("div",{staticClass:"d-presence",attrs:{"data-qa":"dt-presence",role:"status","aria-live":e.$attrs.ariaLive||"off"}},[e.srText?n("span",{staticClass:"sr-only",attrs:{"data-qa":"dt-presence-sr-text"}},[e._v(e._s(e.srText)+" ")]):e._e(),n("div",{staticClass:"d-presence__inner",class:{"d-presence__inner--active":e.presence==="active","d-presence__inner--away":e.presence==="away","d-presence__inner--busy":e.presence==="busy","d-presence__inner--offline":e.presence==="offline"}})])},Ya=[],Za=_.normalizeComponent(Ua,Wa,Ya,!1,null,null,null,null);const Qi=Za.exports,Xa={name:"DtIcon",props:{size:{type:String,default:"500",validator:t=>Object.keys(_.ICON_SIZE_MODIFIERS).includes(t)},name:{type:String,required:!0},ariaLabel:{type:String,default:void 0}},computed:{iconSize(){return _.ICON_SIZE_MODIFIERS[this.size]},iconName(){return Yi(this.name)},currentIcon(){return _.DIALTONE_ICONS[this.iconName]}}};var Qa=function(){var e=this,n=e._self._c;return e.currentIcon?n(e.currentIcon,{tag:"component",class:e.iconSize,attrs:{"data-qa":"dt-icon","aria-hidden":e.ariaLabel?"false":"true","aria-label":e.ariaLabel}}):e._e()},Ja=[],er=_.normalizeComponent(Xa,Qa,Ja,!1,null,null,null,null);const M=er.exports,Ft={xs:"d-avatar--xs",sm:"d-avatar--sm",md:"d-avatar--md",lg:"d-avatar--lg",xl:"d-avatar--xl"},gn={default:"",icon:"d-avatar__icon",initials:"d-avatar__initials"},tr={md:"d-avatar__presence--md",lg:"d-avatar__presence--lg"},ci={NONE:"",BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},nr=[45,-45,90,-90,135,-135,180,-180],ui={with100:["purple-100","magenta-100","gold-100","blue-100"],with200:["purple-200","magenta-200","gold-200","blue-200"]},ir=3,sr=2,pi=t=>t>1;const ar={name:"DtAvatar",components:{DtPresence:Qi,DtIcon:M},inheritAttrs:!1,props:{id:{type:String,default(){return V()}},seed:{type:String,default:void 0},size:{type:String,default:"md",validator:t=>Object.keys(Ft).includes(t)},avatarClass:{type:[String,Array,Object],default:""},canvasClass:{type:[String,Array,Object],default:""},presence:{type:String,default:ci.NONE,validator:t=>Object.values(ci).includes(t)},presenceProps:{type:Object,default:()=>({})},initials:{type:String,default:""},gradient:{type:Boolean,default:!0},group:{type:Number,default:void 0,validator:t=>pi(t)},overlayIcon:{type:String,default:""},overlayText:{type:String,default:""},overlayClass:{type:[String,Array,Object],default:""}},data(){return{kind:null,AVATAR_SIZE_MODIFIERS:Ft,AVATAR_KIND_MODIFIERS:gn,AVATAR_PRESENCE_SIZE_MODIFIERS:tr,imageLoadedSuccessfully:null,slottedInitials:"",formattedInitials:"",initializing:!1}},computed:{avatarClasses(){return["d-avatar",Ft[this.validatedSize],this.avatarClass,{"d-avatar--no-gradient":!this.gradient,"d-avatar--group":this.showGroup}]},overlayClasses(){return["d-bgc-black-900 d-o70 d-ps-absolute d-w100p d-h100p d-d-flex d-ai-center d-bar-circle d-zi-base",this.overlayClass]},showDefaultSlot(){return this.kind!=="initials"||this.kind==="image"&&this.imageLoadedSuccessfully===!0},showInitials(){return this.kind==="initials"||this.kind==="image"&&this.initials&&this.imageLoadedSuccessfully!==!0},showGroup(){return pi(this.group)},initialKindStyle(){const t=this.randomizeGradientColorStops();return{"--avatar-gradient-angle":`${this.randomizeGradientAngle()}deg`,"--avatar-gradient-stop-1":`var(--${t[0]})`,"--avatar-gradient-stop-2":`var(--${t[1]})`,"--avatar-gradient-stop-3":`var(--${t[2]})`}},formattedGroup(){return this.group>99?"99+":this.group},validatedSize(){return this.group?"xs":this.size}},mounted(){this.init()},updated(){this.init()},methods:{async init(){var e;if(this.initializing)return;this.kind=null,await this.$nextTick();const t=((e=this.$refs.canvas)==null?void 0:e.firstElementChild)||this.$refs.canvas;this.formatInitials(this.initials),t&&(this.setKind(t),this.kindHandler(t)),this.initializing=!0,await this.$nextTick(),this.initializing=!1},kindHandler(t){switch(this.kind){case"image":t.classList.add("d-avatar__image"),this.validateImageAttrsPresence(),this.setImageListeners(t);break;case"icon":t.classList.add(gn.icon);break;case"initials":this.slottedInitials=t.text||t.textContent,this.formatInitials(this.slottedInitials.trim()||this.initials);break}},setImageListeners(t){t.addEventListener("load",()=>this._loadedImageEventHandler(t),{once:!0}),t.addEventListener("error",()=>this._erroredImageEventHandler(t),{once:!0})},formatInitials(t){!t||this.validatedSize==="xs"?this.formattedInitials="":this.validatedSize==="sm"?this.formattedInitials=t.trim()[0]:this.formattedInitials=t.trim().slice(0,2)},setKind(t){if(this.isIconType(t)){this.kind="icon";return}if(this.isImageType(t)){this.kind="image";return}this.kind="initials"},isIconType(t){var e;return((e=t==null?void 0:t.tagName)==null?void 0:e.toUpperCase())==="SVG"},isImageType(t){var e;return((e=t==null?void 0:t.tagName)==null?void 0:e.toUpperCase())==="IMG"},randomizeGradientAngle(){return Bt(nr,this.seed)},randomizeGradientColorStops(){const t=new Set;let e=0;for(;t.size<ir;){const i=this.seed===void 0?void 0:this.seed+e.toString();t.size===sr?t.add(Bt(ui.with200,i)):t.add(Bt(ui.with100,i)),e++}const n=Wi(this.seed);return Array.from(t).sort(()=>.5-n())},validateImageAttrsPresence(){const t=!this.$refs.canvas.firstChild.getAttribute("src"),e=this.$refs.canvas.firstChild.getAttribute("alt")===null;(t||e)&&X.util.warn("src and alt attributes are required for image avatars",this)},_loadedImageEventHandler(t){this.imageLoadedSuccessfully=!0,t.classList.remove("d-d-none"),t.classList.add("d-avatar--image-loaded")},_erroredImageEventHandler(t){this.imageLoadedSuccessfully=!1,t.classList.remove("d-avatar--image-loaded"),t.classList.add("d-d-none")}}};var rr=function(){var e=this,n=e._self._c;return n("div",{class:e.avatarClasses,style:e.initialKindStyle,attrs:{id:e.id,"data-qa":"dt-avatar"}},[n("div",{ref:"canvas",class:[e.canvasClass,"d-avatar__canvas"]},[e.showDefaultSlot?e._t("default"):e._e(),e.showInitials?n("span",{staticClass:"d-ps-absolute d-zi-base",class:e.AVATAR_KIND_MODIFIERS.initials},[e._v(" "+e._s(e.formattedInitials)+" ")]):e._e()],2),e.overlayIcon||e.overlayText?n("div",{class:e.overlayClasses},[e.overlayIcon?n("dt-icon",{staticClass:"d-fc-white d-w100p",attrs:{name:e.overlayIcon}}):e.overlayText?n("p",{staticClass:"d-fs-200 d-fw-bold d-fc-white d-w100p d-ta-center"},[e._v(" "+e._s(e.overlayText)+" ")]):e._e()],1):e._e(),e.showGroup?n("span",{staticClass:"d-avatar__count d-zi-base",attrs:{"data-qa":"dt-avatar-count"}},[e._v(e._s(e.formattedGroup))]):e._e(),e.presence&&!e.showGroup?n("dt-presence",e._b({staticClass:"d-zi-base",class:["d-avatar__presence",e.AVATAR_PRESENCE_SIZE_MODIFIERS[e.size]],attrs:{presence:e.presence,"data-qa":"dt-presence"}},"dt-presence",e.presenceProps,!1)):e._e()],1)},or=[],lr=_.normalizeComponent(ar,rr,or,!1,null,null,null,null);const Kt=lr.exports,vn={default:"",info:"d-badge--info",success:"d-badge--success",warning:"d-badge--warning",critical:"d-badge--critical",bulletin:"d-badge--bulletin",ai:"d-badge--ai"},bn={label:"",count:"d-badge--count"},yn={"black-400":"d-badge--decorate-black-400","black-500":"d-badge--decorate-black-500","black-900":"d-badge--decorate-black-900","red-200":"d-badge--decorate-red-200","red-300":"d-badge--decorate-red-300","red-400":"d-badge--decorate-red-400","purple-200":"d-badge--decorate-purple-200","purple-300":"d-badge--decorate-purple-300","purple-400":"d-badge--decorate-purple-400","purple-500":"d-badge--decorate-purple-500","blue-200":"d-badge--decorate-blue-200","blue-300":"d-badge--decorate-blue-300","blue-400":"d-badge--decorate-blue-400","green-300":"d-badge--decorate-green-300","green-400":"d-badge--decorate-green-400","green-500":"d-badge--decorate-green-500","gold-300":"d-badge--decorate-gold-300","gold-400":"d-badge--decorate-gold-400","gold-500":"d-badge--decorate-gold-500","magenta-200":"d-badge--decorate-magenta-200","magenta-300":"d-badge--decorate-magenta-300","magenta-400":"d-badge--decorate-magenta-400"},dr={name:"DtBadge",components:{DtIcon:M},props:{iconLeft:{type:String,default:""},iconRight:{type:String,default:""},text:{type:String,default:""},kind:{type:String,default:"label",validator:t=>Object.keys(bn).includes(t)},type:{type:String,default:"default",validator:t=>Object.keys(vn).includes(t)},decoration:{type:String,default:void 0,validator:t=>Object.keys(yn).includes(t)}},data(){return{BADGE_TYPE_MODIFIERS:vn,BADGE_KIND_MODIFIERS:bn,BADGE_DECORATION_MODIFIERS:yn}},computed:{hasIcons(){return this.iconLeft!==""||this.iconRight!==""}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateProps()}}},methods:{validateProps(){this.validateTypePropCombination(),this.validateDecorationPropCombination()},validateTypePropCombination(){this.type==="ai"&&this.kind==="count"&&console.error("DtBadge error: type: 'ai' with kind: 'count' is an invalid combination.")},validateDecorationPropCombination(){this.decoration&&((this.kind!=="label"||this.type!=="default")&&console.error("DtBadge error: decoration prop can only be used with kind: 'label' and type: 'default'."),this.hasIcons&&console.error("DtBadge error: decoration prop cannot be used with iconLeft or iconRight."))}}};var cr=function(){var e=this,n=e._self._c;return n("span",{class:["d-badge",e.BADGE_TYPE_MODIFIERS[e.type],e.BADGE_KIND_MODIFIERS[e.kind],e.BADGE_DECORATION_MODIFIERS[e.decoration]],attrs:{"data-qa":"dt-badge"}},[e.decoration?n("span",{staticClass:"d-badge__decorative"}):e._e(),e.iconLeft||e.type==="ai"?n("span",{staticClass:"d-badge__icon-left"},[n("dt-icon",{attrs:{name:e.iconLeft||"dialpad-ai",size:"200"}})],1):e._e(),n("span",{staticClass:"d-badge__label"},[e._t("default",function(){return[e._v(" "+e._s(e.text)+" ")]})],2),e.iconRight?n("span",{staticClass:"d-badge__icon-right"},[n("dt-icon",{attrs:{name:e.iconRight,size:"200"}})],1):e._e()])},ur=[],pr=_.normalizeComponent(dr,cr,ur,!1,null,null,null,null);const Ji=pr.exports,Xe=["base","error","info","success","warning"],fr=["alert","alertdialog","status"],hr=new Map([["info","info"],["success","check-circle"],["warning","alert-triangle"],["error","alert-circle"],["base","bell"]]),mr={name:"DtNoticeIcon",components:{DtIcon:M},props:{kind:{type:String,default:"base",validate(t){return Xe.includes(t)}}},computed:{defaultIcon(){return hr.get(this.kind)}}};var _r=function(){var e=this,n=e._self._c;return e.defaultIcon||e.$slots.default?n("div",{staticClass:"d-notice__icon",attrs:{"aria-hidden":"true"}},[e._t("default",function(){return[n("dt-icon",{attrs:{name:e.defaultIcon,size:"400"}})]})],2):e._e()},gr=[],vr=_.normalizeComponent(mr,_r,gr,!1,null,null,null,null);const Vn=vr.exports,br={name:"DtNoticeContent",props:{title:{type:String,default:""},titleId:{type:String,default:void 0},contentId:{type:String,default:void 0}}};var yr=function(){var e=this,n=e._self._c;return n("div",{staticClass:"d-notice__content",attrs:{"data-qa":"notice-content"}},[e.title||e.$slots.titleOverride?n("p",{staticClass:"d-notice__title",attrs:{id:e.titleId,"data-qa":"notice-content-title"}},[e._t("titleOverride",function(){return[e._v(" "+e._s(e.title)+" ")]})],2):e._e(),n("p",{staticClass:"d-notice__message",attrs:{id:e.contentId,"data-qa":"notice-content-message"}},[e._t("default")],2)])},Sr=[],Cr=_.normalizeComponent(br,yr,Sr,!1,null,null,null,null);const jn=Cr.exports,cn={xs:"d-btn--xs",sm:"d-btn--sm",md:"",lg:"d-btn--lg",xl:"d-btn--xl"},fi={default:"",muted:"d-btn--muted",danger:"d-btn--danger",inverted:"d-btn--inverted"},hi={clear:"",primary:"d-btn--primary",outlined:"d-btn--outlined"},xr=["submit","reset","button"],mi={left:"d-btn__icon--left",right:"d-btn__icon--right",top:"d-btn__icon--top",bottom:"d-btn__icon--bottom"},wr=[{circle:!0,kind:"default",importance:"primary",message:kt(!0,"default","primary")},{circle:!0,kind:"danger",importance:"outlined",message:kt(!0,"danger","outlined")},{circle:!0,kind:"muted",importance:"primary",message:kt(!0,"muted","primary")},{circle:!1,kind:"muted",importance:"primary",message:kt(!1,"muted","primary")}];function kt(t,e,n){return`You cannot 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.html for a list of available button styles`}const Er="danger",Ir="warning",Or="success",es="muted",ts="inverted",ns=["",Er,Ir,Or,es,ts],Ht={default:"",warning:"d-link--warning",danger:"d-link--danger",success:"d-link--success",muted:"d-link--muted",inverted:"d-link--inverted"},Tr={name:"DtButton",props:{circle:{type:Boolean,default:!1},iconPosition:{type:String,default:"left",validator:t=>Object.keys(mi).includes(t)},importance:{type:String,default:"primary",validator:t=>Object.keys(hi).includes(t)},link:{type:Boolean,default:!1},linkKind:{type:String,default:"default",validator:t=>Object.keys(Ht).includes(t)},disabled:{type:Boolean,default:!1},type:{type:String,default:"button",validator:t=>xr.includes(t)},width:{type:String,default:null},size:{type:String,default:"md",validator:t=>Object.keys(cn).includes(t)},labelClass:{type:[String,Array,Object],default:""},loading:{type:Boolean,default:!1},kind:{type:String,default:"default",validator:t=>Object.keys(fi).includes(t)},assertiveOnFocus:{type:Boolean,default:!1},active:{type:Boolean,default:!1}},emits:["click","focusin","focusout"],data(){return{ICON_POSITION_MODIFIERS:mi,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}},watch:{$props:{deep:!0,immediate:!0,handler(){process.env.NODE_ENV!=="production"&&(this.circle&&this.link&&X.util.warn("You cannot enable circle and link at the same time",this),this.isInvalidPropCombination(this.circle,this.kind,this.importance))}}},methods:{buttonClasses(){return this.link?["d-link",Ht[this.linkKind],cn[this.size]]:["d-btn",hi[this.importance],fi[this.kind],cn[this.size],{"d-btn--circle":this.circle,"d-btn--loading":this.loading,"d-btn--icon-only":this.isIconOnly(),"d-btn--vertical":this.isVerticalIconLayout(),"d-btn--active":this.active}]},isInvalidPropCombination(t,e,n){for(const i of wr)if(t===i.circle&&e===i.kind&&n===i.importance)return console.error(i.message),!1;return!0},shouldRenderIcon(){return this.$slots.icon&&!this.link},isIconOnly(){return this.shouldRenderIcon()&&!this.$slots.default},isVerticalIconLayout(){return this.shouldRenderIcon()&&!this.isIconOnly()&&["top","bottom"].includes(this.iconPosition)}}};var Lr=function(){var e=this,n=e._self._c;return n("button",e._g({class:["base-button__button",e.buttonClasses()],style:{width:e.width},attrs:{"data-qa":"dt-button",type:e.type,disabled:e.disabled,"aria-live":e.computedAriaLive,"aria-label":e.loading?"loading":e.$attrs["aria-label"]}},e.buttonListeners),[e.shouldRenderIcon()?n("span",{class:["base-button__icon","d-btn__icon",e.ICON_POSITION_MODIFIERS[e.iconPosition]],attrs:{"data-qa":"dt-button-icon"}},[e._t("icon")],2):e._e(),e.$slots.default?n("span",{class:["d-w100p","d-btn__label","base-button__label",e.labelClass],attrs:{"data-qa":"dt-button-label"}},[e._t("default")],2):e._e()])},Ar=[],$r=_.normalizeComponent(Tr,Lr,Ar,!1,null,null,null,null);const q=$r.exports,ge={props:{visuallyHiddenClose:{type:Boolean,default:!1},visuallyHiddenCloseLabel:{type:String,default:null}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateVisuallyHiddenCloseProps()}}},computed:{showVisuallyHiddenClose(){return this.visuallyHiddenClose&&this.visuallyHiddenCloseLabel!=null}},methods:{validateVisuallyHiddenCloseProps(){this.visuallyHiddenClose&&!this.visuallyHiddenCloseLabel&&console.error(`If visuallyHiddenClose prop is true, the component includes
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("vue"),_=require("./emoji_text_wrapper-7e134e22.cjs"),ee={ERROR:"error",WARNING:"warning",SUCCESS:"success"},Gi={LARGE:"lg",EXTRA_LARGE:"xl"},ya={xs:"",sm:"",md:"",lg:"d-description--lg",xl:"d-description--xl"},Sa={xs:"d-label--xs",sm:"d-label--sm",md:"",lg:"d-label--lg",xl:"d-label--xl"},H={esc:"Esc",escape:"Escape",tab:"Tab",enter:"Enter",space:"Space",spacebar:"Spacebar",up:"Up",arrowup:"ArrowUp",left:"Left",arrowleft:"ArrowLeft",right:"Right",arrowright:"ArrowRight",down:"Down",arrowdown:"ArrowDown",home:"Home",end:"End"},Ki=ee.ERROR,Ca="dt";var Pe=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function xa(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function wa(t){if(t.__esModule)return t;var e=t.default;if(typeof e=="function"){var n=function i(){if(this instanceof i){var a=[null];a.push.apply(a,arguments);var o=Function.bind.apply(e,a);return new o}return e.apply(this,arguments)};n.prototype=e.prototype}else n={};return Object.defineProperty(n,"__esModule",{value:!0}),Object.keys(t).forEach(function(i){var a=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(n,i,a.get?a:{enumerable:!0,get:function(){return t[i]}})}),n}var Rn={exports:{}};Rn.exports;(function(t){(function(e,n,i){function a(s){var u=this,d=c();u.next=function(){var l=2091639*u.s0+u.c*23283064365386963e-26;return u.s0=u.s1,u.s1=u.s2,u.s2=l-(u.c=l|0)},u.c=1,u.s0=d(" "),u.s1=d(" "),u.s2=d(" "),u.s0-=d(s),u.s0<0&&(u.s0+=1),u.s1-=d(s),u.s1<0&&(u.s1+=1),u.s2-=d(s),u.s2<0&&(u.s2+=1),d=null}function o(s,u){return u.c=s.c,u.s0=s.s0,u.s1=s.s1,u.s2=s.s2,u}function p(s,u){var d=new a(s),l=u&&u.state,f=d.next;return f.int32=function(){return d.next()*4294967296|0},f.double=function(){return f()+(f()*2097152|0)*11102230246251565e-32},f.quick=f,l&&(typeof l=="object"&&o(l,d),f.state=function(){return o(d,{})}),f}function c(){var s=4022871197,u=function(d){d=String(d);for(var l=0;l<d.length;l++){s+=d.charCodeAt(l);var f=.02519603282416938*s;s=f>>>0,f-=s,f*=s,s=f>>>0,f-=s,s+=f*4294967296}return(s>>>0)*23283064365386963e-26};return u}n&&n.exports?n.exports=p:i&&i.amd?i(function(){return p}):this.alea=p})(Pe,t,!1)})(Rn);var Ea=Rn.exports,kn={exports:{}};kn.exports;(function(t){(function(e,n,i){function a(c){var s=this,u="";s.x=0,s.y=0,s.z=0,s.w=0,s.next=function(){var l=s.x^s.x<<11;return s.x=s.y,s.y=s.z,s.z=s.w,s.w^=s.w>>>19^l^l>>>8},c===(c|0)?s.x=c:u+=c;for(var d=0;d<u.length+64;d++)s.x^=u.charCodeAt(d)|0,s.next()}function o(c,s){return s.x=c.x,s.y=c.y,s.z=c.z,s.w=c.w,s}function p(c,s){var u=new a(c),d=s&&s.state,l=function(){return(u.next()>>>0)/4294967296};return l.double=function(){do var f=u.next()>>>11,h=(u.next()>>>0)/4294967296,v=(f+h)/(1<<21);while(v===0);return v},l.int32=u.next,l.quick=l,d&&(typeof d=="object"&&o(d,u),l.state=function(){return o(u,{})}),l}n&&n.exports?n.exports=p:i&&i.amd?i(function(){return p}):this.xor128=p})(Pe,t,!1)})(kn);var Ia=kn.exports,Pn={exports:{}};Pn.exports;(function(t){(function(e,n,i){function a(c){var s=this,u="";s.next=function(){var l=s.x^s.x>>>2;return s.x=s.y,s.y=s.z,s.z=s.w,s.w=s.v,(s.d=s.d+362437|0)+(s.v=s.v^s.v<<4^(l^l<<1))|0},s.x=0,s.y=0,s.z=0,s.w=0,s.v=0,c===(c|0)?s.x=c:u+=c;for(var d=0;d<u.length+64;d++)s.x^=u.charCodeAt(d)|0,d==u.length&&(s.d=s.x<<10^s.x>>>4),s.next()}function o(c,s){return s.x=c.x,s.y=c.y,s.z=c.z,s.w=c.w,s.v=c.v,s.d=c.d,s}function p(c,s){var u=new a(c),d=s&&s.state,l=function(){return(u.next()>>>0)/4294967296};return l.double=function(){do var f=u.next()>>>11,h=(u.next()>>>0)/4294967296,v=(f+h)/(1<<21);while(v===0);return v},l.int32=u.next,l.quick=l,d&&(typeof d=="object"&&o(d,u),l.state=function(){return o(u,{})}),l}n&&n.exports?n.exports=p:i&&i.amd?i(function(){return p}):this.xorwow=p})(Pe,t,!1)})(Pn);var Oa=Pn.exports,Nn={exports:{}};Nn.exports;(function(t){(function(e,n,i){function a(c){var s=this;s.next=function(){var d=s.x,l=s.i,f,h;return f=d[l],f^=f>>>7,h=f^f<<24,f=d[l+1&7],h^=f^f>>>10,f=d[l+3&7],h^=f^f>>>3,f=d[l+4&7],h^=f^f<<7,f=d[l+7&7],f=f^f<<13,h^=f^f<<9,d[l]=h,s.i=l+1&7,h};function u(d,l){var f,h=[];if(l===(l|0))h[0]=l;else for(l=""+l,f=0;f<l.length;++f)h[f&7]=h[f&7]<<15^l.charCodeAt(f)+h[f+1&7]<<13;for(;h.length<8;)h.push(0);for(f=0;f<8&&h[f]===0;++f);for(f==8?h[7]=-1:h[f],d.x=h,d.i=0,f=256;f>0;--f)d.next()}u(s,c)}function o(c,s){return s.x=c.x.slice(),s.i=c.i,s}function p(c,s){c==null&&(c=+new Date);var u=new a(c),d=s&&s.state,l=function(){return(u.next()>>>0)/4294967296};return l.double=function(){do var f=u.next()>>>11,h=(u.next()>>>0)/4294967296,v=(f+h)/(1<<21);while(v===0);return v},l.int32=u.next,l.quick=l,d&&(d.x&&o(d,u),l.state=function(){return o(u,{})}),l}n&&n.exports?n.exports=p:i&&i.amd?i(function(){return p}):this.xorshift7=p})(Pe,t,!1)})(Nn);var Ta=Nn.exports,Bn={exports:{}};Bn.exports;(function(t){(function(e,n,i){function a(c){var s=this;s.next=function(){var d=s.w,l=s.X,f=s.i,h,v;return s.w=d=d+1640531527|0,v=l[f+34&127],h=l[f=f+1&127],v^=v<<13,h^=h<<17,v^=v>>>15,h^=h>>>12,v=l[f]=v^h,s.i=f,v+(d^d>>>16)|0};function u(d,l){var f,h,v,S,C,O=[],R=128;for(l===(l|0)?(h=l,l=null):(l=l+"\0",h=0,R=Math.max(R,l.length)),v=0,S=-32;S<R;++S)l&&(h^=l.charCodeAt((S+32)%l.length)),S===0&&(C=h),h^=h<<10,h^=h>>>15,h^=h<<4,h^=h>>>13,S>=0&&(C=C+1640531527|0,f=O[S&127]^=h+C,v=f==0?v+1:0);for(v>=128&&(O[(l&&l.length||0)&127]=-1),v=127,S=4*128;S>0;--S)h=O[v+34&127],f=O[v=v+1&127],h^=h<<13,f^=f<<17,h^=h>>>15,f^=f>>>12,O[v]=h^f;d.w=C,d.X=O,d.i=v}u(s,c)}function o(c,s){return s.i=c.i,s.w=c.w,s.X=c.X.slice(),s}function p(c,s){c==null&&(c=+new Date);var u=new a(c),d=s&&s.state,l=function(){return(u.next()>>>0)/4294967296};return l.double=function(){do var f=u.next()>>>11,h=(u.next()>>>0)/4294967296,v=(f+h)/(1<<21);while(v===0);return v},l.int32=u.next,l.quick=l,d&&(d.X&&o(d,u),l.state=function(){return o(u,{})}),l}n&&n.exports?n.exports=p:i&&i.amd?i(function(){return p}):this.xor4096=p})(Pe,t,!1)})(Bn);var La=Bn.exports,Mn={exports:{}};Mn.exports;(function(t){(function(e,n,i){function a(c){var s=this,u="";s.next=function(){var l=s.b,f=s.c,h=s.d,v=s.a;return l=l<<25^l>>>7^f,f=f-h|0,h=h<<24^h>>>8^v,v=v-l|0,s.b=l=l<<20^l>>>12^f,s.c=f=f-h|0,s.d=h<<16^f>>>16^v,s.a=v-l|0},s.a=0,s.b=0,s.c=-1640531527,s.d=1367130551,c===Math.floor(c)?(s.a=c/4294967296|0,s.b=c|0):u+=c;for(var d=0;d<u.length+20;d++)s.b^=u.charCodeAt(d)|0,s.next()}function o(c,s){return s.a=c.a,s.b=c.b,s.c=c.c,s.d=c.d,s}function p(c,s){var u=new a(c),d=s&&s.state,l=function(){return(u.next()>>>0)/4294967296};return l.double=function(){do var f=u.next()>>>11,h=(u.next()>>>0)/4294967296,v=(f+h)/(1<<21);while(v===0);return v},l.int32=u.next,l.quick=l,d&&(typeof d=="object"&&o(d,u),l.state=function(){return o(u,{})}),l}n&&n.exports?n.exports=p:i&&i.amd?i(function(){return p}):this.tychei=p})(Pe,t,!1)})(Mn);var Aa=Mn.exports,Ui={exports:{}};const $a={},Da=Object.freeze(Object.defineProperty({__proto__:null,default:$a},Symbol.toStringTag,{value:"Module"})),Ra=wa(Da);(function(t){(function(e,n,i){var a=256,o=6,p=52,c="random",s=i.pow(a,o),u=i.pow(2,p),d=u*2,l=a-1,f;function h(r,b,g){var w=[];b=b==!0?{entropy:!0}:b||{};var I=O(C(b.entropy?[r,k(n)]:r??R(),3),w),L=new v(w),A=function(){for(var E=L.g(o),T=s,$=0;E<u;)E=(E+$)*a,T*=a,$=L.g(1);for(;E>=d;)E/=2,T/=2,$>>>=1;return(E+$)/T};return A.int32=function(){return L.g(4)|0},A.quick=function(){return L.g(4)/4294967296},A.double=A,O(k(L.S),n),(b.pass||g||function(E,T,$,N){return N&&(N.S&&S(N,L),E.state=function(){return S(L,{})}),$?(i[c]=E,T):E})(A,I,"global"in b?b.global:this==i,b.state)}function v(r){var b,g=r.length,w=this,I=0,L=w.i=w.j=0,A=w.S=[];for(g||(r=[g++]);I<a;)A[I]=I++;for(I=0;I<a;I++)A[I]=A[L=l&L+r[I%g]+(b=A[I])],A[L]=b;(w.g=function(E){for(var T,$=0,N=w.i,j=w.j,B=w.S;E--;)T=B[N=l&N+1],$=$*a+B[l&(B[N]=B[j=l&j+T])+(B[j]=T)];return w.i=N,w.j=j,$})(a)}function S(r,b){return b.i=r.i,b.j=r.j,b.S=r.S.slice(),b}function C(r,b){var g=[],w=typeof r,I;if(b&&w=="object")for(I in r)try{g.push(C(r[I],b-1))}catch{}return g.length?g:w=="string"?r:r+"\0"}function O(r,b){for(var g=r+"",w,I=0;I<g.length;)b[l&I]=l&(w^=b[l&I]*19)+g.charCodeAt(I++);return k(b)}function R(){try{var r;return f&&(r=f.randomBytes)?r=r(a):(r=new Uint8Array(a),(e.crypto||e.msCrypto).getRandomValues(r)),k(r)}catch{var b=e.navigator,g=b&&b.plugins;return[+new Date,e,g,e.screen,k(n)]}}function k(r){return String.fromCharCode.apply(0,r)}if(O(i.random(),n),t.exports){t.exports=h;try{f=Ra}catch{}}else i["seed"+c]=h})(typeof self<"u"?self:Pe,[],Math)})(Ui);var ka=Ui.exports,Pa=Ea,Na=Ia,Ba=Oa,Ma=Ta,Fa=La,Va=Aa,Ne=ka;Ne.alea=Pa;Ne.xor128=Na;Ne.xorwow=Ba;Ne.xorshift7=Ma;Ne.xor4096=Fa;Ne.tychei=Va;var ja=Ne;const Wi=xa(ja);let za=0,di;const Ha=typeof setImmediate=="function"?setImmediate:setTimeout;function V(t=Ca){return`${t}${za++}`}function Bt(t,e){const n=Wi(e);return t[Math.floor(n()*t.length)]}function dt(t){return t?t.map(e=>typeof e=="string"?{message:e,type:Ki}:e):[]}function Fn(t){const e=Ce(t);return!t||!e?[]:t.filter(n=>!!n.message&&n.type===e)}function Ce(t){return t?Mt(t,ee.ERROR)?ee.ERROR:Mt(t,ee.WARNING)?ee.WARNING:Mt(t,ee.SUCCESS)?ee.SUCCESS:null:null}function Mt(t,e){return!t||!e?!1:t.some(n=>(n==null?void 0:n.type)===e)}const qa={name:"html-fragment",functional:!0,props:["html"],render(t,e){return new X({name:"Inner",beforeCreate(){this.$createElement=t},template:`<div>${e.props.html}</div>`}).$mount()._vnode.children}},Ga=()=>new Promise(t=>{Ha(t)}),Yi=t=>t==null?void 0:t.toLowerCase().split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join("");function Ka(t,e=300){clearTimeout(di),di=setTimeout(t,e)}function Zi(t){const e=t.getBoundingClientRect(),n={top:e.top<0,left:e.left<0,bottom:e.bottom>(window.innerHeight||document.documentElement.clientHeight),right:e.right>(window.innerWidth||document.documentElement.clientWidth)};return n.any=Object.values(n).some(i=>i),n.all=Object.values(n).every(i=>i),n}const ae={getUniqueString:V,getRandomElement:Bt,formatMessages:dt,filterFormattedMessages:Fn,hasFormattedMessageOfType:Mt,getValidationState:Ce,htmlFragment:qa,flushPromises:Ga,kebabCaseToPascalCase:Yi,debounce:Ka,isOutOfViewPort:Zi},Ge={BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},Xi=[Ge.BUSY,Ge.AWAY,Ge.OFFLINE,Ge.ACTIVE],Ua={name:"DtPresence",props:{presence:{type:String,default:Ge.ACTIVE,validator:t=>Xi.includes(t)},srText:{type:String,default:null}}};var Wa=function(){var e=this,n=e._self._c;return n("div",{staticClass:"d-presence",attrs:{"data-qa":"dt-presence",role:"status","aria-live":e.$attrs.ariaLive||"off"}},[e.srText?n("span",{staticClass:"sr-only",attrs:{"data-qa":"dt-presence-sr-text"}},[e._v(e._s(e.srText)+" ")]):e._e(),n("div",{staticClass:"d-presence__inner",class:{"d-presence__inner--active":e.presence==="active","d-presence__inner--away":e.presence==="away","d-presence__inner--busy":e.presence==="busy","d-presence__inner--offline":e.presence==="offline"}})])},Ya=[],Za=_.normalizeComponent(Ua,Wa,Ya,!1,null,null,null,null);const Qi=Za.exports,Xa={name:"DtIcon",props:{size:{type:String,default:"500",validator:t=>Object.keys(_.ICON_SIZE_MODIFIERS).includes(t)},name:{type:String,required:!0},ariaLabel:{type:String,default:void 0}},computed:{iconSize(){return _.ICON_SIZE_MODIFIERS[this.size]},iconName(){return Yi(this.name)},currentIcon(){return _.DIALTONE_ICONS[this.iconName]}}};var Qa=function(){var e=this,n=e._self._c;return e.currentIcon?n(e.currentIcon,{tag:"component",class:e.iconSize,attrs:{"data-qa":"dt-icon","aria-hidden":e.ariaLabel?"false":"true","aria-label":e.ariaLabel}}):e._e()},Ja=[],er=_.normalizeComponent(Xa,Qa,Ja,!1,null,null,null,null);const M=er.exports,Ft={xs:"d-avatar--xs",sm:"d-avatar--sm",md:"d-avatar--md",lg:"d-avatar--lg",xl:"d-avatar--xl"},gn={default:"",icon:"d-avatar__icon",initials:"d-avatar__initials"},tr={md:"d-avatar__presence--md",lg:"d-avatar__presence--lg"},ci={NONE:"",BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},nr=[45,-45,90,-90,135,-135,180,-180],ui={with100:["purple-100","magenta-100","gold-100","blue-100"],with200:["purple-200","magenta-200","gold-200","blue-200"]},ir=3,sr=2,pi=t=>t>1;const ar={name:"DtAvatar",components:{DtPresence:Qi,DtIcon:M},inheritAttrs:!1,props:{id:{type:String,default(){return V()}},seed:{type:String,default:void 0},size:{type:String,default:"md",validator:t=>Object.keys(Ft).includes(t)},avatarClass:{type:[String,Array,Object],default:""},canvasClass:{type:[String,Array,Object],default:""},presence:{type:String,default:ci.NONE,validator:t=>Object.values(ci).includes(t)},presenceProps:{type:Object,default:()=>({})},initials:{type:String,default:""},gradient:{type:Boolean,default:!0},group:{type:Number,default:void 0,validator:t=>pi(t)},overlayIcon:{type:String,default:""},overlayText:{type:String,default:""},overlayClass:{type:[String,Array,Object],default:""}},data(){return{kind:null,AVATAR_SIZE_MODIFIERS:Ft,AVATAR_KIND_MODIFIERS:gn,AVATAR_PRESENCE_SIZE_MODIFIERS:tr,imageLoadedSuccessfully:null,slottedInitials:"",formattedInitials:"",initializing:!1}},computed:{avatarClasses(){return["d-avatar",Ft[this.validatedSize],this.avatarClass,{"d-avatar--no-gradient":!this.gradient,"d-avatar--group":this.showGroup}]},overlayClasses(){return["d-bgc-black-900 d-o70 d-ps-absolute d-w100p d-h100p d-d-flex d-ai-center d-bar-circle d-zi-base",this.overlayClass]},showDefaultSlot(){return this.kind!=="initials"||this.kind==="image"&&this.imageLoadedSuccessfully===!0},showInitials(){return this.kind==="initials"||this.kind==="image"&&this.initials&&this.imageLoadedSuccessfully!==!0},showGroup(){return pi(this.group)},initialKindStyle(){const t=this.randomizeGradientColorStops();return{"--avatar-gradient-angle":`${this.randomizeGradientAngle()}deg`,"--avatar-gradient-stop-1":`var(--${t[0]})`,"--avatar-gradient-stop-2":`var(--${t[1]})`,"--avatar-gradient-stop-3":`var(--${t[2]})`}},formattedGroup(){return this.group>99?"99+":this.group},validatedSize(){return this.group?"xs":this.size}},mounted(){this.init()},updated(){this.init()},methods:{async init(){var e;if(this.initializing)return;this.kind=null,await this.$nextTick();const t=((e=this.$refs.canvas)==null?void 0:e.firstElementChild)||this.$refs.canvas;this.formatInitials(this.initials),t&&(this.setKind(t),this.kindHandler(t)),this.initializing=!0,await this.$nextTick(),this.initializing=!1},kindHandler(t){switch(this.kind){case"image":t.classList.add("d-avatar__image"),this.validateImageAttrsPresence(),this.setImageListeners(t);break;case"icon":t.classList.add(gn.icon);break;case"initials":this.slottedInitials=t.text||t.textContent,this.formatInitials(this.slottedInitials.trim()||this.initials);break}},setImageListeners(t){t.addEventListener("load",()=>this._loadedImageEventHandler(t),{once:!0}),t.addEventListener("error",()=>this._erroredImageEventHandler(t),{once:!0})},formatInitials(t){!t||this.validatedSize==="xs"?this.formattedInitials="":this.validatedSize==="sm"?this.formattedInitials=t.trim()[0]:this.formattedInitials=t.trim().slice(0,2)},setKind(t){if(this.isIconType(t)){this.kind="icon";return}if(this.isImageType(t)){this.kind="image";return}this.kind="initials"},isIconType(t){var e;return((e=t==null?void 0:t.tagName)==null?void 0:e.toUpperCase())==="SVG"},isImageType(t){var e;return((e=t==null?void 0:t.tagName)==null?void 0:e.toUpperCase())==="IMG"},randomizeGradientAngle(){return Bt(nr,this.seed)},randomizeGradientColorStops(){const t=new Set;let e=0;for(;t.size<ir;){const i=this.seed===void 0?void 0:this.seed+e.toString();t.size===sr?t.add(Bt(ui.with200,i)):t.add(Bt(ui.with100,i)),e++}const n=Wi(this.seed);return Array.from(t).sort(()=>.5-n())},validateImageAttrsPresence(){const t=!this.$refs.canvas.firstChild.getAttribute("src"),e=this.$refs.canvas.firstChild.getAttribute("alt")===null;(t||e)&&X.util.warn("src and alt attributes are required for image avatars",this)},_loadedImageEventHandler(t){this.imageLoadedSuccessfully=!0,t.classList.remove("d-d-none"),t.classList.add("d-avatar--image-loaded")},_erroredImageEventHandler(t){this.imageLoadedSuccessfully=!1,t.classList.remove("d-avatar--image-loaded"),t.classList.add("d-d-none")}}};var rr=function(){var e=this,n=e._self._c;return n("div",{class:e.avatarClasses,style:e.initialKindStyle,attrs:{id:e.id,"data-qa":"dt-avatar"}},[n("div",{ref:"canvas",class:[e.canvasClass,"d-avatar__canvas"]},[e.showDefaultSlot?e._t("default"):e._e(),e.showInitials?n("span",{staticClass:"d-ps-absolute d-zi-base",class:e.AVATAR_KIND_MODIFIERS.initials},[e._v(" "+e._s(e.formattedInitials)+" ")]):e._e()],2),e.overlayIcon||e.overlayText?n("div",{class:e.overlayClasses},[e.overlayIcon?n("dt-icon",{staticClass:"d-fc-white d-w100p",attrs:{name:e.overlayIcon}}):e.overlayText?n("p",{staticClass:"d-fs-200 d-fw-bold d-fc-white d-w100p d-ta-center"},[e._v(" "+e._s(e.overlayText)+" ")]):e._e()],1):e._e(),e.showGroup?n("span",{staticClass:"d-avatar__count d-zi-base",attrs:{"data-qa":"dt-avatar-count"}},[e._v(e._s(e.formattedGroup))]):e._e(),e.presence&&!e.showGroup?n("dt-presence",e._b({staticClass:"d-zi-base",class:["d-avatar__presence",e.AVATAR_PRESENCE_SIZE_MODIFIERS[e.size]],attrs:{presence:e.presence,"data-qa":"dt-presence"}},"dt-presence",e.presenceProps,!1)):e._e()],1)},or=[],lr=_.normalizeComponent(ar,rr,or,!1,null,null,null,null);const Kt=lr.exports,vn={default:"",info:"d-badge--info",success:"d-badge--success",warning:"d-badge--warning",critical:"d-badge--critical",bulletin:"d-badge--bulletin",ai:"d-badge--ai"},bn={label:"",count:"d-badge--count"},yn={"black-400":"d-badge--decorate-black-400","black-500":"d-badge--decorate-black-500","black-900":"d-badge--decorate-black-900","red-200":"d-badge--decorate-red-200","red-300":"d-badge--decorate-red-300","red-400":"d-badge--decorate-red-400","purple-200":"d-badge--decorate-purple-200","purple-300":"d-badge--decorate-purple-300","purple-400":"d-badge--decorate-purple-400","purple-500":"d-badge--decorate-purple-500","blue-200":"d-badge--decorate-blue-200","blue-300":"d-badge--decorate-blue-300","blue-400":"d-badge--decorate-blue-400","green-300":"d-badge--decorate-green-300","green-400":"d-badge--decorate-green-400","green-500":"d-badge--decorate-green-500","gold-300":"d-badge--decorate-gold-300","gold-400":"d-badge--decorate-gold-400","gold-500":"d-badge--decorate-gold-500","magenta-200":"d-badge--decorate-magenta-200","magenta-300":"d-badge--decorate-magenta-300","magenta-400":"d-badge--decorate-magenta-400"},dr={name:"DtBadge",components:{DtIcon:M},props:{iconLeft:{type:String,default:""},iconRight:{type:String,default:""},text:{type:String,default:""},kind:{type:String,default:"label",validator:t=>Object.keys(bn).includes(t)},type:{type:String,default:"default",validator:t=>Object.keys(vn).includes(t)},decoration:{type:String,default:void 0,validator:t=>Object.keys(yn).includes(t)}},data(){return{BADGE_TYPE_MODIFIERS:vn,BADGE_KIND_MODIFIERS:bn,BADGE_DECORATION_MODIFIERS:yn}},computed:{hasIcons(){return this.iconLeft!==""||this.iconRight!==""}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateProps()}}},methods:{validateProps(){this.validateTypePropCombination(),this.validateDecorationPropCombination()},validateTypePropCombination(){this.type==="ai"&&this.kind==="count"&&console.error("DtBadge error: type: 'ai' with kind: 'count' is an invalid combination.")},validateDecorationPropCombination(){this.decoration&&((this.kind!=="label"||this.type!=="default")&&console.error("DtBadge error: decoration prop can only be used with kind: 'label' and type: 'default'."),this.hasIcons&&console.error("DtBadge error: decoration prop cannot be used with iconLeft or iconRight."))}}};var cr=function(){var e=this,n=e._self._c;return n("span",{class:["d-badge",e.BADGE_TYPE_MODIFIERS[e.type],e.BADGE_KIND_MODIFIERS[e.kind],e.BADGE_DECORATION_MODIFIERS[e.decoration]],attrs:{"data-qa":"dt-badge"}},[e.decoration?n("span",{staticClass:"d-badge__decorative"}):e._e(),e.iconLeft||e.type==="ai"?n("span",{staticClass:"d-badge__icon-left"},[n("dt-icon",{attrs:{name:e.iconLeft||"dialpad-ai",size:"200"}})],1):e._e(),n("span",{staticClass:"d-badge__label"},[e._t("default",function(){return[e._v(" "+e._s(e.text)+" ")]})],2),e.iconRight?n("span",{staticClass:"d-badge__icon-right"},[n("dt-icon",{attrs:{name:e.iconRight,size:"200"}})],1):e._e()])},ur=[],pr=_.normalizeComponent(dr,cr,ur,!1,null,null,null,null);const Ji=pr.exports,Xe=["base","error","info","success","warning"],fr=["alert","alertdialog","status"],hr=new Map([["info","info"],["success","check-circle"],["warning","alert-triangle"],["error","alert-circle"],["base","bell"]]),mr={name:"DtNoticeIcon",components:{DtIcon:M},props:{kind:{type:String,default:"base",validate(t){return Xe.includes(t)}}},computed:{defaultIcon(){return hr.get(this.kind)}}};var _r=function(){var e=this,n=e._self._c;return e.defaultIcon||e.$slots.default?n("div",{staticClass:"d-notice__icon",attrs:{"aria-hidden":"true"}},[e._t("default",function(){return[n("dt-icon",{attrs:{name:e.defaultIcon,size:"400"}})]})],2):e._e()},gr=[],vr=_.normalizeComponent(mr,_r,gr,!1,null,null,null,null);const Vn=vr.exports,br={name:"DtNoticeContent",props:{title:{type:String,default:""},titleId:{type:String,default:void 0},contentId:{type:String,default:void 0}}};var yr=function(){var e=this,n=e._self._c;return n("div",{staticClass:"d-notice__content",attrs:{"data-qa":"notice-content"}},[e.title||e.$slots.titleOverride?n("p",{staticClass:"d-notice__title",attrs:{id:e.titleId,"data-qa":"notice-content-title"}},[e._t("titleOverride",function(){return[e._v(" "+e._s(e.title)+" ")]})],2):e._e(),n("p",{staticClass:"d-notice__message",attrs:{id:e.contentId,"data-qa":"notice-content-message"}},[e._t("default")],2)])},Sr=[],Cr=_.normalizeComponent(br,yr,Sr,!1,null,null,null,null);const jn=Cr.exports,cn={xs:"d-btn--xs",sm:"d-btn--sm",md:"",lg:"d-btn--lg",xl:"d-btn--xl"},fi={default:"",muted:"d-btn--muted",danger:"d-btn--danger",inverted:"d-btn--inverted"},hi={clear:"",primary:"d-btn--primary",outlined:"d-btn--outlined"},xr=["submit","reset","button"],mi={left:"d-btn__icon--left",right:"d-btn__icon--right",top:"d-btn__icon--top",bottom:"d-btn__icon--bottom"},wr=[{circle:!0,kind:"default",importance:"primary",message:kt(!0,"default","primary")},{circle:!0,kind:"danger",importance:"outlined",message:kt(!0,"danger","outlined")},{circle:!0,kind:"muted",importance:"primary",message:kt(!0,"muted","primary")},{circle:!1,kind:"muted",importance:"primary",message:kt(!1,"muted","primary")}];function kt(t,e,n){return`You cannot 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.html for a list of available button styles`}const Er="danger",Ir="warning",Or="success",es="muted",ts="inverted",ns=["",Er,Ir,Or,es,ts],Ht={default:"",warning:"d-link--warning",danger:"d-link--danger",success:"d-link--success",muted:"d-link--muted",inverted:"d-link--inverted"},Tr={name:"DtButton",props:{circle:{type:Boolean,default:!1},iconPosition:{type:String,default:"left",validator:t=>Object.keys(mi).includes(t)},importance:{type:String,default:"primary",validator:t=>Object.keys(hi).includes(t)},link:{type:Boolean,default:!1},linkKind:{type:String,default:"default",validator:t=>Object.keys(Ht).includes(t)},disabled:{type:Boolean,default:!1},type:{type:String,default:"button",validator:t=>xr.includes(t)},width:{type:String,default:null},size:{type:String,default:"md",validator:t=>Object.keys(cn).includes(t)},labelClass:{type:[String,Array,Object],default:""},loading:{type:Boolean,default:!1},kind:{type:String,default:"default",validator:t=>Object.keys(fi).includes(t)},assertiveOnFocus:{type:Boolean,default:!1},active:{type:Boolean,default:!1}},emits:["click","focusin","focusout"],data(){return{ICON_POSITION_MODIFIERS:mi,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}},watch:{$props:{deep:!0,immediate:!0,handler(){process.env.NODE_ENV!=="production"&&(this.circle&&this.link&&X.util.warn("You cannot enable circle and link at the same time",this),this.isInvalidPropCombination(this.circle,this.kind,this.importance))}}},methods:{buttonClasses(){return this.link?["d-link",Ht[this.linkKind],cn[this.size]]:["d-btn",hi[this.importance],fi[this.kind],cn[this.size],{"d-btn--circle":this.circle,"d-btn--loading":this.loading,"d-btn--icon-only":this.isIconOnly(),"d-btn--vertical":this.isVerticalIconLayout(),"d-btn--active":this.active}]},isInvalidPropCombination(t,e,n){for(const i of wr)if(t===i.circle&&e===i.kind&&n===i.importance)return console.error(i.message),!1;return!0},shouldRenderIcon(){return this.$slots.icon&&!this.link},isIconOnly(){return this.shouldRenderIcon()&&!this.$slots.default},isVerticalIconLayout(){return this.shouldRenderIcon()&&!this.isIconOnly()&&["top","bottom"].includes(this.iconPosition)}}};var Lr=function(){var e=this,n=e._self._c;return n("button",e._g({class:["base-button__button",e.buttonClasses()],style:{width:e.width},attrs:{"data-qa":"dt-button",type:e.type,disabled:e.disabled,"aria-live":e.computedAriaLive,"aria-label":e.loading?"loading":e.$attrs["aria-label"]}},e.buttonListeners),[e.shouldRenderIcon()?n("span",{class:["base-button__icon","d-btn__icon",e.ICON_POSITION_MODIFIERS[e.iconPosition]],attrs:{"data-qa":"dt-button-icon"}},[e._t("icon")],2):e._e(),e.$slots.default?n("span",{class:["d-btn__label","base-button__label",e.labelClass],attrs:{"data-qa":"dt-button-label"}},[e._t("default")],2):e._e()])},Ar=[],$r=_.normalizeComponent(Tr,Lr,Ar,!1,null,null,null,null);const q=$r.exports,ge={props:{visuallyHiddenClose:{type:Boolean,default:!1},visuallyHiddenCloseLabel:{type:String,default:null}},watch:{$props:{immediate:!0,deep:!0,handler(){this.validateVisuallyHiddenCloseProps()}}},computed:{showVisuallyHiddenClose(){return this.visuallyHiddenClose&&this.visuallyHiddenCloseLabel!=null}},methods:{validateVisuallyHiddenCloseProps(){this.visuallyHiddenClose&&!this.visuallyHiddenCloseLabel&&console.error(`If visuallyHiddenClose prop is true, the component includes
|
|
2
2
|
a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`)}}},Dr={name:"SrOnlyCloseButton",components:{DtIcon:M,DtButton:q},props:{visuallyHiddenCloseLabel:{type:String,default:null}},methods:{close(){this.$emit("close")}}};var Rr=function(){var e=this,n=e._self._c;return n("dt-button",{staticClass:"d-vi-visible-sr",attrs:{id:"sr-only-close-button","data-qa":"dt-sr-only-close-button","aria-label":e.visuallyHiddenCloseLabel},on:{click:e.close,keydown:function(i){return!i.type.indexOf("key")&&e._k(i.keyCode,"space",32,i.key,[" ","Spacebar"])?null:(i.preventDefault(),i.stopPropagation(),e.close.apply(null,arguments))}}},[n("dt-icon",{attrs:{name:"close"}})],1)},kr=[],Pr=_.normalizeComponent(Dr,Rr,kr,!1,null,null,null,null);const Ut=Pr.exports,Nr={name:"DtNoticeAction",components:{DtIcon:M,DtButton:q,SrOnlyCloseButton:Ut},mixins:[ge],props:{closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1}},emits:["close"],computed:{noticeActionListeners(){return{...this.$listeners,click:t=>{this.close(),this.$emit("click",t)}}}},created(){!this.hideClose&&!this.closeButtonProps.ariaLabel&&console.error("Invalid props: you must pass in closeButtonProps.ariaLabel if the close button is displayed.")},mounted(){this.hideClose||(this.lastFocusedElement=document.activeElement)},beforeDestroy(){var t;(t=this.lastFocusedElement)==null||t.focus()},methods:{close(){this.$emit("close")}}};var Br=function(){var e=this,n=e._self._c;return n("div",{staticClass:"d-notice__actions",attrs:{"data-qa":"notice-content-actions"}},[e._t("default"),e.hideClose?e._e():n("dt-button",e._g(e._b({ref:"closeButton",attrs:{"data-qa":"dt-notice-action-close-button",size:"sm",importance:"clear",circle:"","aria-label":e.closeButtonProps.ariaLabel?e.closeButtonProps.ariaLabel:"Close"},scopedSlots:e._u([{key:"icon",fn:function(){return[n("dt-icon",{attrs:{name:"close",size:"200"}})]},proxy:!0}],null,!1,1154370889)},"dt-button",e.closeButtonProps,!1),e.noticeActionListeners)),e.showVisuallyHiddenClose?n("sr-only-close-button",{attrs:{"visually-hidden-close-label":e.visuallyHiddenCloseLabel},on:{close:e.close}}):e._e()],2)},Mr=[],Fr=_.normalizeComponent(Nr,Br,Mr,!1,null,null,null,null);const zn=Fr.exports,is=':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])',Vr=`${is}:not([tabindex="-1"])`,jr="button,[href],input,select,textarea,details,[tabindex]",_t={methods:{async getFirstFocusableElement(t){await this.$nextTick();const e=this._getFocusableElements(t,!0);return this._getFirstFocusElement(e)},async focusFirstElement(t){const e=await this.getFirstFocusableElement(t);e==null||e.focus({preventScroll:!0})},_getFirstFocusElement(t){if(!t.length)return;let e=t[0];return e.matches('[type="radio"]:not(:checked)')&&(e=t.find(n=>n.checked&&n.name===e.name)||e),e},_getFocusableElements(t=this.$el,e=!1){return t?[...t.querySelectorAll(jr)].filter(i=>{const a=window.getComputedStyle(i);return a.getPropertyValue("display")!=="none"&&a.getPropertyValue("visibility")!=="hidden"&&i.matches(e?is:Vr)}):[]},focusTrappedTabPress(t,e){if(!(t.key==="Tab"))return;const i=this._getFocusableElements(e);if(!i.length){t.preventDefault();return}const a=this._getFirstFocusElement(i),o=i[i.length-1];t.shiftKey?document.activeElement===a&&(o.focus(),t.preventDefault()):document.activeElement===o&&(a.focus(),t.preventDefault())}}},zr={name:"DtBanner",components:{DtNoticeIcon:Vn,DtNoticeContent:jn,DtNoticeAction:zn},mixins:[_t,ge],props:{titleId:{type:String,default(){return ae.getUniqueString()}},contentId:{type:String,default(){return ae.getUniqueString()}},title:{type:String,default:""},important:{type:Boolean,default:!1},pinned:{type:Boolean,default:!1},kind:{type:String,default:"base",validate(t){return Xe.includes(t)}},closeButtonProps:{type:Object,default:()=>({})},hideClose:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1},dialogClass:{type:String,default:""},backgroundImage:{type:String,default:""},backgroundSize:{type:String,default:"cover"}},emits:["close"],computed:{role(){return this.important?"alertdialog":"status"},bannerClass(){return["d-banner",{error:"d-banner--error",info:"d-banner--info",success:"d-banner--success",warning:"d-banner--warning",base:"d-banner--base"}[this.kind],{"d-banner--important":this.important,"d-banner--pinned":this.pinned}]},bannerBackgroundImage(){return this.backgroundImage===""?null:`background-image: url(${this.backgroundImage});
|
|
3
3
|
background-size: ${this.backgroundSize};`}},mounted(){this.important&&this.focusFirstElement()},methods:{trapFocus(t){this.important&&this.focusTrappedTabPress(t)}}};var Hr=function(){var e=this,n=e._self._c;return n("aside",{class:e.bannerClass,style:e.bannerBackgroundImage,on:{keydown:function(i){return!i.type.indexOf("key")&&e._k(i.keyCode,"tab",9,i.key,"Tab")?null:e.trapFocus.apply(null,arguments)}}},[n("div",{staticClass:"d-banner__dialog",class:e.dialogClass,attrs:{role:e.role,"aria-labelledby":e.titleId,"aria-describedby":e.contentId}},[e.hideIcon?e._e():n("dt-notice-icon",e._g({attrs:{kind:e.kind}},e.$listeners),[e._t("icon")],2),n("dt-notice-content",e._g({attrs:{"title-id":e.titleId,"content-id":e.contentId,title:e.title},scopedSlots:e._u([{key:"titleOverride",fn:function(){return[e._t("titleOverride")]},proxy:!0}],null,!0)},e.$listeners),[e._t("default")],2),n("dt-notice-action",e._g({attrs:{"hide-close":e.hideClose,"close-button-props":e.closeButtonProps,"visually-hidden-close":e.visuallyHiddenClose,"visually-hidden-close-label":e.visuallyHiddenCloseLabel}},e.$listeners),[e._t("action")],2)],1)])},qr=[],Gr=_.normalizeComponent(zr,Hr,qr,!1,null,null,null,null);const Kr=Gr.exports,ss="d-breadcrumbs__item--selected",as="d-breadcrumbs--inverted",Ur={name:"DtLink",props:{kind:{type:String,default:"",validator(t){return ns.includes(t)}}},emits:["click","focusin","focusout"],data(){return{LINK_KIND_MODIFIERS:Ht}}};var Wr=function(){var e=this,n=e._self._c;return n("a",e._g({class:["d-link",e.LINK_KIND_MODIFIERS[e.kind]],attrs:{"data-qa":"dt-link"}},e.$listeners),[e._t("default")],2)},Yr=[],Zr=_.normalizeComponent(Ur,Wr,Yr,!1,null,null,null,null);const rs=Zr.exports,Xr={name:"DtBreadcrumbItem",components:{DtLink:rs},inheritAttrs:!1,props:{inverted:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},label:{type:String,default:""}},data(){return{BREADCRUMB_ITEM_SELECTED_MODIFIER:ss}},computed:{linkKind(){return this.inverted?ts:es},ariaCurrent(){return this.selected?"location":void 0}}};var Qr=function(){var e=this,n=e._self._c;return n("li",{class:["d-breadcrumbs__item",{[e.BREADCRUMB_ITEM_SELECTED_MODIFIER]:e.selected}],attrs:{"data-qa":"dt-breadcrumb-item"}},[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",function(){return[e._v(" "+e._s(e.label)+" ")]})],2)],1)},Jr=[],eo=_.normalizeComponent(Xr,Qr,Jr,!1,null,null,null,null);const os=eo.exports,to={name:"DtBreadcrumbs",components:{DtBreadcrumbItem:os},props:{breadcrumbs:{type:Array,default:()=>[],validate(t){return t.every(({href:e,label:n})=>e!==void 0&&n!==void 0)}},inverted:{type:Boolean,default:!1},ariaLabel:{type:String,default:"breadcrumb"}},data(){return{BREADCRUMBS_INVERTED_MODIFIER:as}},methods:{getBreadcrumbItemKey(t){return`breadcrumbs-item-${t}-${ae.getUniqueString()}`}}};var no=function(){var e=this,n=e._self._c;return n("nav",{class:["d-breadcrumbs",{[e.BREADCRUMBS_INVERTED_MODIFIER]:e.inverted}],attrs:{"aria-label":e.ariaLabel,"data-qa":"dt-breadcrumbs"}},[n("ol",[e._t("default",function(){return e._l(e.breadcrumbs,function(i,a){return n("dt-breadcrumb-item",e._g(e._b({key:e.getBreadcrumbItemKey(a),attrs:{inverted:e.inverted}},"dt-breadcrumb-item",i,!1),e.$listeners))})})],2)])},io=[],so=_.normalizeComponent(to,no,io,!1,null,null,null,null);const ao=so.exports,Sn={start:"d-btn-group--start",end:"d-btn-group--end","space-between":"d-btn-group--space-between"},ro={name:"DtButtonGroup",props:{alignment:{type:String,default:"start",validator:t=>Object.keys(Sn).includes(t)}},data(){return{BUTTON_GROUP_ALIGNMENT:Sn}}};var oo=function(){var e=this,n=e._self._c;return n("div",{class:["d-btn-group",e.BUTTON_GROUP_ALIGNMENT[e.alignment]],attrs:{role:"group"}},[e._t("default")],2)},lo=[],co=_.normalizeComponent(ro,oo,lo,!1,null,null,null,null);const uo=co.exports,po={name:"DtCard",props:{maxHeight:{type:String,default:null},containerClass:{type:[String,Array,Object],default:""},contentClass:{type:[String,Array,Object],default:""},headerClass:{type:[String,Array,Object],default:""},footerClass:{type:[String,Array,Object],default:""}}};var fo=function(){var e=this,n=e._self._c;return n("div",{class:["d-card",e.containerClass],attrs:{"data-qa":"dt-card"}},[e.$slots.header?n("div",{class:["d-card__header",e.headerClass]},[e._t("header")],2):e._e(),n("div",{class:["d-card__content",e.contentClass],style:{"max-height":e.maxHeight}},[e._t("content")],2),e.$slots.footer?n("div",{class:["d-card__footer",e.footerClass]},[e._t("footer")],2):e._e()])},ho=[],mo=_.normalizeComponent(po,fo,ho,!1,null,null,null,null);const ls=mo.exports,_o={name:"DtCodeblock",props:{text:{type:String,required:!0}}};var go=function(){var e=this,n=e._self._c;return n("pre",[e._v(" "),n("code",{staticClass:"d-d-block d-bgc-secondary d-ws-pre-wrap d-p8 d-ba d-bc-subtle d-bar8 d-fs-200 d-ff-mono d-lh-400 d-fc-secondary"},[e._v(e._s(e.text))]),e._v(`
|
|
4
4
|
`)])},vo=[],bo=_.normalizeComponent(_o,go,vo,!1,null,null,null,null);const yo=bo.exports,So={methods:{scrollElementIntoViewIfNeeded(t,e,n,i){t.scrollIntoViewIfNeeded?this.scrollIntoViewIfNeeded(t,e,n,i):this.scrollIntoView(t,"bottom",!1,n,i)},scrollElementIntoView(t,e,n,i){if(e==="center"){this.scrollIntoView(t,"center",!1,n,i);return}e===!1?this.scrollIntoView(t,"bottom",!1,n,i):this.scrollIntoView(t,"top",!1,n,i)},scrollIntoViewIfNeeded(t,e,n,i){const a=e?"center":void 0;this.scrollIntoView(t,a,!0,n,i)},scrollIntoView(t,e,n,i,a){if(!t||!t.parentElement)return;const o=t.offsetTop,p=a||t.parentElement,c=this._getScrollBounds(p),s=c.bottom-c.top,u=this._getElementHeight(t),d=o+u;let l=-1;switch(e){case"top":l=o;break;case"center":l=o+(u-s)/2;break;case"bottom":l=l=d-s;break;default:o-c.top<=s/2?l=o:l=d-s;break}this._setScrollTop(p,l,c,o,d,n,i)},_setScrollTop(t,e,n,i,a,o,p){n=n||this._getScrollBounds(t);const c=n.bottom-n.top;if(o&&this._inScrollBounds(i,a,n))if(i<n.top)e=i;else if(a>n.bottom)e=a-c;else return;p?t.scrollTo({top:e,behavior:p}):t.scrollTop=e},_getElementHeight(t){return t.getBoundingClientRect().height},_getScrollBounds(t){const e=this._getElementHeight(t),n=t.scrollTop;return{top:n,bottom:n+e}},_inScrollBounds(t,e,n){const i=e-t;return e<=n.bottom+3*i/4&&t>=n.top-i/4}}},Co="listElementKey is required or the referenced element doesn't exist. Received listElement: ",Hn=({listItemRole:t="option",indexKey:e="highlightIndex",idKey:n="highlightId",listElementKey:i="listRef",activeItemKey:a="",openMethod:o=null,afterHighlightMethod:p=null,beginningOfListMethod:c=null,endOfListMethod:s=null,scrollToOnHighlight:u=!0,focusOnKeyboardNavigation:d=!1}={})=>({mixins:[So],data(){return{[e]:-1,[n]:"",scrollToOnHighlight:u,focusOnKeyboardNavigation:d}},provide(){return{highlightId:()=>this[n]}},methods:{_getListElement(){var l;return((l=this[i]())==null?void 0:l.$el)||this[i]()},_itemsLength(){const l=this._getListItemNodes();return l===null?0:l.length},_getListItemNodes(){const l=this._getListElement();return l?Array.from(l.querySelectorAll(`[role="${t}"], #sr-only-close-button`)):(console.error(Co,l),null)},onUpKey(){o&&this[o](!0),this[e]>0?this.setHighlightIndex(this[e]-1):c&&this[c](),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},onDownKey(){o&&this[o](!0),this[e]<this._itemsLength()-1?this.setHighlightIndex(this[e]+1):s&&this[s](),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},onHomeKey(){this.jumpToBeginning(),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},onEndKey(){this.jumpToEnd(),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},onNavigationKey(l){const f=this._getListItemNodes(),h=f.filter(C=>C.textContent.trim().toLowerCase().startsWith(l.toLowerCase()));if(h.length<=0)return;const v=h.findIndex(C=>this[e]===f.indexOf(C)),S=f.indexOf(v<h.length-1?h[v+1]:h[0]);this.setHighlightIndex(S),this.scrollActiveItemIntoViewIfNeeded(),this.focusActiveItemIfNeeded()},isValidCharacter(l){return l.length===1},jumpToBeginning(){this.setHighlightIndex(0)},jumpToEnd(){this.setHighlightIndex(this._itemsLength()-1)},setHighlightIndex(l){this[e]=l,this[n]=this._getItemId(l),this._itemsLength()&&p&&this[p](l)},setHighlightId(l){this[n]=l,this[e]=this._getItemIndex(l),this._itemsLength()&&p&&this[p](this._getItemIndex(l))},_getItemIndex(l){const f=this._getListElement();return f?Array.from(f.querySelectorAll(`[role="${t}"], #sr-only-close-button`)).indexOf(f.querySelector(`#${l}`)):void 0},_getItemId(l){var h;const f=this._getListElement();if(f)return(h=f.querySelectorAll(`[role="${t}"], #sr-only-close-button`)[l])==null?void 0:h.id},scrollActiveItemIntoViewIfNeeded(){if(!this.scrollToOnHighlight)return;const l=this[a];if(l){const f=this._getListElement();this.scrollElementIntoViewIfNeeded(l,null,null,f)}},focusActiveItemIfNeeded(){if(!this.focusOnKeyboardNavigation)return;const l=this[a];l&&l.focus()}}}),un={DEFAULT:"default",CUSTOM:"custom"},$e={ARROW_KEYS:"arrow-keys",TAB:"tab",NONE:"none"};const xo={name:"DtDefaultListItem"};var wo=function(){var e=this,n=e._self._c;return n("div",{staticClass:"dt-default-list-item d-fs-200 d-lh-300 d-py4 d-px8 d-d-flex d-ai-center"},[e.$slots.left?n("section",{staticClass:"dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8 d-jc-flex-end",attrs:{"data-qa":"dt-default-list-item-left-wrapper"}},[e._t("left")],2):e._e(),n("section",{staticClass:"d-fl-grow1"},[e.$slots.default?n("div",[e._t("default")],2):e._e(),e.$slots.subtitle?n("div",{class:["d-fs-100 d-fc-tertiary",{"d-mtn2":e.$slots.default}],attrs:{"data-qa":"dt-default-list-item-subtitle-wrapper"}},[e._t("subtitle")],2):e._e(),e.$slots.bottom?n("div",{staticClass:"d-mt2",attrs:{"data-qa":"dt-default-list-item-bottom-wrapper"}},[e._t("bottom")],2):e._e()]),e.$slots.right?n("section",{staticClass:"dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",attrs:{"data-qa":"dt-default-list-item-right-wrapper"}},[e._t("right")],2):e._e(),e._t("selected")],2)},Eo=[],Io=_.normalizeComponent(xo,wo,Eo,!1,null,null,null,null);const _i=Io.exports;const Oo={name:"DtListItem",components:{DtDefaultListItem:_i,DtIcon:M},inject:{highlightId:{default:null}},props:{id:{type:String,default(){return ae.getUniqueString()}},role:{type:String,default:"listitem"},elementType:{type:String,default:"li"},type:{type:String,default:un.DEFAULT,validator:t=>Object.values(un).includes(t)},navigationType:{type:String,default:$e.NONE,validator:t=>Object.values($e).includes(t)},selected:{type:Boolean,default:!1}},emits:["click","keydown","mousemove","mouseleave"],data(){return{injected:!1,mouseHighlighted:!1}},computed:{listItemType(){switch(this.type){case un.DEFAULT:return _i;default:return null}},listItemListeners(){return{...this.$listeners,keydown:t=>{["enter","space"].includes(t.code.toLowerCase())&&this.onClick(t),this.$emit("keydown",t)},mousemove:t=>{this.onMouseHover(t),this.$emit("mousemove",t)},mouseleave:t=>{this.onMouseLeave(t),this.$emit("mouseleave",t)}}},isHighlighted(){return this.isHoverable?this.highlightId&&this.highlightId()?this.id===this.highlightId():this.mouseHighlighted:!1},isFocusable(){return this.navigationType===$e.TAB},isHoverable(){return this.navigationType!==$e.NONE}},methods:{onClick(t){this.$emit("click",t)},onMouseHover(){this.mouseHighlighted=!0},onMouseLeave(){this.mouseHighlighted=!1}}};var To=function(){var e=this,n=e._self._c;return n(e.elementType,e._g({tag:"component",class:["dt-list-item d-ls-none",{"dt-list-item--focusable":e.isFocusable,"dt-list-item--highlighted":e.isHighlighted,"dt-list-item--static":!e.isHoverable}],attrs:{id:e.id,tabindex:e.isFocusable?0:-1,role:e.role,"aria-selected":e.isHighlighted}},e.listItemListeners),[e.listItemType?n(e.listItemType,{tag:"component",scopedSlots:e._u([e._l(e.$slots,function(i,a){return{key:a,fn:function(){return[e._t(a)]},proxy:!0}}),e.selected?{key:"selected",fn:function(){return[n("dt-icon",{staticClass:"d-ml8",attrs:{name:"check",size:"400"}})]},proxy:!0}:null],null,!0)}):e._t("default")],2)},Lo=[],Ao=_.normalizeComponent(Oo,To,Lo,!1,null,null,null,null);const gt=Ao.exports,$o={name:"ComboboxLoadingList",components:{DtListItem:gt,DtSkeleton:_.DtSkeleton}};var Do=function(){var e=this,n=e._self._c;return n("ol",{staticClass:"d-p0 d-mt8 d-hmx332 d-of-y-auto",attrs:{"aria-busy":"true"}},e._l(7,function(i){return n("dt-list-item",{key:i,attrs:{role:"option","navigation-type":"none"}},[n("dt-skeleton",{attrs:{"text-option":{type:"body"},offset:0}})],1)}),1)},Ro=[],ko=_.normalizeComponent($o,Do,Ro,!1,null,null,null,null);const ds=ko.exports;const Po={name:"ComboboxEmptyList",components:{DtListItem:gt},props:{message:{type:String,required:!0},itemClass:{type:[String,Object,Array],default:""}}};var No=function(){var e=this,n=e._self._c;return n("ol",{staticClass:"d-p0",attrs:{"data-qa":"dt-combobox-empty-list"}},[e._t("default",function(){return[n("dt-list-item",{class:["dt-empty-list-item",e.itemClass],attrs:{role:"option","navigation-type":"none",type:"custom"}},[n("span",[e._v(e._s(e.message))])])]})],2)},Bo=[],Mo=_.normalizeComponent(Po,No,Bo,!1,null,null,null,null);const cs=Mo.exports,us={EXTRA_SMALL:"xs",SMALL:"sm",DEFAULT:"md",LARGE:"lg",EXTRA_LARGE:"xl"},Fo={name:"DtCombobox",components:{ComboboxLoadingList:ds,ComboboxEmptyList:cs},mixins:[Hn({indexKey:"highlightIndex",idKey:"highlightId",listElementKey:"getListElement",afterHighlightMethod:"afterHighlight",beginningOfListMethod:"beginningOfListMethod",endOfListMethod:"endOfListMethod",activeItemKey:"activeItemEl"})],props:{label:{type:String,required:!0},labelVisible:{type:Boolean,default:!0},size:{type:String,default:null,validator:t=>Object.values(us).includes(t)},description:{type:String,default:""},listId:{type:String,default(){return V()}},onBeginningOfList:{type:Function,default:null},onEndOfList:{type:Function,default:null},showList:{type:Boolean,default:!1},listRenderedOutside:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},emptyList:{type:Boolean,default:!1},emptyStateMessage:{type:String,default:""},emptyStateClass:{type:[String,Object,Array],default:""},clickOnSelect:{type:Boolean,default:!1}},emits:["select","escape","highlight","opened"],data(){return{outsideRenderedListRef:null}},computed:{inputProps(){return{label:this.label,labelVisible:this.labelVisible,size:this.size,description:this.description,role:"combobox","aria-label":this.label,"aria-expanded":this.showList.toString(),"aria-owns":this.listId,"aria-haspopup":"listbox","aria-activedescendant":this.activeItemId,"aria-controls":this.listId}},listProps(){return{role:"listbox",id:this.listId,class:"d-ps-relative","aria-label":this.label}},beginningOfListMethod(){return this.onBeginningOfList||this.jumpToEnd},endOfListMethod(){return this.onEndOfList||this.jumpToBeginning},activeItemId(){if(!(!this.showList||this.highlightIndex<0||this.loading))return this.highlightId},activeItemEl(){return this.highlightId?this.getListElement().querySelector("#"+this.highlightId):""}},watch:{showList(t){this.listRenderedOutside||(this.setInitialHighlightIndex(),this.$emit("opened",t)),!t&&this.outsideRenderedListRef&&(this.outsideRenderedListRef.removeEventListener("mousemove",this.onMouseHighlight),this.outsideRenderedListRef=null)},loading(t){this.$nextTick(()=>{this.setInitialHighlightIndex()})},$props:{deep:!0,immediate:!0,handler(){this.validateEmptyListProps()}}},created(){this.validateEmptyListProps()},methods:{onMouseHighlight(t){if(this.loading)return;const e=t.target.closest("li");e&&this.highlightId!==e.id&&this.setHighlightId(e.id)},getListElement(){var t;return this.outsideRenderedListRef??((t=this.$refs.listWrapper)==null?void 0:t.querySelector(`#${this.listId}`))},clearHighlightIndex(){this.showList&&this.setHighlightIndex(-1)},afterHighlight(){this.loading||this.$emit("highlight",this.highlightIndex)},onEnterKey(){var t;this.loading||this.emptyList||this.highlightIndex>=0&&(this.$emit("select",this.highlightIndex),this.clickOnSelect&&((t=this.activeItemEl)==null||t.click()))},onEscapeKey(){this.$emit("escape")},onOpen(t,e){var n;this.outsideRenderedListRef=e,(n=this.outsideRenderedListRef)==null||n.addEventListener("mousemove",this.onMouseHighlight),this.$emit("opened",t),t&&this.setInitialHighlightIndex()},onKeyValidation(t,e){!this.showList||!this.getListElement()||this[e](t)},setInitialHighlightIndex(){this.showList&&this.$nextTick(()=>{this.setHighlightIndex(this.loading?-1:0)})},validateEmptyListProps(){this.$slots.emptyListItem||(this.emptyList&&!this.emptyStateMessage||!this.emptyList&&this.emptyStateMessage)&&console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the
|
package/dist/dialtone-vue.js
CHANGED
|
@@ -1425,7 +1425,7 @@ var Ja = function() {
|
|
|
1425
1425
|
"base-button__icon",
|
|
1426
1426
|
"d-btn__icon",
|
|
1427
1427
|
e.ICON_POSITION_MODIFIERS[e.iconPosition]
|
|
1428
|
-
], attrs: { "data-qa": "dt-button-icon" } }, [e._t("icon")], 2) : e._e(), e.$slots.default ? n("span", { class: ["d-
|
|
1428
|
+
], attrs: { "data-qa": "dt-button-icon" } }, [e._t("icon")], 2) : e._e(), e.$slots.default ? n("span", { class: ["d-btn__label", "base-button__label", e.labelClass], attrs: { "data-qa": "dt-button-label" } }, [e._t("default")], 2) : e._e()]);
|
|
1429
1429
|
}, er = [], tr = /* @__PURE__ */ v(
|
|
1430
1430
|
Qa,
|
|
1431
1431
|
Ja,
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.d-avatar--image-loaded{background-color:transparent;background-image:unset}.dt-default-list-item,.dt-default-list-item--left,.dt-default-list-item--right{min-height:28px;min-width:32px}.dt-list-item:not(.dt-list-item--static){cursor:pointer;border-radius:var(--size-300)}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:var(--bgc-moderate-opaque)}.dt-list-item--highlighted:active{background-color:var(--bgc-bold-opaque)}.dt-list-item:focus-visible{outline:none;box-shadow:var(--bs-focus-ring)}.dt-empty-list-item{display:flex;align-items:center;justify-content:center;font-size:var(--fs-200);line-height:var(--lh4);padding:var(--space-300) var(--space-450)}.enter-active,.leave-active{overflow:hidden;transition:height var(--td300) var(--ttf-quint)}.tippy-box[data-popper-reference-hidden] .d-popover__dialog,.tippy-box[data-popper-escaped] .d-popover__dialog{visibility:hidden;pointer-events:none}.d-context-menu-list{width:var(--size-850)}.dt-list-item[role=menuitem]{border-radius:var(--size-300)}.dt-list-separator{border-top:var(--size-100) solid var(--bc-default);list-style:none}.dt-list-section[tabindex="-1"]:focus{outline:none}.tippy-box[data-popper-reference-hidden] .d-tooltip,.tippy-box[data-popper-escaped] .d-tooltip{visibility:hidden;pointer-events:none}.dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle){line-height:var(--lh-300)}.dt-recipe-callbar-button--circle{border-radius:var(--br-circle)}.dt-recipe-callbar-button.d-btn[disabled]{background-color:unset;opacity:.5}.dt-recipe-callbar-button--circle.d-btn[disabled]{border-color:unset}.dt-recipe-callbar-button--active .base-button__icon,.dt-recipe-callbar-button--active:hover .base-button__icon{color:var(--primary-color)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{margin-top:var(--space-350-negative);margin-left:calc(var(--space-300-negative) * 5);width:var(--size-500);height:var(--size-500);padding:var(--space-400);border-radius:var(--size-300)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--bgc-moderate-opaque)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--bgc-contrast);color:var(--fc-primary-inverted)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header .d-btn{color:var(--fc-primary-inverted)}.dt-recipe--callbar-button-with-popover--button .d-tab--selected:after,.dt-recipe--callbar-button-with-popover--button .d-tab--selected:hover:after{--tab--bgc: var(--bgc-contrast)}.dt-recipe--callbar-button-with-popover--button .tab-group{display:flex;flex-direction:column;height:100%}.dt-recipe--callbar-button-with-popover--button .tab-content{flex:1 1 100%;overflow-y:auto}.d-top-banner-info__left{margin:var(--space-300) 0 var(--space-300) var(--space-500);min-width:20%}.d-top-banner-info__middle{display:flex;align-items:center;gap:var(--size-300)}.d-top-banner-info__right{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--size-300);margin:var(--space-300) var(--space-500) var(--space-300) 0;min-width:20%}.ivr_node__width{width:280px}.ivr_node__goto_icon{transform:rotate(90deg)}.ivr-connector{z-index:var(--zi-base1);display:flex;justify-content:center;align-items:center;border-color:var(--purple-600);background-color:var(--purple-600)}.dt-chip-content{font-variant-numeric:tabular-nums}.d-btn[data-v-5f15fa46]:active{--bgo: 85% !important}.settings-menu-button[data-v-5f15fa46]:hover{background-color:hsla(var(--theme-topbar-color-hsl) / .05)}.settings-menu-button[data-v-5f15fa46]:focus-visible{color:var(--theme-topbar-color-hsl);box-shadow:0 0 0 var(--size-200) hsla(var(--theme-sidebar-color-hsl) / .15)}.dt-leftbar-row{--leftbar-row-color-foreground: var(--theme-sidebar-color);--leftbar-row-color-background: var(--theme-sidebar-row-color-background);--leftbar-row-radius: 100em;--leftbar-row-opacity: 100%;--leftbar-row-alpha-color-foreground: var(--theme-sidebar-icon-color);--leftbar-row-alpha-width: calc(var(--size-300) * 10);--leftbar-row-alpha-height: calc(var(--size-300) * 9);--leftbar-row-omega-min-width: 0;--leftbar-row-omega-height: var(--leftbar-row-alpha-height);--leftbar-row-omega-visibility: visible;--leftbar-row-description-font-weight: var(--fw-normal);--leftbar-row-description-font-size: var(--fs-200);--leftbar-row-description-line-height: var(--lh-200);--leftbar-row-status-color-foreground: var(--theme-sidebar-status-color);--leftbar-row-status-font-size: var(--fs-100);--leftbar-row-status-line-height: var(--lh-100);--leftbar-row-action-position-right: var(--size-400);--leftbar-row-action-position-bottom: 50%;--leftbar-row-action-width: var(--size-550);--leftbar-row-action-height: var(--leftbar-row-action-width);position:relative;opacity:var(--leftbar-row-opacity)}.dt-leftbar-row:not(.dt-leftbar-row--no-action):hover{--leftbar-row-omega-min-width: var(--leftbar-row-alpha-width)}.dt-leftbar-row:hover .d-presence{--presence-color-border-base: var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row:hover .d-avatar__count{--avatar-count-color-shadow: var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row--has-unread{--leftbar-row-description-font-weight: var(--fw-bold);--leftbar-row-alpha-color-foreground: var(--leftbar-row-color-foreground)}.dt-leftbar-row--has-unread:not(.dt-leftbar-row--no-action):hover{--leftbar-row-omega-visibility: hidden}.dt-leftbar-row--muted{--leftbar-row-opacity: 60%}.dt-leftbar-row--selected{--leftbar-row-color-background: var(--theme-sidebar-selected-row-color-background);--leftbar-row-color-foreground: var(--theme-sidebar-selected-row-color)}.dt-leftbar-row--selected .d-avatar__count{--avatar-count-color-shadow: var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row--action-focused{--leftbar-row-omega-visibility: hidden;--leftbar-row-omega-min-width: var(--leftbar-row-alpha-width)}.dt-leftbar-row__is-typing{--is-typing-size-shape: var(--size-550);height:var(--is-typing-size-shape);width:var(--is-typing-size-shape);position:absolute;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:var(--br-pill);opacity:.75}.dt-leftbar-row__is-typing span{transition:all .5s ease;background:var(--bgc-strong);height:4px;width:4px;display:inline-block;padding:0;opacity:.3;border-radius:var(--br-pill);animation:wave 1.5s ease infinite}.dt-leftbar-row__is-typing span:nth-child(1){animation-delay:0ms}.dt-leftbar-row__is-typing span:nth-child(2){animation-delay:var(--td100)}.dt-leftbar-row__is-typing span:nth-child(3){animation-delay:var(--td200)}.dt-leftbar-row__primary{display:flex;align-items:center;flex:1;width:100%;text-align:left;color:var(--leftbar-row-color-foreground);text-decoration:none;background-color:var(--leftbar-row-color-background);border-radius:var(--leftbar-row-radius);transition-duration:var(--td200);transition-property:background-color,border,box-shadow;transition-timing-function:var(--ttf-out-quint);appearance:none;font-size:inhert;line-height:inherit;margin:0;border:0;padding:0;cursor:pointer}.dt-leftbar-row__primary:hover{--leftbar-row-color-background: var(--theme-sidebar-row-color-background-hover)}.dt-leftbar-row__primary:active{--leftbar-row-color-background: var(--theme-sidebar-row-color-background-active)}.dt-leftbar-row__primary:focus-visible{box-shadow:var(--bs-focus-ring-inset)}.dt-leftbar-row__action{position:absolute;right:var(--leftbar-row-action-position-right);top:var(--leftbar-row-action-position-bottom);transform:translateY(calc(var(--leftbar-row-action-position-bottom) * -1))}.dt-leftbar-row__action-button{opacity:0;width:var(--leftbar-row-action-width);height:var(--leftbar-row-action-height)}.dt-leftbar-row:hover .dt-leftbar-row__action-button,.dt-leftbar-row__action-button:focus-visible{opacity:1}.dt-leftbar-row__alpha{color:var(--leftbar-row-alpha-color-foreground);display:flex;box-sizing:border-box;justify-content:center;align-items:center;padding-left:var(--space-400);padding-right:var(--space-400);width:var(--leftbar-row-alpha-width);height:var(--leftbar-row-alpha-height)}.dt-leftbar-row__label{flex:1;min-width:0}.dt-leftbar-row__omega{display:flex;gap:var(--space-300);justify-content:end;align-items:center;box-sizing:border-box;min-width:var(--leftbar-row-omega-min-width);height:var(--leftbar-row-omega-height);padding-left:var(--space-400);padding-right:var(--space-400);visibility:var(--leftbar-row-omega-visibility)}.dt-leftbar-row__active-voice{color:var(--fc-success);-webkit-animation-name:opacity-pulsate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}.dt-leftbar-row__dnd{padding-top:var(--space-200);padding-right:var(--space-300);color:var(--fc-tertiary);font-size:var(--fs-100);line-height:var(--lh-400);font-weight:var(--fw-medium)}.dt-leftbar-row__description{display:block;font-weight:var(--leftbar-row-description-font-weight);font-size:var(--leftbar-row-description-font-size);line-height:var(--leftbar-row-description-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row__status{display:block;color:var(--leftbar-row-status-color-foreground);font-size:var(--leftbar-row-status-font-size);line-height:var(--leftbar-row-status-line-height);padding-bottom:var(--space-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row__meta-context~.dt-leftbar-row__meta-custom:not(:empty):before{content:" • ";color:var(--theme-sidebar-status-color)}.dt-leftbar-row__icon-cc{border-radius:var(--size-200);width:calc(var(--size-300) * 3.5);height:calc(var(--size-300) * 3.5)}.opacity-pulsate{-webkit-animation-name:opacity-pulsate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}@-webkit-keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@-moz-keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@keyframes wave{0%,50%,to{transform:translate(0)}10%{transform:translateY(-5px);opacity:90%}}.dt-leftbar-unread-pill{display:flex;align-items:center;justify-content:center;padding:var(--space-200) var(--space-500) var(--space-200) var(--space-400);gap:var(--space-300);font-size:var(--fs-100);box-shadow:var(--bs-md);border-radius:var(--br-pill);border:none;line-height:var(--lh-600);cursor:pointer}.dt-leftbar-unread-pill--mentions{font-weight:var(--fw-bold);background-color:var(--theme-mention-color-background);color:var(--theme-mention-color-foreground)}.dt-leftbar-unread-pill--messages{background-color:var(--bgc-primary);color:var(--fc-primary)}content-text-wrapper-class:not(img){line-height:1.6rem}.skeleton-placeholder{display:flex;stroke:none;fill:var(--placeholder-from-color, var(--black-300));background:var(--placeholder-from-color, var(--black-300))}.skeleton-placeholder--animate{animation-name:placeholder-throb;animation-iteration-count:infinite}@keyframes placeholder-throb{10%{fill:var(--placeholder-from-color, var(--black-300));background:var(--placeholder-from-color, var(--black-300))}50%{fill:var(--placeholder-to-color, var(--black-100));background:var(--placeholder-to-color, var(--black-100))}90%{fill:var(--placeholder-from-color, var(--black-300));background:var(--placeholder-from-color, var(--black-300))}}
|
|
1
|
+
.d-avatar--image-loaded{background-color:transparent;background-image:unset}.dt-default-list-item,.dt-default-list-item--left,.dt-default-list-item--right{min-height:28px;min-width:32px}.dt-list-item:not(.dt-list-item--static){cursor:pointer;border-radius:var(--size-300)}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:var(--bgc-moderate-opaque)}.dt-list-item--highlighted:active{background-color:var(--bgc-bold-opaque)}.dt-list-item:focus-visible{outline:none;box-shadow:var(--bs-focus-ring)}.dt-empty-list-item{display:flex;align-items:center;justify-content:center;font-size:var(--fs-200);line-height:var(--lh4);padding:var(--space-300) var(--space-450)}.enter-active,.leave-active{overflow:hidden;transition:height var(--td300) var(--ttf-quint)}.tippy-box[data-popper-reference-hidden] .d-popover__dialog,.tippy-box[data-popper-escaped] .d-popover__dialog{visibility:hidden;pointer-events:none}.d-context-menu-list{width:var(--size-850)}.dt-list-item[role=menuitem]{border-radius:var(--size-300)}.dt-list-separator{border-top:var(--size-100) solid var(--bc-default);list-style:none}.dt-list-section[tabindex="-1"]:focus{outline:none}.tippy-box[data-popper-reference-hidden] .d-tooltip,.tippy-box[data-popper-escaped] .d-tooltip{visibility:hidden;pointer-events:none}.dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle){line-height:var(--lh-300)}.dt-recipe-callbar-button--circle{border-radius:var(--br-circle)}.dt-recipe-callbar-button.d-btn[disabled]{background-color:unset;opacity:.5}.dt-recipe-callbar-button--circle.d-btn[disabled]{border-color:unset}.dt-recipe-callbar-button--active .base-button__icon,.dt-recipe-callbar-button--active:hover .base-button__icon{color:var(--primary-color)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{margin-top:var(--space-350-negative);margin-left:calc(var(--space-300-negative) * 5);width:var(--size-500);height:var(--size-500);padding:var(--space-400);border-radius:var(--size-300)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--bgc-moderate-opaque)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--bgc-contrast);color:var(--fc-primary-inverted)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header .d-btn{color:var(--fc-primary-inverted)}.dt-recipe--callbar-button-with-popover--button .d-tab--selected:after,.dt-recipe--callbar-button-with-popover--button .d-tab--selected:hover:after{--tab--bgc: var(--bgc-contrast)}.dt-recipe--callbar-button-with-popover--button .tab-group{display:flex;flex-direction:column;height:100%}.dt-recipe--callbar-button-with-popover--button .tab-content{flex:1 1 100%;overflow-y:auto}.d-top-banner-info__left{margin:var(--space-300) 0 var(--space-300) var(--space-500);min-width:20%}.d-top-banner-info__middle{display:flex;align-items:center;gap:var(--size-300)}.d-top-banner-info__right{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--size-300);margin:var(--space-300) var(--space-500) var(--space-300) 0;min-width:20%}.ivr_node__width{width:280px}.ivr_node__goto_icon{transform:rotate(90deg)}.ivr-connector{z-index:var(--zi-base1);display:flex;justify-content:center;align-items:center;border-color:var(--purple-600);background-color:var(--purple-600)}.dt-chip-content{font-variant-numeric:tabular-nums}.d-btn[data-v-5f15fa46]:active{--bgo: 85% !important}.settings-menu-button[data-v-5f15fa46]:hover{background-color:hsla(var(--theme-topbar-color-hsl) / .05)}.settings-menu-button[data-v-5f15fa46]:focus-visible{color:var(--theme-topbar-color-hsl);box-shadow:0 0 0 var(--size-200) hsla(var(--theme-sidebar-color-hsl) / .15)}.dt-leftbar-row{--leftbar-row-color-foreground: var(--theme-sidebar-color);--leftbar-row-color-background: var(--theme-sidebar-row-color-background);--leftbar-row-radius: 100em;--leftbar-row-opacity: 100%;--leftbar-row-alpha-color-foreground: var(--theme-sidebar-icon-color);--leftbar-row-alpha-width: calc(var(--size-300) * 10);--leftbar-row-alpha-height: calc(var(--size-300) * 9);--leftbar-row-omega-min-width: 0;--leftbar-row-omega-height: var(--leftbar-row-alpha-height);--leftbar-row-omega-visibility: visible;--leftbar-row-description-font-weight: var(--fw-normal);--leftbar-row-description-font-size: var(--fs-200);--leftbar-row-description-line-height: var(--lh-200);--leftbar-row-status-color-foreground: var(--theme-sidebar-status-color);--leftbar-row-status-font-size: var(--fs-100);--leftbar-row-status-line-height: var(--lh-100);--leftbar-row-action-position-right: var(--size-400);--leftbar-row-action-position-bottom: 50%;--leftbar-row-action-width: var(--size-550);--leftbar-row-action-height: var(--leftbar-row-action-width);position:relative;opacity:var(--leftbar-row-opacity)}.dt-leftbar-row:not(.dt-leftbar-row--no-action):hover{--leftbar-row-omega-min-width: var(--leftbar-row-alpha-width)}.dt-leftbar-row:hover .d-presence{--presence-color-border-base: var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row:hover .d-avatar__count{--avatar-count-color-shadow: var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row--has-unread{--leftbar-row-description-font-weight: var(--fw-bold);--leftbar-row-alpha-color-foreground: var(--leftbar-row-color-foreground)}.dt-leftbar-row--has-unread:not(.dt-leftbar-row--no-action):hover{--leftbar-row-omega-visibility: hidden}.dt-leftbar-row--muted{--leftbar-row-opacity: 60%}.dt-leftbar-row--selected{--leftbar-row-color-background: var(--theme-sidebar-selected-row-color-background);--leftbar-row-color-foreground: var(--theme-sidebar-selected-row-color)}.dt-leftbar-row--selected .d-avatar__count{--avatar-count-color-shadow: var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row--action-focused{--leftbar-row-omega-visibility: hidden;--leftbar-row-omega-min-width: var(--leftbar-row-alpha-width)}.dt-leftbar-row__is-typing{--is-typing-size-shape: var(--size-550);height:var(--is-typing-size-shape);width:var(--is-typing-size-shape);position:absolute;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:var(--br-pill);opacity:.75}.dt-leftbar-row__is-typing span{transition:all .5s ease;background:var(--bgc-strong);height:4px;width:4px;display:inline-block;padding:0;opacity:.3;border-radius:var(--br-pill);animation:wave 1.5s ease infinite}.dt-leftbar-row__is-typing span:nth-child(1){animation-delay:0ms}.dt-leftbar-row__is-typing span:nth-child(2){animation-delay:var(--td100)}.dt-leftbar-row__is-typing span:nth-child(3){animation-delay:var(--td200)}.dt-leftbar-row__primary{display:flex;align-items:center;flex:1;width:100%;text-align:left;color:var(--leftbar-row-color-foreground);text-decoration:none;background-color:var(--leftbar-row-color-background);border-radius:var(--leftbar-row-radius);transition-duration:var(--td200);transition-property:background-color,border,box-shadow;transition-timing-function:var(--ttf-out-quint);appearance:none;font-size:inherit;line-height:inherit;margin:0;border:0;padding:0;cursor:pointer}.dt-leftbar-row__primary:hover{--leftbar-row-color-background: var(--theme-sidebar-row-color-background-hover)}.dt-leftbar-row__primary:active{--leftbar-row-color-background: var(--theme-sidebar-row-color-background-active)}.dt-leftbar-row__primary:focus-visible{box-shadow:var(--bs-focus-ring-inset)}.dt-leftbar-row__action{position:absolute;right:var(--leftbar-row-action-position-right);top:var(--leftbar-row-action-position-bottom);transform:translateY(calc(var(--leftbar-row-action-position-bottom) * -1))}.dt-leftbar-row__action-button{opacity:0;width:var(--leftbar-row-action-width);height:var(--leftbar-row-action-height)}.dt-leftbar-row:hover .dt-leftbar-row__action-button,.dt-leftbar-row__action-button:focus-visible{opacity:1}.dt-leftbar-row__alpha{color:var(--leftbar-row-alpha-color-foreground);display:flex;box-sizing:border-box;justify-content:center;align-items:center;padding-left:var(--space-400);padding-right:var(--space-400);width:var(--leftbar-row-alpha-width);height:var(--leftbar-row-alpha-height)}.dt-leftbar-row__label{flex:1;min-width:0}.dt-leftbar-row__omega{display:flex;gap:var(--space-300);justify-content:end;align-items:center;box-sizing:border-box;min-width:var(--leftbar-row-omega-min-width);height:var(--leftbar-row-omega-height);padding-left:var(--space-400);padding-right:var(--space-400);visibility:var(--leftbar-row-omega-visibility)}.dt-leftbar-row__active-voice{color:var(--fc-success);-webkit-animation-name:opacity-pulsate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}.dt-leftbar-row__dnd{padding-top:var(--space-200);padding-right:var(--space-300);color:var(--fc-tertiary);font-size:var(--fs-100);line-height:var(--lh-400);font-weight:var(--fw-medium)}.dt-leftbar-row__description{display:block;font-weight:var(--leftbar-row-description-font-weight);font-size:var(--leftbar-row-description-font-size);line-height:var(--leftbar-row-description-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row__status{display:block;color:var(--leftbar-row-status-color-foreground);font-size:var(--leftbar-row-status-font-size);line-height:var(--leftbar-row-status-line-height);padding-bottom:var(--space-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row__meta-context~.dt-leftbar-row__meta-custom:not(:empty):before{content:" • ";color:var(--theme-sidebar-status-color)}.dt-leftbar-row__icon-cc{border-radius:var(--size-200);width:calc(var(--size-300) * 3.5);height:calc(var(--size-300) * 3.5)}.opacity-pulsate{-webkit-animation-name:opacity-pulsate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}@-webkit-keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@-moz-keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@keyframes wave{0%,50%,to{transform:translate(0)}10%{transform:translateY(-5px);opacity:90%}}.dt-leftbar-unread-pill{display:flex;align-items:center;justify-content:center;padding:var(--space-200) var(--space-500) var(--space-200) var(--space-400);gap:var(--space-300);font-size:var(--fs-100);box-shadow:var(--bs-md);border-radius:var(--br-pill);border:none;line-height:var(--lh-600);cursor:pointer}.dt-leftbar-unread-pill--mentions{font-weight:var(--fw-bold);background-color:var(--theme-mention-color-background);color:var(--theme-mention-color-foreground)}.dt-leftbar-unread-pill--messages{background-color:var(--bgc-primary);color:var(--fc-primary)}content-text-wrapper-class:not(img){line-height:1.6rem}.skeleton-placeholder{display:flex;stroke:none;fill:var(--placeholder-from-color, var(--black-300));background:var(--placeholder-from-color, var(--black-300))}.skeleton-placeholder--animate{animation-name:placeholder-throb;animation-iteration-count:infinite}@keyframes placeholder-throb{10%{fill:var(--placeholder-from-color, var(--black-300));background:var(--placeholder-from-color, var(--black-300))}50%{fill:var(--placeholder-to-color, var(--black-100));background:var(--placeholder-to-color, var(--black-100))}90%{fill:var(--placeholder-from-color, var(--black-300));background:var(--placeholder-from-color, var(--black-300))}}
|
package/package.json
CHANGED