https://www.authy.com/etc.clientlibs/twilio-foundation/clientlibs/…/resources/3596.23d84a17df4c03777a0a.js

1"use strict";(self.webpackChunktwilio_foundation_frontend=self.webpackChunktwilio_foundation_frontend||[]).push([[3596],{1512:function(e,t,i){i.d(t,{E:function(){return a}});const a=e=>{const{cmpPath:t}=e?.dataset??{},i=`${t??""}:aria-description`;return{setAriaDescriptionElement:(e,t)=>{e?.setAttribute("id",i),e?.insertAdjacentText("beforeend",t)},setAriaAttributes:(e,t)=>{e.setAttribute("aria-label",t),e.setAttribute("aria-describedBy",i)}}}},13596:function(e,t,i){i.r(t),i.d(t,{registerBarCharts:function(){return v}});var a,r=i(3326),o=i(26629),n=i(90116),l=i(11658),s=i(37913),c=i(1512),h=i(26927);!function(e){e.SELF=".cmp-bar-chart",e.CONTAINER=".cmp-bar-chart__container",e.DESCRIPTION=".cmp-bar-chart__description",e.ARIA_DESCRIPTION=".cmp-bar-chart__description__aria",e.CHARTS_CONTAINER=".cmp-charts-container",e.CHARTS_CONTAINER_QUADRANT=".cmp-charts-container__content__quadrant",e.CHARTS_CONTAINER_DROPDOWN=".cmp-charts-container__header-select"}(a||(a={}));var d=i(27247),p=i(48524),u=i(66233),b=i(34300),m=i(29883),g=i(77880),f=i(91521);var S=i(44155);(0,n.Y)([o.a,r.a,l.a]);const y=()=>{document.querySelectorAll(a.SELF).forEach(e=>{const t=e?.querySelector(a.CONTAINER),i=t?.closest(a.CHARTS_CONTAINER),r=i?.querySelector(a.CHARTS_CONTAINER_DROPDOWN),o=t?.closest(a.CHARTS_CONTAINER_QUADRANT),{chartVariation:n,chartBars:l,chartAriaLabel:y,chartJsonMapping:v}=t?.dataset??{},A=JSON.parse(l??"{}");if(!t)return;const O={data:A,animation:!(0,s.Oe)()},W=e?.querySelector(a.ARIA_DESCRIPTION),x=(0,c.E)(e);x.setAriaDescriptionElement(W,((e,t,i)=>{const{chartAriaDescription:r,chartAriaDescriptionItem:o,chartFormat:n}=t?.dataset??{},l=i.map(({label:e,value:t})=>o?.replaceAll("{label}",e??"").replaceAll("{value}",n?.replace("{value}",`${t}`)??`${t}`)).join(", "),s=e.querySelector(a.DESCRIPTION)?.textContent?.trim()??"";return r?.replaceAll("{description}",s).replaceAll("{data}",l)??""})(e,t,A)),x.setAriaAttributes(t,y??"");const w=e=>{switch(n){case"vertical-lines":return((e,{data:t,animation:i})=>{const{chartTheme:a,chartFormat:r,chartBackground:o}=e.dataset,n=(0,g.vG)(a??"light",o),l=(0,b.GG)((0,b.Ic)("small-semibold")),s=(0,b.GG)((0,b.Ic)("large-semibold")),c=(0,b.GG)((0,b.Ic)("small-book"));return{init:()=>(0,p.Ts)(e),getChartOptions:()=>({grid:{outerBoundsMode:"same",bottom:0},xAxis:{min:0,type:"category",data:t.map(({label:e})=>e??""),axisLine:{show:!1,lineStyle:{color:n}},axisTick:{show:!1},axisLabel:{interval:0,fontFamily:b.Vb,fontSize:(0,b.ir)(c.fontSize),overflow:"break"}},yAxis:{type:"value",nameGap:8,splitNumber:3,axisLabel:{color:n,fontFamily:b.Vb,formatter:(0,S.z)(r),fontSize:(0,b.ir)(c.fontSize)},splitLine:{lineStyle:{color:(0,g.y3)(o??"default",a)}}},series:[{animation:i,type:"bar",silent:!0,label:{valueAnimation:i,formatter:(0,S.h)(r),show:!0,position:"top",fontFamily:b.Vb,fontSize:(0,b.ir)(s.fontSize),color:n},data:Object.values(t).map(({value:e,color:t})=>({value:e,itemStyle:{color:(0,f.bx)(t,a,o)}}))}]}),applyResponsiveOptions:(e,t)=>{const i=m.R9.isUp(m.EA.LG);t.setOption({grid:{bottom:0,left:0,right:0,top:i?20:10},xAxis:{axisLabel:{fontSize:(0,b.ir)(c.fontSize),lineHeight:(0,b.ZW)(c.lineHeight),fontWeight:c.fontWeight,width:i?96:55,color:n}},yAxis:{axisLabel:{fontSize:(0,b.ir)(c.fontSize),lineHeight:(0,b.ZW)(c.lineHeight),fontWeight:c.fontWeight},splitLine:{lineStyle:{width:i?3:1.875}}},series:[{barWidth:"auto",barMaxWidth:i?300:200,itemStyle:{borderRadius:i?[12,12,0,0]:[8,8,0,0]},label:{fontWeight:i?s.fontWeight:l.fontWeight,fontSize:i?(0,b.ir)(s.fontSize):(0,b.ir)(l.fontSize),lineHeight:i?(0,b.ZW)(s.lineHeight):(0,b.ZW)(l.lineHeight)}}]},!1,!0)}}})(t,e);case"horizontal":return((e,{data:t,animation:i})=>{const{chartTheme:a,chartBackground:r,chartFormat:o,chartUpperLimit:n}=e.dataset,l=(0,g.vG)(a??"light",r),s=(0,b.GG)((0,b.Ic)("small-semibold")),c=(0,b.GG)((0,b.Ic)("large-semibold")),h=(0,b.GG)((0,b.Ic)("small-book")),S=t.slice().reverse(),{getUpperLimitWithLabelOffset:y,getDynamicBarMaxValue:v}=(e=>{const t=t=>.05*(e?.trim().replace("{value}",`${t}`).length??0),i=(e,t)=>{const i=new d.W(e);return i.plus(i.mul(t)).toDecimalPlaces(2,d.W.ROUND_UP)};return{getUpperLimitWithLabelOffset:e=>i(e,t(Math.round(+e))),getDynamicBarMaxValue:e=>{const a=new d.W(Math.max(...e.map(e=>e.value))),r=e.map(e=>e.value).reduce((e,t)=>

1`${t}`.length>`${e}`.length?t:e);return i(a,t(r))}}})(o),A=n&&+n?y(n):v(t);return{init:()=>(0,p.Ts)(e),getChartOptions:()=>({xAxis:{show:!1,type:"value",splitLine:{show:!1},min:0,max:A.toString()},yAxis:{data:S.map(({label:e})=>e??""),type:"category",axisLabel:{show:!1},splitLine:{show:!1},axisLine:{show:!1},axisTick:{show:!1}},grid:{bottom:0},series:[{animation:i,type:"bar",stack:"chart",silent:!0,animationDuration:1500,animationEasing:"cubicInOut",barWidth:36,label:{verticalAlign:"bottom",formatter:"{b}",show:!0,width:264,overflow:"break",color:l,textBorderWidth:0,fontFamily:b.Vb},showBackground:!0,backgroundStyle:{borderColor:u.T.ink.rgb(),color:u.T.ink.rgb(),borderCap:"square"},data:Object.values(S).map(({value:e,color:t})=>({value:e,itemStyle:{color:(0,f.bx)(t,"dark",r)}}))},{type:"bar",stack:"chart",silent:!0,animation:!1,barWidth:36,label:{valueAnimation:i,formatter:({value:e})=>{const t=A.minus(new d.W(`${e}`));return o?o.trim().replace("{value}",t.toString()):t.toString()},show:!0,position:"insideRight",color:u.T.white.rgb(),fontFamily:b.Vb,fontSize:(0,b.ir)(c.fontSize),lineHeight:c.lineHeight,fontWeight:c.fontWeight},itemStyle:{color:u.T.ink.rgb()},data:Object.values(S).map(({value:e})=>({value:A.minus(new d.W(`${e}`)).toFixed(2)}))}]}),applyResponsiveOptions:(e,t)=>{const i=m.R9.isUp(m.EA.LG);t.setOption({grid:{left:i?12:8,right:i?12:8,top:i?20:25,bottom:0},series:[{barWidth:i?36:26,label:{position:[0,0],width:e-2*(i?12:8),fontSize:(0,b.ir)(h.fontSize),lineHeight:(0,b.ZW)(h.lineHeight),fontWeight:h.fontWeight,fontFamily:b.Vb},backgroundStyle:{borderWidth:i?12:8,borderRadius:[0,i?12:8,i?12:8,0]},itemStyle:{borderRadius:[0,i?12:8,i?12:8,0]}},{label:{fontWeight:i?c.fontWeight:s.fontWeight,fontSize:i?(0,b.ir)(c.fontSize):(0,b.ir)(s.fontSize),lineHeight:i?(0,b.ZW)(c.lineHeight):(0,b.ZW)(s.lineHeight)}}]},!1,!0)}}})(t,e);default:return((e,{data:t,animation:i})=>{const{chartTheme:a,chartBackground:r,chartFormat:o,chartUpperLimit:n}=e.dataset,l=(0,g.vG)(a??"light",r),s=(0,b.GG)((0,b.Ic)("small-semibold")),c=(0,b.GG)((0,b.Ic)("large-semibold")),h=(0,b.GG)((0,b.Ic)("small-book")),d=n&&+n?+n:(e=>Math.max(...e.map(e=>e.value)))(t);return{init:()=>(0,p.Ts)(e,null),getChartOptions:()=>({xAxis:{type:"category",data:t.map(({label:e})=>e??""),axisLabel:{color:l,fontFamily:b.Vb,overflow:"break",hideOverlap:!0,margin:3,width:92,interval:0,fontSize:(0,b.ir)(s.fontSize),align:"center"},axisLine:{show:!1,lineStyle:{color:l}},axisTick:{show:!1}},yAxis:{min:0,type:"value",nameGap:8,axisLabel:{show:!1},splitLine:{show:!1}},series:[{barWidth:"auto",animation:i,type:"bar",silent:!0,showBackground:!0,backgroundStyle:{borderColor:u.T.ink.rgb(),color:u.T.ink.rgb(),borderCap:"square"},label:{valueAnimation:i,formatter:(0,S.h)(o??""),show:!0,position:"top",fontFamily:b.Vb,fontWeight:c.fontWeight,fontSize:(0,b.ir)(c.fontSize),color:u.T.white.rgb(),textBorderColor:u.T.ink.rgb(),textBorderWidth:1},itemStyle:{borderRadius:[12,12,0,0]},data:Object.values(t).map(({value:e,color:t})=>({value:e,itemStyle:{color:(0,f.bx)(t,"dark",r)}}))}]}),applyResponsiveOptions:(e,t)=>{const i=m.R9.isUp(m.EA.LG);t.setOption({grid:{outerBoundsMode:"same",left:i?64:32,right:i?64:32,top:5,bottom:0},xAxis:{axisLabel:{fontSize:(0,b.ir)(s.fontSize),lineHeight:(0,b.ZW)(h.lineHeight),fontWeight:h.fontWeight,padding:[8,0,0,0]}},yAxis:{max:d+d*(i?.2:.3)},series:[{barCategoryGap:i?48:24,backgroundStyle:{borderWidth:5,borderRadius:[i?12:8,i?12:8,0,0]},label:{fontSize:i?(0,b.ir)(c.fontSize):(0,b.ir)(s.fontSize),lineHeight:(0,b.ZW)(i?c.lineHeight:s.lineHeight)}}]},!1,!0)}}})(t,e)}},R=w(O),T=R.init(),k=()=>{new ResizeObserver(([e])=>{window.innerWidth>=376&&(T.resize(),R.applyResponsiveOptions&&R.applyResponsiveOptions(e?.contentRect.width??376,T))}).observe(t),T.off("finished",k)};T.on("finished",k);const C=()=>{if(o){const e=r?.options[r?.options.selectedIndex]?.value;if(""!==e){const a=i?.dataset.chartsJsonPath;(0,h.f)(a).then(i=>{const a=i[e][v],r={data:JSON.parse(l??"{}").map((e,t)=>(e.value=a[`value-${String(t+1)}`],e)),animation:!(0,s.Oe)()},o=w(r);T.setOption(o.getChartOptions(),!1,!0),R.applyResponsiveOptions&&R.applyResponsiveOptions(t.clientWidth,T)})}}T.setOption(R.getChartOptions(),!1,!0),R.applyResponsiveOptions&&R.applyResponsiveOptions(t.clientWidth,T),T.on("finished",()=>{o&&r?.addEventListener("change",()=>{C()})})},z=new IntersectionObserver(([e])=>{e?.isIntersecting&&(C(),z.unobserve(t))},{threshold:.1});z.observe(t)})},v=()=>{"loading"!==document.readyState?y():window.addEventListener("DOMContentLoaded",y)}},91521:function(e,t,i){i.d(t,{bx:function(){return o}});var a=i(77880);new Set(["red"]);const r={light:{red:{lightest:"red100",lighter:"red300",default:"red450",darker:"red700",darkest:"red900",gray:"gray300"}},dark:{red:{lightest:"white",lighter:"red100",default:"red300",darker:"red450",darkest:"red700",gray:"gray300"}}},o=(e,t,i)=>{const o=r[t][i][e];return a.c7[e]||(e=>{const t="default"===e?"red450":e;return(0,a.oU)(t)})(o||"default")}}}]);