https://crypto-bubbles.net/_nuxt/Cc__pwZf.js

1import{d as e,f as a,g as t,h as l,o as n,i as s,b as o,c as r,j as i,F as u,k as c,n as d,u as v,t as b,l as p,T as g,w as h,m as w,e as m,C as _,p as y,r as f,_ as k,q as C,s as q,v as x}from"./BtfgFjiZ.js";import{_ as B}from"./cIn-2SPO.js";import"./B95IQWgK.js";const z={class:"wc-bar"},A={class:"cb-header__timeframes"},M=["onClick"],S={class:"wc-desktop"},O={key:0,class:"cb-header__dropdown"},$=["onMousedown"],j={key:0,class:"cb-header__dropdown"},R=["onMousedown"],L={key:0,class:"cb-header__dropdown"},W=["onMousedown"],E={key:0,class:"wc-settings-panel"},H={class:"wc-settings-row"},N={class:"wc-settings-label"},V=["value"],F=["value"],I={class:"wc-settings-row"},T={class:"wc-settings-label"},D=["value"],G=["value"],J={class:"wc-settings-row"},K={class:"wc-settings-label"},P=["value"],Q=["value"],U=e({__name:"WidgetControls",setup(e){const k=["change","marketcap"],{t:C}=a(),{timeframe:q,page:x,bubbleSizing:B}=t(),{mode:U}=l(),X=["1h","24h","7d","30d","1y"],Y=y(()=>Array.from({length:10},(e,a)=>({label:C("header.coinsRange",{from:100*a+1,to:100*(a+1)}),value:a+1}))),Z=y(()=>Y.value.find(e=>e.value===x.value)?.label??""),ee=f(!1),ae=f(null),te=f(!1),le=f(null),ne=f(!1),se=f(null),oe=f(!1),re=f(null);function ie(e){ae.value&&!ae.value.contains(e.target)&&(ee.value=!1),le.value&&!le.value.contains(e.target)&&(te.value=!1),se.value&&!se.value.contains(e.target)&&(ne.value=!1),re.value&&!re.value.contains(e.target)&&(oe.value=!1)}return n(()=>document.addEventListener("click",ie)),s(()=>document.removeEventListener("click",ie)),(e,a)=>(o(),r("div",z,[i("div",A,[(o(),r(u,null,c(X,e=>i("button",{key:e,class:d(["cb-header__tf-btn",{"cb-header__tf-btn--active":v(q)===e}]),onClick:a=>q.value=e},b(v(C)(`timeframes.${e}`)),11,M)),64))]),i("div",S,[i("div",{class:"cb-header__select-wrap",ref_key:"pageRef",ref:

1ae},[i("button",{class:"cb-header__select-btn",onClick:a[0]||(a[0]=e=>ee.value=!v(ee))},[i("span",null,b(v(Z)),1),a[7]||(a[7]=i("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[i("polyline",{points:"6 9 12 15 18 9"})],-1))]),p(g,{name:"dropdown"},{default:h(()=>[v(ee)?(o(),r("div",O,[(o(!0),r(u,null,c(v(Y),e=>(o(),r("button",{key:e.value,class:d(["cb-header__dropdown-item",{"cb-header__dropdown-item--active":v(x)===e.value}]),onMousedown:w(a=>{x.value=e.value,ee.value=!1},["prevent"])},b(e.label),43,$))),128))])):m("",!0)]),_:1})],512),i("div",{class:"cb-header__select-wrap",ref_key:"sizeRef",ref:le},[i("button",{class:"cb-header__select-btn",onClick:a[1]||(a[1]=e=>te.value=!v(te))},[i("span",null,b(v(C)(`settings.bubbleSizingOptions.${v(B)}`)),1),a[8]||(a[8]=i("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[i("polyline",{points:"6 9 12 15 18 9"})],-1))]),p(g,{name:"dropdown"},{default:h(()=>[v(te)?(o(),r("div",j,[(o(),r(u,null,c(k,e=>i("button",{key:e,class:d(["cb-header__dropdown-item",{"cb-header__dropdown-item--active":v(B)===e}]),onMousedown:w(a=>{B.value=e,te.value=!1},["prevent"])},b(v(C)(`settings.bubbleSizingOptions.${e}`)),43,R)),64))])):m("",!0)]),_:1})],512),i("div",{class:"cb-header__select-wrap",ref_key:"cbRef",ref:se},[i("button",{class:"cb-header__select-btn",onClick:a[2]||(a[2]=e=>ne.value=!v(ne))},[i("span",null,b(v(C)(`settings.colorBlindOptions.${v(U)}`)),1),a[9]||(a[9]=i("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[i("polyline",{points:"6 9 12 15 18 9"})],-1))]),p(g,{name:"dropdown"},{default:h(()=>[v(ne)?(o(),r("div",L,[(o(!0),r(u,null,c(v(_),e=>(o(),r("button",{key:e,class:d(["cb-header__dropdown-item",{"cb-header__dropdown-item--active":v(U)===e}]),onMousedown:w(a=>{U.value=e,ne.value=!1},["prevent"])},b(v(C)(`settings.colorBlindOptions.${e}`)),43,W))),128))])):m("",!0)]),_:1})],512)]),i("div",{class:"wc-mobile",ref_key:"settingsRef",ref:re},[i("button",{class:d(["wc-settings-btn",{"wc-settings-btn--active":v(oe)}]),onClick:a[3]||(a[3]=e=>oe.value=!v(oe))},[...a[10]||(a[10]=[i("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[i("circle",{cx:"12",cy:"12",r:"3"}),i("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"})],-1)])],2),p(g,{name:"dropdown"},{default:h(()=>[v(oe)?(o(),r("div",E,[i("div",H,[i("span",N,b(v(C)("settings.bubbleSizing")),1),i("select",{class:"wc-settings-select",value:v(B),onChange:a[4]||(a[4]=e=>B.value=e.target.value)},[(o(),r(u,null,c(k,e=>i("option",{key:e,value:e},b(v(C)(`settings.bubbleSizingOptions.${e}`)),9,F)),64))],40,V)]),i("div",I,[i("span",T,b(v(C)("embed.page")),1),i("select",{class:"wc-settings-select",value:v(x),onChange:a[5]||(a[5]=e=>x.value=Number(e.target.value))},[(o(!0),r(u,null,c(v(Y),e=>(o(),r("option",{key:e.value,value:e.value},b(e.label),9,G))),128))],40,D)]),i("div",J,[i("span",K,b(v(C)("settings.colorBlind")),1),i("select",{class:"wc-settings-select",value:v(U),onChange:a[6]||(a[6]=e=>U.value=e.target.value)},[(o(!0),r(u,null,c(v(_),e=>(o(),r("option",{key:e,value:e},b(v(C)(`settings.colorBlindOptions.${e}`)),9,Q))),128))],40,P)])])):m("",!0)]),_:1})],512)]))}}),X=Object.assign(k(U,[["__scopeId","data-v-93a10510"]]),{__name:"CbWidgetControls"}),Y={style:{width:"100%",height:"100vh",display:"flex","flex-direction":"column"}},Z={style:{flex:"1","min-height":"0",position:"relative"}}

1,ee=e({__name:"bubblemap",setup(e){const a=C(),{timeframe:s,page:u,textColor:c,background:d,positiveColor:v,negativeColor:b,bubbleSizing:g,bgMode:h}=t(),{mode:w}=l();function m(){a.query.timeframe&&(s.value=a.query.timeframe),a.query.page&&(u.value=Number(a.query.page)),a.query.textColor&&(c.value=a.query.textColor),a.query.background&&(d.value=a.query.background,h.value="transparent"===a.query.background?"transparent":"color"),a.query.positiveColor&&(v.value=a.query.positiveColor),a.query.negativeColor&&(b.value=a.query.negativeColor),"marketcap"===a.query.bubbleSizing?g.value="marketcap":"change"===a.query.bubbleSizing&&(g.value="change"),a.query.colorBlind&&["off","deuteranopia","protanopia"].includes(a.query.colorBlind)&&(w.value=a.query.colorBlind)}m(),n(m),q("isWidget",()=>!1).value=!0,"transparent"===d.value?(h.value="transparent",x({htmlAttrs:{style:"overflow:hidden !important;background:transparent !important"},bodyAttrs:{style:"overflow:hidden !important;background:transparent !important"}})):x({htmlAttrs:{style:"overflow:hidden !important"},bodyAttrs:{style:"overflow:hidden !important"}});const _=q("colorsLocked",()=>!1);return(a.query.textColor||a.query.background||a.query.positiveColor||a.query.negativeColor)&&(_.value=!0),(e,a)=>{const t=X,l=B;return o(),r("div",Y,[p(t),i("div",Z,[p(l)])])}}});export{ee as default};