@qfo/qfchart 0.6.5 → 0.6.7

package/dist/qfchart.min.es.js

@@ -14,25 +14,25 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import*as Z from"echarts";var Ct=Object.defineProperty,It=(r,e,t)=>e in r?Ct(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,nt=(r,e,t)=>(It(r,typeof e!="symbol"?e+"":e,t),t);class St{constructor(e,t,i,s={}){nt(this,"id"),nt(this,"plots"),nt(this,"paneIndex"),nt(this,"height"),nt(this,"collapsed"),nt(this,"titleColor"),nt(this,"controls"),this.id=e,this.plots=t,this.paneIndex=i,this.height=s.height,this.collapsed=s.collapsed||!1,this.titleColor=s.titleColor,this.controls=s.controls}toggleCollapse(){this.collapsed=!this.collapsed}isVisible(){return!this.collapsed}updateData(e){Object.keys(e).forEach(t=>{if(!this.plots[t])this.plots[t]=e[t];else{const i=this.plots[t],s=e[t];if(!i.data)return;s.options&&(i.options={...i.options,...s.options});const n=new Map;i.data?.forEach(o=>{n.set(o.time,o)}),s.data?.forEach(o=>{n.set(o.time,o)}),i.data=Array.from(n.values()).sort((o,d)=>o.time-d.time)}})}}class J{static createMinFunction(e){return t=>{const i=(t.max-t.min)*(e/100);return t.min-i}}static createMaxFunction(e){return t=>{const i=(t.max-t.min)*(e/100);return t.max+i}}}class mt{static calculate(e,t,i,s=!1,n=null,o){let d=0;e>0&&(d=1/e*100);const a=i.yAxisPadding!==void 0?i.yAxisPadding:5,l=Array.from(t.values()).map(v=>v.paneIndex).filter(v=>v>0).sort((v,N)=>v-N).filter((v,N,O)=>O.indexOf(v)===N),f=l.length>0,y=i.dataZoom?.visible??!0,h=i.dataZoom?.position??"top",c=i.dataZoom?.height??6,p=i.dataZoom?.start??0,u=i.dataZoom?.end??100;let m=8,w=92,C=-1;if(n)if(n==="main")C=0;else{const v=t.get(n);v&&(C=v.paneIndex)}if(C!==-1){const v=[],N=[],O=[],$=[],G=i.dataZoom?.start??50,F=i.dataZoom?.end??100;(i.dataZoom?.zoomOnTouch??!0)&&$.push({type:"inside",xAxisIndex:"all",start:G,end:F});const W=f?Math.max(...l):0,H=[];for(let z=0;z<=W;z++){const L=z===C;v.push({left:"10%",right:"10%",top:L?"5%":"0%",height:L?"90%":"0%",show:L,containLabel:!1}),N.push({type:"category",gridIndex:z,data:[],show:L,axisLabel:{show:L,color:"#94a3b8",fontFamily:i.fontFamily},axisLine:{show:L,lineStyle:{color:"#334155"}},splitLine:{show:L,lineStyle:{color:"#334155",opacity:.5}}});let _,tt;if(z===0&&C===0?(_=i.yAxisMin!==void 0&&i.yAxisMin!=="auto"?i.yAxisMin:J.createMinFunction(a),tt=i.yAxisMax!==void 0&&i.yAxisMax!=="auto"?i.yAxisMax:J.createMaxFunction(a)):(_=J.createMinFunction(a),tt=J.createMaxFunction(a)),O.push({position:"right",gridIndex:z,show:L,scale:!0,min:_,max:tt,axisLabel:{show:L,color:"#94a3b8",fontFamily:i.fontFamily,formatter:R=>{if(i.yAxisLabelFormatter)return i.yAxisLabelFormatter(R);const et=i.yAxisDecimalPlaces!==void 0?i.yAxisDecimalPlaces:2;return typeof R=="number"?R.toFixed(et):String(R)}},splitLine:{show:L,lineStyle:{color:"#334155",opacity:.5}}}),z>0){const R=Array.from(t.values()).find(et=>et.paneIndex===z);R&&H.push({index:z,height:L?90:0,top:L?5:0,isCollapsed:!1,indicatorId:R.id,titleColor:R.titleColor,controls:R.controls})}}return{grid:v,xAxis:N,yAxis:O,dataZoom:$,paneLayout:H,mainPaneHeight:C===0?90:0,mainPaneTop:C===0?5:0,pixelToPercent:d,overlayYAxisMap:new Map,separatePaneYAxisOffset:1}}y?h==="top"?(m=c+4,w=95):(w=100-c-2,m=8):(m=5,w=95);let k=5;e>0&&(k=20/e*100);let x=75,b=[];if(f){const v=l.map(F=>{const W=Array.from(t.values()).find(H=>H.paneIndex===F);return{index:F,requestedHeight:W?.height,isCollapsed:W?.collapsed??!1,indicatorId:W?.id,titleColor:W?.titleColor,controls:W?.controls}}).map(F=>({...F,height:F.isCollapsed?3:F.requestedHeight!==void 0?F.requestedHeight:15})),N=v.reduce((F,W)=>F+W.height,0),O=v.length*k,$=N+O;x=w-m-$,s?x=3:x<20&&(x=Math.max(x,10));let G=m+x+k;b=v.map(F=>{const W={index:F.index,height:F.height,top:G,isCollapsed:F.isCollapsed,indicatorId:F.indicatorId,titleColor:F.titleColor,controls:F.controls};return G+=F.height+k,W})}else x=w-m,s&&(x=3);const I=[];I.push({left:"10%",right:"10%",top:m+"%",height:x+"%",containLabel:!1}),b.forEach(v=>{I.push({left:"10%",right:"10%",top:v.top+"%",height:v.height+"%",containLabel:!1})});const P=[0,...b.map((v,N)=>N+1)],g=[],A=b.length===0;g.push({type:"category",data:[],gridIndex:0,scale:!0,axisLine:{onZero:!1,show:!s,lineStyle:{color:"#334155"}},splitLine:{show:!s,lineStyle:{color:"#334155",opacity:.5}},axisLabel:{show:!s,color:"#94a3b8",fontFamily:i.fontFamily||"sans-serif",formatter:v=>{if(i.yAxisLabelFormatter)return i.yAxisLabelFormatter(v);const N=i.yAxisDecimalPlaces!==void 0?i.yAxisDecimalPlaces:2;return typeof v=="number"?v.toFixed(N):String(v)}},axisTick:{show:!s},axisPointer:{label:{show:A,fontSize:11,backgroundColor:"#475569"}}}),b.forEach((v,N)=>{const O=N===b.length-1;g.push({type:"category",gridIndex:N+1,data:[],axisLabel:{show:!1},axisLine:{show:!v.isCollapsed,lineStyle:{color:"#334155"}},axisTick:{show:!1},splitLine:{show:!1},axisPointer:{label:{show:O,fontSize:11,backgroundColor:"#475569"}}})});const T=[];let S,M;i.yAxisMin!==void 0&&i.yAxisMin!=="auto"?S=i.yAxisMin:S=J.createMinFunction(a),i.yAxisMax!==void 0&&i.yAxisMax!=="auto"?M=i.yAxisMax:M=J.createMaxFunction(a),T.push({position:"right",scale:!0,min:S,max:M,gridIndex:0,splitLine:{show:!s,lineStyle:{color:"#334155",opacity:.5}},axisLine:{show:!s,lineStyle:{color:"#334155"}},axisLabel:{show:!s,color:"#94a3b8",fontFamily:i.fontFamily||"sans-serif",formatter:v=>{if(i.yAxisLabelFormatter)return i.yAxisLabelFormatter(v);const N=i.yAxisDecimalPlaces!==void 0?i.yAxisDecimalPlaces:2;return typeof v=="number"?v.toFixed(N):String(v)}}});let E=1,j=-1/0,K=1/0;o&&o.length>0&&(j=Math.min(...o.map(v=>v.low)),K=Math.max(...o.map(v=>v.high)));const q=new Map;t.forEach((v,N)=>{v.paneIndex===0&&!v.collapsed&&o&&o.length>0&&Object.entries(v.plots).forEach(([O,$])=>{const G=`${N}::${O}`,F=["background","barcolor","char"],W=$.options.style==="shape"&&($.options.location==="abovebar"||$.options.location==="belowbar");if(F.includes($.options.style)){q.has(G)||(q.set(G,E),E++);return}if($.options.style==="shape"&&!W){q.has(G)||(q.set(G,E),E++);return}const H=[];if($.data&&Object.values($.data).forEach(z=>{typeof z=="number"&&!isNaN(z)&&isFinite(z)&&H.push(z)}),H.length>0){const z=Math.min(...H),L=Math.max(...H),_=L-z,tt=K-j,R=z>=j*.5&&L<=K*1.5,et=_>tt*.01;R&&et||q.has(G)||(q.set(G,E),E++)}})});const U=q.size>0?E-1:0;for(let v=0;v<U;v++)T.push({position:"left",scale:!0,min:J.createMinFunction(a),max:J.createMaxFunction(a),gridIndex:0,show:!1,splitLine:{show:!1},axisLine:{show:!1},axisLabel:{show:!1}});const Q=E;b.forEach((v,N)=>{T.push({position:"right",scale:!0,min:J.createMinFunction(a),max:J.createMaxFunction(a),gridIndex:N+1,splitLine:{show:!v.isCollapsed,lineStyle:{color:"#334155",opacity:.3}},axisLabel:{show:!v.isCollapsed,color:"#94a3b8",fontFamily:i.fontFamily||"sans-serif",fontSize:10,formatter:O=>{if(i.yAxisLabelFormatter)return i.yAxisLabelFormatter(O);const $=i.yAxisDecimalPlaces!==void 0?i.yAxisDecimalPlaces:2;return typeof O=="number"?O.toFixed($):String(O)}},axisLine:{show:!v.isCollapsed,lineStyle:{color:"#334155"}}})});const it=[];return y&&((i.dataZoom?.zoomOnTouch??!0)&&it.push({type:"inside",xAxisIndex:P,start:p,end:u}),h==="top"?it.push({type:"slider",xAxisIndex:P,top:"1%",height:c+"%",start:p,end:u,borderColor:"#334155",textStyle:{color:"#cbd5e1"},brushSelect:!1}):it.push({type:"slider",xAxisIndex:P,bottom:"1%",height:c+"%",start:p,end:u,borderColor:"#334155",textStyle:{color:"#cbd5e1"},brushSelect:!1})),{grid:I,xAxis:g,yAxis:T,dataZoom:it,paneLayout:b,mainPaneHeight:x,mainPaneTop:m,pixelToPercent:d,overlayYAxisMap:q,separatePaneYAxisOffset:Q}}static calculateMaximized(e,t,i){return{grid:[],xAxis:[],yAxis:[],dataZoom:[],paneLayout:[],mainPaneHeight:0,mainPaneTop:0,pixelToPercent:0}}}class kt{render(e){const{seriesName:t,xAxisIndex:i,yAxisIndex:s,dataArray:n,colorArray:o,plotOptions:d}=e,a="#2962ff";return{name:t,type:"custom",xAxisIndex:i,yAxisIndex:s,renderItem:(l,f)=>{const y=l.dataIndex;if(y===0)return;const h=f.value(1),c=f.value(2);if(h===null||isNaN(h)||c===null||isNaN(c))return;const p=f.coord([y-1,c]),u=f.coord([y,h]);return{type:"line",shape:{x1:p[0],y1:p[1],x2:u[0],y2:u[1]},style:{stroke:o[y]||d.color||a,lineWidth:d.linewidth||1},silent:!0}},data:n.map((l,f)=>[f,l,f>0?n[f-1]:null])}}}class At{render(e){const{seriesName:t,xAxisIndex:i,yAxisIndex:s,dataArray:n,colorArray:o,plotOptions:d}=e,a="#2962ff";return{name:t,type:"custom",xAxisIndex:i,yAxisIndex:s,renderItem:(l,f)=>{const y=f.value(0),h=f.value(1);if(isNaN(h)||h===null)return;const c=f.coord([y,h]),p=f.size([1,0])[0];return{type:"line",shape:{x1:c[0]-p/2,y1:c[1],x2:c[0]+p/2,y2:c[1]},style:{stroke:o[l.dataIndex]||d.color||a,lineWidth:d.linewidth||1},silent:!0}},data:n.map((l,f)=>[f,l])}}}class bt{render(e){const{seriesName:t,xAxisIndex:i,yAxisIndex:s,dataArray:n,colorArray:o,plotOptions:d}=e;return{name:t,type:"bar",xAxisIndex:i,yAxisIndex:s,data:n.map((a,l)=>({value:a,itemStyle:o[l]?{color:o[l]}:void 0})),itemStyle:{color:d.color||"#2962ff"}}}}const ft=new Map;function Pt(r,e="#00da3c",t="64px"){if(typeof document>"u")return"";const i=`${r}-${e}-${t}`;if(ft.has(i))return ft.get(i);const s=document.createElement("canvas"),n=s.getContext("2d");if(s.width=32,s.height=32,n){n.font="bold "+t+" Arial",n.fillStyle=e,n.textAlign="center",n.textBaseline="middle",n.fillText(r,16,16);const o=s.toDataURL("image/png");return ft.set(i,o),o}return""}class gt{render(e){const{seriesName:t,xAxisIndex:i,yAxisIndex:s,dataArray:n,colorArray:o,plotOptions:d}=e,a="#2962ff",l=d.style;if(l==="char")return{name:t,type:"scatter",xAxisIndex:i,yAxisIndex:s,symbolSize:0,data:n.map((y,h)=>({value:[h,y],itemStyle:{opacity:0}})),silent:!0};const f=n.map((y,h)=>{if(y===null)return null;const c=o[h]||d.color||a,p={value:[h,y],itemStyle:{color:c}};return l==="cross"?(p.symbol=`image://${Pt("+",c,"24px")}`,p.symbolSize=16):(p.symbol="circle",p.symbolSize=6),p}).filter(y=>y!==null);return{name:t,type:"scatter",xAxisIndex:i,yAxisIndex:s,data:f}}}class vt{render(e){const{seriesName:t,xAxisIndex:i,yAxisIndex:s,dataArray:n,colorArray:o,optionsArray:d,plotOptions:a}=e,l="#2962ff",f=a.style==="candle",y=n.map((h,c)=>{if(h===null||!Array.isArray(h)||h.length!==4)return null;const[p,u,m,w]=h,C=d[c]||{},k=C.color||o[c]||a.color||l,x=C.wickcolor||a.wickcolor||k,b=C.bordercolor||a.bordercolor||x;return[c,p,w,m,u,k,x,b]}).filter(h=>h!==null);return{name:t,type:"custom",xAxisIndex:i,yAxisIndex:s,renderItem:(h,c)=>{const p=c.value(0),u=c.value(1),m=c.value(2),w=c.value(3),C=c.value(4),k=c.value(5),x=c.value(6),b=c.value(7);if(isNaN(u)||isNaN(m)||isNaN(w)||isNaN(C))return null;const I=c.coord([p,0])[0],P=c.coord([p,u])[1],g=c.coord([p,m])[1],A=c.coord([p,w])[1],T=c.coord([p,C])[1],S=c.size([1,0])[0]*.6;if(f){const M=Math.min(P,g),E=Math.max(P,g),j=Math.abs(g-P);return{type:"group",children:[{type:"line",shape:{x1:I,y1:T,x2:I,y2:M},style:{stroke:x,lineWidth:1}},{type:"line",shape:{x1:I,y1:E,x2:I,y2:A},style:{stroke:x,lineWidth:1}},{type:"rect",shape:{x:I-S/2,y:M,width:S,height:j||1},style:{fill:k,stroke:b,lineWidth:1}}]}}else{const M=S*.5;return{type:"group",children:[{type:"line",shape:{x1:I,y1:A,x2:I,y2:T},style:{stroke:k,lineWidth:1}},{type:"line",shape:{x1:I-M,y1:P,x2:I,y2:P},style:{stroke:k,lineWidth:1}},{type:"line",shape:{x1:I,y1:g,x2:I+M,y2:g},style:{stroke:k,lineWidth:1}}]}}},data:y}}}class lt{static getShapeSymbol(e){switch(e){case"arrowdown":return"path://M12 24l-12-12h8v-12h8v12h8z";case"arrowup":return"path://M12 0l12 12h-8v12h-8v-12h-8z";case"circle":return"circle";case"cross":return"path://M11 2h2v9h9v2h-9v9h-2v-9h-9v-2h9z";case"diamond":return"diamond";case"flag":return"path://M6 2v20h2v-8h12l-2-6 2-6h-12z";case"labeldown":return"path://M4 2h16a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-6l-2 4l-2 -4h-6a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2z";case"labelup":return"path://M12 2l2 4h6a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-16a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h6z";case"square":return"rect";case"triangledown":return"path://M12 21l-10-18h20z";case"triangleup":return"triangle";case"xcross":return"path://M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z";default:return"circle"}}static getShapeRotation(e){return 0}static getShapeSize(e,t,i){if(t!==void 0&&i!==void 0)return[t,i];let s;switch(e){case"tiny":s=8;break;case"small":s=12;break;case"normal":case"auto":s=16;break;case"large":s=24;break;case"huge":s=32;break;default:s=16}return t!==void 0?[t,t]:i!==void 0?[i,i]:s}static getLabelConfig(e,t){switch(t){case"abovebar":return{position:"top",distance:5};case"belowbar":return{position:"bottom",distance:5};case"top":return{position:"bottom",distance:5};case"bottom":return{position:"top",distance:5};case"absolute":default:return e==="labelup"||e==="labeldown"?{position:"inside",distance:0}:{position:"top",distance:5}}}}class Mt{render(e){const{seriesName:t,xAxisIndex:i,yAxisIndex:s,dataArray:n,colorArray:o,optionsArray:d,plotOptions:a,candlestickData:l}=e,f="#2962ff",y=n.map((h,c)=>{const p=d[c]||{},u=a,m=p.location||u.location||"absolute";if(m!=="absolute"&&!h||h==null)return null;const w=p.color||u.color||f,C=p.shape||u.shape||"circle",k=p.size||u.size||"normal",x=p.text||u.text,b=p.textcolor||u.textcolor||"white",I=p.width||u.width,P=p.height||u.height;let g=h,A=[0,0];m==="abovebar"?(l&&l[c]&&(g=l[c].high),A=[0,"-150%"]):m==="belowbar"?(l&&l[c]&&(g=l[c].low),A=[0,"150%"]):m==="top"?(g=h,A=[0,0]):m==="bottom"&&(g=h,A=[0,0]);const T=lt.getShapeSymbol(C),S=lt.getShapeSize(k,I,P),M=lt.getShapeRotation(C);let E=S;C.includes("label")&&(Array.isArray(S)?E=[S[0]*2.5,S[1]*2.5]:E=S*2.5);const j=lt.getLabelConfig(C,m);return{value:[c,g],symbol:T,symbolSize:E,symbolRotate:M,symbolOffset:A,itemStyle:{color:w},label:{show:!!x,position:j.position,distance:j.distance,formatter:x,color:b,fontSize:10,fontWeight:"bold"}}}).filter(h=>h!==null);return{name:t,type:"scatter",xAxisIndex:i,yAxisIndex:s,data:y}}}class Dt{render(e){const{seriesName:t,xAxisIndex:i,yAxisIndex:s,dataArray:n,colorArray:o}=e;return{name:t,type:"custom",xAxisIndex:i,yAxisIndex:s,z:-10,renderItem:(d,a)=>{const l=a.value(0);if(isNaN(l))return;const f=a.coord([l,0]),y=a.size([1,0])[0],h=d.coordSys,c=f[0]-y/2,p=o[d.dataIndex],u=a.value(1);if(!(!p||u===null||u===void 0||isNaN(u)))return{type:"rect",shape:{x:c,y:h.y,width:y,height:h.height},style:{fill:p,opacity:.3},silent:!0}},data:n.map((d,a)=>[a,d])}}}class Et{static parseColor(e){if(!e)return{color:"#888888",opacity:.2};const t=e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/);if(t){const i=t[1],s=t[2],n=t[3],o=t[4]?parseFloat(t[4]):1;return{color:`rgb(${i},${s},${n})`,opacity:o}}return{color:e,opacity:.3}}}class zt{render(e){const{seriesName:t,xAxisIndex:i,yAxisIndex:s,plotOptions:n,plotDataArrays:o,indicatorId:d,plotName:a}=e,l=e.dataArray.length,f=n.plot1?`${d}::${n.plot1}`:null,y=n.plot2?`${d}::${n.plot2}`:null;if(!f||!y)return console.warn(`Fill plot "${a}" missing plot1 or plot2 reference`),null;const h=o?.get(f),c=o?.get(y);if(!h||!c)return console.warn(`Fill plot "${a}" references non-existent plots: ${n.plot1}, ${n.plot2}`),null;const{color:p,opacity:u}=Et.parseColor(n.color||"rgba(128, 128, 128, 0.2)"),m=[];for(let w=0;w<l;w++){const C=h[w],k=c[w],x=w>0?h[w-1]:null,b=w>0?c[w-1]:null;m.push([w,C,k,x,b])}return{name:t,type:"custom",xAxisIndex:i,yAxisIndex:s,z:-5,renderItem:(w,C)=>{const k=w.dataIndex;if(k===0)return null;const x=C.value(1),b=C.value(2),I=C.value(3),P=C.value(4);if(x===null||b===null||I===null||P===null||isNaN(x)||isNaN(b)||isNaN(I)||isNaN(P))return null;const g=C.coord([k-1,I]),A=C.coord([k,x]),T=C.coord([k,b]),S=C.coord([k-1,P]);return{type:"polygon",shape:{points:[g,A,T,S]},style:{fill:p,opacity:u},silent:!0}},data:m}}}var Lt=Object.defineProperty,Tt=(r,e,t)=>e in r?Lt(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,Nt=(r,e,t)=>(Tt(r,typeof e!="symbol"?e+"":e,t),t);const X=class{static register(e,t){this.renderers.set(e,t)}static get(e){return this.renderers.get(e)||this.renderers.get("line")}};Nt(X,"renderers",new Map),X.register("line",new kt),X.register("step",new At),X.register("histogram",new bt),X.register("columns",new bt),X.register("circles",new gt),X.register("cross",new gt),X.register("char",new gt),X.register("bar",new vt),X.register("candle",new vt),X.register("shape",new Mt),X.register("background",new Dt),X.register("fill",new zt);let Ft=X;var $t=Object.defineProperty,Ot=(r,e,t)=>e in r?$t(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,Zt=(r,e,t)=>(Ot(r,typeof e!="symbol"?e+"":e,t),t);const wt=class xt{static buildCandlestickSeries(e,t,i){const s=t.upColor||"#00da3c",n=t.downColor||"#ec0000",o=e.map(a=>[a.open,a.close,a.low,a.high]);if(i&&i>o.length){const a=i-o.length;for(let l=0;l<a;l++)o.push(null)}let d;if(t.lastPriceLine?.visible!==!1&&e.length>0){const a=e[e.length-1],l=a.close,f=a.close>=a.open,y=t.lastPriceLine?.color||(f?s:n);let h=t.lastPriceLine?.lineStyle||"dashed";h.startsWith("linestyle_")&&(h=h.replace("linestyle_","")),d={symbol:["none","none"],data:[{yAxis:l,label:{show:!0,position:"end",formatter:c=>{if(t.yAxisLabelFormatter)return t.yAxisLabelFormatter(c.value);const p=t.yAxisDecimalPlaces!==void 0?t.yAxisDecimalPlaces:2;return typeof c.value=="number"?c.value.toFixed(p):c.value},color:"#fff",backgroundColor:y,padding:[2,4],borderRadius:2,fontSize:11,fontWeight:"bold"},lineStyle:{color:y,type:h,width:1,opacity:.8}}],animation:!1,silent:!0}}return{type:"candlestick",name:t.title||"Market",data:o,itemStyle:{color:s,color0:n,borderColor:s,borderColor0:n},markLine:d,xAxisIndex:0,yAxisIndex:0,z:5}}static buildIndicatorSeries(e,t,i,s,n=0,o,d,a=1){const l=[],f=new Array(s).fill(null),y=new Map;return e.forEach((h,c)=>{h.collapsed||Object.keys(h.plots).sort((p,u)=>{const m=h.plots[p],w=h.plots[u],C=m.options.style==="fill",k=w.options.style==="fill";return C&&!k?1:!C&&k?-1:0}).forEach(p=>{const u=h.plots[p],m=`${c}::${p}`;let w=0,C=0;const k=u.options.overlay;if(k!==void 0?k:h.paneIndex===0)w=0,d&&d.has(m)?C=d.get(m):C=0;else{const g=i.findIndex(A=>A.index===h.paneIndex);g!==-1&&(w=g+1,C=a+g)}const x=new Array(s).fill(null),b=new Array(s).fill(null),I=new Array(s).fill(null);if(u.data?.forEach(g=>{const A=t.get(g.time);if(A!==void 0){const T=g.options?.offset??u.options.offset??0,S=A+n+T;if(S>=0&&S<s){let M=g.value;const E=g.options?.color;(E===null||E==="na"||E==="NaN"||typeof E=="number"&&isNaN(E))&&(M=null),x[S]=M,b[S]=E||u.options.color||xt.DEFAULT_COLOR,I[S]=g.options||{}}}}),y.set(`${c}::${p}`,x),u.options?.style?.startsWith("style_")&&(u.options.style=u.options.style.replace("style_","")),u.options.style==="barcolor"){u.data?.forEach(g=>{const A=t.get(g.time);if(A!==void 0){const T=g.options?.offset??u.options.offset??0,S=A+n+T;if(S>=0&&S<s){const M=g.options?.color||u.options.color||xt.DEFAULT_COLOR;!(M===null||M==="na"||M==="NaN"||typeof M=="number"&&isNaN(M))&&g.value!==null&&g.value!==void 0&&(f[S]=M)}}});return}const P=Ft.get(u.options.style).render({seriesName:m,xAxisIndex:w,yAxisIndex:C,dataArray:x,colorArray:b,optionsArray:I,plotOptions:u.options,candlestickData:o,plotDataArrays:y,indicatorId:c,plotName:p});P&&l.push(P)})}),{series:l,barColors:f}}};Zt(wt,"DEFAULT_COLOR","#2962ff");let ht=wt;class Gt{static build(e,t,i,s=!1,n=null){const o=[],d=e.pixelToPercent,a=e.mainPaneTop;if(!n||n==="main"){const l=10*d;if(o.push({type:"text",left:"8.5%",top:a+l+"%",z:10,style:{text:t.title||"Market",fill:t.titleColor||"#fff",font:`bold 16px ${t.fontFamily||"sans-serif"}`,textVerticalAlign:"top"}}),t.watermark!==!1){const y=e.mainPaneTop+e.mainPaneHeight;o.push({type:"text",right:"11%",top:y-3+"%",z:10,style:{text:"QFChart",fill:t.fontColor||"#cbd5e1",font:"bold 16px sans-serif",opacity:.1},cursor:"pointer",onclick:()=>{window.open("https://quantforge.org","_blank")}})}const f=[];if(t.controls?.collapse&&f.push({type:"group",children:[{type:"rect",shape:{width:20,height:20,r:2},style:{fill:"#334155",stroke:"#475569",lineWidth:1},onclick:()=>i("main","collapse")},{type:"text",style:{text:s?"+":"\u2212",fill:"#cbd5e1",font:`bold 14px ${t.fontFamily}`,x:10,y:10,textAlign:"center",textVerticalAlign:"middle"},silent:!0}]}),t.controls?.maximize){const y=n==="main",h=t.controls?.collapse?25:0;f.push({type:"group",x:h,children:[{type:"rect",shape:{width:20,height:20,r:2},style:{fill:"#334155",stroke:"#475569",lineWidth:1},onclick:()=>i("main","maximize")},{type:"text",style:{text:y?"\u2750":"\u25A1",fill:"#cbd5e1",font:`14px ${t.fontFamily}`,x:10,y:10,textAlign:"center",textVerticalAlign:"middle"},silent:!0}]})}if(t.controls?.fullscreen){let y=0;t.controls?.collapse&&(y+=25),t.controls?.maximize&&(y+=25),f.push({type:"group",x:y,children:[{type:"rect",shape:{width:20,height:20,r:2},style:{fill:"#334155",stroke:"#475569",lineWidth:1},onclick:()=>i("main","fullscreen")},{type:"text",style:{text:"\u26F6",fill:"#cbd5e1",font:`14px ${t.fontFamily}`,x:10,y:10,textAlign:"center",textVerticalAlign:"middle"},silent:!0}]})}f.length>0&&o.push({type:"group",right:"10.5%",top:a+"%",children:f})}return e.paneLayout.forEach(l=>{if(n&&l.indicatorId!==n)return;o.push({type:"text",left:"8.5%",top:l.top+10*d+"%",z:10,style:{text:l.indicatorId||"",fill:l.titleColor||"#fff",font:`bold 12px ${t.fontFamily||"sans-serif"}`,textVerticalAlign:"top"}});const f=[];if(l.controls?.collapse&&f.push({type:"group",children:[{type:"rect",shape:{width:20,height:20,r:2},style:{fill:"#334155",stroke:"#475569",lineWidth:1},onclick:()=>l.indicatorId&&i(l.indicatorId,"collapse")},{type:"text",style:{text:l.isCollapsed?"+":"\u2212",fill:"#cbd5e1",font:`bold 14px ${t.fontFamily}`,x:10,y:10,textAlign:"center",textVerticalAlign:"middle"},silent:!0}]}),l.controls?.maximize){const y=n===l.indicatorId,h=l.controls?.collapse?25:0;f.push({type:"group",x:h,children:[{type:"rect",shape:{width:20,height:20,r:2},style:{fill:"#334155",stroke:"#475569",lineWidth:1},onclick:()=>l.indicatorId&&i(l.indicatorId,"maximize")},{type:"text",style:{text:y?"\u2750":"\u25A1",fill:"#cbd5e1",font:`14px ${t.fontFamily}`,x:10,y:10,textAlign:"center",textVerticalAlign:"middle"},silent:!0}]})}f.length>0&&o.push({type:"group",right:"10.5%",top:l.top+"%",children:f})}),o}}class Wt{static format(e,t){if(!e||e.length===0)return"";const i=t.title||"Market",s=t.upColor||"#00da3c",n=t.downColor||"#ec0000",o=t.fontFamily||"sans-serif",d=e[0].axisValue;let a=`<div style="font-weight: bold; margin-bottom: 5px; color: #cbd5e1; font-family: ${o};">${d}</div>`;const l=e.find(y=>y.seriesType==="candlestick"),f=e.filter(y=>y.seriesType!=="candlestick");if(l){const[y,h,c,p,u]=l.value,m=c>=h?s:n;a+=`
+import*as W from"echarts";var Ct=Object.defineProperty,It=(l,e,t)=>e in l?Ct(l,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[e]=t,nt=(l,e,t)=>(It(l,typeof e!="symbol"?e+"":e,t),t);class St{constructor(e,t,i,s={}){nt(this,"id"),nt(this,"plots"),nt(this,"paneIndex"),nt(this,"height"),nt(this,"collapsed"),nt(this,"titleColor"),nt(this,"controls"),this.id=e,this.plots=t,this.paneIndex=i,this.height=s.height,this.collapsed=s.collapsed||!1,this.titleColor=s.titleColor,this.controls=s.controls}toggleCollapse(){this.collapsed=!this.collapsed}isVisible(){return!this.collapsed}updateData(e){Object.keys(e).forEach(t=>{if(!this.plots[t])this.plots[t]=e[t];else{const i=this.plots[t],s=e[t];if(!i.data)return;s.options&&(i.options={...i.options,...s.options});const n=new Map;i.data?.forEach(o=>{n.set(o.time,o)}),s.data?.forEach(o=>{n.set(o.time,o)}),i.data=Array.from(n.values()).sort((o,c)=>o.time-c.time)}})}}class O{static createMinFunction(e){return t=>{const i=(t.max-t.min)*(e/100);return t.min-i}}static createMaxFunction(e){return t=>{const i=(t.max-t.min)*(e/100);return t.max+i}}static autoDetectDecimals(e){if(!e||e.length===0)return 2;const t=e[e.length-1].close;if(t===0||!isFinite(t)||isNaN(t))return 2;const i=Math.abs(t);if(i>=1)return 2;const s=Math.ceil(-Math.log10(i));return Math.min(s+4,10)}static formatValue(e,t){return typeof e=="number"?e.toFixed(t):String(e)}}class mt{static calculate(e,t,i,s=!1,n=null,o){let c=0;e>0&&(c=1/e*100);const r=i.yAxisPadding!==void 0?i.yAxisPadding:5,a=Array.from(t.values()).map(v=>v.paneIndex).filter(v=>v>0).sort((v,M)=>v-M).filter((v,M,E)=>E.indexOf(v)===M),g=a.length>0,y=i.dataZoom?.visible??!0,h=i.dataZoom?.position??"top",d=i.dataZoom?.height??6,p=i.dataZoom?.start??0,u=i.dataZoom?.end??100;let b=8,w=92,C=-1;if(n)if(n==="main")C=0;else{const v=t.get(n);v&&(C=v.paneIndex)}if(C!==-1){const v=[],M=[],E=[],F=[],B=i.dataZoom?.start??50,$=i.dataZoom?.end??100;(i.dataZoom?.zoomOnTouch??!0)&&F.push({type:"inside",xAxisIndex:"all",start:B,end:$});const Z=g?Math.max(...a):0,_=[];for(let T=0;T<=Z;T++){const G=T===C;v.push({left:"10%",right:"10%",top:G?"5%":"0%",height:G?"90%":"0%",show:G,containLabel:!1}),M.push({type:"category",gridIndex:T,data:[],show:G,axisLabel:{show:G,color:"#94a3b8",fontFamily:i.fontFamily},axisLine:{show:G,lineStyle:{color:"#334155"}},splitLine:{show:G,lineStyle:{color:"#334155",opacity:.5}}});let tt,K;if(T===0&&C===0?(tt=i.yAxisMin!==void 0&&i.yAxisMin!=="auto"?i.yAxisMin:O.createMinFunction(r),K=i.yAxisMax!==void 0&&i.yAxisMax!=="auto"?i.yAxisMax:O.createMaxFunction(r)):(tt=O.createMinFunction(r),K=O.createMaxFunction(r)),E.push({position:"right",gridIndex:T,show:G,scale:!0,min:tt,max:K,axisLabel:{show:G,color:"#94a3b8",fontFamily:i.fontFamily,formatter:q=>{if(i.yAxisLabelFormatter)return i.yAxisLabelFormatter(q);const et=i.yAxisDecimalPlaces!==void 0?i.yAxisDecimalPlaces:O.autoDetectDecimals(o);return O.formatValue(q,et)}},splitLine:{show:G,lineStyle:{color:"#334155",opacity:.5}}}),T>0){const q=Array.from(t.values()).find(et=>et.paneIndex===T);q&&_.push({index:T,height:G?90:0,top:G?5:0,isCollapsed:!1,indicatorId:q.id,titleColor:q.titleColor,controls:q.controls})}}return{grid:v,xAxis:M,yAxis:E,dataZoom:F,paneLayout:_,mainPaneHeight:C===0?90:0,mainPaneTop:C===0?5:0,pixelToPercent:c,overlayYAxisMap:new Map,separatePaneYAxisOffset:1}}y?h==="top"?(b=d+4,w=95):(w=100-d-2,b=8):(b=5,w=95);let S=5;e>0&&(S=20/e*100);let x=75,m=[];if(g){const v=a.map($=>{const Z=Array.from(t.values()).find(_=>_.paneIndex===$);return{index:$,requestedHeight:Z?.height,isCollapsed:Z?.collapsed??!1,indicatorId:Z?.id,titleColor:Z?.titleColor,controls:Z?.controls}}).map($=>({...$,height:$.isCollapsed?3:$.requestedHeight!==void 0?$.requestedHeight:15})),M=v.reduce(($,Z)=>$+Z.height,0),E=v.length*S,F=M+E;x=w-b-F,s?x=3:x<20&&(x=Math.max(x,10));let B=b+x+S;m=v.map($=>{const Z={index:$.index,height:$.height,top:B,isCollapsed:$.isCollapsed,indicatorId:$.indicatorId,titleColor:$.titleColor,controls:$.controls};return B+=$.height+S,Z})}else x=w-b,s&&(x=3);const I=[];I.push({left:"10%",right:"10%",top:b+"%",height:x+"%",containLabel:!1}),m.forEach(v=>{I.push({left:"10%",right:"10%",top:v.top+"%",height:v.height+"%",containLabel:!1})});const P=[0,...m.map((v,M)=>M+1)],f=[],k=m.length===0;f.push({type:"category",data:[],gridIndex:0,scale:!0,axisLine:{onZero:!1,show:!s,lineStyle:{color:"#334155"}},splitLine:{show:!s,lineStyle:{color:"#334155",opacity:.5}},axisLabel:{show:!s,color:"#94a3b8",fontFamily:i.fontFamily||"sans-serif",formatter:v=>{if(i.yAxisLabelFormatter)return i.yAxisLabelFormatter(v);const M=i.yAxisDecimalPlaces!==void 0?i.yAxisDecimalPlaces:O.autoDetectDecimals(o);return O.formatValue(v,M)}},axisTick:{show:!s},axisPointer:{label:{show:k,fontSize:11,backgroundColor:"#475569"}}}),m.forEach((v,M)=>{const E=M===m.length-1;f.push({type:"category",gridIndex:M+1,data:[],axisLabel:{show:!1},axisLine:{show:!v.isCollapsed,lineStyle:{color:"#334155"}},axisTick:{show:!1},splitLine:{show:!1},axisPointer:{label:{show:E,fontSize:11,backgroundColor:"#475569"}}})});const L=[];let A,D;i.yAxisMin!==void 0&&i.yAxisMin!=="auto"?A=i.yAxisMin:A=O.createMinFunction(r),i.yAxisMax!==void 0&&i.yAxisMax!=="auto"?D=i.yAxisMax:D=O.createMaxFunction(r),L.push({position:"right",scale:!0,min:A,max:D,gridIndex:0,splitLine:{show:!s,lineStyle:{color:"#334155",opacity:.5}},axisLine:{show:!s,lineStyle:{color:"#334155"}},axisLabel:{show:!s,color:"#94a3b8",fontFamily:i.fontFamily||"sans-serif",formatter:v=>{if(i.yAxisLabelFormatter)return i.yAxisLabelFormatter(v);const M=i.yAxisDecimalPlaces!==void 0?i.yAxisDecimalPlaces:O.autoDetectDecimals(o);return O.formatValue(v,M)}}});let z=1,R=-1/0,U=1/0;o&&o.length>0&&(R=Math.min(...o.map(v=>v.low)),U=Math.max(...o.map(v=>v.high)));const H=new Map;t.forEach((v,M)=>{v.paneIndex===0&&!v.collapsed&&o&&o.length>0&&Object.entries(v.plots).forEach(([E,F])=>{const B=`${M}::${E}`,$=["background","barcolor","char"],Z=F.options.style==="shape"&&(F.options.location==="abovebar"||F.options.location==="belowbar");if($.includes(F.options.style)){H.has(B)||(H.set(B,z),z++);return}if(F.options.style==="shape"&&!Z){H.has(B)||(H.set(B,z),z++);return}const _=[];if(F.data&&Object.values(F.data).forEach(T=>{typeof T=="number"&&!isNaN(T)&&isFinite(T)&&_.push(T)}),_.length>0){const T=Math.min(..._),G=Math.max(..._),tt=G-T,K=U-R,q=T>=R*.5&&G<=U*1.5,et=tt>K*.01;q&&et||H.has(B)||(H.set(B,z),z++)}})});const J=H.size>0?z-1:0,Q=new Set;H.forEach((v,M)=>{t.forEach(E=>{Object.entries(E.plots).forEach(([F,B])=>{`${E.id}::${F}`===M&&["background","barcolor","char"].includes(B.options.style)&&Q.add(v)})})});for(let v=0;v<J;v++){const M=v+1,E=Q.has(M);L.push({position:"left",scale:!E,min:E?0:O.createMinFunction(r),max:E?1:O.createMaxFunction(r),gridIndex:0,show:!1,splitLine:{show:!1},axisLine:{show:!1},axisLabel:{show:!1}})}const at=z;m.forEach((v,M)=>{L.push({position:"right",scale:!0,min:O.createMinFunction(r),max:O.createMaxFunction(r),gridIndex:M+1,splitLine:{show:!v.isCollapsed,lineStyle:{color:"#334155",opacity:.3}},axisLabel:{show:!v.isCollapsed,color:"#94a3b8",fontFamily:i.fontFamily||"sans-serif",fontSize:10,formatter:E=>{if(i.yAxisLabelFormatter)return i.yAxisLabelFormatter(E);const F=i.yAxisDecimalPlaces!==void 0?i.yAxisDecimalPlaces:O.autoDetectDecimals(o);return O.formatValue(E,F)}},axisLine:{show:!v.isCollapsed,lineStyle:{color:"#334155"}}})});const st=[];return y&&((i.dataZoom?.zoomOnTouch??!0)&&st.push({type:"inside",xAxisIndex:P,start:p,end:u}),h==="top"?st.push({type:"slider",xAxisIndex:P,top:"1%",height:d+"%",start:p,end:u,borderColor:"#334155",textStyle:{color:"#cbd5e1"},brushSelect:!1}):st.push({type:"slider",xAxisIndex:P,bottom:"1%",height:d+"%",start:p,end:u,borderColor:"#334155",textStyle:{color:"#cbd5e1"},brushSelect:!1})),{grid:I,xAxis:f,yAxis:L,dataZoom:st,paneLayout:m,mainPaneHeight:x,mainPaneTop:b,pixelToPercent:c,overlayYAxisMap:H,separatePaneYAxisOffset:at}}static calculateMaximized(e,t,i){return{grid:[],xAxis:[],yAxis:[],dataZoom:[],paneLayout:[],mainPaneHeight:0,mainPaneTop:0,pixelToPercent:0}}}class At{render(e){const{seriesName:t,xAxisIndex:i,yAxisIndex:s,dataArray:n,colorArray:o,plotOptions:c}=e,r="#2962ff";return{name:t,type:"custom",xAxisIndex:i,yAxisIndex:s,renderItem:(a,g)=>{const y=a.dataIndex;if(y===0)return;const h=g.value(1),d=g.value(2);if(h===null||isNaN(h)||d===null||isNaN(d))return;const p=g.coord([y-1,d]),u=g.coord([y,h]);return{type:"line",shape:{x1:p[0],y1:p[1],x2:u[0],y2:u[1]},style:{stroke:o[y]||c.color||r,lineWidth:c.linewidth||1},silent:!0}},data:n.map((a,g)=>[g,a,g>0?n[g-1]:null])}}}class kt{render(e){const{seriesName:t,xAxisIndex:i,yAxisIndex:s,dataArray:n,colorArray:o,plotOptions:c}=e,r="#2962ff";return{name:t,type:"custom",xAxisIndex:i,yAxisIndex:s,renderItem:(a,g)=>{const y=g.value(0),h=g.value(1);if(isNaN(h)||h===null)return;const d=g.coord([y,h]),p=g.size([1,0])[0];return{type:"line",shape:{x1:d[0]-p/2,y1:d[1],x2:d[0]+p/2,y2:d[1]},style:{stroke:o[a.dataIndex]||c.color||r,lineWidth:c.linewidth||1},silent:!0}},data:n.map((a,g)=>[g,a])}}}class bt{render(e){const{seriesName:t,xAxisIndex:i,yAxisIndex:s,dataArray:n,colorArray:o,plotOptions:c}=e;return{name:t,type:"bar",xAxisIndex:i,yAxisIndex:s,data:n.map((r,a)=>({value:r,itemStyle:o[a]?{color:o[a]}:void 0})),itemStyle:{color:c.color||"#2962ff"}}}}const yt=new Map;function Pt(l,e="#00da3c",t="64px"){if(typeof document>"u")return"";const i=`${l}-${e}-${t}`;if(yt.has(i))return yt.get(i);const s=document.createElement("canvas"),n=s.getContext("2d");if(s.width=32,s.height=32,n){n.font="bold "+t+" Arial",n.fillStyle=e,n.textAlign="center",n.textBaseline="middle",n.fillText(l,16,16);const o=s.toDataURL("image/png");return yt.set(i,o),o}return""}class ft{render(e){const{seriesName:t,xAxisIndex:i,yAxisIndex:s,dataArray:n,colorArray:o,plotOptions:c}=e,r="#2962ff",a=c.style;if(a==="char")return{name:t,type:"scatter",xAxisIndex:i,yAxisIndex:s,symbolSize:0,data:n.map((y,h)=>({value:[h,y],itemStyle:{opacity:0}})),silent:!0};const g=n.map((y,h)=>{if(y===null)return null;const d=o[h]||c.color||r,p={value:[h,y],itemStyle:{color:d}};return a==="cross"?(p.symbol=`image://${Pt("+",d,"24px")}`,p.symbolSize=16):(p.symbol="circle",p.symbolSize=6),p}).filter(y=>y!==null);return{name:t,type:"scatter",xAxisIndex:i,yAxisIndex:s,data:g}}}class vt{render(e){const{seriesName:t,xAxisIndex:i,yAxisIndex:s,dataArray:n,colorArray:o,optionsArray:c,plotOptions:r}=e,a="#2962ff",g=r.style==="candle",y=n.map((h,d)=>{if(h===null||!Array.isArray(h)||h.length!==4)return null;const[p,u,b,w]=h,C=c[d]||{},S=C.color||o[d]||r.color||a,x=C.wickcolor||r.wickcolor||S,m=C.bordercolor||r.bordercolor||x;return[d,p,w,b,u,S,x,m]}).filter(h=>h!==null);return{name:t,type:"custom",xAxisIndex:i,yAxisIndex:s,renderItem:(h,d)=>{const p=d.value(0),u=d.value(1),b=d.value(2),w=d.value(3),C=d.value(4),S=d.value(5),x=d.value(6),m=d.value(7);if(isNaN(u)||isNaN(b)||isNaN(w)||isNaN(C))return null;const I=d.coord([p,0])[0],P=d.coord([p,u])[1],f=d.coord([p,b])[1],k=d.coord([p,w])[1],L=d.coord([p,C])[1],A=d.size([1,0])[0]*.6;if(g){const D=Math.min(P,f),z=Math.max(P,f),R=Math.abs(f-P);return{type:"group",children:[{type:"line",shape:{x1:I,y1:L,x2:I,y2:D},style:{stroke:x,lineWidth:1}},{type:"line",shape:{x1:I,y1:z,x2:I,y2:k},style:{stroke:x,lineWidth:1}},{type:"rect",shape:{x:I-A/2,y:D,width:A,height:R||1},style:{fill:S,stroke:m,lineWidth:1}}]}}else{const D=A*.5;return{type:"group",children:[{type:"line",shape:{x1:I,y1:k,x2:I,y2:L},style:{stroke:S,lineWidth:1}},{type:"line",shape:{x1:I-D,y1:P,x2:I,y2:P},style:{stroke:S,lineWidth:1}},{type:"line",shape:{x1:I,y1:f,x2:I+D,y2:f},style:{stroke:S,lineWidth:1}}]}}},data:y}}}class ot{static getShapeSymbol(e){switch(e){case"arrowdown":return"path://M12 24l-12-12h8v-12h8v12h8z";case"arrowup":return"path://M12 0l12 12h-8v12h-8v-12h-8z";case"circle":return"circle";case"cross":return"path://M11 2h2v9h9v2h-9v9h-2v-9h-9v-2h9z";case"diamond":return"diamond";case"flag":return"path://M6 2v20h2v-8h12l-2-6 2-6h-12z";case"labeldown":return"path://M4 2h16a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-6l-2 4l-2 -4h-6a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2z";case"labelup":return"path://M12 2l2 4h6a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-16a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h6z";case"square":return"rect";case"triangledown":return"path://M12 21l-10-18h20z";case"triangleup":return"triangle";case"xcross":return"path://M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z";default:return"circle"}}static getShapeRotation(e){return 0}static getShapeSize(e,t,i){if(t!==void 0&&i!==void 0)return[t,i];let s;switch(e){case"tiny":s=8;break;case"small":s=12;break;case"normal":case"auto":s=16;break;case"large":s=24;break;case"huge":s=32;break;default:s=16}return t!==void 0?[t,t]:i!==void 0?[i,i]:s}static getLabelConfig(e,t){switch(t){case"abovebar":return{position:"top",distance:5};case"belowbar":return{position:"bottom",distance:5};case"top":return{position:"bottom",distance:5};case"bottom":return{position:"top",distance:5};case"absolute":default:return e==="labelup"||e==="labeldown"?{position:"inside",distance:0}:{position:"top",distance:5}}}}class Dt{render(e){const{seriesName:t,xAxisIndex:i,yAxisIndex:s,dataArray:n,colorArray:o,optionsArray:c,plotOptions:r,candlestickData:a}=e,g="#2962ff",y=n.map((h,d)=>{const p=c[d]||{},u=r,b=p.location||u.location||"absolute";if(b!=="absolute"&&!h||h==null)return null;const w=p.color||u.color||g,C=p.shape||u.shape||"circle",S=p.size||u.size||"normal",x=p.text||u.text,m=p.textcolor||u.textcolor||"white",I=p.width||u.width,P=p.height||u.height;let f=h,k=[0,0];b==="abovebar"?(a&&a[d]&&(f=a[d].high),k=[0,"-150%"]):b==="belowbar"?(a&&a[d]&&(f=a[d].low),k=[0,"150%"]):b==="top"?(f=h,k=[0,0]):b==="bottom"&&(f=h,k=[0,0]);const L=ot.getShapeSymbol(C),A=ot.getShapeSize(S,I,P),D=ot.getShapeRotation(C);let z=A;C.includes("label")&&(Array.isArray(A)?z=[A[0]*2.5,A[1]*2.5]:z=A*2.5);const R=ot.getLabelConfig(C,b);return{value:[d,f],symbol:L,symbolSize:z,symbolRotate:D,symbolOffset:k,itemStyle:{color:w},label:{show:!!x,position:R.position,distance:R.distance,formatter:x,color:m,fontSize:10,fontWeight:"bold"}}}).filter(h=>h!==null);return{name:t,type:"scatter",xAxisIndex:i,yAxisIndex:s,data:y}}}class Mt{render(e){const{seriesName:t,xAxisIndex:i,yAxisIndex:s,dataArray:n,colorArray:o}=e;return{name:t,type:"custom",xAxisIndex:i,yAxisIndex:s,z:-10,renderItem:(c,r)=>{const a=r.value(0);if(isNaN(a))return;const g=r.coord([a,.5]),y=r.size([1,0])[0],h=c.coordSys,d=g[0]-y/2,p=o[c.dataIndex],u=r.value(1);if(!(!p||u===null||u===void 0||isNaN(u)))return{type:"rect",shape:{x:d,y:h.y,width:y,height:h.height},style:{fill:p,opacity:.3},silent:!0}},data:n.map((c,r)=>[r,c!=null&&!isNaN(c)?.5:null])}}}class Lt{static parseColor(e){if(!e)return{color:"#888888",opacity:.2};const t=e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/);if(t){const i=t[1],s=t[2],n=t[3],o=t[4]?parseFloat(t[4]):1;return{color:`rgb(${i},${s},${n})`,opacity:o}}return{color:e,opacity:.3}}}class zt{render(e){const{seriesName:t,xAxisIndex:i,yAxisIndex:s,plotOptions:n,plotDataArrays:o,indicatorId:c,plotName:r}=e,a=e.dataArray.length,g=n.plot1?`${c}::${n.plot1}`:null,y=n.plot2?`${c}::${n.plot2}`:null;if(!g||!y)return console.warn(`Fill plot "${r}" missing plot1 or plot2 reference`),null;const h=o?.get(g),d=o?.get(y);if(!h||!d)return console.warn(`Fill plot "${r}" references non-existent plots: ${n.plot1}, ${n.plot2}`),null;const{color:p,opacity:u}=Lt.parseColor(n.color||"rgba(128, 128, 128, 0.2)"),b=[];for(let w=0;w<a;w++){const C=h[w],S=d[w],x=w>0?h[w-1]:null,m=w>0?d[w-1]:null;b.push([w,C,S,x,m])}return{name:t,type:"custom",xAxisIndex:i,yAxisIndex:s,z:-5,renderItem:(w,C)=>{const S=w.dataIndex;if(S===0)return null;const x=C.value(1),m=C.value(2),I=C.value(3),P=C.value(4);if(x===null||m===null||I===null||P===null||isNaN(x)||isNaN(m)||isNaN(I)||isNaN(P))return null;const f=C.coord([S-1,I]),k=C.coord([S,x]),L=C.coord([S,m]),A=C.coord([S-1,P]);return{type:"polygon",shape:{points:[f,k,L,A]},style:{fill:p,opacity:u},silent:!0}},data:b}}}class Et{render(e){const{seriesName:t,xAxisIndex:i,yAxisIndex:s,dataArray:n,candlestickData:o}=e,c=n.map((r,a)=>{if(r==null)return null;const g=typeof r=="object"?r:null;if(!g)return null;const y=g.text||"",h=g.color||"#2962ff",d=g.textcolor||"#ffffff",p=g.yloc||"price",u=g.style||"style_label_down",b=g.size||"normal",w=g.textalign||"align_center",C=g.tooltip||"",S=this.styleToShape(u);let x=g.y,m=[0,0];p==="abovebar"?(o&&o[a]&&(x=o[a].high),m=[0,"-150%"]):p==="belowbar"&&(o&&o[a]&&(x=o[a].low),m=[0,"150%"]);const I=ot.getShapeSymbol(S),P=ot.getShapeSize(b),f=this.getSizePx(b);let k;if(S==="labeldown"||S==="labelup"){const z=y.length*f*.65,R=f*2.5,U=Math.max(R,z+f*1.6),H=f*2.8;k=[U,H],S==="labeldown"?m=[m[0],typeof m[1]=="string"?m[1]:m[1]-H*.35]:m=[m[0],typeof m[1]=="string"?m[1]:m[1]+H*.35]}else S==="none"?k=0:Array.isArray(P)?k=[P[0]*1.5,P[1]*1.5]:k=P*1.5;const L=this.getLabelPosition(u,p),A=L==="inside"||L.startsWith("inside"),D={value:[a,x],symbol:I,symbolSize:k,symbolOffset:m,itemStyle:{color:h},label:{show:!!y,position:L,distance:A?0:5,formatter:y,color:d,fontSize:f,fontWeight:"bold",align:A?"center":w==="align_left"?"left":w==="align_right"?"right":"center",verticalAlign:"middle",padding:[2,6]}};return C&&(D.tooltip={formatter:C}),D}).filter(r=>r!==null);return{name:t,type:"scatter",xAxisIndex:i,yAxisIndex:s,data:c,z:20}}styleToShape(e){switch(e.startsWith("style_")?e.substring(6):e){case"label_down":return"labeldown";case"label_up":return"labelup";case"label_left":return"labeldown";case"label_right":return"labeldown";case"label_lower_left":return"labeldown";case"label_lower_right":return"labeldown";case"label_upper_left":return"labelup";case"label_upper_right":return"labelup";case"label_center":return"labeldown";case"circle":return"circle";case"square":return"square";case"diamond":return"diamond";case"flag":return"flag";case"arrowup":return"arrowup";case"arrowdown":return"arrowdown";case"cross":return"cross";case"xcross":return"xcross";case"triangleup":return"triangleup";case"triangledown":return"triangledown";case"text_outline":return"none";case"none":return"none";default:return"labeldown"}}getLabelPosition(e,t){switch(e.startsWith("style_")?e.substring(6):e){case"label_down":return"inside";case"label_up":return"inside";case"label_left":return"left";case"label_right":return"right";case"label_lower_left":return"insideBottomLeft";case"label_lower_right":return"insideBottomRight";case"label_upper_left":return"insideTopLeft";case"label_upper_right":return"insideTopRight";case"label_center":return"inside";case"text_outline":case"none":return t==="abovebar"?"top":t==="belowbar"?"bottom":"top";default:return t==="belowbar"?"bottom":"top"}}getSizePx(e){switch(e){case"tiny":return 8;case"small":return 9;case"normal":case"auto":return 10;case"large":return 12;case"huge":return 14;default:return 10}}}var Tt=Object.defineProperty,Nt=(l,e,t)=>e in l?Tt(l,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[e]=t,$t=(l,e,t)=>(Nt(l,typeof e!="symbol"?e+"":e,t),t);const V=class{static register(e,t){this.renderers.set(e,t)}static get(e){return this.renderers.get(e)||this.renderers.get("line")}};$t(V,"renderers",new Map),V.register("line",new At),V.register("step",new kt),V.register("histogram",new bt),V.register("columns",new bt),V.register("circles",new ft),V.register("cross",new ft),V.register("char",new ft),V.register("bar",new vt),V.register("candle",new vt),V.register("shape",new Dt),V.register("background",new Mt),V.register("fill",new zt),V.register("label",new Et);let Ft=V;var Ot=Object.defineProperty,Zt=(l,e,t)=>e in l?Ot(l,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[e]=t,Gt=(l,e,t)=>(Zt(l,typeof e!="symbol"?e+"":e,t),t);const wt=class xt{static buildCandlestickSeries(e,t,i){const s=t.upColor||"#00da3c",n=t.downColor||"#ec0000",o=e.map(r=>[r.open,r.close,r.low,r.high]);if(i&&i>o.length){const r=i-o.length;for(let a=0;a<r;a++)o.push(null)}let c;if(t.lastPriceLine?.visible!==!1&&e.length>0){const r=e[e.length-1],a=r.close,g=r.close>=r.open,y=t.lastPriceLine?.color||(g?s:n);let h=t.lastPriceLine?.lineStyle||"dashed";h.startsWith("linestyle_")&&(h=h.replace("linestyle_",""));const d=t.yAxisDecimalPlaces!==void 0?t.yAxisDecimalPlaces:O.autoDetectDecimals(e);c={symbol:["none","none"],precision:d,data:[{yAxis:a,label:{show:!0,position:"end",formatter:p=>t.yAxisLabelFormatter?t.yAxisLabelFormatter(p.value):O.formatValue(p.value,d),color:"#fff",backgroundColor:y,padding:[2,4],borderRadius:2,fontSize:11,fontWeight:"bold"},lineStyle:{color:y,type:h,width:1,opacity:.8}}],animation:!1,silent:!0}}return{type:"candlestick",name:t.title||"Market",data:o,itemStyle:{color:s,color0:n,borderColor:s,borderColor0:n},markLine:c,xAxisIndex:0,yAxisIndex:0,z:5}}static buildIndicatorSeries(e,t,i,s,n=0,o,c,r=1){const a=[],g=new Array(s).fill(null),y=new Map;return e.forEach((h,d)=>{h.collapsed||Object.keys(h.plots).sort((p,u)=>{const b=h.plots[p],w=h.plots[u],C=b.options.style==="fill",S=w.options.style==="fill";return C&&!S?1:!C&&S?-1:0}).forEach(p=>{const u=h.plots[p],b=`${d}::${p}`;let w=0,C=0;const S=u.options.overlay;if(h.paneIndex===0||S===!0)w=0,c&&c.has(b)?C=c.get(b):C=0;else{const f=i.findIndex(k=>k.index===h.paneIndex);f!==-1&&(w=f+1,C=r+f)}const x=new Array(s).fill(null),m=new Array(s).fill(null),I=new Array(s).fill(null);if(u.data?.forEach(f=>{const k=t.get(f.time);if(k!==void 0){const L=f.options?.offset??u.options.offset??0,A=k+n+L;if(A>=0&&A<s){let D=f.value;const z=f.options?.color;(z===null||z==="na"||z==="NaN"||typeof z=="number"&&isNaN(z))&&(D=null),x[A]=D,m[A]=z||u.options.color||xt.DEFAULT_COLOR,I[A]=f.options||{}}}}),y.set(`${d}::${p}`,x),u.options?.style?.startsWith("style_")&&(u.options.style=u.options.style.replace("style_","")),u.options.style==="barcolor"){u.data?.forEach(f=>{const k=t.get(f.time);if(k!==void 0){const L=f.options?.offset??u.options.offset??0,A=k+n+L;if(A>=0&&A<s){const D=f.options?.color||u.options.color||xt.DEFAULT_COLOR;!(D===null||D==="na"||D==="NaN"||typeof D=="number"&&isNaN(D))&&f.value!==null&&f.value!==void 0&&(g[A]=D)}}});return}const P=Ft.get(u.options.style).render({seriesName:b,xAxisIndex:w,yAxisIndex:C,dataArray:x,colorArray:m,optionsArray:I,plotOptions:u.options,candlestickData:o,plotDataArrays:y,indicatorId:d,plotName:p});P&&a.push(P)})}),{series:a,barColors:g}}};Gt(wt,"DEFAULT_COLOR","#2962ff");let ct=wt;class Wt{static build(e,t,i,s=!1,n=null){const o=[],c=e.pixelToPercent,r=e.mainPaneTop;if(!n||n==="main"){const a=10*c;if(o.push({type:"text",left:"8.5%",top:r+a+"%",z:10,style:{text:t.title||"Market",fill:t.titleColor||"#fff",font:`bold 16px ${t.fontFamily||"sans-serif"}`,textVerticalAlign:"top"}}),t.watermark!==!1){const y=e.mainPaneTop+e.mainPaneHeight;o.push({type:"text",right:"11%",top:y-3+"%",z:10,style:{text:"QFChart",fill:t.fontColor||"#cbd5e1",font:"bold 16px sans-serif",opacity:.1},cursor:"pointer",onclick:()=>{window.open("https://quantforge.org","_blank")}})}const g=[];if(t.controls?.collapse&&g.push({type:"group",children:[{type:"rect",shape:{width:20,height:20,r:2},style:{fill:"#334155",stroke:"#475569",lineWidth:1},onclick:()=>i("main","collapse")},{type:"text",style:{text:s?"+":"\u2212",fill:"#cbd5e1",font:`bold 14px ${t.fontFamily}`,x:10,y:10,textAlign:"center",textVerticalAlign:"middle"},silent:!0}]}),t.controls?.maximize){const y=n==="main",h=t.controls?.collapse?25:0;g.push({type:"group",x:h,children:[{type:"rect",shape:{width:20,height:20,r:2},style:{fill:"#334155",stroke:"#475569",lineWidth:1},onclick:()=>i("main","maximize")},{type:"text",style:{text:y?"\u2750":"\u25A1",fill:"#cbd5e1",font:`14px ${t.fontFamily}`,x:10,y:10,textAlign:"center",textVerticalAlign:"middle"},silent:!0}]})}if(t.controls?.fullscreen){let y=0;t.controls?.collapse&&(y+=25),t.controls?.maximize&&(y+=25),g.push({type:"group",x:y,children:[{type:"rect",shape:{width:20,height:20,r:2},style:{fill:"#334155",stroke:"#475569",lineWidth:1},onclick:()=>i("main","fullscreen")},{type:"text",style:{text:"\u26F6",fill:"#cbd5e1",font:`14px ${t.fontFamily}`,x:10,y:10,textAlign:"center",textVerticalAlign:"middle"},silent:!0}]})}g.length>0&&o.push({type:"group",right:"10.5%",top:r+"%",children:g})}return e.paneLayout.forEach(a=>{if(n&&a.indicatorId!==n)return;o.push({type:"text",left:"8.5%",top:a.top+10*c+"%",z:10,style:{text:a.indicatorId||"",fill:a.titleColor||"#fff",font:`bold 12px ${t.fontFamily||"sans-serif"}`,textVerticalAlign:"top"}});const g=[];if(a.controls?.collapse&&g.push({type:"group",children:[{type:"rect",shape:{width:20,height:20,r:2},style:{fill:"#334155",stroke:"#475569",lineWidth:1},onclick:()=>a.indicatorId&&i(a.indicatorId,"collapse")},{type:"text",style:{text:a.isCollapsed?"+":"\u2212",fill:"#cbd5e1",font:`bold 14px ${t.fontFamily}`,x:10,y:10,textAlign:"center",textVerticalAlign:"middle"},silent:!0}]}),a.controls?.maximize){const y=n===a.indicatorId,h=a.controls?.collapse?25:0;g.push({type:"group",x:h,children:[{type:"rect",shape:{width:20,height:20,r:2},style:{fill:"#334155",stroke:"#475569",lineWidth:1},onclick:()=>a.indicatorId&&i(a.indicatorId,"maximize")},{type:"text",style:{text:y?"\u2750":"\u25A1",fill:"#cbd5e1",font:`14px ${t.fontFamily}`,x:10,y:10,textAlign:"center",textVerticalAlign:"middle"},silent:!0}]})}g.length>0&&o.push({type:"group",right:"10.5%",top:a.top+"%",children:g})}),o}}class Ht{static format(e,t){if(!e||e.length===0)return"";const i=t.title||"Market",s=t.upColor||"#00da3c",n=t.downColor||"#ec0000",o=t.fontFamily||"sans-serif",c=e[0].axisValue;let r=`<div style="font-weight: bold; margin-bottom: 5px; color: #cbd5e1; font-family: ${o};">${c}</div>`;const a=e.find(y=>y.seriesType==="candlestick"),g=e.filter(y=>y.seriesType!=="candlestick");if(a){const[y,h,d,p,u]=a.value,b=d>=h?s:n;r+=`
             <div style="margin-bottom: 8px; font-family: ${o};">
-                <div style="display:flex; justify-content:space-between; color:${m}; font-weight:bold;">
+                <div style="display:flex; justify-content:space-between; color:${b}; font-weight:bold;">
                     <span>${i}</span>
                 </div>
                 <div style="display: grid; grid-template-columns: auto auto; gap: 2px 15px; font-size: 0.9em; color: #cbd5e1;">
-                    <span>Open:</span> <span style="text-align: right; color: ${c>=h?s:n}">${h}</span>
+                    <span>Open:</span> <span style="text-align: right; color: ${d>=h?s:n}">${h}</span>
                     <span>High:</span> <span style="text-align: right; color: ${s}">${u}</span>
                     <span>Low:</span> <span style="text-align: right; color: ${n}">${p}</span>
-                    <span>Close:</span> <span style="text-align: right; color: ${c>=h?s:n}">${c}</span>
+                    <span>Close:</span> <span style="text-align: right; color: ${d>=h?s:n}">${d}</span>
                 </div>
             </div>
-            `}if(f.length>0){a+='<div style="border-top: 1px solid #334155; margin: 5px 0; padding-top: 5px;"></div>';const y={};f.forEach(h=>{const c=h.seriesName.split("::"),p=c.length>1?c[0]:"Unknown",u=c.length>1?c[1]:h.seriesName;y[p]||(y[p]=[]),y[p].push({...h,displayName:u})}),Object.keys(y).forEach(h=>{a+=`
+            `}if(g.length>0){r+='<div style="border-top: 1px solid #334155; margin: 5px 0; padding-top: 5px;"></div>';const y={};g.forEach(h=>{const d=h.seriesName.split("::"),p=d.length>1?d[0]:"Unknown",u=d.length>1?d[1]:h.seriesName;y[p]||(y[p]=[]),y[p].push({...h,displayName:u})}),Object.keys(y).forEach(h=>{r+=`
             <div style="margin-top: 8px; font-family: ${o};">
                 <div style="font-weight:bold; color: #fff; margin-bottom: 2px;">${h}</div>
-            `,y[h].forEach(c=>{let p=c.value;if(Array.isArray(p)&&(p=p[1]),p==null)return;const u=typeof p=="number"?p.toLocaleString(void 0,{maximumFractionDigits:4}):p;a+=`
+            `,y[h].forEach(d=>{let p=d.value;if(Array.isArray(p)&&(p=p[1]),p==null)return;const u=typeof p=="number"?p.toLocaleString(void 0,{maximumFractionDigits:4}):p;r+=`
                 <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2px; padding-left: 8px;">
-                    <div>${c.marker} <span style="color: #cbd5e1;">${c.displayName}</span></div>
+                    <div>${d.marker} <span style="color: #cbd5e1;">${d.displayName}</span></div>
                     <div style="font-size: 10px; color: #fff;padding-left:10px;">${u}</div>
-                </div>`}),a+="</div>"})}return a}}var Ht=Object.defineProperty,Rt=(r,e,t)=>e in r?Ht(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,ot=(r,e,t)=>(Rt(r,typeof e!="symbol"?e+"":e,t),t);class Yt{constructor(e,t){ot(this,"plugins",new Map),ot(this,"activePluginId",null),ot(this,"context"),ot(this,"toolbarContainer"),ot(this,"tooltipElement",null),ot(this,"hideTimeout",null),this.context=e,this.toolbarContainer=t,this.createTooltip(),this.renderToolbar()}createTooltip(){this.tooltipElement=document.createElement("div"),Object.assign(this.tooltipElement.style,{position:"fixed",display:"none",backgroundColor:"#1e293b",color:"#e2e8f0",padding:"6px 10px",borderRadius:"6px",fontSize:"13px",lineHeight:"1.4",fontWeight:"500",border:"1px solid #334155",zIndex:"9999",pointerEvents:"none",whiteSpace:"nowrap",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.15)",fontFamily:this.context.getOptions().fontFamily||"sans-serif",transition:"opacity 0.15s ease-in-out, transform 0.15s ease-in-out",opacity:"0",transform:"translateX(-5px)"}),document.body.appendChild(this.tooltipElement)}destroy(){this.tooltipElement&&this.tooltipElement.parentNode&&this.tooltipElement.parentNode.removeChild(this.tooltipElement),this.tooltipElement=null}showTooltip(e,t){if(!this.tooltipElement)return;this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null);const i=e.getBoundingClientRect();this.tooltipElement.textContent=t,this.tooltipElement.style.display="block";const s=this.tooltipElement.getBoundingClientRect(),n=i.top+(i.height-s.height)/2,o=i.right+10;this.tooltipElement.style.top=`${n}px`,this.tooltipElement.style.left=`${o}px`,requestAnimationFrame(()=>{this.tooltipElement&&(this.tooltipElement.style.opacity="1",this.tooltipElement.style.transform="translateX(0)")})}hideTooltip(){this.tooltipElement&&(this.tooltipElement.style.opacity="0",this.tooltipElement.style.transform="translateX(-5px)",this.hideTimeout&&clearTimeout(this.hideTimeout),this.hideTimeout=setTimeout(()=>{this.tooltipElement&&(this.tooltipElement.style.display="none"),this.hideTimeout=null},150))}register(e){if(this.plugins.has(e.id)){console.warn(`Plugin with id ${e.id} is already registered.`);return}this.plugins.set(e.id,e),e.init(this.context),this.addButton(e)}unregister(e){const t=this.plugins.get(e);t&&(this.activePluginId===e&&this.deactivatePlugin(),t.destroy?.(),this.plugins.delete(e),this.removeButton(e))}activatePlugin(e){if(this.activePluginId===e){this.deactivatePlugin();return}this.activePluginId&&this.deactivatePlugin();const t=this.plugins.get(e);t&&(this.activePluginId=e,this.setButtonActive(e,!0),t.activate?.())}deactivatePlugin(){this.activePluginId&&(this.plugins.get(this.activePluginId)?.deactivate?.(),this.setButtonActive(this.activePluginId,!1),this.activePluginId=null)}renderToolbar(){this.toolbarContainer.innerHTML="",this.toolbarContainer.classList.add("qfchart-toolbar"),this.toolbarContainer.style.display="flex",this.toolbarContainer.style.flexDirection="column",this.toolbarContainer.style.width="40px",this.toolbarContainer.style.backgroundColor=this.context.getOptions().backgroundColor||"#1e293b",this.toolbarContainer.style.borderRight="1px solid #334155",this.toolbarContainer.style.padding="5px",this.toolbarContainer.style.boxSizing="border-box",this.toolbarContainer.style.gap="5px",this.toolbarContainer.style.flexShrink="0"}addButton(e){const t=document.createElement("button");t.id=`qfchart-plugin-btn-${e.id}`,t.style.width="30px",t.style.height="30px",t.style.padding="4px",t.style.border="1px solid transparent",t.style.borderRadius="4px",t.style.backgroundColor="transparent",t.style.cursor="pointer",t.style.color=this.context.getOptions().fontColor||"#cbd5e1",t.style.display="flex",t.style.alignItems="center",t.style.justifyContent="center",e.icon?t.innerHTML=e.icon:t.innerText=(e.name||e.id).substring(0,2).toUpperCase(),t.addEventListener("mouseenter",()=>{this.activePluginId!==e.id&&(t.style.backgroundColor="rgba(255, 255, 255, 0.1)"),this.showTooltip(t,e.name||e.id)}),t.addEventListener("mouseleave",()=>{this.activePluginId!==e.id&&(t.style.backgroundColor="transparent"),this.hideTooltip()}),t.onclick=()=>this.activatePlugin(e.id),this.toolbarContainer.appendChild(t)}removeButton(e){const t=this.toolbarContainer.querySelector(`#qfchart-plugin-btn-${e}`);t&&t.remove()}setButtonActive(e,t){const i=this.toolbarContainer.querySelector(`#qfchart-plugin-btn-${e}`);i&&(t?(i.style.backgroundColor="#2563eb",i.style.color="#ffffff"):(i.style.backgroundColor="transparent",i.style.color=this.context.getOptions().fontColor||"#cbd5e1"))}}var Bt=Object.defineProperty,jt=(r,e,t)=>e in r?Bt(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,B=(r,e,t)=>(jt(r,typeof e!="symbol"?e+"":e,t),t);class qt{constructor(e){B(this,"context"),B(this,"isEditing",!1),B(this,"currentDrawing",null),B(this,"editingPointIndex",null),B(this,"zr"),B(this,"editGroup",null),B(this,"editLine",null),B(this,"editStartPoint",null),B(this,"editEndPoint",null),B(this,"isMovingShape",!1),B(this,"dragStart",null),B(this,"initialPixelPoints",[]),B(this,"onDrawingMouseDown",t=>{if(this.isEditing)return;const i=this.context.getDrawing(t.id);i&&(this.isEditing=!0,this.isMovingShape=!0,this.currentDrawing=JSON.parse(JSON.stringify(i)),this.dragStart={x:t.x,y:t.y},this.initialPixelPoints=i.points.map(s=>{const n=this.context.coordinateConversion.dataToPixel(s);return n?{x:n.x,y:n.y}:{x:0,y:0}}),this.context.lockChart(),this.createEditGraphic(),this.zr.on("mousemove",this.onMouseMove),this.zr.on("mouseup",this.onMouseUp))}),B(this,"onPointMouseDown",t=>{if(this.isEditing)return;const i=this.context.getDrawing(t.id);i&&(this.isEditing=!0,this.currentDrawing=JSON.parse(JSON.stringify(i)),this.editingPointIndex=t.pointIndex,this.context.lockChart(),this.createEditGraphic(),this.zr.on("mousemove",this.onMouseMove),this.zr.on("mouseup",this.onMouseUp))}),B(this,"onMouseMove",t=>{if(!this.isEditing||!this.currentDrawing)return;const i=t.offsetX,s=t.offsetY;if(this.isMovingShape&&this.dragStart){const n=i-this.dragStart.x,o=s-this.dragStart.y,d={x:this.initialPixelPoints[0].x+n,y:this.initialPixelPoints[0].y+o},a={x:this.initialPixelPoints[1].x+n,y:this.initialPixelPoints[1].y+o};this.editLine.setShape({x1:d.x,y1:d.y,x2:a.x,y2:a.y}),this.editStartPoint.setShape({cx:d.x,cy:d.y}),this.editEndPoint.setShape({cx:a.x,cy:a.y})}else this.editingPointIndex!==null&&(this.editingPointIndex===0?(this.editLine.setShape({x1:i,y1:s}),this.editStartPoint.setShape({cx:i,cy:s})):(this.editLine.setShape({x2:i,y2:s}),this.editEndPoint.setShape({cx:i,cy:s})))}),B(this,"onMouseUp",t=>{this.isEditing&&this.finishEditing(t.offsetX,t.offsetY)}),this.context=e,this.zr=this.context.getChart().getZr(),this.bindEvents()}bindEvents(){this.context.events.on("drawing:point:mousedown",this.onPointMouseDown),this.context.events.on("drawing:mousedown",this.onDrawingMouseDown)}createEditGraphic(){if(!this.currentDrawing)return;this.editGroup=new Z.graphic.Group;const e=this.currentDrawing.points[0],t=this.currentDrawing.points[1],i=this.context.coordinateConversion.dataToPixel(e),s=this.context.coordinateConversion.dataToPixel(t);!i||!s||(this.editLine=new Z.graphic.Line({shape:{x1:i.x,y1:i.y,x2:s.x,y2:s.y},style:{stroke:this.currentDrawing.style?.color||"#3b82f6",lineWidth:this.currentDrawing.style?.lineWidth||2,lineDash:[4,4]},silent:!0}),this.editStartPoint=new Z.graphic.Circle({shape:{cx:i.x,cy:i.y,r:5},style:{fill:"#fff",stroke:"#3b82f6",lineWidth:2},z:1e3}),this.editEndPoint=new Z.graphic.Circle({shape:{cx:s.x,cy:s.y,r:5},style:{fill:"#fff",stroke:"#3b82f6",lineWidth:2},z:1e3}),this.editGroup.add(this.editLine),this.editGroup.add(this.editStartPoint),this.editGroup.add(this.editEndPoint),this.zr.add(this.editGroup))}finishEditing(e,t){if(this.currentDrawing){if(this.isMovingShape&&this.dragStart){const i=e-this.dragStart.x,s=t-this.dragStart.y,n=this.initialPixelPoints.map((o,d)=>{const a=o.x+i,l=o.y+s;return this.context.coordinateConversion.pixelToData({x:a,y:l})});n.every(o=>o!==null)&&n[0]&&n[1]&&(this.currentDrawing.points[0]=n[0],this.currentDrawing.points[1]=n[1],n[0].paneIndex!==void 0&&(this.currentDrawing.paneIndex=n[0].paneIndex),this.context.updateDrawing(this.currentDrawing))}else if(this.editingPointIndex!==null){const i=this.context.coordinateConversion.pixelToData({x:e,y:t});i&&(this.currentDrawing.points[this.editingPointIndex]=i,this.editingPointIndex===0&&i.paneIndex!==void 0&&(this.currentDrawing.paneIndex=i.paneIndex),this.context.updateDrawing(this.currentDrawing))}this.isEditing=!1,this.isMovingShape=!1,this.dragStart=null,this.initialPixelPoints=[],this.currentDrawing=null,this.editingPointIndex=null,this.editGroup&&(this.zr.remove(this.editGroup),this.editGroup=null),this.zr.off("mousemove",this.onMouseMove),this.zr.off("mouseup",this.onMouseUp),this.context.unlockChart()}}}var Xt=Object.defineProperty,Vt=(r,e,t)=>e in r?Xt(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,Ut=(r,e,t)=>(Vt(r,typeof e!="symbol"?e+"":e,t),t);class _t{constructor(){Ut(this,"handlers",new Map)}on(e,t){this.handlers.has(e)||this.handlers.set(e,new Set),this.handlers.get(e).add(t)}off(e,t){const i=this.handlers.get(e);i&&i.delete(t)}emit(e,t){const i=this.handlers.get(e);i&&i.forEach(s=>{try{s(t)}catch(n){console.error(`Error in EventBus handler for ${e}:`,n)}})}clear(){this.handlers.clear()}}var Jt=Object.defineProperty,Kt=(r,e,t)=>e in r?Jt(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,D=(r,e,t)=>(Kt(r,typeof e!="symbol"?e+"":e,t),t);class Qt{constructor(e,t={}){D(this,"chart"),D(this,"options"),D(this,"marketData",[]),D(this,"indicators",new Map),D(this,"timeToIndex",new Map),D(this,"pluginManager"),D(this,"drawingEditor"),D(this,"events",new _t),D(this,"isMainCollapsed",!1),D(this,"maximizedPaneId",null),D(this,"countdownInterval",null),D(this,"selectedDrawingId",null),D(this,"drawings",[]),D(this,"coordinateConversion",{pixelToData:n=>{const o=this.chart.getOption();if(!o||!o.grid)return null;const d=o.grid.length;for(let a=0;a<d;a++)if(this.chart.containPixel({gridIndex:a},[n.x,n.y])){this.chart.convertFromPixel({seriesIndex:a},[n.x,n.y]);const l=this.chart.convertFromPixel({gridIndex:a},[n.x,n.y]);if(l)return{timeIndex:Math.round(l[0]),value:l[1],paneIndex:a}}return null},dataToPixel:n=>{const o=n.paneIndex||0,d=this.chart.convertToPixel({gridIndex:o},[n.timeIndex,n.value]);return d?{x:d[0],y:d[1]}:null}}),D(this,"upColor","#00da3c"),D(this,"downColor","#ec0000"),D(this,"defaultPadding",0),D(this,"padding"),D(this,"dataIndexOffset",0),D(this,"rootContainer"),D(this,"layoutContainer"),D(this,"toolbarContainer"),D(this,"leftSidebar"),D(this,"rightSidebar"),D(this,"chartContainer"),D(this,"onKeyDown",n=>{(n.key==="Delete"||n.key==="Backspace")&&this.selectedDrawingId&&(this.removeDrawing(this.selectedDrawingId),this.selectedDrawingId=null,this.render())}),D(this,"onFullscreenChange",()=>{this.render()}),D(this,"isLocked",!1),D(this,"lockedState",null),this.rootContainer=e,this.options={title:"Market",height:"600px",backgroundColor:"#1e293b",upColor:"#00da3c",downColor:"#ec0000",fontColor:"#cbd5e1",fontFamily:"sans-serif",padding:.01,dataZoom:{visible:!0,position:"top",height:6},layout:{mainPaneHeight:"50%",gap:13},watermark:!0,...t},this.options.upColor&&(this.upColor=this.options.upColor),this.options.downColor&&(this.downColor=this.options.downColor),this.padding=this.options.padding!==void 0?this.options.padding:this.defaultPadding,this.options.height&&(typeof this.options.height=="number"?this.rootContainer.style.height=`${this.options.height}px`:this.rootContainer.style.height=this.options.height),this.rootContainer.innerHTML="",this.layoutContainer=document.createElement("div"),this.layoutContainer.style.display="flex",this.layoutContainer.style.width="100%",this.layoutContainer.style.height="100%",this.layoutContainer.style.overflow="hidden",this.rootContainer.appendChild(this.layoutContainer),this.leftSidebar=document.createElement("div"),this.leftSidebar.style.display="none",this.leftSidebar.style.width="250px",this.leftSidebar.style.flexShrink="0",this.leftSidebar.style.overflowY="auto",this.leftSidebar.style.backgroundColor=this.options.backgroundColor||"#1e293b",this.leftSidebar.style.borderRight="1px solid #334155",this.leftSidebar.style.padding="10px",this.leftSidebar.style.boxSizing="border-box",this.leftSidebar.style.color="#cbd5e1",this.leftSidebar.style.fontSize="12px",this.leftSidebar.style.fontFamily=this.options.fontFamily||"sans-serif",this.layoutContainer.appendChild(this.leftSidebar),this.toolbarContainer=document.createElement("div"),this.layoutContainer.appendChild(this.toolbarContainer),this.chartContainer=document.createElement("div"),this.chartContainer.style.flexGrow="1",this.chartContainer.style.height="100%",this.chartContainer.style.overflow="hidden",this.layoutContainer.appendChild(this.chartContainer),this.rightSidebar=document.createElement("div"),this.rightSidebar.style.display="none",this.rightSidebar.style.width="250px",this.rightSidebar.style.flexShrink="0",this.rightSidebar.style.overflowY="auto",this.rightSidebar.style.backgroundColor=this.options.backgroundColor||"#1e293b",this.rightSidebar.style.borderLeft="1px solid #334155",this.rightSidebar.style.padding="10px",this.rightSidebar.style.boxSizing="border-box",this.rightSidebar.style.color="#cbd5e1",this.rightSidebar.style.fontSize="12px",this.rightSidebar.style.fontFamily=this.options.fontFamily||"sans-serif",this.layoutContainer.appendChild(this.rightSidebar),this.chart=Z.init(this.chartContainer),this.pluginManager=new Yt(this,this.toolbarContainer),this.drawingEditor=new qt(this),this.chart.on("dataZoom",n=>{this.events.emit("chart:dataZoom",n);const o=this.options.databox?.triggerOn,d=this.options.databox?.position;o==="click"&&d==="floating"&&this.chart.dispatchAction({type:"hideTip"})}),this.chart.on("finished",n=>this.events.emit("chart:updated",n)),this.chart.getZr().on("mousedown",n=>this.events.emit("mouse:down",n)),this.chart.getZr().on("mousemove",n=>this.events.emit("mouse:move",n)),this.chart.getZr().on("mouseup",n=>this.events.emit("mouse:up",n)),this.chart.getZr().on("click",n=>this.events.emit("mouse:click",n));const i=this.chart.getZr(),s=i.setCursorStyle;i.setCursorStyle=function(n){n==="grab"&&(n="crosshair"),s.call(this,n)},this.bindDrawingEvents(),window.addEventListener("resize",this.resize.bind(this)),document.addEventListener("fullscreenchange",this.onFullscreenChange),document.addEventListener("keydown",this.onKeyDown)}bindDrawingEvents(){let e=null;const t=i=>{if(!i||i.componentType!=="series"||!i.seriesName?.startsWith("drawings"))return null;i.seriesIndex;const s=i.seriesName.match(/drawings-pane-(\d+)/);if(!s)return null;const n=parseInt(s[1]),o=this.drawings.filter(a=>(a.paneIndex||0)===n)[i.dataIndex];if(!o)return null;const d=i.event?.target?.name;return{drawing:o,targetName:d,paneIdx:n}};this.chart.on("mouseover",i=>{const s=t(i);if(!s)return;const n=i.event?.target?.parent;if(n){const o=s.drawing.id===this.selectedDrawingId;e&&(clearTimeout(e),e=null),o||n.children().forEach(d=>{d.name&&d.name.startsWith("point")&&d.attr("style",{opacity:1})})}if(s.targetName==="line")this.events.emit("drawing:hover",{id:s.drawing.id,type:s.drawing.type}),this.chart.getZr().setCursorStyle("move");else if(s.targetName?.startsWith("point")){const o=s.targetName==="point-start"?0:1;this.events.emit("drawing:point:hover",{id:s.drawing.id,pointIndex:o}),this.chart.getZr().setCursorStyle("pointer")}}),this.chart.on("mouseout",i=>{const s=t(i);if(!s)return;const n=i.event?.target?.parent;if(s.drawing.id!==this.selectedDrawingId){if(e=setTimeout(()=>{if(n){if(this.selectedDrawingId===s.drawing.id)return;n.children().forEach(o=>{o.name&&o.name.startsWith("point")&&o.attr("style",{opacity:0})})}},50),s.targetName==="line")this.events.emit("drawing:mouseout",{id:s.drawing.id});else if(s.targetName?.startsWith("point")){const o=s.targetName==="point-start"?0:1;this.events.emit("drawing:point:mouseout",{id:s.drawing.id,pointIndex:o})}this.chart.getZr().setCursorStyle("default")}}),this.chart.on("mousedown",i=>{const s=t(i);if(!s)return;const n=i.event?.event||i.event,o=n?.offsetX,d=n?.offsetY;if(s.targetName==="line")this.events.emit("drawing:mousedown",{id:s.drawing.id,x:o,y:d});else if(s.targetName?.startsWith("point")){const a=s.targetName==="point-start"?0:1;this.events.emit("drawing:point:mousedown",{id:s.drawing.id,pointIndex:a,x:o,y:d})}}),this.chart.on("click",i=>{const s=t(i);if(s){if(this.selectedDrawingId!==s.drawing.id&&(this.selectedDrawingId=s.drawing.id,this.events.emit("drawing:selected",{id:s.drawing.id}),this.render()),s.targetName==="line")this.events.emit("drawing:click",{id:s.drawing.id});else if(s.targetName?.startsWith("point")){const n=s.targetName==="point-start"?0:1;this.events.emit("drawing:point:click",{id:s.drawing.id,pointIndex:n})}}}),this.chart.getZr().on("click",i=>{i.target||this.selectedDrawingId&&(this.events.emit("drawing:deselected",{id:this.selectedDrawingId}),this.selectedDrawingId=null,this.render())})}getChart(){return this.chart}getMarketData(){return this.marketData}getTimeToIndex(){return this.timeToIndex}getOptions(){return this.options}disableTools(){this.pluginManager.deactivatePlugin()}registerPlugin(e){this.pluginManager.register(e)}addDrawing(e){this.drawings.push(e),this.render()}removeDrawing(e){const t=this.drawings.findIndex(i=>i.id===e);if(t!==-1){const i=this.drawings[t];this.drawings.splice(t,1),this.events.emit("drawing:deleted",{id:i.id}),this.render()}}getDrawing(e){return this.drawings.find(t=>t.id===e)}updateDrawing(e){const t=this.drawings.findIndex(i=>i.id===e.id);t!==-1&&(this.drawings[t]=e,this.render())}lockChart(){if(this.isLocked)return;this.isLocked=!0;const e=this.chart.getOption();this.chart.setOption({dataZoom:e.dataZoom.map(t=>({...t,disabled:!0})),tooltip:{show:!1}})}unlockChart(){if(!this.isLocked)return;this.isLocked=!1;const e=this.chart.getOption();(this.options.dataZoom||{}).visible,e.dataZoom&&this.chart.setOption({dataZoom:e.dataZoom.map(t=>({...t,disabled:!1})),tooltip:{show:!0}})}setZoom(e,t){this.chart.dispatchAction({type:"dataZoom",start:e,end:t})}setMarketData(e){this.marketData=e,this.rebuildTimeIndex(),this.render()}updateData(e){if(e.length===0)return;const t=new Map;this.marketData.forEach(u=>{t.set(u.time,u)}),e.forEach(u=>{t.has(u.time),t.set(u.time,u)}),this.marketData=Array.from(t.values()).sort((u,m)=>u.time-m.time),this.rebuildTimeIndex();const i=this.dataIndexOffset,s=ht.buildCandlestickSeries(this.marketData,this.options),n={value:[NaN,NaN,NaN,NaN],itemStyle:{opacity:0}},o=[...Array(i).fill(n),...s.data,...Array(i).fill(n)],d=[...Array(i).fill(""),...this.marketData.map(u=>new Date(u.time).toLocaleString()),...Array(i).fill("")],a=this.chart.getOption(),l=mt.calculate(this.chart.getHeight(),this.indicators,this.options,this.isMainCollapsed,this.maximizedPaneId,this.marketData),f=[...Array(i).fill(null),...this.marketData,...Array(i).fill(null)],{series:y,barColors:h}=ht.buildIndicatorSeries(this.indicators,this.timeToIndex,l.paneLayout,d.length,i,f,l.overlayYAxisMap,l.separatePaneYAxisOffset),c=o.map((u,m)=>h[m]?{value:u.value||u,itemStyle:{color:h[m],color0:h[m],borderColor:h[m],borderColor0:h[m]}}:u),p={xAxis:a.xAxis.map((u,m)=>({data:d})),series:[{data:c,markLine:s.markLine},...y.map(u=>{const m={data:u.data};return u.renderItem&&(m.renderItem=u.renderItem),m})]};this.chart.setOption(p,{notMerge:!1}),this.startCountdown()}startCountdown(){if(this.stopCountdown(),!this.options.lastPriceLine?.showCountdown||!this.options.interval||this.marketData.length===0)return;const e=()=>{if(this.marketData.length===0)return;const t=this.marketData[this.marketData.length-1].time+(this.options.interval||0),i=Date.now(),s=t-i;if(s<=0)return;const n=Math.abs(s),o=Math.floor(n/36e5),d=Math.floor(n%36e5/6e4),a=Math.floor(n%6e4/1e3),l=`${o>0?o.toString().padStart(2,"0")+":":""}${d.toString().padStart(2,"0")}:${a.toString().padStart(2,"0")}`,f=this.chart.getOption();if(!f||!f.series)return;const y=f.series.findIndex(w=>w.type==="candlestick");if(y===-1)return;const h=f.series[y];if(!h.markLine||!h.markLine.data||!h.markLine.data[0])return;const c=h.markLine.data[0];c.label.formatter;const p=c.yAxis;let u="";if(this.options.yAxisLabelFormatter)u=this.options.yAxisLabelFormatter(p);else{const w=this.options.yAxisDecimalPlaces!==void 0?this.options.yAxisDecimalPlaces:2;u=typeof p=="number"?p.toFixed(w):p}const m=`${u}
-${l}`;this.chart.setOption({series:[{name:this.options.title||"Market",markLine:{data:[{...c,label:{...c.label,formatter:m}}]}}]})};e(),this.countdownInterval=setInterval(e,1e3)}stopCountdown(){this.countdownInterval&&(clearInterval(this.countdownInterval),this.countdownInterval=null)}addIndicator(e,t,i={}){const s=i.overlay!==void 0?i.overlay:i.isOverlay??!1;let n=0;if(!s){let d=0;this.indicators.forEach(a=>{a.paneIndex>d&&(d=a.paneIndex)}),n=d+1}const o=new St(e,t,n,{height:i.height,collapsed:!1,titleColor:i.titleColor,controls:i.controls});return this.indicators.set(e,o),this.render(),o}setIndicator(e,t,i=!1){this.addIndicator(e,{[e]:t},{overlay:i})}removeIndicator(e){this.indicators.delete(e),this.render()}toggleIndicator(e,t="collapse"){if(t==="fullscreen"){document.fullscreenElement?document.exitFullscreen():this.rootContainer.requestFullscreen();return}if(t==="maximize"){this.maximizedPaneId===e?this.maximizedPaneId=null:this.maximizedPaneId=e,this.render();return}if(e==="main"){this.isMainCollapsed=!this.isMainCollapsed,this.render();return}const i=this.indicators.get(e);i&&(i.toggleCollapse(),this.render())}resize(){this.chart.resize()}destroy(){this.stopCountdown(),window.removeEventListener("resize",this.resize.bind(this)),document.removeEventListener("fullscreenchange",this.onFullscreenChange),document.removeEventListener("keydown",this.onKeyDown),this.pluginManager.deactivatePlugin(),this.pluginManager.destroy(),this.chart.dispose()}rebuildTimeIndex(){this.timeToIndex.clear(),this.marketData.forEach((i,s)=>{this.timeToIndex.set(i.time,s)});const e=this.marketData.length,t=Math.ceil(e*this.padding);this.dataIndexOffset=t}render(){if(this.marketData.length===0)return;let e=null;try{const x=this.chart.getOption();if(x&&x.dataZoom&&x.dataZoom.length>0){const b=x.dataZoom.find(I=>I.type==="slider"||I.type==="inside");b&&(e={start:b.start,end:b.end})}}catch{}const t=this.options.databox?.position,i=this.leftSidebar.style.display,s=this.rightSidebar.style.display,n=t==="left"?"block":"none",o=t==="right"?"block":"none";(i!==n||s!==o)&&(this.leftSidebar.style.display=n,this.rightSidebar.style.display=o,this.chart.resize());const d=this.dataIndexOffset,a=[...Array(d).fill(""),...this.marketData.map(x=>new Date(x.time).toLocaleString()),...Array(d).fill("")],l=mt.calculate(this.chart.getHeight(),this.indicators,this.options,this.isMainCollapsed,this.maximizedPaneId,this.marketData);if(!e&&l.dataZoom&&this.marketData.length>0){const x=this.marketData.length,b=a.length,I=d/b,P=x/b;l.dataZoom.forEach(g=>{if(g.start!==void 0){const A=g.start/100,T=I+A*P;g.start=T*100}if(g.end!==void 0){const A=g.end/100,T=I+A*P;g.end=T*100}})}e&&l.dataZoom&&l.dataZoom.forEach(x=>{x.start=e.start,x.end=e.end}),l.xAxis.forEach(x=>{x.data=a,x.boundaryGap=!1});const f=ht.buildCandlestickSeries(this.marketData,this.options),y={value:[NaN,NaN,NaN,NaN],itemStyle:{opacity:0}};f.data=[...Array(d).fill(y),...f.data,...Array(d).fill(y)];const h=[...Array(d).fill(null),...this.marketData,...Array(d).fill(null)],{series:c,barColors:p}=ht.buildIndicatorSeries(this.indicators,this.timeToIndex,l.paneLayout,a.length,d,h,l.overlayYAxisMap,l.separatePaneYAxisOffset);f.data=f.data.map((x,b)=>p[b]?{value:x.value||x,itemStyle:{color:p[b],color0:p[b],borderColor:p[b],borderColor0:p[b]}}:x);const u=Gt.build(l,this.options,this.toggleIndicator.bind(this),this.isMainCollapsed,this.maximizedPaneId),m=new Map;this.drawings.forEach(x=>{const b=x.paneIndex||0;m.has(b)||m.set(b,[]),m.get(b).push(x)});const w=[];m.forEach((x,b)=>{w.push({type:"custom",name:`drawings-pane-${b}`,xAxisIndex:b,yAxisIndex:b,clip:!0,renderItem:(I,P)=>{const g=x[I.dataIndex];if(!g)return;const A=g.points[0],T=g.points[1];if(!A||!T)return;const S=P.coord([A.timeIndex,A.value]),M=P.coord([T.timeIndex,T.value]),E=g.id===this.selectedDrawingId;if(g.type==="line")return{type:"group",children:[{type:"line",name:"line",shape:{x1:S[0],y1:S[1],x2:M[0],y2:M[1]},style:{stroke:g.style?.color||"#3b82f6",lineWidth:g.style?.lineWidth||2}},{type:"circle",name:"point-start",shape:{cx:S[0],cy:S[1],r:4},style:{fill:"#fff",stroke:g.style?.color||"#3b82f6",lineWidth:1,opacity:E?1:0}},{type:"circle",name:"point-end",shape:{cx:M[0],cy:M[1],r:4},style:{fill:"#fff",stroke:g.style?.color||"#3b82f6",lineWidth:1,opacity:E?1:0}}]};if(g.type==="fibonacci"){const j=S[0],K=S[1],q=M[0],U=M[1],Q=Math.min(j,q),it=Math.max(j,q),v=it-Q,N=U-K,O=[0,.236,.382,.5,.618,.786,1],$=["#787b86","#f44336","#ff9800","#4caf50","#2196f3","#00bcd4","#787b86"],G=[];G.push({type:"line",name:"line",shape:{x1:j,y1:K,x2:q,y2:U},style:{stroke:"#999",lineWidth:1,lineDash:[4,4]}}),G.push({type:"circle",name:"point-start",shape:{cx:j,cy:K,r:4},style:{fill:"#fff",stroke:g.style?.color||"#3b82f6",lineWidth:1,opacity:E?1:0},z:100}),G.push({type:"circle",name:"point-end",shape:{cx:q,cy:U,r:4},style:{fill:"#fff",stroke:g.style?.color||"#3b82f6",lineWidth:1,opacity:E?1:0},z:100}),O.forEach((H,z)=>{const L=U-N*H,_=$[z%$.length];G.push({type:"line",name:"fib-line",shape:{x1:Q,y1:L,x2:it,y2:L},style:{stroke:_,lineWidth:1},silent:!0});const tt=g.points[0].value,R=g.points[1].value,et=R-tt,ct=R-et*H;if(G.push({type:"text",style:{text:`${H} (${ct.toFixed(2)})`,x:Q+5,y:L-10,fill:_,fontSize:10},silent:!0}),z<O.length-1){const pt=O[z+1],rt=U-N*pt,ut=Math.abs(rt-L),yt=Math.min(L,rt);G.push({type:"rect",shape:{x:Q,y:yt,width:v,height:ut},style:{fill:$[(z+1)%$.length],opacity:.1},silent:!0})}});const F=[],W=[];return O.forEach((H,z)=>{const L=U-N*H,_=$[z%$.length];W.push({type:"line",shape:{x1:Q,y1:L,x2:it,y2:L},style:{stroke:_,lineWidth:1},silent:!0});const tt=g.points[0].value,R=g.points[1].value,et=R-tt,ct=R-et*H;if(W.push({type:"text",style:{text:`${H} (${ct.toFixed(2)})`,x:Q+5,y:L-10,fill:_,fontSize:10},silent:!0}),z<O.length-1){const pt=O[z+1],rt=U-N*pt,ut=Math.abs(rt-L),yt=Math.min(L,rt);F.push({type:"rect",name:"line",shape:{x:Q,y:yt,width:v,height:ut},style:{fill:$[(z+1)%$.length],opacity:.1}})}}),{type:"group",children:[...F,...W,{type:"line",name:"line",shape:{x1:j,y1:K,x2:q,y2:U},style:{stroke:"#999",lineWidth:1,lineDash:[4,4]}},{type:"circle",name:"point-start",shape:{cx:j,cy:K,r:4},style:{fill:"#fff",stroke:g.style?.color||"#3b82f6",lineWidth:1,opacity:E?1:0},z:100},{type:"circle",name:"point-end",shape:{cx:q,cy:U,r:4},style:{fill:"#fff",stroke:g.style?.color||"#3b82f6",lineWidth:1,opacity:E?1:0},z:100}]}}},data:x.map(I=>[I.points[0].timeIndex,I.points[0].value,I.points[1].timeIndex,I.points[1].value]),z:100,silent:!1})});const C=x=>{const b=Wt.format(x,this.options),I=this.options.databox?.position;return I==="left"?(this.leftSidebar.innerHTML=b,""):I==="right"?(this.rightSidebar.innerHTML=b,""):this.options.databox?`<div style="min-width: 200px;">${b}</div>`:""},k={backgroundColor:this.options.backgroundColor,animation:!1,legend:{show:!1},tooltip:{show:!0,showContent:!!this.options.databox,trigger:"axis",triggerOn:this.options.databox?.triggerOn??"mousemove",axisPointer:{type:"cross",label:{backgroundColor:"#475569"}},backgroundColor:"rgba(30, 41, 59, 0.9)",borderWidth:1,borderColor:"#334155",padding:10,textStyle:{color:"#fff",fontFamily:this.options.fontFamily||"sans-serif"},formatter:C,extraCssText:t!=="floating"&&t!==void 0?"display: none !important;":void 0,position:(x,b,I,P,g)=>{if(this.options.databox?.position==="floating"){const A={top:10};return A[["left","right"][+(x[0]<g.viewSize[0]/2)]]=30,A}return null}},axisPointer:{link:{xAxisIndex:"all"},label:{backgroundColor:"#475569"}},graphic:u,grid:l.grid,xAxis:l.xAxis,yAxis:l.yAxis,dataZoom:l.dataZoom,series:[f,...c,...w]};this.chart.setOption(k,!0)}}var te=Object.defineProperty,ee=(r,e,t)=>e in r?te(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,at=(r,e,t)=>(ee(r,typeof e!="symbol"?e+"":e,t),t);class dt{constructor(e){at(this,"id"),at(this,"name"),at(this,"icon"),at(this,"context"),at(this,"eventListeners",[]),this.id=e.id,this.name=e.name,this.icon=e.icon}init(e){this.context=e,this.onInit()}onInit(){}activate(){this.onActivate(),this.context.events.emit("plugin:activated",this.id)}onActivate(){}deactivate(){this.onDeactivate(),this.context.events.emit("plugin:deactivated",this.id)}onDeactivate(){}destroy(){this.removeAllListeners(),this.onDestroy()}onDestroy(){}on(e,t){this.context.events.on(e,t),this.eventListeners.push({event:e,handler:t})}off(e,t){this.context.events.off(e,t),this.eventListeners=this.eventListeners.filter(i=>i.event!==e||i.handler!==t)}removeAllListeners(){this.eventListeners.forEach(({event:e,handler:t})=>{this.context.events.off(e,t)}),this.eventListeners=[]}get chart(){return this.context.getChart()}get marketData(){return this.context.getMarketData()}}var ie=Object.defineProperty,se=(r,e,t)=>e in r?ie(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,Y=(r,e,t)=>(se(r,typeof e!="symbol"?e+"":e,t),t);class ne extends dt{constructor(e){super({id:"measure",name:e?.name||"Measure",icon:e?.icon||'<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M160-240q-33 0-56.5-23.5T80-320v-320q0-33 23.5-56.5T160-720h640q33 0 56.5 23.5T880-640v320q0 33-23.5 56.5T800-240H160Zm0-80h640v-320H680v160h-80v-160h-80v160h-80v-160h-80v160h-80v-160H160v320Zm120-160h80-80Zm160 0h80-80Zm160 0h80-80Zm-120 0Z"/></svg>'}),Y(this,"zr"),Y(this,"state","idle"),Y(this,"startPoint",null),Y(this,"endPoint",null),Y(this,"group",null),Y(this,"rect",null),Y(this,"labelRect",null),Y(this,"labelText",null),Y(this,"lineV",null),Y(this,"lineH",null),Y(this,"arrowStart",null),Y(this,"arrowEnd",null),Y(this,"onMouseDown",()=>{this.state==="finished"&&this.removeGraphic()}),Y(this,"onChartInteraction",()=>{this.group&&this.removeGraphic()}),Y(this,"onClick",t=>{this.state==="idle"?(this.state="drawing",this.startPoint=[t.offsetX,t.offsetY],this.endPoint=[t.offsetX,t.offsetY],this.initGraphic(),this.updateGraphic()):this.state==="drawing"&&(this.state="finished",this.endPoint=[t.offsetX,t.offsetY],this.updateGraphic(),this.context.disableTools(),this.enableClearListeners())}),Y(this,"clearHandlers",{}),Y(this,"onMouseMove",t=>{this.state==="drawing"&&(this.endPoint=[t.offsetX,t.offsetY],this.updateGraphic())})}onInit(){this.zr=this.chart.getZr()}onActivate(){this.state="idle",this.chart.getZr().setCursorStyle("crosshair"),this.zr.on("click",this.onClick),this.zr.on("mousemove",this.onMouseMove)}onDeactivate(){this.state="idle",this.chart.getZr().setCursorStyle("default"),this.zr.off("click",this.onClick),this.zr.off("mousemove",this.onMouseMove),this.disableClearListeners(),this.state==="drawing"&&this.removeGraphic()}onDestroy(){this.removeGraphic()}enableClearListeners(){const e=()=>{this.removeGraphic()};setTimeout(()=>{this.zr.on("click",e)},10),this.zr.on("mousedown",this.onMouseDown),this.context.events.on("chart:dataZoom",this.onChartInteraction),this.clearHandlers={click:e,mousedown:this.onMouseDown,dataZoom:this.onChartInteraction}}disableClearListeners(){this.clearHandlers.click&&this.zr.off("click",this.clearHandlers.click),this.clearHandlers.mousedown&&this.zr.off("mousedown",this.clearHandlers.mousedown),this.clearHandlers.dataZoom&&this.context.events.off("chart:dataZoom",this.clearHandlers.dataZoom),this.clearHandlers={}}initGraphic(){this.group||(this.group=new Z.graphic.Group,this.rect=new Z.graphic.Rect({shape:{x:0,y:0,width:0,height:0},style:{fill:"rgba(0,0,0,0)",stroke:"transparent",lineWidth:0},z:100}),this.lineV=new Z.graphic.Line({shape:{x1:0,y1:0,x2:0,y2:0},style:{stroke:"#fff",lineWidth:1,lineDash:[4,4]},z:101}),this.lineH=new Z.graphic.Line({shape:{x1:0,y1:0,x2:0,y2:0},style:{stroke:"#fff",lineWidth:1,lineDash:[4,4]},z:101}),this.arrowStart=new Z.graphic.Polygon({shape:{points:[[0,0],[-5,10],[5,10]]},style:{fill:"#fff"},z:102}),this.arrowEnd=new Z.graphic.Polygon({shape:{points:[[0,0],[-5,-10],[5,-10]]},style:{fill:"#fff"},z:102}),this.labelRect=new Z.graphic.Rect({shape:{x:0,y:0,width:0,height:0,r:4},style:{fill:"transparent",stroke:"transparent",lineWidth:0,shadowBlur:5,shadowColor:"rgba(0,0,0,0.3)"},z:102}),this.labelText=new Z.graphic.Text({style:{x:0,y:0,text:"",fill:"#fff",font:"12px sans-serif",align:"center",verticalAlign:"middle"},z:103}),this.group.add(this.rect),this.group.add(this.lineV),this.group.add(this.lineH),this.group.add(this.arrowStart),this.group.add(this.arrowEnd),this.group.add(this.labelRect),this.group.add(this.labelText),this.zr.add(this.group))}removeGraphic(){this.group&&(this.zr.remove(this.group),this.group=null,this.disableClearListeners())}updateGraphic(){if(!this.startPoint||!this.endPoint||!this.group)return;const[e,t]=this.startPoint,[i,s]=this.endPoint,n=this.context.coordinateConversion.pixelToData({x:e,y:t}),o=this.context.coordinateConversion.pixelToData({x:i,y:s});if(!n||!o)return;const d=Math.round(n.timeIndex),a=Math.round(o.timeIndex),l=n.value,f=o.value,y=a-d,h=f-l,c=h/l*100,p=h>=0,u=p?"rgba(33, 150, 243, 0.2)":"rgba(236, 0, 0, 0.2)",m=p?"#2196F3":"#ec0000";this.rect.setShape({x:Math.min(e,i),y:Math.min(t,s),width:Math.abs(i-e),height:Math.abs(s-t)}),this.rect.setStyle({fill:u});const w=(e+i)/2,C=(t+s)/2;this.lineV.setShape({x1:w,y1:t,x2:w,y2:s}),this.lineV.setStyle({stroke:m}),this.lineH.setShape({x1:e,y1:C,x2:i,y2:C}),this.lineH.setStyle({stroke:m});const k=Math.min(t,s),x=Math.max(t,s);this.arrowStart.setStyle({fill:"none"}),this.arrowEnd.setStyle({fill:"none"}),p?(this.arrowStart.setShape({points:[[w,k],[w-4,k+6],[w+4,k+6]]}),this.arrowStart.setStyle({fill:m})):(this.arrowEnd.setShape({points:[[w,x],[w-4,x-6],[w+4,x-6]]}),this.arrowEnd.setStyle({fill:m}));const b=[`${h.toFixed(2)} (${c.toFixed(2)}%)`,`${y} bars, ${(y*0).toFixed(0)}d`].join(`
-`),I=140,P=40,g=Math.max(t,s),A=Math.min(t,s);let T=(e+i)/2-I/2,S=g+10;const M=this.chart.getHeight();S+P>M&&(S=A-P-10),this.labelRect.setShape({x:T,y:S,width:I,height:P}),this.labelRect.setStyle({fill:"#1e293b",stroke:m,lineWidth:1}),this.labelText.setStyle({x:T+I/2,y:S+P/2,text:b,fill:"#fff"})}}var oe=Object.defineProperty,re=(r,e,t)=>e in r?oe(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,V=(r,e,t)=>(re(r,typeof e!="symbol"?e+"":e,t),t);class ae extends dt{constructor(e){super({id:"trend-line",name:e?.name||"Trend Line",icon:e?.icon||'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="2" y1="22" x2="22" y2="2" /></svg>'}),V(this,"zr"),V(this,"state","idle"),V(this,"startPoint",null),V(this,"endPoint",null),V(this,"group",null),V(this,"line",null),V(this,"startCircle",null),V(this,"endCircle",null),V(this,"onMouseDown",()=>{}),V(this,"onChartInteraction",()=>{}),V(this,"onClick",t=>{if(this.state==="idle")this.state="drawing",this.startPoint=[t.offsetX,t.offsetY],this.endPoint=[t.offsetX,t.offsetY],this.initGraphic(),this.updateGraphic();else if(this.state==="drawing"){if(this.state="finished",this.endPoint=[t.offsetX,t.offsetY],this.updateGraphic(),this.startPoint&&this.endPoint){const i=this.context.coordinateConversion.pixelToData({x:this.startPoint[0],y:this.startPoint[1]}),s=this.context.coordinateConversion.pixelToData({x:this.endPoint[0],y:this.endPoint[1]});if(i&&s){const n=i.paneIndex||0;this.context.addDrawing({id:`line-${Date.now()}`,type:"line",points:[i,s],paneIndex:n,style:{color:"#3b82f6",lineWidth:2}})}}this.removeGraphic(),this.context.disableTools()}}),V(this,"clearHandlers",{}),V(this,"onMouseMove",t=>{this.state==="drawing"&&(this.endPoint=[t.offsetX,t.offsetY],this.updateGraphic())})}onInit(){this.zr=this.chart.getZr()}onActivate(){this.state="idle",this.chart.getZr().setCursorStyle("crosshair"),this.zr.on("click",this.onClick),this.zr.on("mousemove",this.onMouseMove)}onDeactivate(){this.state="idle",this.chart.getZr().setCursorStyle("default"),this.zr.off("click",this.onClick),this.zr.off("mousemove",this.onMouseMove),this.disableClearListeners(),this.state==="drawing"&&this.removeGraphic()}onDestroy(){this.removeGraphic()}saveDataCoordinates(){}updateGraphicFromData(){}enableClearListeners(){}disableClearListeners(){}initGraphic(){this.group||(this.group=new Z.graphic.Group,this.line=new Z.graphic.Line({shape:{x1:0,y1:0,x2:0,y2:0},style:{stroke:"#3b82f6",lineWidth:2},z:100}),this.startCircle=new Z.graphic.Circle({shape:{cx:0,cy:0,r:4},style:{fill:"#fff",stroke:"#3b82f6",lineWidth:1},z:101}),this.endCircle=new Z.graphic.Circle({shape:{cx:0,cy:0,r:4},style:{fill:"#fff",stroke:"#3b82f6",lineWidth:1},z:101}),this.group.add(this.line),this.group.add(this.startCircle),this.group.add(this.endCircle),this.zr.add(this.group))}removeGraphic(){this.group&&(this.zr.remove(this.group),this.group=null,this.disableClearListeners())}updateGraphic(){if(!this.startPoint||!this.endPoint||!this.group)return;const[e,t]=this.startPoint,[i,s]=this.endPoint;this.line.setShape({x1:e,y1:t,x2:i,y2:s}),this.startCircle.setShape({cx:e,cy:t}),this.endCircle.setShape({cx:i,cy:s})}}var le=Object.defineProperty,he=(r,e,t)=>e in r?le(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,st=(r,e,t)=>(he(r,typeof e!="symbol"?e+"":e,t),t);class de extends dt{constructor(e={}){super({id:"fibonacci-tool",name:e.name||"Fibonacci Retracement",icon:e.icon||'<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M120-80v-80h720v80H120Zm0-240v-80h720v80H120Zm0-240v-80h720v80H120Zm0-240v-80h720v80H120Z"/></svg>'}),st(this,"startPoint",null),st(this,"endPoint",null),st(this,"state","idle"),st(this,"graphicGroup",null),st(this,"levels",[0,.236,.382,.5,.618,.786,1]),st(this,"colors",["#787b86","#f44336","#ff9800","#4caf50","#2196f3","#00bcd4","#787b86"]),st(this,"onClick",t=>{this.state==="idle"?(this.state="drawing",this.startPoint=[t.offsetX,t.offsetY],this.endPoint=[t.offsetX,t.offsetY],this.initGraphic(),this.updateGraphic()):this.state==="drawing"&&(this.state="finished",this.endPoint=[t.offsetX,t.offsetY],this.updateGraphic(),this.saveDrawing(),this.removeGraphic(),this.context.disableTools())}),st(this,"onMouseMove",t=>{this.state==="drawing"&&(this.endPoint=[t.offsetX,t.offsetY],this.updateGraphic())})}onActivate(){this.state="idle",this.startPoint=null,this.endPoint=null,this.context.getChart().getZr().setCursorStyle("crosshair"),this.bindEvents()}onDeactivate(){this.state="idle",this.startPoint=null,this.endPoint=null,this.removeGraphic(),this.unbindEvents(),this.context.getChart().getZr().setCursorStyle("default")}bindEvents(){const e=this.context.getChart().getZr();e.on("click",this.onClick),e.on("mousemove",this.onMouseMove)}unbindEvents(){const e=this.context.getChart().getZr();e.off("click",this.onClick),e.off("mousemove",this.onMouseMove)}initGraphic(){this.graphicGroup=new Z.graphic.Group,this.context.getChart().getZr().add(this.graphicGroup)}removeGraphic(){this.graphicGroup&&(this.context.getChart().getZr().remove(this.graphicGroup),this.graphicGroup=null)}updateGraphic(){if(!this.graphicGroup||!this.startPoint||!this.endPoint)return;this.graphicGroup.removeAll();const e=this.startPoint[0],t=this.startPoint[1],i=this.endPoint[0],s=this.endPoint[1],n=new Z.graphic.Line({shape:{x1:e,y1:t,x2:i,y2:s},style:{stroke:"#999",lineWidth:1,lineDash:[4,4]},silent:!0});this.graphicGroup.add(n);const o=Math.min(e,i),d=Math.max(e,i),a=d-o,l=s-t;this.levels.forEach((f,y)=>{const h=s-l*f,c=this.colors[y%this.colors.length],p=new Z.graphic.Line({shape:{x1:o,y1:h,x2:d,y2:h},style:{stroke:c,lineWidth:1},silent:!0});if(this.graphicGroup.add(p),y<this.levels.length-1){const u=this.levels[y+1],m=s-l*u,w=Math.abs(m-h),C=Math.min(h,m),k=new Z.graphic.Rect({shape:{x:o,y:C,width:a,height:w},style:{fill:this.colors[(y+1)%this.colors.length],opacity:.1},silent:!0});this.graphicGroup.add(k)}})}saveDrawing(){if(!this.startPoint||!this.endPoint)return;const e=this.context.coordinateConversion.pixelToData({x:this.startPoint[0],y:this.startPoint[1]}),t=this.context.coordinateConversion.pixelToData({x:this.endPoint[0],y:this.endPoint[1]});if(e&&t){const i=e.paneIndex||0;this.context.addDrawing({id:`fib-${Date.now()}`,type:"fibonacci",points:[e,t],paneIndex:i,style:{color:"#3b82f6",lineWidth:1}})}}}export{dt as AbstractPlugin,de as FibonacciTool,ae as LineTool,ne as MeasureTool,Qt as QFChart};
+                </div>`}),r+="</div>"})}return r}}var _t=Object.defineProperty,Rt=(l,e,t)=>e in l?_t(l,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[e]=t,rt=(l,e,t)=>(Rt(l,typeof e!="symbol"?e+"":e,t),t);class Yt{constructor(e,t){rt(this,"plugins",new Map),rt(this,"activePluginId",null),rt(this,"context"),rt(this,"toolbarContainer"),rt(this,"tooltipElement",null),rt(this,"hideTimeout",null),this.context=e,this.toolbarContainer=t,this.createTooltip(),this.renderToolbar()}createTooltip(){this.tooltipElement=document.createElement("div"),Object.assign(this.tooltipElement.style,{position:"fixed",display:"none",backgroundColor:"#1e293b",color:"#e2e8f0",padding:"6px 10px",borderRadius:"6px",fontSize:"13px",lineHeight:"1.4",fontWeight:"500",border:"1px solid #334155",zIndex:"9999",pointerEvents:"none",whiteSpace:"nowrap",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.15)",fontFamily:this.context.getOptions().fontFamily||"sans-serif",transition:"opacity 0.15s ease-in-out, transform 0.15s ease-in-out",opacity:"0",transform:"translateX(-5px)"}),document.body.appendChild(this.tooltipElement)}destroy(){this.tooltipElement&&this.tooltipElement.parentNode&&this.tooltipElement.parentNode.removeChild(this.tooltipElement),this.tooltipElement=null}showTooltip(e,t){if(!this.tooltipElement)return;this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null);const i=e.getBoundingClientRect();this.tooltipElement.textContent=t,this.tooltipElement.style.display="block";const s=this.tooltipElement.getBoundingClientRect(),n=i.top+(i.height-s.height)/2,o=i.right+10;this.tooltipElement.style.top=`${n}px`,this.tooltipElement.style.left=`${o}px`,requestAnimationFrame(()=>{this.tooltipElement&&(this.tooltipElement.style.opacity="1",this.tooltipElement.style.transform="translateX(0)")})}hideTooltip(){this.tooltipElement&&(this.tooltipElement.style.opacity="0",this.tooltipElement.style.transform="translateX(-5px)",this.hideTimeout&&clearTimeout(this.hideTimeout),this.hideTimeout=setTimeout(()=>{this.tooltipElement&&(this.tooltipElement.style.display="none"),this.hideTimeout=null},150))}register(e){if(this.plugins.has(e.id)){console.warn(`Plugin with id ${e.id} is already registered.`);return}this.plugins.set(e.id,e),e.init(this.context),this.addButton(e)}unregister(e){const t=this.plugins.get(e);t&&(this.activePluginId===e&&this.deactivatePlugin(),t.destroy?.(),this.plugins.delete(e),this.removeButton(e))}activatePlugin(e){if(this.activePluginId===e){this.deactivatePlugin();return}this.activePluginId&&this.deactivatePlugin();const t=this.plugins.get(e);t&&(this.activePluginId=e,this.setButtonActive(e,!0),t.activate?.())}deactivatePlugin(){this.activePluginId&&(this.plugins.get(this.activePluginId)?.deactivate?.(),this.setButtonActive(this.activePluginId,!1),this.activePluginId=null)}renderToolbar(){this.toolbarContainer.innerHTML="",this.toolbarContainer.classList.add("qfchart-toolbar"),this.toolbarContainer.style.display="flex",this.toolbarContainer.style.flexDirection="column",this.toolbarContainer.style.width="40px",this.toolbarContainer.style.backgroundColor=this.context.getOptions().backgroundColor||"#1e293b",this.toolbarContainer.style.borderRight="1px solid #334155",this.toolbarContainer.style.padding="5px",this.toolbarContainer.style.boxSizing="border-box",this.toolbarContainer.style.gap="5px",this.toolbarContainer.style.flexShrink="0"}addButton(e){const t=document.createElement("button");t.id=`qfchart-plugin-btn-${e.id}`,t.style.width="30px",t.style.height="30px",t.style.padding="4px",t.style.border="1px solid transparent",t.style.borderRadius="4px",t.style.backgroundColor="transparent",t.style.cursor="pointer",t.style.color=this.context.getOptions().fontColor||"#cbd5e1",t.style.display="flex",t.style.alignItems="center",t.style.justifyContent="center",e.icon?t.innerHTML=e.icon:t.innerText=(e.name||e.id).substring(0,2).toUpperCase(),t.addEventListener("mouseenter",()=>{this.activePluginId!==e.id&&(t.style.backgroundColor="rgba(255, 255, 255, 0.1)"),this.showTooltip(t,e.name||e.id)}),t.addEventListener("mouseleave",()=>{this.activePluginId!==e.id&&(t.style.backgroundColor="transparent"),this.hideTooltip()}),t.onclick=()=>this.activatePlugin(e.id),this.toolbarContainer.appendChild(t)}removeButton(e){const t=this.toolbarContainer.querySelector(`#qfchart-plugin-btn-${e}`);t&&t.remove()}setButtonActive(e,t){const i=this.toolbarContainer.querySelector(`#qfchart-plugin-btn-${e}`);i&&(t?(i.style.backgroundColor="#2563eb",i.style.color="#ffffff"):(i.style.backgroundColor="transparent",i.style.color=this.context.getOptions().fontColor||"#cbd5e1"))}}var Bt=Object.defineProperty,jt=(l,e,t)=>e in l?Bt(l,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[e]=t,j=(l,e,t)=>(jt(l,typeof e!="symbol"?e+"":e,t),t);class Vt{constructor(e){j(this,"context"),j(this,"isEditing",!1),j(this,"currentDrawing",null),j(this,"editingPointIndex",null),j(this,"zr"),j(this,"editGroup",null),j(this,"editLine",null),j(this,"editStartPoint",null),j(this,"editEndPoint",null),j(this,"isMovingShape",!1),j(this,"dragStart",null),j(this,"initialPixelPoints",[]),j(this,"onDrawingMouseDown",t=>{if(this.isEditing)return;const i=this.context.getDrawing(t.id);i&&(this.isEditing=!0,this.isMovingShape=!0,this.currentDrawing=JSON.parse(JSON.stringify(i)),this.dragStart={x:t.x,y:t.y},this.initialPixelPoints=i.points.map(s=>{const n=this.context.coordinateConversion.dataToPixel(s);return n?{x:n.x,y:n.y}:{x:0,y:0}}),this.context.lockChart(),this.createEditGraphic(),this.zr.on("mousemove",this.onMouseMove),this.zr.on("mouseup",this.onMouseUp))}),j(this,"onPointMouseDown",t=>{if(this.isEditing)return;const i=this.context.getDrawing(t.id);i&&(this.isEditing=!0,this.currentDrawing=JSON.parse(JSON.stringify(i)),this.editingPointIndex=t.pointIndex,this.context.lockChart(),this.createEditGraphic(),this.zr.on("mousemove",this.onMouseMove),this.zr.on("mouseup",this.onMouseUp))}),j(this,"onMouseMove",t=>{if(!this.isEditing||!this.currentDrawing)return;const i=t.offsetX,s=t.offsetY;if(this.isMovingShape&&this.dragStart){const n=i-this.dragStart.x,o=s-this.dragStart.y,c={x:this.initialPixelPoints[0].x+n,y:this.initialPixelPoints[0].y+o},r={x:this.initialPixelPoints[1].x+n,y:this.initialPixelPoints[1].y+o};this.editLine.setShape({x1:c.x,y1:c.y,x2:r.x,y2:r.y}),this.editStartPoint.setShape({cx:c.x,cy:c.y}),this.editEndPoint.setShape({cx:r.x,cy:r.y})}else this.editingPointIndex!==null&&(this.editingPointIndex===0?(this.editLine.setShape({x1:i,y1:s}),this.editStartPoint.setShape({cx:i,cy:s})):(this.editLine.setShape({x2:i,y2:s}),this.editEndPoint.setShape({cx:i,cy:s})))}),j(this,"onMouseUp",t=>{this.isEditing&&this.finishEditing(t.offsetX,t.offsetY)}),this.context=e,this.zr=this.context.getChart().getZr(),this.bindEvents()}bindEvents(){this.context.events.on("drawing:point:mousedown",this.onPointMouseDown),this.context.events.on("drawing:mousedown",this.onDrawingMouseDown)}createEditGraphic(){if(!this.currentDrawing)return;this.editGroup=new W.graphic.Group;const e=this.currentDrawing.points[0],t=this.currentDrawing.points[1],i=this.context.coordinateConversion.dataToPixel(e),s=this.context.coordinateConversion.dataToPixel(t);!i||!s||(this.editLine=new W.graphic.Line({shape:{x1:i.x,y1:i.y,x2:s.x,y2:s.y},style:{stroke:this.currentDrawing.style?.color||"#3b82f6",lineWidth:this.currentDrawing.style?.lineWidth||2,lineDash:[4,4]},silent:!0}),this.editStartPoint=new W.graphic.Circle({shape:{cx:i.x,cy:i.y,r:5},style:{fill:"#fff",stroke:"#3b82f6",lineWidth:2},z:1e3}),this.editEndPoint=new W.graphic.Circle({shape:{cx:s.x,cy:s.y,r:5},style:{fill:"#fff",stroke:"#3b82f6",lineWidth:2},z:1e3}),this.editGroup.add(this.editLine),this.editGroup.add(this.editStartPoint),this.editGroup.add(this.editEndPoint),this.zr.add(this.editGroup))}finishEditing(e,t){if(this.currentDrawing){if(this.isMovingShape&&this.dragStart){const i=e-this.dragStart.x,s=t-this.dragStart.y,n=this.initialPixelPoints.map((o,c)=>{const r=o.x+i,a=o.y+s;return this.context.coordinateConversion.pixelToData({x:r,y:a})});n.every(o=>o!==null)&&n[0]&&n[1]&&(this.currentDrawing.points[0]=n[0],this.currentDrawing.points[1]=n[1],n[0].paneIndex!==void 0&&(this.currentDrawing.paneIndex=n[0].paneIndex),this.context.updateDrawing(this.currentDrawing))}else if(this.editingPointIndex!==null){const i=this.context.coordinateConversion.pixelToData({x:e,y:t});i&&(this.currentDrawing.points[this.editingPointIndex]=i,this.editingPointIndex===0&&i.paneIndex!==void 0&&(this.currentDrawing.paneIndex=i.paneIndex),this.context.updateDrawing(this.currentDrawing))}this.isEditing=!1,this.isMovingShape=!1,this.dragStart=null,this.initialPixelPoints=[],this.currentDrawing=null,this.editingPointIndex=null,this.editGroup&&(this.zr.remove(this.editGroup),this.editGroup=null),this.zr.off("mousemove",this.onMouseMove),this.zr.off("mouseup",this.onMouseUp),this.context.unlockChart()}}}var qt=Object.defineProperty,Xt=(l,e,t)=>e in l?qt(l,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[e]=t,Ut=(l,e,t)=>(Xt(l,typeof e!="symbol"?e+"":e,t),t);class Jt{constructor(){Ut(this,"handlers",new Map)}on(e,t){this.handlers.has(e)||this.handlers.set(e,new Set),this.handlers.get(e).add(t)}off(e,t){const i=this.handlers.get(e);i&&i.delete(t)}emit(e,t){const i=this.handlers.get(e);i&&i.forEach(s=>{try{s(t)}catch(n){console.error(`Error in EventBus handler for ${e}:`,n)}})}clear(){this.handlers.clear()}}var Kt=Object.defineProperty,Qt=(l,e,t)=>e in l?Kt(l,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[e]=t,N=(l,e,t)=>(Qt(l,typeof e!="symbol"?e+"":e,t),t);class te{constructor(e,t={}){N(this,"chart"),N(this,"options"),N(this,"marketData",[]),N(this,"indicators",new Map),N(this,"timeToIndex",new Map),N(this,"pluginManager"),N(this,"drawingEditor"),N(this,"events",new Jt),N(this,"isMainCollapsed",!1),N(this,"maximizedPaneId",null),N(this,"countdownInterval",null),N(this,"selectedDrawingId",null),N(this,"drawings",[]),N(this,"coordinateConversion",{pixelToData:n=>{const o=this.chart.getOption();if(!o||!o.grid)return null;const c=o.grid.length;for(let r=0;r<c;r++)if(this.chart.containPixel({gridIndex:r},[n.x,n.y])){this.chart.convertFromPixel({seriesIndex:r},[n.x,n.y]);const a=this.chart.convertFromPixel({gridIndex:r},[n.x,n.y]);if(a)return{timeIndex:Math.round(a[0]),value:a[1],paneIndex:r}}return null},dataToPixel:n=>{const o=n.paneIndex||0,c=this.chart.convertToPixel({gridIndex:o},[n.timeIndex,n.value]);return c?{x:c[0],y:c[1]}:null}}),N(this,"upColor","#00da3c"),N(this,"downColor","#ec0000"),N(this,"defaultPadding",0),N(this,"padding"),N(this,"dataIndexOffset",0),N(this,"rootContainer"),N(this,"layoutContainer"),N(this,"toolbarContainer"),N(this,"leftSidebar"),N(this,"rightSidebar"),N(this,"chartContainer"),N(this,"onKeyDown",n=>{(n.key==="Delete"||n.key==="Backspace")&&this.selectedDrawingId&&(this.removeDrawing(this.selectedDrawingId),this.selectedDrawingId=null,this.render())}),N(this,"onFullscreenChange",()=>{this.render()}),N(this,"isLocked",!1),N(this,"lockedState",null),this.rootContainer=e,this.options={title:"Market",height:"600px",backgroundColor:"#1e293b",upColor:"#00da3c",downColor:"#ec0000",fontColor:"#cbd5e1",fontFamily:"sans-serif",padding:.01,dataZoom:{visible:!0,position:"top",height:6},layout:{mainPaneHeight:"50%",gap:13},watermark:!0,...t},this.options.upColor&&(this.upColor=this.options.upColor),this.options.downColor&&(this.downColor=this.options.downColor),this.padding=this.options.padding!==void 0?this.options.padding:this.defaultPadding,this.options.height&&(typeof this.options.height=="number"?this.rootContainer.style.height=`${this.options.height}px`:this.rootContainer.style.height=this.options.height),this.rootContainer.innerHTML="",this.layoutContainer=document.createElement("div"),this.layoutContainer.style.display="flex",this.layoutContainer.style.width="100%",this.layoutContainer.style.height="100%",this.layoutContainer.style.overflow="hidden",this.rootContainer.appendChild(this.layoutContainer),this.leftSidebar=document.createElement("div"),this.leftSidebar.style.display="none",this.leftSidebar.style.width="250px",this.leftSidebar.style.flexShrink="0",this.leftSidebar.style.overflowY="auto",this.leftSidebar.style.backgroundColor=this.options.backgroundColor||"#1e293b",this.leftSidebar.style.borderRight="1px solid #334155",this.leftSidebar.style.padding="10px",this.leftSidebar.style.boxSizing="border-box",this.leftSidebar.style.color="#cbd5e1",this.leftSidebar.style.fontSize="12px",this.leftSidebar.style.fontFamily=this.options.fontFamily||"sans-serif",this.layoutContainer.appendChild(this.leftSidebar),this.toolbarContainer=document.createElement("div"),this.layoutContainer.appendChild(this.toolbarContainer),this.chartContainer=document.createElement("div"),this.chartContainer.style.flexGrow="1",this.chartContainer.style.height="100%",this.chartContainer.style.overflow="hidden",this.layoutContainer.appendChild(this.chartContainer),this.rightSidebar=document.createElement("div"),this.rightSidebar.style.display="none",this.rightSidebar.style.width="250px",this.rightSidebar.style.flexShrink="0",this.rightSidebar.style.overflowY="auto",this.rightSidebar.style.backgroundColor=this.options.backgroundColor||"#1e293b",this.rightSidebar.style.borderLeft="1px solid #334155",this.rightSidebar.style.padding="10px",this.rightSidebar.style.boxSizing="border-box",this.rightSidebar.style.color="#cbd5e1",this.rightSidebar.style.fontSize="12px",this.rightSidebar.style.fontFamily=this.options.fontFamily||"sans-serif",this.layoutContainer.appendChild(this.rightSidebar),this.chart=W.init(this.chartContainer),this.pluginManager=new Yt(this,this.toolbarContainer),this.drawingEditor=new Vt(this),this.chart.on("dataZoom",n=>{this.events.emit("chart:dataZoom",n);const o=this.options.databox?.triggerOn,c=this.options.databox?.position;o==="click"&&c==="floating"&&this.chart.dispatchAction({type:"hideTip"})}),this.chart.on("finished",n=>this.events.emit("chart:updated",n)),this.chart.getZr().on("mousedown",n=>this.events.emit("mouse:down",n)),this.chart.getZr().on("mousemove",n=>this.events.emit("mouse:move",n)),this.chart.getZr().on("mouseup",n=>this.events.emit("mouse:up",n)),this.chart.getZr().on("click",n=>this.events.emit("mouse:click",n));const i=this.chart.getZr(),s=i.setCursorStyle;i.setCursorStyle=function(n){n==="grab"&&(n="crosshair"),s.call(this,n)},this.bindDrawingEvents(),window.addEventListener("resize",this.resize.bind(this)),document.addEventListener("fullscreenchange",this.onFullscreenChange),document.addEventListener("keydown",this.onKeyDown)}bindDrawingEvents(){let e=null;const t=i=>{if(!i||i.componentType!=="series"||!i.seriesName?.startsWith("drawings"))return null;i.seriesIndex;const s=i.seriesName.match(/drawings-pane-(\d+)/);if(!s)return null;const n=parseInt(s[1]),o=this.drawings.filter(r=>(r.paneIndex||0)===n)[i.dataIndex];if(!o)return null;const c=i.event?.target?.name;return{drawing:o,targetName:c,paneIdx:n}};this.chart.on("mouseover",i=>{const s=t(i);if(!s)return;const n=i.event?.target?.parent;if(n){const o=s.drawing.id===this.selectedDrawingId;e&&(clearTimeout(e),e=null),o||n.children().forEach(c=>{c.name&&c.name.startsWith("point")&&c.attr("style",{opacity:1})})}if(s.targetName==="line")this.events.emit("drawing:hover",{id:s.drawing.id,type:s.drawing.type}),this.chart.getZr().setCursorStyle("move");else if(s.targetName?.startsWith("point")){const o=s.targetName==="point-start"?0:1;this.events.emit("drawing:point:hover",{id:s.drawing.id,pointIndex:o}),this.chart.getZr().setCursorStyle("pointer")}}),this.chart.on("mouseout",i=>{const s=t(i);if(!s)return;const n=i.event?.target?.parent;if(s.drawing.id!==this.selectedDrawingId){if(e=setTimeout(()=>{if(n){if(this.selectedDrawingId===s.drawing.id)return;n.children().forEach(o=>{o.name&&o.name.startsWith("point")&&o.attr("style",{opacity:0})})}},50),s.targetName==="line")this.events.emit("drawing:mouseout",{id:s.drawing.id});else if(s.targetName?.startsWith("point")){const o=s.targetName==="point-start"?0:1;this.events.emit("drawing:point:mouseout",{id:s.drawing.id,pointIndex:o})}this.chart.getZr().setCursorStyle("default")}}),this.chart.on("mousedown",i=>{const s=t(i);if(!s)return;const n=i.event?.event||i.event,o=n?.offsetX,c=n?.offsetY;if(s.targetName==="line")this.events.emit("drawing:mousedown",{id:s.drawing.id,x:o,y:c});else if(s.targetName?.startsWith("point")){const r=s.targetName==="point-start"?0:1;this.events.emit("drawing:point:mousedown",{id:s.drawing.id,pointIndex:r,x:o,y:c})}}),this.chart.on("click",i=>{const s=t(i);if(s){if(this.selectedDrawingId!==s.drawing.id&&(this.selectedDrawingId=s.drawing.id,this.events.emit("drawing:selected",{id:s.drawing.id}),this.render()),s.targetName==="line")this.events.emit("drawing:click",{id:s.drawing.id});else if(s.targetName?.startsWith("point")){const n=s.targetName==="point-start"?0:1;this.events.emit("drawing:point:click",{id:s.drawing.id,pointIndex:n})}}}),this.chart.getZr().on("click",i=>{i.target||this.selectedDrawingId&&(this.events.emit("drawing:deselected",{id:this.selectedDrawingId}),this.selectedDrawingId=null,this.render())})}getChart(){return this.chart}getMarketData(){return this.marketData}getTimeToIndex(){return this.timeToIndex}getOptions(){return this.options}disableTools(){this.pluginManager.deactivatePlugin()}registerPlugin(e){this.pluginManager.register(e)}addDrawing(e){this.drawings.push(e),this.render()}removeDrawing(e){const t=this.drawings.findIndex(i=>i.id===e);if(t!==-1){const i=this.drawings[t];this.drawings.splice(t,1),this.events.emit("drawing:deleted",{id:i.id}),this.render()}}getDrawing(e){return this.drawings.find(t=>t.id===e)}updateDrawing(e){const t=this.drawings.findIndex(i=>i.id===e.id);t!==-1&&(this.drawings[t]=e,this.render())}lockChart(){if(this.isLocked)return;this.isLocked=!0;const e=this.chart.getOption();this.chart.setOption({dataZoom:e.dataZoom.map(t=>({...t,disabled:!0})),tooltip:{show:!1}})}unlockChart(){if(!this.isLocked)return;this.isLocked=!1;const e=this.chart.getOption();(this.options.dataZoom||{}).visible,e.dataZoom&&this.chart.setOption({dataZoom:e.dataZoom.map(t=>({...t,disabled:!1})),tooltip:{show:!0}})}setZoom(e,t){this.chart.dispatchAction({type:"dataZoom",start:e,end:t})}setMarketData(e){this.marketData=e,this.rebuildTimeIndex(),this.render()}updateData(e){if(e.length===0)return;const t=new Map;this.marketData.forEach(u=>{t.set(u.time,u)}),e.forEach(u=>{t.has(u.time),t.set(u.time,u)}),this.marketData=Array.from(t.values()).sort((u,b)=>u.time-b.time),this.rebuildTimeIndex();const i=this.dataIndexOffset,s=ct.buildCandlestickSeries(this.marketData,this.options),n={value:[NaN,NaN,NaN,NaN],itemStyle:{opacity:0}},o=[...Array(i).fill(n),...s.data,...Array(i).fill(n)],c=[...Array(i).fill(""),...this.marketData.map(u=>new Date(u.time).toLocaleString()),...Array(i).fill("")],r=this.chart.getOption(),a=mt.calculate(this.chart.getHeight(),this.indicators,this.options,this.isMainCollapsed,this.maximizedPaneId,this.marketData),g=[...Array(i).fill(null),...this.marketData,...Array(i).fill(null)],{series:y,barColors:h}=ct.buildIndicatorSeries(this.indicators,this.timeToIndex,a.paneLayout,c.length,i,g,a.overlayYAxisMap,a.separatePaneYAxisOffset),d=o.map((u,b)=>h[b]?{value:u.value||u,itemStyle:{color:h[b],color0:h[b],borderColor:h[b],borderColor0:h[b]}}:u),p={xAxis:r.xAxis.map((u,b)=>({data:c})),series:[{data:d,markLine:s.markLine},...y.map(u=>{const b={data:u.data};return u.renderItem&&(b.renderItem=u.renderItem),b})]};this.chart.setOption(p,{notMerge:!1}),this.startCountdown()}startCountdown(){if(this.stopCountdown(),!this.options.lastPriceLine?.showCountdown||!this.options.interval||this.marketData.length===0)return;const e=()=>{if(this.marketData.length===0)return;const t=this.marketData[this.marketData.length-1].time+(this.options.interval||0),i=Date.now(),s=t-i;if(s<=0)return;const n=Math.abs(s),o=Math.floor(n/36e5),c=Math.floor(n%36e5/6e4),r=Math.floor(n%6e4/1e3),a=`${o>0?o.toString().padStart(2,"0")+":":""}${c.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`,g=this.chart.getOption();if(!g||!g.series)return;const y=g.series.findIndex(w=>w.type==="candlestick");if(y===-1)return;const h=g.series[y];if(!h.markLine||!h.markLine.data||!h.markLine.data[0])return;const d=h.markLine.data[0];d.label.formatter;const p=d.yAxis;let u="";if(this.options.yAxisLabelFormatter)u=this.options.yAxisLabelFormatter(p);else{const w=this.options.yAxisDecimalPlaces!==void 0?this.options.yAxisDecimalPlaces:O.autoDetectDecimals(this.marketData);u=O.formatValue(p,w)}const b=`${u}
+${a}`;this.chart.setOption({series:[{name:this.options.title||"Market",markLine:{data:[{...d,label:{...d.label,formatter:b}}]}}]})};e(),this.countdownInterval=setInterval(e,1e3)}stopCountdown(){this.countdownInterval&&(clearInterval(this.countdownInterval),this.countdownInterval=null)}addIndicator(e,t,i={}){const s=i.overlay!==void 0?i.overlay:i.isOverlay??!1;let n=0;if(!s){let c=0;this.indicators.forEach(r=>{r.paneIndex>c&&(c=r.paneIndex)}),n=c+1}const o=new St(e,t,n,{height:i.height,collapsed:!1,titleColor:i.titleColor,controls:i.controls});return this.indicators.set(e,o),this.render(),o}setIndicator(e,t,i=!1){this.addIndicator(e,{[e]:t},{overlay:i})}removeIndicator(e){this.indicators.delete(e),this.render()}toggleIndicator(e,t="collapse"){if(t==="fullscreen"){document.fullscreenElement?document.exitFullscreen():this.rootContainer.requestFullscreen();return}if(t==="maximize"){this.maximizedPaneId===e?this.maximizedPaneId=null:this.maximizedPaneId=e,this.render();return}if(e==="main"){this.isMainCollapsed=!this.isMainCollapsed,this.render();return}const i=this.indicators.get(e);i&&(i.toggleCollapse(),this.render())}resize(){this.chart.resize()}destroy(){this.stopCountdown(),window.removeEventListener("resize",this.resize.bind(this)),document.removeEventListener("fullscreenchange",this.onFullscreenChange),document.removeEventListener("keydown",this.onKeyDown),this.pluginManager.deactivatePlugin(),this.pluginManager.destroy(),this.chart.dispose()}rebuildTimeIndex(){this.timeToIndex.clear(),this.marketData.forEach((i,s)=>{this.timeToIndex.set(i.time,s)});const e=this.marketData.length,t=Math.ceil(e*this.padding);this.dataIndexOffset=t}render(){if(this.marketData.length===0)return;let e=null;try{const x=this.chart.getOption();if(x&&x.dataZoom&&x.dataZoom.length>0){const m=x.dataZoom.find(I=>I.type==="slider"||I.type==="inside");m&&(e={start:m.start,end:m.end})}}catch{}const t=this.options.databox?.position,i=this.leftSidebar.style.display,s=this.rightSidebar.style.display,n=t==="left"?"block":"none",o=t==="right"?"block":"none";(i!==n||s!==o)&&(this.leftSidebar.style.display=n,this.rightSidebar.style.display=o,this.chart.resize());const c=this.dataIndexOffset,r=[...Array(c).fill(""),...this.marketData.map(x=>new Date(x.time).toLocaleString()),...Array(c).fill("")],a=mt.calculate(this.chart.getHeight(),this.indicators,this.options,this.isMainCollapsed,this.maximizedPaneId,this.marketData);if(!e&&a.dataZoom&&this.marketData.length>0){const x=this.marketData.length,m=r.length,I=c/m,P=x/m;a.dataZoom.forEach(f=>{if(f.start!==void 0){const k=f.start/100,L=I+k*P;f.start=L*100}if(f.end!==void 0){const k=f.end/100,L=I+k*P;f.end=L*100}})}e&&a.dataZoom&&a.dataZoom.forEach(x=>{x.start=e.start,x.end=e.end}),a.xAxis.forEach(x=>{x.data=r,x.boundaryGap=!1});const g=ct.buildCandlestickSeries(this.marketData,this.options),y={value:[NaN,NaN,NaN,NaN],itemStyle:{opacity:0}};g.data=[...Array(c).fill(y),...g.data,...Array(c).fill(y)];const h=[...Array(c).fill(null),...this.marketData,...Array(c).fill(null)],{series:d,barColors:p}=ct.buildIndicatorSeries(this.indicators,this.timeToIndex,a.paneLayout,r.length,c,h,a.overlayYAxisMap,a.separatePaneYAxisOffset);g.data=g.data.map((x,m)=>p[m]?{value:x.value||x,itemStyle:{color:p[m],color0:p[m],borderColor:p[m],borderColor0:p[m]}}:x);const u=Wt.build(a,this.options,this.toggleIndicator.bind(this),this.isMainCollapsed,this.maximizedPaneId),b=new Map;this.drawings.forEach(x=>{const m=x.paneIndex||0;b.has(m)||b.set(m,[]),b.get(m).push(x)});const w=[];b.forEach((x,m)=>{w.push({type:"custom",name:`drawings-pane-${m}`,xAxisIndex:m,yAxisIndex:m,clip:!0,renderItem:(I,P)=>{const f=x[I.dataIndex];if(!f)return;const k=f.points[0],L=f.points[1];if(!k||!L)return;const A=P.coord([k.timeIndex,k.value]),D=P.coord([L.timeIndex,L.value]),z=f.id===this.selectedDrawingId;if(f.type==="line")return{type:"group",children:[{type:"line",name:"line",shape:{x1:A[0],y1:A[1],x2:D[0],y2:D[1]},style:{stroke:f.style?.color||"#3b82f6",lineWidth:f.style?.lineWidth||2}},{type:"circle",name:"point-start",shape:{cx:A[0],cy:A[1],r:4},style:{fill:"#fff",stroke:f.style?.color||"#3b82f6",lineWidth:1,opacity:z?1:0}},{type:"circle",name:"point-end",shape:{cx:D[0],cy:D[1],r:4},style:{fill:"#fff",stroke:f.style?.color||"#3b82f6",lineWidth:1,opacity:z?1:0}}]};if(f.type==="fibonacci"){const R=A[0],U=A[1],H=D[0],J=D[1],Q=Math.min(R,H),at=Math.max(R,H),st=at-Q,v=J-U,M=[0,.236,.382,.5,.618,.786,1],E=["#787b86","#f44336","#ff9800","#4caf50","#2196f3","#00bcd4","#787b86"],F=[];F.push({type:"line",name:"line",shape:{x1:R,y1:U,x2:H,y2:J},style:{stroke:"#999",lineWidth:1,lineDash:[4,4]}}),F.push({type:"circle",name:"point-start",shape:{cx:R,cy:U,r:4},style:{fill:"#fff",stroke:f.style?.color||"#3b82f6",lineWidth:1,opacity:z?1:0},z:100}),F.push({type:"circle",name:"point-end",shape:{cx:H,cy:J,r:4},style:{fill:"#fff",stroke:f.style?.color||"#3b82f6",lineWidth:1,opacity:z?1:0},z:100}),M.forEach((Z,_)=>{const T=J-v*Z,G=E[_%E.length];F.push({type:"line",name:"fib-line",shape:{x1:Q,y1:T,x2:at,y2:T},style:{stroke:G,lineWidth:1},silent:!0});const tt=f.points[0].value,K=f.points[1].value,q=K-tt,et=K-q*Z;if(F.push({type:"text",style:{text:`${Z} (${et.toFixed(2)})`,x:Q+5,y:T-10,fill:G,fontSize:10},silent:!0}),_<M.length-1){const pt=M[_+1],lt=J-v*pt,ut=Math.abs(lt-T),gt=Math.min(T,lt);F.push({type:"rect",shape:{x:Q,y:gt,width:st,height:ut},style:{fill:E[(_+1)%E.length],opacity:.1},silent:!0})}});const B=[],$=[];return M.forEach((Z,_)=>{const T=J-v*Z,G=E[_%E.length];$.push({type:"line",shape:{x1:Q,y1:T,x2:at,y2:T},style:{stroke:G,lineWidth:1},silent:!0});const tt=f.points[0].value,K=f.points[1].value,q=K-tt,et=K-q*Z;if($.push({type:"text",style:{text:`${Z} (${et.toFixed(2)})`,x:Q+5,y:T-10,fill:G,fontSize:10},silent:!0}),_<M.length-1){const pt=M[_+1],lt=J-v*pt,ut=Math.abs(lt-T),gt=Math.min(T,lt);B.push({type:"rect",name:"line",shape:{x:Q,y:gt,width:st,height:ut},style:{fill:E[(_+1)%E.length],opacity:.1}})}}),{type:"group",children:[...B,...$,{type:"line",name:"line",shape:{x1:R,y1:U,x2:H,y2:J},style:{stroke:"#999",lineWidth:1,lineDash:[4,4]}},{type:"circle",name:"point-start",shape:{cx:R,cy:U,r:4},style:{fill:"#fff",stroke:f.style?.color||"#3b82f6",lineWidth:1,opacity:z?1:0},z:100},{type:"circle",name:"point-end",shape:{cx:H,cy:J,r:4},style:{fill:"#fff",stroke:f.style?.color||"#3b82f6",lineWidth:1,opacity:z?1:0},z:100}]}}},data:x.map(I=>[I.points[0].timeIndex,I.points[0].value,I.points[1].timeIndex,I.points[1].value]),z:100,silent:!1})});const C=x=>{const m=Ht.format(x,this.options),I=this.options.databox?.position;return I==="left"?(this.leftSidebar.innerHTML=m,""):I==="right"?(this.rightSidebar.innerHTML=m,""):this.options.databox?`<div style="min-width: 200px;">${m}</div>`:""},S={backgroundColor:this.options.backgroundColor,animation:!1,legend:{show:!1},tooltip:{show:!0,showContent:!!this.options.databox,trigger:"axis",triggerOn:this.options.databox?.triggerOn??"mousemove",axisPointer:{type:"cross",label:{backgroundColor:"#475569"}},backgroundColor:"rgba(30, 41, 59, 0.9)",borderWidth:1,borderColor:"#334155",padding:10,textStyle:{color:"#fff",fontFamily:this.options.fontFamily||"sans-serif"},formatter:C,extraCssText:t!=="floating"&&t!==void 0?"display: none !important;":void 0,position:(x,m,I,P,f)=>{if(this.options.databox?.position==="floating"){const k={top:10};return k[["left","right"][+(x[0]<f.viewSize[0]/2)]]=30,k}return null}},axisPointer:{link:{xAxisIndex:"all"},label:{backgroundColor:"#475569"}},graphic:u,grid:a.grid,xAxis:a.xAxis,yAxis:a.yAxis,dataZoom:a.dataZoom,series:[g,...d,...w]};this.chart.setOption(S,!0)}}var ee=Object.defineProperty,ie=(l,e,t)=>e in l?ee(l,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[e]=t,ht=(l,e,t)=>(ie(l,typeof e!="symbol"?e+"":e,t),t);class dt{constructor(e){ht(this,"id"),ht(this,"name"),ht(this,"icon"),ht(this,"context"),ht(this,"eventListeners",[]),this.id=e.id,this.name=e.name,this.icon=e.icon}init(e){this.context=e,this.onInit()}onInit(){}activate(){this.onActivate(),this.context.events.emit("plugin:activated",this.id)}onActivate(){}deactivate(){this.onDeactivate(),this.context.events.emit("plugin:deactivated",this.id)}onDeactivate(){}destroy(){this.removeAllListeners(),this.onDestroy()}onDestroy(){}on(e,t){this.context.events.on(e,t),this.eventListeners.push({event:e,handler:t})}off(e,t){this.context.events.off(e,t),this.eventListeners=this.eventListeners.filter(i=>i.event!==e||i.handler!==t)}removeAllListeners(){this.eventListeners.forEach(({event:e,handler:t})=>{this.context.events.off(e,t)}),this.eventListeners=[]}get chart(){return this.context.getChart()}get marketData(){return this.context.getMarketData()}}var se=Object.defineProperty,ne=(l,e,t)=>e in l?se(l,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[e]=t,Y=(l,e,t)=>(ne(l,typeof e!="symbol"?e+"":e,t),t);class oe extends dt{constructor(e){super({id:"measure",name:e?.name||"Measure",icon:e?.icon||'<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M160-240q-33 0-56.5-23.5T80-320v-320q0-33 23.5-56.5T160-720h640q33 0 56.5 23.5T880-640v320q0 33-23.5 56.5T800-240H160Zm0-80h640v-320H680v160h-80v-160h-80v160h-80v-160h-80v160h-80v-160H160v320Zm120-160h80-80Zm160 0h80-80Zm160 0h80-80Zm-120 0Z"/></svg>'}),Y(this,"zr"),Y(this,"state","idle"),Y(this,"startPoint",null),Y(this,"endPoint",null),Y(this,"group",null),Y(this,"rect",null),Y(this,"labelRect",null),Y(this,"labelText",null),Y(this,"lineV",null),Y(this,"lineH",null),Y(this,"arrowStart",null),Y(this,"arrowEnd",null),Y(this,"onMouseDown",()=>{this.state==="finished"&&this.removeGraphic()}),Y(this,"onChartInteraction",()=>{this.group&&this.removeGraphic()}),Y(this,"onClick",t=>{this.state==="idle"?(this.state="drawing",this.startPoint=[t.offsetX,t.offsetY],this.endPoint=[t.offsetX,t.offsetY],this.initGraphic(),this.updateGraphic()):this.state==="drawing"&&(this.state="finished",this.endPoint=[t.offsetX,t.offsetY],this.updateGraphic(),this.context.disableTools(),this.enableClearListeners())}),Y(this,"clearHandlers",{}),Y(this,"onMouseMove",t=>{this.state==="drawing"&&(this.endPoint=[t.offsetX,t.offsetY],this.updateGraphic())})}onInit(){this.zr=this.chart.getZr()}onActivate(){this.state="idle",this.chart.getZr().setCursorStyle("crosshair"),this.zr.on("click",this.onClick),this.zr.on("mousemove",this.onMouseMove)}onDeactivate(){this.state="idle",this.chart.getZr().setCursorStyle("default"),this.zr.off("click",this.onClick),this.zr.off("mousemove",this.onMouseMove),this.disableClearListeners(),this.state==="drawing"&&this.removeGraphic()}onDestroy(){this.removeGraphic()}enableClearListeners(){const e=()=>{this.removeGraphic()};setTimeout(()=>{this.zr.on("click",e)},10),this.zr.on("mousedown",this.onMouseDown),this.context.events.on("chart:dataZoom",this.onChartInteraction),this.clearHandlers={click:e,mousedown:this.onMouseDown,dataZoom:this.onChartInteraction}}disableClearListeners(){this.clearHandlers.click&&this.zr.off("click",this.clearHandlers.click),this.clearHandlers.mousedown&&this.zr.off("mousedown",this.clearHandlers.mousedown),this.clearHandlers.dataZoom&&this.context.events.off("chart:dataZoom",this.clearHandlers.dataZoom),this.clearHandlers={}}initGraphic(){this.group||(this.group=new W.graphic.Group,this.rect=new W.graphic.Rect({shape:{x:0,y:0,width:0,height:0},style:{fill:"rgba(0,0,0,0)",stroke:"transparent",lineWidth:0},z:100}),this.lineV=new W.graphic.Line({shape:{x1:0,y1:0,x2:0,y2:0},style:{stroke:"#fff",lineWidth:1,lineDash:[4,4]},z:101}),this.lineH=new W.graphic.Line({shape:{x1:0,y1:0,x2:0,y2:0},style:{stroke:"#fff",lineWidth:1,lineDash:[4,4]},z:101}),this.arrowStart=new W.graphic.Polygon({shape:{points:[[0,0],[-5,10],[5,10]]},style:{fill:"#fff"},z:102}),this.arrowEnd=new W.graphic.Polygon({shape:{points:[[0,0],[-5,-10],[5,-10]]},style:{fill:"#fff"},z:102}),this.labelRect=new W.graphic.Rect({shape:{x:0,y:0,width:0,height:0,r:4},style:{fill:"transparent",stroke:"transparent",lineWidth:0,shadowBlur:5,shadowColor:"rgba(0,0,0,0.3)"},z:102}),this.labelText=new W.graphic.Text({style:{x:0,y:0,text:"",fill:"#fff",font:"12px sans-serif",align:"center",verticalAlign:"middle"},z:103}),this.group.add(this.rect),this.group.add(this.lineV),this.group.add(this.lineH),this.group.add(this.arrowStart),this.group.add(this.arrowEnd),this.group.add(this.labelRect),this.group.add(this.labelText),this.zr.add(this.group))}removeGraphic(){this.group&&(this.zr.remove(this.group),this.group=null,this.disableClearListeners())}updateGraphic(){if(!this.startPoint||!this.endPoint||!this.group)return;const[e,t]=this.startPoint,[i,s]=this.endPoint,n=this.context.coordinateConversion.pixelToData({x:e,y:t}),o=this.context.coordinateConversion.pixelToData({x:i,y:s});if(!n||!o)return;const c=Math.round(n.timeIndex),r=Math.round(o.timeIndex),a=n.value,g=o.value,y=r-c,h=g-a,d=h/a*100,p=h>=0,u=p?"rgba(33, 150, 243, 0.2)":"rgba(236, 0, 0, 0.2)",b=p?"#2196F3":"#ec0000";this.rect.setShape({x:Math.min(e,i),y:Math.min(t,s),width:Math.abs(i-e),height:Math.abs(s-t)}),this.rect.setStyle({fill:u});const w=(e+i)/2,C=(t+s)/2;this.lineV.setShape({x1:w,y1:t,x2:w,y2:s}),this.lineV.setStyle({stroke:b}),this.lineH.setShape({x1:e,y1:C,x2:i,y2:C}),this.lineH.setStyle({stroke:b});const S=Math.min(t,s),x=Math.max(t,s);this.arrowStart.setStyle({fill:"none"}),this.arrowEnd.setStyle({fill:"none"}),p?(this.arrowStart.setShape({points:[[w,S],[w-4,S+6],[w+4,S+6]]}),this.arrowStart.setStyle({fill:b})):(this.arrowEnd.setShape({points:[[w,x],[w-4,x-6],[w+4,x-6]]}),this.arrowEnd.setStyle({fill:b}));const m=[`${h.toFixed(2)} (${d.toFixed(2)}%)`,`${y} bars, ${(y*0).toFixed(0)}d`].join(`
+`),I=140,P=40,f=Math.max(t,s),k=Math.min(t,s);let L=(e+i)/2-I/2,A=f+10;const D=this.chart.getHeight();A+P>D&&(A=k-P-10),this.labelRect.setShape({x:L,y:A,width:I,height:P}),this.labelRect.setStyle({fill:"#1e293b",stroke:b,lineWidth:1}),this.labelText.setStyle({x:L+I/2,y:A+P/2,text:m,fill:"#fff"})}}var re=Object.defineProperty,ae=(l,e,t)=>e in l?re(l,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[e]=t,X=(l,e,t)=>(ae(l,typeof e!="symbol"?e+"":e,t),t);class le extends dt{constructor(e){super({id:"trend-line",name:e?.name||"Trend Line",icon:e?.icon||'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="2" y1="22" x2="22" y2="2" /></svg>'}),X(this,"zr"),X(this,"state","idle"),X(this,"startPoint",null),X(this,"endPoint",null),X(this,"group",null),X(this,"line",null),X(this,"startCircle",null),X(this,"endCircle",null),X(this,"onMouseDown",()=>{}),X(this,"onChartInteraction",()=>{}),X(this,"onClick",t=>{if(this.state==="idle")this.state="drawing",this.startPoint=[t.offsetX,t.offsetY],this.endPoint=[t.offsetX,t.offsetY],this.initGraphic(),this.updateGraphic();else if(this.state==="drawing"){if(this.state="finished",this.endPoint=[t.offsetX,t.offsetY],this.updateGraphic(),this.startPoint&&this.endPoint){const i=this.context.coordinateConversion.pixelToData({x:this.startPoint[0],y:this.startPoint[1]}),s=this.context.coordinateConversion.pixelToData({x:this.endPoint[0],y:this.endPoint[1]});if(i&&s){const n=i.paneIndex||0;this.context.addDrawing({id:`line-${Date.now()}`,type:"line",points:[i,s],paneIndex:n,style:{color:"#3b82f6",lineWidth:2}})}}this.removeGraphic(),this.context.disableTools()}}),X(this,"clearHandlers",{}),X(this,"onMouseMove",t=>{this.state==="drawing"&&(this.endPoint=[t.offsetX,t.offsetY],this.updateGraphic())})}onInit(){this.zr=this.chart.getZr()}onActivate(){this.state="idle",this.chart.getZr().setCursorStyle("crosshair"),this.zr.on("click",this.onClick),this.zr.on("mousemove",this.onMouseMove)}onDeactivate(){this.state="idle",this.chart.getZr().setCursorStyle("default"),this.zr.off("click",this.onClick),this.zr.off("mousemove",this.onMouseMove),this.disableClearListeners(),this.state==="drawing"&&this.removeGraphic()}onDestroy(){this.removeGraphic()}saveDataCoordinates(){}updateGraphicFromData(){}enableClearListeners(){}disableClearListeners(){}initGraphic(){this.group||(this.group=new W.graphic.Group,this.line=new W.graphic.Line({shape:{x1:0,y1:0,x2:0,y2:0},style:{stroke:"#3b82f6",lineWidth:2},z:100}),this.startCircle=new W.graphic.Circle({shape:{cx:0,cy:0,r:4},style:{fill:"#fff",stroke:"#3b82f6",lineWidth:1},z:101}),this.endCircle=new W.graphic.Circle({shape:{cx:0,cy:0,r:4},style:{fill:"#fff",stroke:"#3b82f6",lineWidth:1},z:101}),this.group.add(this.line),this.group.add(this.startCircle),this.group.add(this.endCircle),this.zr.add(this.group))}removeGraphic(){this.group&&(this.zr.remove(this.group),this.group=null,this.disableClearListeners())}updateGraphic(){if(!this.startPoint||!this.endPoint||!this.group)return;const[e,t]=this.startPoint,[i,s]=this.endPoint;this.line.setShape({x1:e,y1:t,x2:i,y2:s}),this.startCircle.setShape({cx:e,cy:t}),this.endCircle.setShape({cx:i,cy:s})}}var he=Object.defineProperty,ce=(l,e,t)=>e in l?he(l,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[e]=t,it=(l,e,t)=>(ce(l,typeof e!="symbol"?e+"":e,t),t);class de extends dt{constructor(e={}){super({id:"fibonacci-tool",name:e.name||"Fibonacci Retracement",icon:e.icon||'<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M120-80v-80h720v80H120Zm0-240v-80h720v80H120Zm0-240v-80h720v80H120Zm0-240v-80h720v80H120Z"/></svg>'}),it(this,"startPoint",null),it(this,"endPoint",null),it(this,"state","idle"),it(this,"graphicGroup",null),it(this,"levels",[0,.236,.382,.5,.618,.786,1]),it(this,"colors",["#787b86","#f44336","#ff9800","#4caf50","#2196f3","#00bcd4","#787b86"]),it(this,"onClick",t=>{this.state==="idle"?(this.state="drawing",this.startPoint=[t.offsetX,t.offsetY],this.endPoint=[t.offsetX,t.offsetY],this.initGraphic(),this.updateGraphic()):this.state==="drawing"&&(this.state="finished",this.endPoint=[t.offsetX,t.offsetY],this.updateGraphic(),this.saveDrawing(),this.removeGraphic(),this.context.disableTools())}),it(this,"onMouseMove",t=>{this.state==="drawing"&&(this.endPoint=[t.offsetX,t.offsetY],this.updateGraphic())})}onActivate(){this.state="idle",this.startPoint=null,this.endPoint=null,this.context.getChart().getZr().setCursorStyle("crosshair"),this.bindEvents()}onDeactivate(){this.state="idle",this.startPoint=null,this.endPoint=null,this.removeGraphic(),this.unbindEvents(),this.context.getChart().getZr().setCursorStyle("default")}bindEvents(){const e=this.context.getChart().getZr();e.on("click",this.onClick),e.on("mousemove",this.onMouseMove)}unbindEvents(){const e=this.context.getChart().getZr();e.off("click",this.onClick),e.off("mousemove",this.onMouseMove)}initGraphic(){this.graphicGroup=new W.graphic.Group,this.context.getChart().getZr().add(this.graphicGroup)}removeGraphic(){this.graphicGroup&&(this.context.getChart().getZr().remove(this.graphicGroup),this.graphicGroup=null)}updateGraphic(){if(!this.graphicGroup||!this.startPoint||!this.endPoint)return;this.graphicGroup.removeAll();const e=this.startPoint[0],t=this.startPoint[1],i=this.endPoint[0],s=this.endPoint[1],n=new W.graphic.Line({shape:{x1:e,y1:t,x2:i,y2:s},style:{stroke:"#999",lineWidth:1,lineDash:[4,4]},silent:!0});this.graphicGroup.add(n);const o=Math.min(e,i),c=Math.max(e,i),r=c-o,a=s-t;this.levels.forEach((g,y)=>{const h=s-a*g,d=this.colors[y%this.colors.length],p=new W.graphic.Line({shape:{x1:o,y1:h,x2:c,y2:h},style:{stroke:d,lineWidth:1},silent:!0});if(this.graphicGroup.add(p),y<this.levels.length-1){const u=this.levels[y+1],b=s-a*u,w=Math.abs(b-h),C=Math.min(h,b),S=new W.graphic.Rect({shape:{x:o,y:C,width:r,height:w},style:{fill:this.colors[(y+1)%this.colors.length],opacity:.1},silent:!0});this.graphicGroup.add(S)}})}saveDrawing(){if(!this.startPoint||!this.endPoint)return;const e=this.context.coordinateConversion.pixelToData({x:this.startPoint[0],y:this.startPoint[1]}),t=this.context.coordinateConversion.pixelToData({x:this.endPoint[0],y:this.endPoint[1]});if(e&&t){const i=e.paneIndex||0;this.context.addDrawing({id:`fib-${Date.now()}`,type:"fibonacci",points:[e,t],paneIndex:i,style:{color:"#3b82f6",lineWidth:1}})}}}export{dt as AbstractPlugin,de as FibonacciTool,le as LineTool,oe as MeasureTool,te as QFChart};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@qfo/qfchart",
-    "version": "0.6.5",
+    "version": "0.6.7",
     "description": "Professional financial charting library built on Apache ECharts with candlestick charts, technical indicators, and interactive drawing tools",
     "keywords": [
         "chart",