https://www.snap.com/mwp/chunks/LazyMultiviz-V3MT2FUD.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":"1f0db7f827f1d79edb03b7ca557f6729e7da95cb","CI_PIPELINE_ID":"4aaa4592-c12d-4dbe-81c7-aae7c092e38e","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{e as C,h}from"./chunk-M3OGNGPP.mjs";import{G as x,f}from"./chunk-RAWFKP4D.mjs";import"./chunk-SXNTNO3F.mjs";import"./chunk-FSGK63SD.mjs";import"./chunk-W3YDKMDV.mjs";import"./chunk-LZAIB4VZ.mjs";import"./chunk-DZQDTFCB.mjs";import"./chunk-ZMBY44O3.mjs";import"./chunk-SBPRIA5M.mjs";import{C as o,b as D,q as e,sa as g,ta as r,ua as d}from"./chunk-643YAMI5.mjs";import"./chunk-B5LUKU2Z.mjs";import"./chunk-DEYQT3IT.mjs";import{d as I}from"./chunk-5FWEU5MQ.mjs";var c=I(D());var O=e`
15  padding: 25px;
16  background: ${o("--palette-gray-v50")};
17  border-radius: 8px;
18  width: 350px;
19  height: 100px;
20  margin: 25px 32px 0 0;
21  *[dir='rtl'] & {
22    margin: 25px 0 0 32px;
23  }
24`,_=e`
25  font-size: 48px;
26  margin: 10px 0;
27  font-weight: 600;
28`,j=e`
29  color: ${o("--palette-gray-v300")};
30`,u=e`
31  display: flex;
32  flex-wrap: wrap;
33`,y=e`
34  ${u}
35  justify-content: space-between;
36`,b=e`
37  ${u}
38  flex-direction: row-reverse;
39  justify-content: space-between;
40  margin-top: 10px;
41
42  .sdsm-button:not(:first-child) {
43    margin-left: 5px;
44  }
45`,v=e`
46  border: none;
47  align-items: center;
48  background-color: ${o("--palette-gray-v50")};
49  border-radius: ${4}px;
50  color: ${o("--palette-gray-v300")}px;
51  cursor: pointer;
52  font-size: 14px;
53  padding: ${16}px;
54  display: flex;
55  justify-content: space-between;
56  min-width: 160px;
57`,H=e`
58  background-color: ${o("--palette-plain-white")};
59  border: ${o("--border-width-xs")} solid ${o("--palette-gray-v200")};
60  border-radius: 15px;
61  height: 30px;
62  width: 30px;
63  cursor: pointer;
64`,w=e`
65  font-weight: 500;
66`,M=e`
67  ${u};
68  align-self: flex-end;
69`;var N=i=>i.map(a=>{switch(a.key){case"TableVisualization":return"list";case"LineChart":return"transition-curve-up";case"BarChart":return"align-bottom";case"GeoVisualization":return"globe";default:return"chart"}}),A=i=>i.map(a=>({tooltip:i.filter(s=>s.key===a.key).length>1?a.title:void 0,id:a.id})),R=({chartMetadataItems:i,selectedChartMetadata:a,visualizationMetadataItems:n,selectedVisualizationMetadata:s,fieldMetadataItems:l,visualizationTitle:T,onDataSelected:z,onVisualizationSelected:$,onFieldSelected:m,renderVisualization:k})=>{let[S,V]=(0,c.useState)(0),B=(0,c.useCallback)(t=>{l&&(V(t),m(l[t]))},[l,m]),F=i.map((t,p)=>({id:`chart-data-item-${p}`,title:t.label,onClick:()=>z(t)})),P=t=>d("button",{onClick:t.onClick,className:v,children:[a.label,r(f,{name:t.isExpanded?"chevron-up":"chevron-down"})]});return d(g,{children:[d("div",{className:y,children:[r("h3",{className:w,children:T}),i.length>1&&r(C,{buttonComponent:P,items:F})]}),d("div",{className:b,children:[r("div",{className:M,children:n.length>1&&r(h,{id:"multi-visualization-toggle-panel",buttonIcons:N(n),items:A(n),onButtonToggle:t=>$(n[t]),selectedId:`${s.id}`,hasToggleSlider:!1,sliderChecked:!1})}),l&&s.key!=="TableVisualization"&&r("div",{children:l.map((t,p)=>r(x,{size:"Compact",type:S!==p?"Primary":"Secondary",onClick:()=>B(p),children:t.title},`multi-viz-field-${p}`))})]}),k(s)]})};export{R as MultiVisualization};