https://ar.snap.com/mwp/chunks/LazyMultiviz-6ADOKDYC.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":"2c5c7131d4533d97accd3e00b00e60d713ff6981","CI_PIPELINE_ID":"41789dce-b5c6-4568-a140-bda74441f6f8","GOOGLE_CLOUD_PROJECT":"marketing-web-platform","DEPLOYMENT_TYPE":"production","NODE_ENV":"production","PREVIEW":"false","SITE_CONFIG":"ar"})
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-KGSXCIES.mjs";import{L as x,k as f}from"./chunk-PKBSZI62.mjs";import"./chunk-R3R5ZXB7.mjs";import"./chunk-52COQ74A.mjs";import"./chunk-BNAP55G6.mjs";import"./chunk-SDNP7SWK.mjs";import"./chunk-T5DBBEKA.mjs";import"./chunk-IO7B6257.mjs";import"./chunk-OARRZRLI.mjs";import"./chunk-EBVXR26R.mjs";import"./chunk-DAUCXRHA.mjs";import{R as g,S as r,T as d,b as D,q as e,r as o}from"./chunk-5NJA464I.mjs";import"./chunk-Z647PVH6.mjs";import"./chunk-C45TSCXU.mjs";import{d as I}from"./chunk-SOCJ5NZ5.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};