https://www.snap.com/mwp/chunks/LazyBarChart-GEZQTYCD.mjs

1
2      // Merge in the client-visible compile-time environment.
3      window.process = {
4        ...window.process,
5        env: {
6          ...window.process?.env,
7          ...({"CI_COMMIT":"c710bdeace0f21cb93a5c7a6953d7fe969fc3207","CI_PIPELINE_ID":"ccdb44e1-5b2e-423b-85c3-deedbf639a4a","GOOGLE_CLOUD_PROJECT":"marketing-web-platform","DEPLOYMENT_TYPE":"production","NODE_ENV":"production","PREVIEW":"false","SITE_CONFIG":"snap"})
8        }
9      };
10
11      // Stop crashing when certain node libraries are imported.
12      window.global = window.global ?? {};
13    
14import{d as ye,e as Y,f as xe,h as V,i as ke,j as He}from"./chunk-EYXTZDXS.mjs";import{a as de}from"./chunk-ELKGEQVX.mjs";import"./chunk-OGMERRQL.mjs";import{a as ge}from"./chunk-XV5BQEV7.mjs";import{b as M,f as E,g as W,h as K,l as he,m as be,p as re,q as Se,s as Be,w as Pe}from"./chunk-YDKADIIL.mjs";import{a as Fe}from"./chunk-S2DCKPDM.mjs";import{a as Ve}from"./chunk-UCQ6PWXQ.mjs";import"./chunk-KRCEMB62.mjs";import{C as A,b as F,n as H,q as G,qa as fe,s as ue,sa as I,ta as i,ua as B}from"./chunk-4JJU5PHI.mjs";import"./chunk-PUILDXYW.mjs";import"./chunk-P4RJ3LIL.mjs";import{d as $}from"./chunk-IOWTC3PU.mjs";function oe(e){return"bandwidth"in e?e.bandwidth():0}var ae=$(Ve()),ne=$(F()),Le=$(Fe()),Te=$(He());var Ie=["top","left","scale","height","stroke","strokeWidth","strokeDasharray","className","numTicks","lineStyle","offset","tickValues","children"];function ie(){return ie=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},ie.apply(this,arguments)}function We(e,t){if(e==null)return{};var r={},o=Object.keys(e),a,s;for(s=0;s<o.length;s++)a=o[s],!(t.indexOf(a)>=0)&&(r[a]=e[a]);return r}function z(e){var t=e.top,r=t===void 0?0:t,o=e.left,a=o===void 0?0:o,s=e.scale,l=e.height,p=e.stroke,u=p===void 0?"#eaf0f6":p,c=e.strokeWidth,n=c===void 0?1:c,m=e.strokeDasharray,f=e.className,g=e.numTicks,S=g===void 0?10:g,y=e.lineStyle,h=e.offset,x=e.tickValues,P=e.children,L=We(e,Ie),b=x??be(s,S),k=(h??0)+oe(s)/2,T=b.map(function(d,w){var v,D=((v=he(s(d)))!=null?v:0)+k;return{index:w,from:new re({x:D,y:0}),to:new re({x:D,y:l})}});return ne.default.createElement(M,{className:(0,Le.default)("visx-columns",f),top:r,left:a},P?P({lines:T}):T.map(function(d){var w=d.from,v=d.to,D=d.index;return ne.default.createElement(Te.default,ie({key:"column-line-"+D,from:w,to:v,stroke:u,strokeWidth:n,strokeDasharray:m,style:y},L))}))}z.propTypes={tickValues:ae.default.array,height:ae.default.number.isRequired};var R=$(F());var X=e=>{let{yMax:t,xScale:r,numTicks:o,hidePercentSignal:a}=e,s=l=>a?l:`${l}%`;return i(ke,{hideTicks:!0,top:t-20,scale:r,stroke:"black",tickStroke:"black",hideAxisLine:!0,numTicks:o,tickLabelProps:()=>({fill:"black",fontSize:14,textAnchor:"middle"}),tickFormat:s})};var C={top:20,right:65,bottom:20,left:20,leftWhenNoYAxisLabels:150},we={mobile:0,desktop:150},se=500,le=315;function O(e){let t=Number(e);return Number.isNaN(t)?0:t}function ce(e){return e?String(e).toLowerCase().trim():""}function j(e,t){return ue(e.map(o=>o[t]))}function q(e,t){let r=[...t],o=0;for(;r.length<e.length;)r.push(t[o]),o=(o+1)%t.length;return r}function U(e,t=!0,r=1){let o=Number(e),a;return t&&o>0&&o<1?a="< 1":o===0?a="0":a=Number(e).toFixed(r),t?`${a}%`:a}var pe=90,me=180,Ke=G`
15  display: flex;
16  /* Center the label vertically within the container */
17  align-items: center;
18  overflow-wrap: break-word;
19  width: ${pe}px;
20  height: ${me}px;
21
22  p {
23    min-width: 0;
24    line-height: 1;
25    font-weight: bold;
26  }
27`,Z=e=>{let{yScale:t}=e;return i(M,{top:C.top,left:C.left,children:i(V,{hideTicks:!0,scale:t,stroke:"black",tickStroke:"black",hideAxisLine:!0,tickLabelProps:()=>({fill:"black",fontSize:14,fontWeight:"bold",textAnchor:"start",verticalAnchor:"middle",width:pe}),tickComponent:r=>i("svg",{ref:r.innerRef,x:0,y:0,fontSize:r.fontSize,children:i("foreignObject",{x:0,y:r.y-me/2,width:pe,height:me,children:i("div",{className:Ke,children:i("p",{children:r.formattedValue})})})})})})};var ve=14,J=e=>{let{barX:t,barY:r,barHeight:o,barWidth:a,value:s,showAsPercent:l,numberOfDecimalPlaces:p}=e;return i("text",{x:t+a,y:r+(o+ve)/2,fill:"black",fontSize:ve,fontWeight:"bold",dx:".8em",textAnchor:e.isRTL?"end":"start",children:U(s,l,p)})};var $e=$(F());var Ce=G`
28  position: absolute;
29  border: ${A("--border-width-xs")} solid ${A("--bar-chart-tooltip-border-color")};
30  border-radius: ${A("--bar-chart-tooltip-border-radius")};

31  box-shadow: ${A("--bar-chart-tooltip-box-shadow")};
32  line-height: 1em;
33  pointer-events: none;
34  background-color: ${A("--palette-plain-white")};
35  color: ${A("--palette-plain-black")};
36  padding: 0;
37  z-index: ${de.CHART_TOOLTIP};
38`,Ae=G`
39  display: flex;
40  justify-content: center;
41  font-size: 20px;
42  font-weight: 400;
43  line-height: 16px;
44  padding: 6px;
45`,De=G`
46  display: flex;
47  justify-content: center;
48  align-items: center;
49  padding: 5px 10px;
50  gap: 7px;
51  border-radius: 0 0 ${A("--bar-chart-tooltip-border-radius")}
52    ${A("--bar-chart-tooltip-border-radius")};
53  font-size: 16px;
54  line-height: 12px;
55`,Ge=G`
56  border-radius: ${A("--bar-chart-tooltip-border-radius")};
57`,Me=G`
58  width: 12px;
59  height: 12px;
60  border-radius: 50%;
61`,Re=G`
62  margin-bottom: 20px;
63  color: ${A("--palette-black-v200")};
64  text-align: center;
65`,Ne=G`
66  background-color: ${A("--palette-plain-white")};
67  border-radius: ${A("--bar-chart-border-radius")};
68  padding: 60px 0;
69`,Q=G`
70  position: relative;
71  width: fit-content;
72  margin: 0 auto;
73`,Oe=G`
74  position: absolute;
75  width: 100%;
76  display: flex;
77  justify-content: flex-start;
78  font-size: 14px;
79  color: ${A("--palette-black-v100")};
80`;var _=e=>{let{tooltipData:t,tooltipLeft:r,tooltipTop:o,colorScale:a,showAsPercent:s,numberOfDecimalPlaces:l}=e,{tooltipOpen:p,hideTooltip:u,showTooltip:c}=Se(),{TooltipInPortal:n}=Be({scroll:!0});return(0,$e.useEffect)(()=>(c({tooltipData:t,tooltipTop:o,tooltipLeft:r}),()=>{u()}),[u,c,t,r,o]),!p||!t?null:i(n,{top:o,left:r,className:H("sdsm-bar-tooltip","sdsm",Ce),unstyled:!0,children:B("div",{className:Ge,children:[i("article",{className:Ae,children:i("div",{children:U(t.value,s,l)})}),B("aside",{className:De,children:[i("span",{className:Me,style:{backgroundColor:a?.(t.colorKey)}}),B("section",{children:[t.groupName," ",t.colorKey," ",t.subGroupName]})]})]})})};var ee=e=>{let{colorScale:t,keys:r}=e;

80return i("legend",{className:Oe,style:{top:C.top/2-10},children:i(Pe,{scale:t,domain:r,direction:"row",labelMargin:"0 15px 0 0"})})};var ze=e=>{let{width:t,height:r,yAxis:o,xAxes:a,xMax:s,yMax:l,xScaleTicks:p,leftPosition:u,data:c,dataColors:n,hideXAxisLabels:m,hideYAxisLabels:f,hideXPercentLabels:g,showAsPercent:S,numberOfDecimalPlaces:y,hideLegend:h,isRTL:x}=e,P=(0,R.useMemo)(()=>je(c,o,a),[c,o,a]),L=(0,R.useCallback)(D=>D[o],[o]),b=(0,R.useMemo)(()=>j(P,o),[P,o]),k=(0,R.useMemo)(()=>q(b,n),[b,n]),T=(0,R.useMemo)(()=>E({range:[0,l],domain:P.map(L),padding:.2}),[l,P,L]),d=(0,R.useMemo)(()=>W({domain:[0,Xe(P,o)],range:[0,s]}),[P,o,s]),w=(0,R.useMemo)(()=>E({range:[0,T.bandwidth()],domain:a,padding:.1,paddingOuter:1}),[T,a]),v=(0,R.useMemo)(()=>K({domain:b,range:k}),[k,b]);return B("figure",{className:Q,children:[B("svg",{width:t,height:r,children:[B(M,{top:C.top,left:u,children:[i(z,{scale:d,height:r-60,numTicks:p}),i(Y,{data:P,keys:a,width:s,y0:L,y0Scale:T,y1Scale:w,xScale:d,color:v,children:D=>i(Ye,{barGroups:D,colors:k,yScale:w,legendLabels:b,hideLabels:m,colorScale:v,showAsPercent:S,numberOfDecimalPlaces:y,isRTL:x})}),!g&&i(X,{yMax:l,xScale:d,numTicks:p,hidePercentSignal:!S})]}),!f&&i(Z,{yScale:T})]}),!h&&i(ee,{colorScale:v,keys:b})]})},Ye=e=>{let{barGroups:t,yScale:r,colors:o,legendLabels:a,hideLabels:s,colorScale:l,showAsPercent:p,numberOfDecimalPlaces:u,isRTL:c}=e,[n,m]=(0,R.useState)(null),f,g=()=>{f=setTimeout(()=>{m(null)},300)},S=(y,h,x,P,L)=>{f&&clearTimeout(f);let b=P,k="",T=a[L];m({tooltipData:{value:x,colorKey:T,groupName:b,subGroupName:k},tooltipTop:y,tooltipLeft:h,colorScale:l,showAsPercent:p,numberOfDecimalPlaces:u})};return B(I,{children:[t.map(y=>B(M,{top:y.y0,children:[y.bars.map(h=>B(M,{children:[i(ye,{x:h.x,y:h.y,width:h.width,height:h.height,fill:o[y.index],rx:0,onMouseLeave:g,onMouseMove:x=>S(x.clientY,x.clientX,h.value,h.key,y.index)}),i(J,{barX:h.x,barY:h.y,barWidth:h.width,barHeight:h.height,value:h.value,showAsPercent:p,numberOfDecimalPlaces:u,isRTL:c})]},`${y.index}-${h.index}-${h.key}`)),!s&&i(V,{hideTicks:!0,scale:r,hideAxisLine:!0,tickLabelProps:()=>({fill:"black",fontSize:11,textAnchor:c?"start":"end",dy:"0.33em"})})]},`bar-group-horizontal-${y.index}-${y.y0}`)),n&&i(_,{...n})]})};function Xe(e,t){let r=[t],o=0;return e.forEach(a=>{Object.keys(a).filter(s=>!r.includes(s)).forEach(s=>{let l=O(a[s]);o=Math.max(o,l)})}),o}function je(e,t,r){let o=()=>e.reduce((c,n)=>{let m=n[t];return c[m]||(c[m]={}),r.forEach(f=>{let g=n[f];c[m][f]?c[m][f]=O(c[m][f])+O(g):c[m][f]=O(g)}),c},{}),a=u=>Object.entries(u).map(([n,m])=>({[t]:n,...m})),s=o();return a(s).sort((u,c)=>u[t].toString().localeCompare(c[t].toString()))}var N=$(F());var Ee=e=>{let{width:t,height:r,stackKey:o,yAxis:a,xAxes:s,xMax:l,yMax:p,xScaleTicks:u,leftPosition:c,data:n,dataColors:m,hideXAxisLabels:f,hideYAxisLabels:g,hideXPercentLabels:S,showAsPercent:y,numberOfDecimalPlaces:h,hideLegend:x,isRTL:P}=e,L=(0,N.useCallback)(te=>te.groupName,[]),b=(0,N.useMemo)(()=>Ue(n,a,s,o),[n,a,s,o]),k=(0,N.useMemo)(()=>j(n,o),[n,o]),T=(0,N.useMemo)(()=>q(k,m),[k,m]),d=(0,N.useMemo)(()=>E({range:[0,p],domain:b.map(L),padding:.2}),[p,b,L]),w=(0,N.useMemo)(()=>W({domain:[0,Ze(n,o,a)],range:[0,l]}),[l,n,a,o]),v=(0,N.useMemo)(()=>E({range:[0,d.bandwidth()],domain:s,padding:.1,paddingOuter:1}),[d,s]),D=(0,N.useMemo)(()=>K({domain:k,range:T.slice(0,k.length)}),[k,T]);return B("figure",{className:Q,children:[B("svg",{width:t,height:r,children:[B(M,{top:C.top,left:c,children:[i(z,{scale:w,height:r-60,numTicks:u}),i(Y,{data:b,keys:s,width:l,y0:L,y0Scale:d,y1Scale:v,xScale:w,color:D,children:te=>i(qe,{barGroups:te,data:b,keys:k,yMax:p,xScale:w,yScale:v,colorScale:D,hideLabels:f,showAsPercent:y,numberOfDecimalPlaces:h,isRTL:P})}),!S&&i(X,{yMax:p,xScale:w,numTicks:u,hidePercentSignal:!y})]}),!g&&i(Z,{yScale:d})]}),!x&&i(ee,{colorScale:D,keys:k})]})},qe=e=>{let{barGroups:t,data:r,keys:o,yMax:a,xScale:s,yScale:l,colorScale:p,hideLabels:u,showAsPercent:c,numberOfDecimalPlaces:n,isRTL:m}=e,[f,g]=(0,N.useState)(null),S,y=()=>{S=setTimeout(()=>{g(null)},300)},h=(x,P,L,b,k)=>{S&&clearTimeout(S);let{groupName:T}=r[b],{subGroupName:d}=r[b].data[k],w=L,v=r[b].data[k][w];g({tooltipData:{value:v,colorKey:w,groupName:T,subGroupName:d},tooltipTop:x,tooltipLeft:P,colorScale:p,showAsPercent:c,numberOfDecimalPlaces:n})};return B(I,{children:[t.map(x=>{let P=r[x.index].data;return x.bars.map(L=>B(M,{top:x.y0,children:[i(xe,{data:P,keys:o,height:a,y:b=>b.subGroupName,xScale:s,yScale:l,color:p,children:b=>b.map((k,T)=>k.bars.map(d=>{let w=b.length===T+1;return B(M,{children:[i("rect",{x:d.x,y:d.y,width:d.width,height:d.height,fill:d.color,onMouseLeave:y,onMouseMove:v=>h(v.clientY,v.clientX,k.key,x.index,d.index)}),w&&i(J,{barX:d.x,barY:d.y,barWidth:d.width,barHeight:d.height,showAsPercent:c,numberOfDecimalPlaces:n,value:Je(d.bar.data),isRTL:m})]},`stacked-bar-${x.index}-${d.index}`)}))},`barstack-horizontal-${x.index}-${L.index}-${L.key}`),!u&&i(V,{hideTicks:!0,scale:l,hideAxisLine:!0,tickLabelProps:()=>({fill:"black",fontSize:11,textAnchor:m?"start":"end",dy:"0.33em"})})]},`${x.index}-${L.index}-${L.key}`))}),f&&i(_,{...f})]})};function Ue(e,t,r,o){let a=e.reduce((n,m)=>{let{[t]:f,...g}=m;return n[f]?n[f].push(g):n[f]=[g],n},{}),s=n=>{let m=[];return r.forEach(f=>{let g={subGroupName:f};

80n.forEach(S=>{let y=S[o];g[y]=S[f]??0}),m.push(g)}),m},l=Object.keys(a).map(n=>({groupName:n,data:s(a[n])}));return(n=>{let m=n.flatMap(({data:g})=>g.flatMap(S=>Object.keys(S))),f=Array.from(new Set(m));return n.forEach(g=>{g.data.forEach(S=>{f.forEach(y=>{S[y]=S[y]??0})})}),n})(l).sort((n,m)=>n.groupName.localeCompare(m.groupName))}function Ze(e,t,r){let o=[t,r],a={};return e.forEach(l=>{let p=l[r];Object.keys(l).filter(u=>!o.includes(u)).forEach(u=>{let c=`${p}-${u}`,n=a[c]??0,m=O(l[u]);a[c]=n+m})}),Object.values(a).reduce((l,p)=>Math.max(l,p),0)}function Je(e){let{subGroupName:t,...r}=e;return Object.values(r).reduce((a,s)=>(a+=O(s),a),0)}var Qe=e=>{let{stackKey:t,chartTitle:r,data:o,filters:a}=e;return fe("sdsm-bar-chart"),i(ge,{parentSizeStyles:{width:""},className:H("sdsm-bar-chart"),children:s=>{if(s.width<=0)return;let l=rt(s.width,e.width),p=e.hideYAxisLabels&&e.hideXAxisLabels?C.left:C.leftWhenNoYAxisLabels,u=l-p-C.right,c=e.height-C.top-C.bottom,n=l<se?3:5,m={...e,data:_e(o,a),width:l,height:e.height,xMax:u,yMax:c,leftPosition:p,xScaleTicks:n};return B("div",{className:Ne,children:[r&&i("h2",{className:Re,children:r}),t?i(Ee,{...m}):i(ze,{...m})]})}})};function _e(e,t=[]){if(!t?.length)return e;let r=t.map(et).filter(tt),o=r.reduce((l,p)=>{let u=!!l[p.key],c=ce(p.value);return u?l[p.key].push(c):l[p.key]=[c],l},{}),a=l=>r.every(u=>{let c=ce(l[u.key]);return o[u.key].includes(c)});return e.filter(a)}function et(e=""){let[t,r]=e.split("=");return!t||!r?void 0:{key:t,value:r}}function tt(e){return!!e}function rt(e,t){if(t&&t<e)return t;if(e>le){let r=e<se?"mobile":"desktop";return e-we[r]}return le}export{Qe as BarChart};