https://finwin.ai/static/js/9062.c5211b53.chunk.js

1"use strict";(globalThis.webpackChunkfinanalyticsts=globalThis.webpackChunkfinanalyticsts||[]).push([[2158,9062],{28968(e,t,r){r.d(t,{A:()=>s});const n=r.p+"static/media/apv-ad.7d8b4da891422abaf664.jpg",a=r.p+"static/media/petroteligence-ad.f3fdd2da0166f7b28473.jpg",c=r.p+"static/media/chalk24ad.876b1bd5049af72f15b0.jpg";var l=r(65043),u=r(70579);const s=function(){const[e,t]=(0,l.useState)(1),[r,s]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{let e;return e=r?setTimeout(()=>{s(!1),t(e=>1===e?2:2===e?3:1)},18e4):setTimeout(()=>{s(!0)},6e5),()=>clearTimeout(e)},[r]),(0,u.jsx)("div",{className:"custom-ads-wrapper",children:!r&&(0,u.jsx)(u.Fragment,{children:(0,u.jsxs)("div",{className:"custom-ads",children:[(0,u.jsx)("img",{src:a,alt:"APVTechnologies Ad",className:"img-fluid",onClick:()=>window.open("https://petroteligence.com/","_blank","noopener,noreferrer"),style:{maxWidth:"100%",height:"auto",position:"absolute",left:"50%",transform:"translateX(-50%)",opacity:1===e?1:0,transition:"opacity 0.5s ease",cursor:"pointer",zIndex:1===e?10:0,pointerEvents:1===e?"auto":"none"}}),(0,u.jsx)("img",{src:n,alt:"Petroteligence Ad",className:"img-fluid",onClick:()=>window.open("https://apvtechnologies.com/","_blank","noopener,noreferrer"),style:{maxWidth:"100%",height:"auto",position:"absolute",left:"50%",transform:"translateX(-50%)",opacity:2===e?1:0,transition:"opacity 0.5s ease",cursor:"pointer",zIndex:2===e?10:0,pointerEvents:2===e?"auto":"none"}}),(0,u.jsx)("img",{src:c,alt:"Chalk24 Ad",className:"img-fluid",onClick:()=>window.open("https://chalk24.com/","_blank","noopener,noreferrer"),style:{maxWidth:"100%",height:"auto",position:"absolute",left:"50%",transform:"translateX(-50%)",opacity:3===e?1:0,transition:"opacity 0.5s ease",cursor:"pointer",zIndex:3===e?10:0,pointerEvents:3===e?"auto":"none"}})]})})})}},51145(e,t,r){r.d(t,{A:()=>v});var n=r(65043),a=r(4065),c=r(5860),l=r(73216),u=r(18416),s=r(70939),i=r(69366),o=r(70579);const d=e=>{let{data:t,name:r,chartid:d,minDate:g,maxDate:m,DataFrequency:h,selectedDateBtn:f,isMarketOpen:p,place:v}=e;const x="chart-"+d,[y,b]=(0,n.useState)(0),D=(0,n.useRef)(t),C=(0,n.useRef)(),k=(0,n.useRef)(),R=(0,n.useRef)(),L=(0,l.Zp)(),w=(0,n.useRef)(),M=(0,n.useRef)(),S=(0,n.useRef)(r),T=(0,n.useRef)(),P=(0,n.useRef)(),N=(0,n.useContext)(u.lj),j=(0,n.useContext)(u.Dx),E=(0,n.useRef)([]),O=(0,n.useRef)(),A=(0,n.useRef)(),I=(0,n.useRef)(),B=(0,n.useRef)(),V=(0,n.useRef)(),_=(0,n.useRef)(),Y=(0,n.useRef)(),H=(0,n.useRef)(),F=(0,n.useRef)(0),J=(0,n.useRef)(),U=(0,n.useRef)(),q=(0,n.useRef)(),z=(0,n.useRef)(),K=(0,n.useRef)(),W=(0,n.useRef)(),G=(0,n.useRef)(),X=(0,n.useRef)(!1),Q=(0,n.useRef)(!1),$=(0,n.useRef)(-1),Z=(0,n.useRef)(-1),ee=(0,n.useRef)(-1),te=(0,n.useRef)([-1,-1,-1,-1,-1,-1]),re=(0,n.useRef)(-1),ne=(0,n.useRef)([-1,-1,-1,-1,-1,-1]),[ae,ce]=(0,n.useState)(""),le=(0,n.useRef)("");const ue=(0,n.useContext)(u.Le),se=(0,n.useRef)(0);let ie=8;const oe=a.DCK("%m/%d/%Y"),de=a.DCK("%m/%d %H:%M"),ge=(0,n.useRef)(!1),me=(0,n.useRef)(!0),he=(getComputedStyle(document.documentElement).getPropertyValue("--colorred").trim(),(0,n.useRef)()),fe=(0,n.useRef)();function pe(){let e=[];R.current.forEach(t=>{let r=t.map(e=>e.close),n=a.jkA(r),c=a.T9B(r);e.push(n),e.push(c)}),e.sort(function(e,t){return e-t});let t=a.jkA(e),r=a.T9B(e),n=.1*(r-t);return t-=.2*(r-t),r+=n,[t,r]}(0,n.useEffect)(()=>()=>{me.current=!1},[]),(0,n.useEffect)(()=>{if(""!==ue){let e=document.getElementById(x);e.className="chart-content",e.className="Mobile"===ue?e.className+" mobile":"LandingPage"===v?e.className+" LandingPagedesktopIndexLine":e.className+" desktopIndexLine"}},[ue]),(0,n.useEffect)(()=>{if(me.current){if(t.length<1)return;let e=document.getElementById(x).getBoundingClientRect().width;se.current=e,D.current=t;let n=1,l=2,u=3;if(D.current[0].length<1&&D.current[n].length<1&&D.current[l].length<1&&D.current[u].length<1)return;const s=D.current[0];let i=new Date(g+"T00:00:00"),o=s[s.length-1].date;if(i.getTime()<o.getTime()){let e=s[s.length-1].date,t=e.getDate(),r=e.getMonth()+1,n=e.getFullYear(),a=""+r,c=""+t;a.length<2&&(a="0"+r),c.length<2&&(c="0"+t);let l=[n,a,c].join("-");g=l}

1M.current=new Date(m+"T00:00:00");let d=1,v=(s[0].date.getTime(),s[d].date.getTime(),D.current[0][0].date.getHours());if(J.current=!1,v>0&&(J.current=!0),U.current=h,he.current=c.Y(U.current,"IndexChart"),"1D"===f){if(s[0].date.getHours()>13)w.current=new Date(M.current),w.current.setHours(9),w.current.setMinutes(30),M.current.setHours(16),M.current.setMinutes(0);else{const e=144e5,t=252e5;w.current=he.current.offset(s[0].date,-e),M.current=he.current.offset(w.current,t)}}else w.current=new Date(g+"T00:00:00"),v>0&&(w.current.setHours(9),w.current.setMinutes(30),M.current.setHours(16),M.current.setMinutes(0));if(F.current=c.Mx(w.current,M.current,U.current,he.current),fe.current=c.DO(F.current,he.current,w.current),D.current=function(e,t,r){let n=[],a=[],c=[];e.forEach(e=>{e.length>0&&(e[e.length-1].date.getTime()<=t.getTime()?c.push(t):c.push(e[e.length-1].date))});for(let l=0;l<e.length;l++){let t=[],n=(e[l].findIndex(function(e,t){return e.date.getTime()<=r.getTime()}),e[l].findIndex(function(e,t){return e.date.getTime()<c[l].getTime()}));n<0&&(n=e[l].length-1),t.push(e[l][n]),a.push(t)}if(0===a[0].length)for(let l=0;l<e.length;l++){let t=e[l],r=0;t.length>0&&(r=t[t.length-1].close);const a=e[l].map(e=>{let t=e.close;return t=(t-r)/r*100,{close:t,date:e.date,originalCloseVal:e.originalCloseVal}});a.pop(),n.push(a)}else for(let l=0;l<a.length;l++){let t=a[l],r=0;t.length>0&&(r=t[t.length-1].close);const c=e[l].map(e=>{let t=e.close;return t=(t-r)/r*100,{close:t,date:e.date,originalCloseVal:e.originalCloseVal}});c.pop(),n.push(c)}return n}(t,fe.current,M.current),R.current=function(e,t,r){let n=[],a=[];r.forEach(t=>{t.length>0&&(t[t.length-1].date.getTime()<=e.getTime()?a.push(e):a.push(t[t.length-1].date))});let c=[];for(let l=0;l<r.length;l++){let e=[],n=r[l].findIndex(function(e,r){return e.date.getTime()<=t.getTime()}),u=r[l].findIndex(function(e,t){return e.date.getTime()<a[l].getTime()});u<0&&(u=r[l].length-1),r[l].length>u+1&&(u+=1),e=r[l].slice(n,u),c.push(e)}return n=function(e){let t=[];return e.forEach(e=>{let r=0;e.length>0&&(r=e[e.length-1].close);const n=e.map(e=>{let t=e.close;return t=(t-r)/r*100,{close:t,date:e.date,originalCloseVal:e.originalCloseVal}});n.pop(),t.push(n)}),t}(c),n}(fe.current,M.current,t),O.current=!0,S.current=r,k.current=function(e){const t=new Map;for(let r=0;r<e.length;r++)t.set(c.u6.get(e[r]),ve[r]);return t}(r),q.current=p,z.current=f,a.Ltv("#"+x).selectAll("svg >*").remove(),R.current[0].length<2)return;Ie(),Ve(D.current)}},[t,p]),(0,n.useEffect)(()=>{V.current&&D.current&&a.Ltv("#"+x).datum(D.current).call(V.current)},[j]),(0,n.useEffect)(()=>{me.current&&(a.Ubm("#Indexline").remove(),ye(),void 0!==V.current&&a.Ltv("#"+x).datum(D.current).call(V.current))},[ae]);let ve=["rgb(5, 93, 181)","rgb(138,43,226)","rgb(214, 96, 49)","rgb(10, 120, 97)"],xe=[];const ye=()=>{let e;xe.splice(0,xe.length);for(let t=0;t<D.current.length;t++){let r=(0,s.seriesSvgLine)().crossValue(e=>e.date).mainValue(e=>e.close).decorate((r,n)=>r.enter().attr("stroke",k.current.get(c.u6.get(S.current[t]))).attr("stroke-width",2).attr("id","Indexline").style("opacity",function(){return e=""===le.current?"0.85":le.current===c.u6.get(S.current[t])?"1.5":"0.1",e}));xe.push(r)}};let be=[];const De=(0,n.useRef)(null),Ce=()=>{be.splice(0,be.length);for(let e=0;e<D.current.length;e++)De.current=(0,s.seriesSvgPoint)().xScale(C.current).yScale(T.current).crossValue(e=>e.date).mainValue(e=>e.close).size(30).type(a.hKN).decorate(t=>{t.enter().attr("stroke",k.current.get(c.u6.get(S.current[e]))).attr("fill",k.current.get(c.u6.get(S.current[e])))}),be.push(De.current)};let ke=[];const Re=(0,n.useRef)(null),Le=()=>{ke.splice(0,ke.length);for(let e=0;e<D.current.length;e++)Re.current=(0,s.annotationSvgCrosshair)().x(e=>C.current(e.x)).y(e=>T.current(e.y)).xLabel(e=>oe(e.x)).yLabel(e=>e.y.toLocaleString()).decorate(t=>{t.enter().attr("stroke-width",0).attr("id","index-crosshair"+e),t.enter().select("g#index-crosshair"+e+" g.point>path").style("fill",k.current.get(c.u6.get(S.current[e]))).style("stroke",k.current.get(c.u6.get(S.current[e]))).attr("transform","scale(.6)"),t.enter().select("g#index-crosshair"+e+" g.annotation-line").style("stroke-opacity",0),t.select(".right-handle").append("text"),t.select(".right-handle text").text(""),t.select(".bottom-handle").append("text"),t.select(".bottom-handle text").text(""),t.select(".top-handle").append("text"),t.select(".top-handle text").text("")}),ke.push(Re.current)};function we(e,t){let r=a.Ltv("#"+x).select(".plot-area").node(),n=0,l=0;if(null!==r){let a=0,u=0,s=0,i=0,o=r.getBoundingClientRect().width;r.getBoundingClientRect().height;a=r.getBoundingClientRect().right,u=r.getBoundingClientRect().bottom,i=r.getBoundingClientRect().left,s=r.getBoundingClientRect().top;let d=133,g=100,m=o/2;e-c.OP(x)[0]>o/2?n=e>o/2?e-140-c.OP(x)[0]+10-15:e-c.OP(x)[0]+20:e-c.OP(x)[0]<m?n=e-c.OP(x)[0]:e-c.OP(x)[0]>m&&(n=e-d-c.OP(x)[0]),l=t-s<g?s-c.OP(x)[1]:u-t<g?u-c.OP(x)[1]-g:s-c.OP(x)[1]}return[n,l]}function Me(e){return a.GPZ(",.2f")(e)}const Se=e=>{let t=[];for(let n=0;n<e.y.length;n++){let r={};r.name=e.y[n].name,r.value=Me(e.y[n].value),t.push(r)}let r={name:"Date"};return!0===J.current?r.value=de(e.Date):r.value=oe(e.Date),t.push(r),t},Te=((()=>{const e=(0,s.dataJoin)("text","indextooltip-label"),t=(0,s.dataJoin)("text","indextooltip-value"),r=r=>{r.each((r,n,c)=>{!0===O.current?(e(a.Ltv(c[n]),r).attr("x",we(_.current,Y.current)[0]+5).attr("y",(e,t)=>20*t+we(_.current,Y.current)[1]+15).style("visibility","visible").attr("fill",function(e){let t;

1return t=k.current.get(e.name),t}).attr("font-weight","bold").text(e=>e.name+":"),t(a.Ltv(c[n]),r).attr("x",function(e){let t;return t=we(_.current,Y.current)[0]+50,t}).attr("y",(e,t)=>20*t+we(_.current,Y.current)[1]+15).style("visibility","visible").attr("font-weight","bold").attr("fill",function(e){let t;return t=k.current.get(e.name),t}).style("text-anchor","end").attr("dx","7em").style("text-anchor","end").attr("dx","7em").text(e=>e.value)):(e(a.Ltv(c[n]),r).style("visibility","hidden"),t(a.Ltv(c[n]),r).style("visibility","hidden"))})};r.xScale=()=>r,r.yScale=()=>r})(),(()=>{const e=(0,s.dataJoin)("rect","indextooltip-rect")})(),function(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:5,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:5;const c=(0,s.dataJoin)("rect","legend-rect");let l=getComputedStyle(document.querySelector("."+(document.body.classList.contains("dark-theme")?"dark-theme":"light-theme"))).getPropertyValue("--bodyBackground").trim(),u=getComputedStyle(document.querySelector("."+(document.body.classList.contains("dark-theme")?"dark-theme":"light-theme"))).getPropertyValue("--legendRectBorderColor").trim();return s=>{s.each((s,i,o)=>{!0===t?c(a.Ltv("#"+e).select(".plot-area svg"),s).attr("fill",l).attr("stroke",u).attr("stroke-width",2).attr("x",function(e){let t;return!0===X.current?(t=void 0===W.current?r:Ne(W.current,G.current)[0],$.current=t):t=-1!==$.current?$.current:r,t}).attr("y",function(e){let t;return!0===X.current?(t=void 0===G.current?n:Ne(W.current,G.current)[1],Z.current=t,Q.current=!1):t=-1!==Z.current?Z.current:n,t}).attr("width","130px").attr("height","80px").style("opacity",.3).style("visibility","visible").call(a.$Er().on("start",je).on("drag",Ee).on("end",Oe)).on("mouseover",function(e){a.Ltv(".legend-rect").style("cursor","move"),ge.current=!0,Be(e)}).on("mouseout",function(e){a.Ltv(".legend-rect").style("cursor","default"),Be(e)}).on("mousemove",function(e){ge.current=!0,Be(e)}).on("click",function(){}):c(a.Ltv("#"+e).select(".plot-area svg"),s).style("visibility","hidden")})}}),Pe=e=>{const t=(0,s.dataJoin)("text","legend-label"),r=(0,s.dataJoin)("text","legend-value");let n=getComputedStyle(document.querySelector("."+(document.body.classList.contains("dark-theme")?"dark-theme":"light-theme"))).getPropertyValue("--legendHeadingTextColor").trim();const c=c=>{c.each((c,l,u)=>{!0===e?(t(a.Ltv("#"+x).select(".plot-area svg"),c).attr("x",function(e){let t;return!0===X.current?(t=void 0===W.current?10:Ne(W.current,G.current)[0]+5,ee.current=t):t=-1!==ee.current?ee.current:10,t}).attr("y",(e,t)=>{let r;return!0===X.current?(r=void 0===G.current?15*t+5+15:15*t+Ne(W.current,G.current)[1]+15,te.current[t]=r):r=-1!==te.current[t]?te.current[t]:15*t+5+15,r}).attr("fill",function(e){let t;return t="Date"===e.name?n:k.current.get(e.name),t}).attr("font-size",11).text(e=>e.name).style("visibility","visible").call(a.$Er().on("start",je).on("drag",Ee).on("end",Oe)).on("mouseover",function(e){ge.current=!0,a.Ltv(".legend-label").style("cursor","move"),Be(e)}).on("mouseout",function(e){a.Ltv(".legend-label").style("cursor","default"),Be(e)}).on("mousemove",function(e){ge.current=!0,Be(e)}),r(a.Ltv("#"+x).select(".plot-area svg"),c).attr("x",function(e){let t;return!0===X.current?(t=void 0===W.current?70:Ne(W.current,G.current)[0]+60,re.current=t):t=-1!==re.current?re.current:70,t}).attr("y",(e,t)=>{let r;return!0===X.current?(r=void 0===G.current?15*t+5+15:15*t+Ne(W.current,G.current)[1]+15,ne.current[t]=r,5===t&&(X.current=!1)):r=-1!==ne.current[t]?ne.current[t]:15*t+5+15,r}).attr("fill",function(e){let t;return t="Date"===e.name?n:k.current.get(e.name),t}).style("text-anchor","end").attr("dx","5em").attr("font-size",11).text(e=>e.value).style("visibility","visible").call(a.$Er().on("start",je).on("drag",Ee).on("end",Oe)).on("mouseover",function(e){ge.current=!0,a.Ltv(".legend-value").style("cursor","move"),Be(e)}).on("mouseout",function(e){a.Ltv(".legend-value").style("cursor","default"),Be(e)}).on("mousemove",function(e){ge.current=!0,Be(e)})):(t(a.Ltv("#"+x).select(".plot-area svg"),c).style("visibility","hidden"),r(a.Ltv("#"+x).select(".plot-area svg"),c).style("visibility","hidden"))})};return c.xScale=()=>c,c.yScale=()=>c,c};function Ne(e,t){let r=a.Ltv("#"+x).select(".plot-area").node(),n=0,l=0;if(null!==r){let a=0,u=0,s=0,i=0,o=r.getBoundingClientRect().width;r.getBoundingClientRect().height;a=r.getBoundingClientRect().right,u=r.getBoundingClientRect().bottom,s=r.getBoundingClientRect().top,i=r.getBoundingClientRect().left,e<i&&(e=i+10),t<s&&(t=s+10),e+80>a&&(e=a-80),t>

1u&&(t=u-100);c.OP(x)[0],c.OP(x)[1];e>=i&&t>=s&&e+80<=a&&t<=u&&(n=e>o/2?e-100-c.OP(x)[0]+10-15:e-c.OP(x)[0]+10,l=u-t<70?t-c.OP(x)[1]-70:t-c.OP(x)[1])}return[n,l]}function je(e,t){a.Ltv("#legend-rect").raise().classed("active",!0),a.Ltv("#legend-label").raise().classed("active",!0),a.Ltv("#legend-value").raise().classed("active",!0)}function Ee(e,t){X.current=!0,Q.current=!0}function Oe(e,t){a.Ltv("#legend-rect").raise().classed("active",!1),a.Ltv("#legend-label").raise().classed("active",!1),a.Ltv("#legend-value").raise().classed("active",!1),W.current=e.sourceEvent.x,G.current=e.sourceEvent.y,a.Ubm(".legend-rect").remove(),a.Ubm(".legend-label").remove(),a.Ubm(".legend-value").remove(),ge.current=!0,Ve(D.current)}function Ae(){let e=a.ylB((e,t)=>t-e.date),t=[];E.current.length=0;for(let n=0;n<D.current.length;n++){let r=D.current[n][0].date;const a=e.center(D.current[n],r);let l=D.current[n][a].close,u=D.current[n][a].date,s=D.current[n][a].originalCloseVal,i={name:c.u6.get(S.current[n]),value:s};t.push(i),E.current.push({x:u,y:l})}let r=[{y:t,Date:E.current[0].x}];H.current=r}const Ie=()=>{Ae();M.current.getTime(),w.current.getTime();let e=432e5,t=0,r=0;if(e=Math.round(864e5*F.current/100),t=w.current.getTime()-fe.current.getTime(),!0===J.current){let e=3e5;("1M"===z.current||"5D"===z.current||"1D"===z.current&&!1===q.current)&&(e=648e5);let n=new Date(M.current);if("1D"===z.current){let r=a.DCK("%d")(M.current),c=a.DCK("%b")(M.current),l=a.DCK("%d")(w.current),u=a.DCK("%b")(w.current);r===l&&c===u?n.setHours(16,0,0):(t=0,e=0)}else n.setHours(16,0,0);r=n.getTime()-M.current.getTime()+e}else{r=he.current.offset(M.current,e).getTime()-M.current.getTime()}const n=(0,s.extentTime)().accessors([e=>e.date]).padUnit("domain").pad([t,r]);P.current=n;const l=(0,s.scaleDiscontinuous)(a.w7C()).discontinuityProvider(he.current).domain(n([{date:w.current},{date:M.current}]));C.current=l;let[u,i]=pe();const o=a.m4Y().domain([u,i]).nice();T.current=o;(0,s.annotationSvgGridline)().xScale(l).yScale(o).xTicks(3).yTicks(ie);ye();let d=(0,s.seriesSvgMulti)().series(xe).mapping((e,t,r)=>e[t]);A.current=d,Ce();const g=(0,s.seriesSvgMulti)().series(be).mapping((e,t,r)=>(r[t],De.current,[e[t][0]]));B.current=g,Le();const m=(0,s.seriesSvgMulti)().series(ke).mapping((e,t,r)=>{if(r[t],Re.current,!0===O.current)return[e[t]];return[{x:D.current[0][0].date,y:c.Cc}]});I.current=m;let h=function(){let e;return e=!0===q.current?[A.current,B.current,I.current]:[A.current,I.current],e}();const f=(0,s.seriesSvgMulti)().series(h).mapping((e,t,r)=>{switch(r[t]){case I.current:return E.current;case B.current:default:return e}}),p=(0,s.chartCartesian)(l,o).yTicks((ie=8,ie="Desktop"===ue?8:5,ie)).yOrient("right").xTickValues(c.Y7(D.current,c.Mx(w.current,M.current,U.current,he.current),he.current,M.current,"IndexChart",q.current,!1,!1,!1,z.current)).svgPlotArea(f).decorate(e=>{e.enter().select(".plot-area svg").append("rect").attr("x",0).attr("y",0).attr("height",c.Op(x)+"px").attr("width",c.Tx(x)+"px").attr("fill",function(){let e="";return e="light"===j.currentTheme?"white":"transparent",e}).attr("class","outerborder"),e.enter(),a.Ltv("#"+x).select(".plot-area svg").call(Te(x,ge.current)),e.enter(),a.Ltv("#"+x).select(".plot-area svg").datum(Se(H.current[0])).call(Pe(ge.current));const t=window.matchMedia("(orientation: portrait)").matches;"Mobile"===ue&&!0===t?a.Ltv("#"+x).selectAll(".y-axis").style("width","0rem"):a.Ltv("#"+x).selectAll(".y-axis").style("width","5rem"),e.enter().select(".plot-area").on("mousemove",e=>{O.current=!0,ge.current=!0,R.current[0].length<2||Be(e)}),e.enter().select(".plot-area").on("mouseout",e=>{R.current[0].length<2||(Ae(),Ve(D.current),ge.current=!1,a.Ltv("#"+x).select(".plot-area svg").call(Te(x,!1)),a.Ltv("#"+x).select(".plot-area svg").datum(function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return[{name:"Open",value:Number.isNaN(e.open)?0:c.XV(e.open)},{name:"High",value:c.XV(e.high)},{name:"Low",value:c.XV(e.low)},{name:"Close",value:c.XV(e.close)},{name:"Volume",value:Number.isNaN(e.volume)?"NA":c.Ag(e.volume)},{name:"Date",value:t?c.NT(e.x):c.$3(e.x)}]}(Se(H.current[0]))).call(Pe(!1)))}),e.enter().on("mouseover",e=>{a.Ltv("#"+x).select(".plot-area").style("cursor",function(){let e;return"LandingPage"!==v&&(e="pointer"),e})}),e.enter().select(".plot-area").on("click",e=>{if("LandingPage"!==v&&(N.setData("GACompareComps",["DIA","QQQ","IWM"]),N.setData("GAOverviewMinMaxDate",N.getData("indexMinMaxDate")),N.removeItem("groupAnalysisCalendarRange"),"Desktop"===ue)){L("/markets/groups/:SPY?charts")}})});p.xDecorate(e=>{e.select("text").attr("font-size","11").attr("font-weight",function(e,t){return c.rJ(e,F.current)}).attr("dx",function(e,t){let r=".05em";return r=F.current>100&&F.current<1200?0===t?".50em":".05em":"0.65em",r}).attr("fill",function(e,t){return c.Jv(e,F.current)}).text(function(e,t){let r="";return r=c.SK(!1,F.current,e,z.current,q.current),r})}),p.yDecorate(e=>{e.select("text").attr("font-size","11").text(function(e){return e+"%"}).attr("fill",c.Yg),a.Ubm(".lastmulti-rect-class").remove(),a.Ubm(".lastmulti-label-class").remove(),a.Ubm(".lastmulti-value-class").remove();const t=window.matchMedia("(orientation: portrait)").matches;if("Mobile"===ue&&!1===t||"Desktop"===ue){K.current=c.ne(R.current,S.current,T.current,k.current,"IndexChart");for(let e=0;e<K.current.length;e++)!K.current[e].name||void 0===K.current[e].pos||null===K.current[e].pos||isNaN(K.current[e].pos)||void 0===K.current[e].value||null===K.current[e].value||isNaN(K.current[e].value)||void 0===K.current[e].labelpos||null===K.current[e].labelpos||isNaN(K.current[e].labelpos)||(a.Ltv("#"+x).select(".y-axis").datum(c.Lw([K.current[e].name,K.current[e].value,K.current[e].pos,K.current[e].

1color])).on("click",function(r){("Mobile"===ue&&!1===t||"Desktop"===ue)&&c.Lw([K.current[e].name,K.current[e].value,K.current[e].pos,K.current[e].color])}).call(c.gK(x,k.current,T.current,"IndexChart","Linear")),a.Ltv("#"+x).select(".y-axis").datum(c.JA([K.current[e].name,K.current[e].value,K.current[e].labelpos])).on("click",function(r){("Mobile"===ue&&!1===t||"Desktop"===ue)&&(c.JA([K.current[e].name,K.current[e].value,K.current[e].labelpos]),r.target.__data__.label?le.current===r.target.__data__.label?(le.current="",ce("")):(le.current=r.target.__data__.label,ce(r.target.__data__.label)):(le.current="",ce("")))}).call(c.d9(x,!1,T.current,"IndexChart","Linear")))}a.Ltv(".legend-rect").raise(),a.Ubm(".legend-label").raise(),a.Ubm(".legend-value").raise()}),V.current=p};function Be(e){E.current.length=0,_.current=e.x,Y.current=e.y;const t=C.current.invert(e.x-c.OP(x)[0]);let r=a.ylB((e,t)=>t-e.date),n=[];for(let a=0;a<D.current.length;a++){const e=r.center(D.current[a],t);let l=D.current[a][e].close,u=D.current[a][e].date,s=D.current[a][e].originalCloseVal,i={name:c.u6.get(S.current[a]),value:s};n.push(i),E.current.push({x:u,y:l})}let l=[{y:n,Date:E.current[0].x}];H.current=l,Ve(D.current)}const Ve=e=>{if(e.length<1)return;F.current=c.Mx(w.current,M.current,U.current,he.current),C.current.domain(P.current([{date:w.current},{date:M.current}]));let[t,r]=pe();t&&r?T.current.domain([t,r]):T.current.domain([0,100]),ye(),Le(),Ce(),a.Ltv("#"+x).datum(e).call(V.current)},_e=(0,n.useRef)(null);if(void 0!==V.current){let e=document.getElementById(x);new ResizeObserver(function(e){let t=document.getElementById(x);if(null!=t){let e=t.getBoundingClientRect().width;if(se.current!=e){se.current=e;let t=a.Ltv("#"+x).select(".plot-area").node();null!=t&&(t.getBoundingClientRect().width,t.getBoundingClientRect().right,t.getBoundingClientRect().left,Ve(D.current))}}}).observe(e)}return(0,o.jsx)(o.Fragment,{children:"LandingPage"===v?(0,o.jsx)("div",{className:"row",children:(0,o.jsx)("div",{className:"col-md-12",children:(0,o.jsx)("div",{id:"charts",children:(0,o.jsx)("div",{className:"chart-content ln_lineChart",ref:_e,id:x})})})}):(0,o.jsx)("div",{className:"row",children:(0,o.jsxs)("div",{className:"col-md-12",children:["Mobile"===ue||"Tablet"===ue?(0,o.jsx)("div",{className:"redirect-icon",children:(0,o.jsx)("div",{style:{width:"25px"},onTouchStart:function(){N.setData("GACompareComps",["DIA","QQQ","IWM"]),N.setData("GAOverviewMinMaxDate",N.getData("indexMinMaxDate")),N.removeItem("groupAnalysisCalendarRange"),L("/markets/groups/:SPY?charts")},children:(0,o.jsx)("img",{style:{float:"right"},src:i})})}):"",(0,o.jsx)("div",{id:"charts",children:(0,o.jsx)("div",{className:"chart-content",ref:_e,id:x})})]})})})},g=(0,n.memo)(d);var m=r(47607),h=r(86073),f=r(48550);const p=e=>{const t=(0,n.useContext)(u.lj),r=(0,n.useContext)(u.AH),a=(0,n.useContext)(u.co),c=[],l=[{data:c,name:"NASDAQ 100",chartid:"NDX"}],[s,i]=(0,n.useState)(l),[d,p]=(0,n.useState)([]),[v,x]=(0,n.useState)([]),[y,b]=(0,n.useState)([]),[D,C]=(0,n.useState)({minDate:"",maxDate:""}),[k,R]=(0,n.useState)("1 min"),[L,w]=(0,n.useState)("1D"),[M,S]=(0,n.useState)({index:"",range:"",value:""}),T=(0,n.useRef)(null),P=(0,n.useContext)(u.oh),[N,j]=(0,n.useState)(),E=(0,n.useContext)(u.c_),O=(0,n.useRef)(),A=(0,n.useRef)(),I=(0,n.useRef)(),B=(0,n.useRef)(),V=(0,n.useRef)(!0),[_,Y]=n.useState("");function H(){(0,h.dc)({api:"/quote",params:{ticker:"AAPL"}}).then(t=>{let r=e.isMarketOpen?`Markets are live. Performance comparison of major Index ETFs as of ${new Date(1e3*t.data[0].timestamp).toLocaleString("en-US",{timeZone:"America/New_York",dateStyle:"long",timeStyle:"short"})}`:"Markets are closed. Performance comparison of major Index ETFs for previous trading session.";Y(r)}).catch(e=>{console.log(e)})}function F(){I.current=L,B.current=k,O.current="1D"===L?D.maxDate:D.minDate,A.current=D.maxDate}function J(){T.current&&(clearInterval(T.current),T.current=null),d.length&&(U(),H(),e.isMarketOpen&&"1 min"===k&&(T.current=setInterval(()=>{H(),U()},f.wS)))}(0,n.useEffect)(()=>{V.current&&"LandingPage"===e.place&&H();let r=t.getData("indexMinMaxDate");if(r&&""!==r.value&&""!==r.index&&""!==r.range)S(r);else{S({index:"Day",value:"1",range:"1 min"})}return()=>{T.current&&(clearInterval(T.current),T.current=null),V.current=!1,i(null),p([]),x([]),b([]),Y(""),C({minDate:"",maxDate:""}),S({index:"",range:"",value:""}),j(null)}},[]),(0,n.useEffect)(()=>

1{if(V.current)if(void 0!==r){[].length=0;let e=[],t=[],n=new Map;r.forEach(r=>{if(r.hpic){let a={data:c,name:"S&P 500",chartid:"^GSPC"},l=r.name;n.set(r.symbol,l),a.name=l,a.chartid=r.symbol,t.push(r.symbol),e.push(a)}}),i(e),p(t)}else(0,h.dc)({api:"/indexetfs",tracker:!0}).then(e=>{if(V.current){[].length=0;let t=[],r=[],n=new Map;e.data.forEach(e=>{if(e.hpic){let a={data:c,name:"S&P 500",chartid:"^GSPC"},l=e.name;n.set(e.symbol,l),a.name=l,a.chartid=e.symbol,r.push(e.symbol),t.push(a)}}),i(t),p(r)}}).catch(e=>{console.log(e)})},[r]),(0,n.useEffect)(()=>{""===M.index&&""===M.value&&""===M.range||t.setData("indexMinMaxDate",M)},[M]),(0,n.useEffect)(()=>{if(V.current&&(T.current&&(clearInterval(T.current),T.current=null),d.length>0&&""!==k&&""!==D.minDate&&s.length>0&&s.length>0))if("1D"!==L&&"5D"!==L&&("1M"!==L||"1M"===L&&"4 hours"!==k&&"1 hour"!==k)){let e=structuredClone(P.tickerWiseOHLCVData);const t=s.map(e=>e.chartid);let r={},n=[],a="5Y";if(e){const r=[...Object.keys(e)];n=r.filter(e=>t.includes(e))}n.length&&n.map(t=>{"All"===L&&"All"!==e[t].cacheFrequency&&(a="All",n.length=0)}),e&&n.length?(n.forEach(t=>{r[t]=e[t]}),F(),j(r)):z(a)}else J()},[D.maxDate,d,k,e.isMarketOpen]),(0,n.useEffect)(()=>{if(V.current&&E)if("LandingPage"===e.place){let e={minDate:E[0].prevDates["1D"],maxDate:E[0].maxDate};C(e)}else J()},[E]),(0,n.useEffect)(()=>{a&&T.current&&(clearInterval(T.current),T.current=null)},[a]);const U=()=>{q()},q=()=>{(0,h.dc)({api:"/ohlcvAll",params:{symbols:d,interval:k},tracker:!e.isMarketOpen}).then(e=>{if(V.current&&s.length>0){let t=[...s];Object.entries(e.data).forEach(e=>{if(e[1].length>0){const r=e[1].map(e=>{let t=e.date;10===t.length&&(t+="T00:00:00");let r=new Date(t),n=e.close;return{close:n,date:r,originalCloseVal:n}});t.find(t=>t.chartid===e[0]).data=r}}),F(),x(t.map(e=>e.data)),b(t.map(e=>e.name)),i(t)}}).catch(e=>{console.log(e)})},z=e=>{let t={};t="All"!==e?{symbols:d,onlyMinMax:!1,interval:"daily and above",fromDate:E[0].prevDates[e]}:{symbols:d,onlyMinMax:!1,interval:"daily and above"},(0,h.dc)({api:"/ohlcvAll",params:t,tracker:!0}).then(e=>{if(V.current){let t=P.tickerWiseOHLCVData,r={},n={};t&&(r=t);const a=new Date;

1s.forEach(t=>{let c=t;n[c.chartid]={daily:e.data.daily[c.chartid],weekly:e.data.weekly[c.chartid],monthly:e.data.monthly[c.chartid],cacheFrequency:"5Y"},r[c.chartid]={daily:e.data.daily[c.chartid],weekly:e.data.weekly[c.chartid],monthly:e.data.monthly[c.chartid],cacheFrequency:"5Y",lastUsedTime:a}}),F(),j(n),P.setTickerWiseOHLCVData(r)}}).catch(e=>{console.log(e)})};(0,n.useEffect)(()=>{if(V.current&&("Daily"===k||"Weekly"===k||"Monthly"===k)&&N){let e=K(k.toLowerCase()),t=[...s],r=[],n={},a=[];Object.entries(e).forEach(e=>{let t=[],c=0,l=[];e[1].forEach(e=>{let r={},n=e.date;10===n.length&&(n=e.date+"T00:00:00");let a=e.close,u=new Date(n);e.date=u,r={close:a,date:u,originalCloseVal:a},c<2e3&&t.push(r),l.push(e),c++}),n[e[0]]=l,r.push(t),a.push(e[0])}),F(),x(r),b(t.map(e=>e.name)),i(t)}},[k,N,L,e.liveData]);const K=t=>{let r=[],n=0,a=E[0].maxDate;const c=JSON.parse(JSON.stringify(N));return Object.entries(c).forEach(c=>{let l=c[1];r.push(l[t]),e.liveData&&Object.keys(e.liveData).length>0&&"Daily"===k&&e.isMarketOpen&&e.liveData.forEach(e=>{c[0]===e.symbol&&(e.date=a,r[n][0]=e,n++)})}),r};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"IndexPage_TopSection",children:(0,o.jsx)("div",{className:"row",children:(0,o.jsx)("div",{className:"col-lg-12",children:(0,o.jsxs)("div",{className:"IndexPage-btns-text",children:["LandingPage"!==e.place&&(""!==M.index||""!==M.value||""!==M.range)&&(0,o.jsx)("div",{id:"mainitem",className:"maindetails index-page-btns",children:(0,o.jsx)(m.A,{text:"indexPageHome",minMaxDateState:C,interval:R,valueIndexState:S,valueIndexValue:M,selectedRangeState:w})}),"LandingPage"===e.place&&_.length>0&&"1D"===L&&v.length>3&&(0,o.jsx)("div",{className:"maindetailsbold-landingPage",children:_}),"LandingPage"!==e.place&&"1D"===L&&(0,o.jsx)("div",{className:"maindetailsbold marketperformancetext",children:"Index ETFs comparison over the last one day"}),"1D"!==L&&(0,o.jsxs)("div",{className:"maindetailsbold marketperformancetext",children:["Index ETFs comparison over the last ",{"1D":"1 Day","5D":"5 Days","1M":"1 Month","3M":"3 Months","6M":"6 Months",YTD:"Year to Date","1Y":"1 Year","5Y":"5 Years"}[L]]})]})})})}),v.length>3&&y.length>3&&""!==D.maxDate&&(0,o.jsx)(g,{data:v,name:y,chartid:"IndexChart1",minDate:O.current,maxDate:A.current,selectedDateBtn:I.current,DataFrequency:B.current,isMarketOpen:e.isMarketOpen,place:e.place})]})},v=n.memo(p)},94934(e,t,r){e.exports=r.p+"static/media/Fundamental-Analysis-Dark.7642c3693fffa83bf9a9.webp"},91079(e,t,r){e.exports=r.p+"static/media/Fundamental-Analysis.803910b8d1bd0509b1ff.webp"},47566(e,t,r){e.exports=r.p+"static/media/Technical-Analysis-Dark.feece1fdff90a5477264.webp"},22383(e,t,r){e.exports=r.p+"static/media/Technical-Analysis.0f9e1b19f64ab466b00d.webp"},16094(e,t,r){e.exports=r.p+"static/media/hamburger.3a6b7ae88985cfcc63e8.webp"},60061(e,t,r){e.exports=r.p+"static/media/hamburger1.9a294b69793585985f86.webp"}}]);
2//# sourceMappingURL=9062.c5211b53.chunk.js.map