<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">import{u as J,r as R}from"./index-d863212f.js";import{_ as z,as as G,v as S,A as w,x as I,y as _,B as y,S as K,N as V,F as T,ae as F,O as $,E as k,M,am as A,C as W,z as P,G as O,aw as j,V as Q,T as E,U,D as B,H as Z,I as X}from"./index-914819a7.js";import{r as ee}from"./charting_library.esm-91dbc6b4.js";const te={aggregation_time:null,time_interval:null},ae={name:"ConfigTradingView",components:{TSModalWindow:G},props:{trade_id:null},emits:["update_charts"],setup:()=&gt;({v$:J()}),data(){return{form:Object.assign({},te),options_aggregation:[],options_interval:[],submit:!1,submitted:!1,isLoading:!1,chart_id:null,chart_type:1,options:{aggregation_time:null,time_interval:null,formdata:null}}},computed:{isIntraday(){return this.$store.getters.TradeChartsMetadata.is_intraday}},methods:{show(){this.$refs.ConfigTV.show(),this.submit=!1,this.$nextTick(()=&gt;{this.v$.$reset()})},filterTimeInterval(e){if(e){const t=this.options_aggregation.find(i=&gt;i.id===e.id).name.toLowerCase();t.includes("day")||e.id==10?this.options_interval=this.options.formdata.time_interval.filter(i=&gt;i.name.includes("min")||i.name.includes("hour")):["1 month","3 month"].includes(t)?this.options_interval=this.options.formdata.time_interval.filter(i=&gt;!(i.name.includes("min")||i.name.includes("hour"))||["30 min","1 hour","4 hours"].includes(i.name)):["6 month"].includes(t)?this.options_interval=this.options.formdata.time_interval.filter(i=&gt;!(i.name.includes("min")||i.name.includes("hour"))):this.options_interval=this.options.formdata.time_interval.filter(i=&gt;!(i.name.includes("min")||i.name.includes("hour"))),this.form.time_interval&amp;&amp;!this.options_interval.find(i=&gt;i.id===this.form.time_interval.id)&amp;&amp;(this.form.time_interval=null)}},setData(){this.options_aggregation=this.options.formdata.aggregation_period,this.options_interval=this.options.formdata.time_interval,this.form.aggregation_time=this.options.aggregation_time?this.options_aggregation.find(e=&gt;e.id===this.options.aggregation_time):null,this.form.time_interval=this.options.time_interval?this.options_interval.find(e=&gt;e.id===this.options.time_interval):null,this.filterTimeInterval(this.form.aggregation_time),this.isLoading=!1,this.$nextTick(()=&gt;{this.v$.$reset()})},chkState(e){const t=this.v$.form[e];return t.$dirty?!t.$invalid:null},clickCancel(){this.$parent.showConfigChartModal=!1},clickAccept(){if(this.submit=!0,this.v$.form.$touch(),!this.v$.form.$invalid){this.submitted=!0;const e={trade_id:this.trade_id,time_interval_id:this.form.time_interval.id,aggregation_id:this.form.aggregation_time.id};this.chart_id!==null&amp;&amp;this.chart_id!==void 0&amp;&amp;(e.chart_id=this.chart_id),this.$parent.showConfigChartModal=!1,this.$parent.isLoading=!0,this.$store.dispatch("addTradingViewChart",{data:e,ooptURL:"http://localhost:5000"}).then(t=&gt;{this.$refs.ConfigTV.hide(),t.status==="Success"&amp;&amp;!t.message.includes("Not data for Chart")&amp;&amp;(e.chart_id?(this.$store.commit("addTradingViewUpdatingChartID",e.chart_id),this.$store.commit("updateTradeChartMetadata",{chart:t.chart_id,id:e.chart_id})):this.$store.commit("addTradeChartMetadata",{chart:t.chart_id,form_data:t.form_data})),this.$parent.isLoading=!1,this.showSuccessMsg({title:t.title?t.title:"",message:t.message?t.message:""}),this.$emit("update_charts",t),this.submitted=!1}).catch(t=&gt;{this.submitted=!1,this.$parent.isLoading=!1,t.response&amp;&amp;this.showErrorMsg({title:t.response.data.title,message:t.response.data.message}),console.log(t)})}}},validations(){return{form:{aggregation_time:{required:R},time_interval:{required:R}}}}};function se(e,t,i,r,a,s){const n=S("ts-multiselect"),o=S("b-form-invalid-feedback"),l=S("b-form-group"),d=S("b-form"),h=S("TSModalWindow");return w(),I(h,{ref:"ConfigTV",title:"Configure Chart","disable-accept":a.submitted||a.isLoading,"is-processing":a.submitted,onAccept:s.clickAccept,onCancel:s.clickCancel},{default:_(()=&gt;[y(d,{novalidate:"",onSubmit:K(s.clickAccept,["prevent"])},{default:_(()=&gt;[V(y(l,{id:"aggregation_time",class:"mb-4",label:"Aggregation Time","label-for":"aggregation_time"},{default:_(()=&gt;[y(n,{modelValue:e.v$.form.aggregation_time.$model,"onUpdate:modelValue":t[0]||(t[0]=f=&gt;e.v$.form.aggregation_time.$model=f),options:a.options_aggregation,searchable:!0,multiple:!1,"show-labels":!1,placeholder:"Type to search",label:"name","track-by":"id",class:"ts-select",state:s.chkState("aggregation_time"),"aria-describedby":"aggregation_timeError",onSelect:s.filterTimeInterval},{placeholder:_(()=&gt;[T("Select an option")]),_:1},8,["modelValue","options","state","onSelect"]),y(o,{id:"aggregation_timeError",style:F({display:a.submit&amp;&amp;!s.chkState("aggregation_time")?"block":"none"})},{default:_(()=&gt;[T(" Aggregation Time is a required field ")],void 0,!0),_:1},8,["style"])],void 0,!0),_:1},512),[[$,!0]]),e.v$.form.aggregation_time.$model?(w(),I(l,{key:0,id:"time_interval",class:"mb-4",label:"Time Interval","label-for":"time_interval"},{default:_(()=&gt;[y(n,{modelValue:e.v$.form.time_interval.$model,"onUpdate:modelValue":t[1]||(t[1]=f=&gt;e.v$.form.time_interval.$model=f),options:a.options_interval,searchable:!0,multiple:!1,"show-labels":!1,placeholder:"Type to search",label:"name","track-by":"id",class:"ts-select",state:s.chkState("time_interval"),"aria-describedby":"time_intervalError"},{placeholder:_(()=&gt;[T("Select an option")]),_:1},8,["modelValue","options","state"]),y(o,{id:"time_intervalError",style:F({display:a.submit&amp;&amp;!s.chkState("time_interval")?"block":"none"})},{default:_(()=&gt;[T(" Time Interval is a required field ")],void 0,!0),_:1},8,["style"])],void 0,!0),_:1})):k("",!0)],void 0,!0),_:1},8,["onSubmit"])],void 0,!0),_:1},8,["disable-accept","is-processing","onAccept","onCancel"])}const Y=z(ae,[["render",se]]);const N={not_loaded:0,loading:1,loaded:2},x={0:"barStyle",1:"candleStyle",2:"lineStyle",3:"areaStyle",8:"haStyle",9:"hollowCandleStyle",10:"baselineStyle",12:"hiloStyle",13:"columnStyle"},q=["pivot points standard"],L=[{id:1,resolution:"1"},{id:2,resolution:"2"},{id:3,resolution:"3"},{id:4,resolution:"4"},{id:5,resolution:"5"},{id:6,resolution:"10"},{id:16,resolution:"15"},{id:17,resolution:"30"},{id:7,resolution:"60"},{id:8,resolution:"240"},{id:9,resolution:"1D"},{id:10,resolution:"2D"},{id:11,resolution:"3D"},{id:12,resolution:"4D"},{id:13,resolution:"1W"},{id:14,resolution:"1M"}];let H=null;const ie={name:"TradingViewChart",components:{ConfigTradingView:Y},props:{tradeId:{required:!0,type:Number},symbol:{required:!0,type:String},metadataProp:{required:!0,type:Object},chartIndex:{required:!0,type:Number},isPublic:{required:!0,type:Boolean},removeChart:{type:Function},showErrorMsg:{type:Function,required:!0},showSuccessMsg:{type:Function,required:!0},creatingDefaultCharts:{type:Boolean,default:!1},libraryPath:{default:"/charting_library/",type:String},isActive:{type:Boolean,default:!1},chartFocusTheme:{type:Boolean,required:!1,default:!1},activePnlMarkers:{type:Array,required:!1,default:()=&gt;[]},tradeSide:{type:String,required:!1,default:""}},data(){return{metadata:{},showConfigChartModal:!1,isLoading:!0,chart_id:null,chart_err:null,chart_script_load:N.not_loaded,chart_script_load_count:0,targets:[],stops:[],flags:[],buyFlagsHandler:[],sellFlagsHandler:[],targetStopHandler:[],pnlTargetsMarkers:[],historyCalled:!1,chartAllData:{options:{show_buy_flags:!0,show_sell_flags:!0,show_targets:!0}},myDOMRef:null,intervalChanged:-1,chartIsRefreshing:!1,refreshingByMe:!1,tvWidget:null,visibleRangeCount:0,isFullDataLoaded:!1,defaultChartCreation:!1,setVisibleRangeInfo:{},dontFireAutosave:!1,chartIsReady:!1,themeSelected:this.$store.getters.getThemeID,onChartMouse:!1}},computed:{pnlHideIsOpen(){return this.$store.getters.pnlHideIsOpen},isSavingIndicators(){return this.$store.getters.isSavingIndicators},drawingToolsLookupTable(){return this.$store.getters.TradeChartsDrawingToolsLookupTable},chartOptions(){return this.chartAllData.options},isOptionChart(){return this.isPublic?this.$store.getters.getPublicTradeDetailData.ifoption:this.$store.getters.getTradeDetailData.ifoption},tradingViewIndicators(){return this.$store.getters.TradingViewIndicators},tradingViewChartDrawings(){return this.$store.getters.TradingViewChartDrawings},chartsData(){return this.$store.getters.TradeChartsData},chartsFormData(){return this.$store.getters.TradeChartsFormData}},watch:{pnlHideIsOpen(){if(this.tvWidget&amp;&amp;this.$store.getters.getTradeDetailViewSettings.balanced&amp;&amp;this.$route.path.includes("/trades/detail")){const e=document.getElementById("chart-pnl-card"),t=document.getElementById(this.tvWidget._id);t&amp;&amp;e&amp;&amp;setTimeout(()=&gt;{t.style.height=this.pnlHideIsOpen?`${e.offsetHeight}px`:"600px"},0)}},"$store.getters.getThemeID":{deep:!0,handler(e){if(this.themeSelected=e,this.tvWidget)try{this.tvWidget.changeTheme(e==1?"dark":"light")}catch(t){console.log("Error changing theme",t)}}},"$store.getters.TradingViewIndicators":{deep:!0,handler(e,t){if(Array.isArray(e)&amp;&amp;Array.isArray(t)){if(this.metadata.charts[this.chartIndex].chart_id==this.$store.getters.TradingViewUpdaterChartID){this.refreshingByMe=!1;return}if(JSON.stringify(e)!==JSON.stringify(t)&amp;&amp;this.chartIsReady)this.isFullDataLoaded=!1,this.visibleRangeCount=0,setTimeout(()=&gt;{this.refreshChartIndicatorAndSettings(this)},0);else{const i=this;this.checkIfChangedChartPropertiesFromLocalStorage(this,r=&gt;{r&amp;&amp;(this.isFullDataLoaded=!1,this.visibleRangeCount=0,i.refreshChartIndicatorAndSettings(i))})}}}},"metadataProp.charts":{deep:!0,handler(){this.metadata={...this.metadataProp},this.chartAllData=this.metadata.charts[this.chartIndex],this.chartAllData&amp;&amp;Array.isArray(this.chartAllData.chart_info)&amp;&amp;this.chartAllData.chart_info.length&gt;0&amp;&amp;(this.chartAllData.chart_info=this.chartAllData.chart_info[0]),this.checkIfDailyIsOneWeek()}},"metadataProp.flags":{deep:!0,handler(e,t){try{if(!this.chartIsReady||JSON.stringify(e)==JSON.stringify(t))return;this.metadataProp.flags&amp;&amp;Array.isArray(this.metadataProp.flags)&amp;&amp;(this.metadata.flags=[...this.metadataProp.flags]),this.toggleBuyFlags(this,!1),this.toggleSellFlags(this,!1),setTimeout(()=&gt;{this.toggleSellFlags(this,!0),this.toggleBuyFlags(this,!0)},500)}catch{this.dontFireAutosave=!1,console.log("Could not update flags ")}}},"metadataProp.targets":{deep:!0,handler(e,t){try{if(JSON.stringify(e)==JSON.stringify(t))return;this.metadataProp.targets&amp;&amp;Array.isArray(this.metadataProp.targets)&amp;&amp;(this.metadata.targets=[...this.metadataProp.targets]),this.toggleTargetStopLines(this,!1),setTimeout(()=&gt;{this.chartOptions.show_targets&amp;&amp;this.toggleTargetStopLines(this,!0)},500)}catch{this.dontFireAutosave=!1,console.log("Could not update targets ")}}},"metadataProp.losses":{deep:!0,handler(e,t){try{if(JSON.stringify(e)==JSON.stringify(t))return;this.metadataProp.losses&amp;&amp;Array.isArray(this.metadataProp.losses)&amp;&amp;(this.metadata.losses=[...this.metadataProp.losses]),this.toggleTargetStopLines(this,!1),setTimeout(()=&gt;{this.chartOptions.show_targets&amp;&amp;this.toggleTargetStopLines(this,!0)},500)}catch{this.dontFireAutosave=!1,console.log("Could not update losses")}}}},unmounted(){this.tvWidget!==null&amp;&amp;(this.tvWidget.remove(),this.tvWidget=null),M.$off("chartOptionsChanged",this.handleChartOptionsChanged),M.$off("updateChart",this.updateCharts),M.$off("themeDark",e=&gt;this.updateTheme(e)),M.$off("updatePnlMarkers")},mounted(){M.$on("chartOptionsChanged",this.handleChartOptionsChanged),M.$on("updateChart",this.updateCharts),M.$on("themeDark",async e=&gt;{this.dontFireAutosave=!0,await this.updateTheme(e).then(()=&gt;{setTimeout(()=&gt;{this.applyMainSerieStyles(),this.refreshingByMe=!0,clearTimeout(this.timerHandler),this.timerHandler=setTimeout(async()=&gt;{this.$store.commit("setTradingViewUpdaterChartID",this.metadata.charts[this.chartIndex].chart_id),await this.saveChartStateToLocalStorage(this),this.defaultChartCreation=!1,this.refreshingByMe=!1},100),this.dontFireAutosave=!1},1500)})}),M.$on("updatePnlMarkers",this.handlePnlMarkers),this.defaultChartCreation=this.creatingDefaultCharts,this.metadata={...this.metadataProp},this.chartAllData=this.metadata.charts[this.chartIndex],Array.isArray(this.chartAllData.chart_info)&amp;&amp;this.chartAllData.chart_info.length&gt;0&amp;&amp;(this.chartAllData.chart_info=this.chartAllData.chart_info[0]),this.tvWidget!==null&amp;&amp;(this.tvWidget.remove(),this.tvWidget=null),this.buyFlagsHandler=[],this.sellFlagsHandler=[],this.targetStopHandler=[],this.checkIfDailyIsOneWeek(),setTimeout(()=&gt;{this.setupCharts()},0),document.addEventListener("touchstart",function(){M.$emit("activeOverlay",!0)})},methods:{deactivateAutoSave(){var e;this.tvWidget&amp;&amp;(this.timerAutosave&amp;&amp;clearTimeout(this.timerAutosave),this.dontFireAutosave=!0,(e=this.tvWidget)==null||e.unsubscribe("onAutoSaveNeeded",this.handleAutosaveNeeded))},activateAutoSave(e=1e3){this.tvWidget&amp;&amp;(this.timerAutosave=setTimeout(()=&gt;{var t;this.dontFireAutosave=!1,(t=this.tvWidget)==null||t.subscribe("onAutoSaveNeeded",this.handleAutosaveNeeded)},e))},async handleAutosaveNeeded(e){if(this.chartIsReady){if(this.$store.getters.TradingViewUpdatingChartID.indexOf(this.metadata.charts[this.chartIndex].chart_id)&gt;-1){this.$store.commit("removeTradingViewUpdatingChartID",this.metadata.charts[this.chartIndex].chart_id),this.refreshingByMe=!1;return}(this.chartIsReady&amp;&amp;!this.chartIsRefreshing&amp;&amp;!this.dontFireAutosave&amp;&amp;(this.isFullDataLoaded||!0)||this.defaultChartCreation)&amp;&amp;(this.refreshingByMe=!0,this.isPublic||(clearTimeout(this.timerHandler),this.timerHandler=setTimeout(async()=&gt;{this.$store.commit("setTradingViewUpdaterChartID",this.metadata.charts[this.chartIndex].chart_id),await this.saveChartStateToLocalStorage(this),this.defaultChartCreation=!1,this.refreshingByMe=!1},1500)))}},async applyMainSerieStyles(){await this.tvWidget.save(async e=&gt;{const t=this.getChartPropertiesFromLocalStorage();if(t){let i=null,r=null;t.chartProperties?(t.sessions&amp;&amp;(e.charts[0].sessions=t.sessions),t.mainSeriesStyle&amp;&amp;(i=t.mainSeriesStyle),t.mainSeriesState&amp;&amp;(r=t.mainSeriesState)):e.charts[0].chartProperties=t;const a=e.charts[0].panes[0].sources.map(s=&gt;s.type).indexOf("MainSeries");a&gt;-1&amp;&amp;i&amp;&amp;(e.charts[0].panes[0].sources[a].state.candleStyle=i),a&gt;-1&amp;&amp;r&amp;&amp;(e.charts[0].panes[0].sources[a].state.style=r.style,e.charts[0].panes[0].sources[a].state[x[r.style]]=r[x[r.style]],e.charts[0].panes[0].sources[a].state.minTick=r.minTick||"default"),await this.tvWidget.load(e)}})},async updateTheme(e){if(this.tvWidget)try{return this.tvWidget.changeTheme(e=="true"?"dark":"light")}catch(t){console.log("Error changing theme",t)}},handleChartOptionsChanged(e){e.key==="show_targets"?this.toggleTargetStopLines(this,e.value):e.key=="show_buy_flags"?this.toggleBuyFlags(this,e.value):e.key==="show_sell_flags"&amp;&amp;this.toggleSellFlags(this,e.value),this.chartOptions[e.key]=e.value,this.isOptionChart&amp;&amp;["show_buy_flags","show_sell_flags"].includes(e.key)&amp;&amp;setTimeout(()=&gt;{this.dontFireAutosave=!0,this.tvWidget.activeChart().clearMarks(),this.tvWidget.activeChart().refreshMarks(),setTimeout(()=&gt;{this.dontFireAutosave=!1},1e3)},100)},SetupCustomDatafeed(){const e=this;return{onReady:t=&gt;{const i={supports_search:!0,supports_group_request:!1,supports_marks:!!this.isOptionChart,supports_timescale_marks:!1,supports_time:!1,exchanges:[{value:"",name:"All Exchanges",desc:""},{value:"NasdaqNM",name:"NasdaqNM",desc:"NasdaqNM"},{value:"NYSE",name:"NYSE",desc:"NYSE"},{value:"NCM",name:"NCM",desc:"NCM"},{value:"NGM",name:"NGM",desc:"NGM"}],symbols_types:[{name:"All types",value:""},{name:"Stock",value:"stock"},{name:"Index",value:"index"}],supported_resolutions:this.metadata.charts[this.chartIndex].is_intraday?this.specialIntraday?["30","60","240"]:["1","2","3","4","5","10","15","30","60","240"]:["1D","2D","3D","4D","W","1M"]};setTimeout(()=&gt;t(i),0)},searchSymbols:(t,i,r,a)=&gt;{a([])},resolveSymbol:(t,i,r)=&gt;{const a={name:this.symbol,exchange_traded:"",exchange_listed:"",timezone:"Etc/UTC",minmov:1,minmov2:0,pointvalue:1,session:"24x7",has_intraday:this.metadata.charts[this.chartIndex].is_intraday,visible_plots_set:"ohlc",description:this.symbol,type:"stock",supported_resolutions:this.metadata.charts[this.chartIndex].is_intraday?["1","2","3","4","5","10","15","30","60","240"]:["1D","2D","3D","4D","W","1M","6M","12M","18M","24M"],pricescale:1e4,ticker:this.symbol};this.metadata.charts[this.chartIndex].is_intraday?a.intraday_multipliers=["1","2","3","4","5","10","15","30","60","240"]:a["has-daily"]=!0,setTimeout(function(){i(a)},0)},getBars:function(t,i,r,a,s){e.getChartDataRange(r.from,r.to).then(n=&gt;(r.firstDataRequest||setTimeout(()=&gt;{e.isFullDataLoaded=!0},100),n.s==="ok"&amp;&amp;r.firstDataRequest?n.t.map(function(l,d){return{time:l*1e3,low:n.l[d],high:n.h[d],open:n.o[d],close:n.c[d],volume:n.v[d]}}):[])).then(n=&gt;{n.length?a(n,{noData:!1}):a(n,{noData:!0})}).catch(n=&gt;{console.log({err:n}),s(n)})},getMarks:(t,i,r,a,s)=&gt;{const n=[];try{for(let o=0;o&lt;this.metadata.flags.length;o++){const l=this.metadata.flags[o];let d=l.date;try{d=this.getRoundedDate(l.dateformat).getTime()/1e3}catch(h){console.log(h),d=l.date}(String(l.action).toLowerCase()=="buy"&amp;&amp;this.chartOptions.show_buy_flags||String(l.action).toLowerCase()=="sell"&amp;&amp;this.chartOptions.show_sell_flags)&amp;&amp;n.push({id:o,time:d,color:String(l.action).toLowerCase()=="buy"?"green":"red",text:String(l.action).toUpperCase()+" "+l.info,label:String(l.action).toLowerCase()=="buy"?"B":"S",labelFontColor:"white",minSize:20})}}catch(o){console.log(o)}a(n)},subscribeBars:(t,i,r,a,s)=&gt;{},unsubscribeBars:t=&gt;{}}},binarySearch(e,t){let i=0,r=e.length-1;for(;i&lt;=r;){const s=Math.floor((i+r)/2);if(e[s]===t)return s;e[s]&lt;t?i=s+1:r=s-1}return i&gt;r?Math.max(Math.min(i,e.length),0):Math.max(Math.min(r,e.length),0)},Capitalize(e){return typeof e!="string"?"":e.charAt(0).toUpperCase()+e.slice(1)},checkIfDailyIsOneWeek(){if(this.chartAllData)if(this.specialIntraday=!1,this.chartAllData.aggregation_name){const e=String(this.chartAllData.aggregation_name).toLowerCase();if(e.includes("week")||e.includes("day"))this.metadata.charts[this.chartIndex].is_intraday=!0;else{const t=String(this.chartAllData.time_interval_name).toLowerCase();t.includes("min")||t.includes("hour")?(this.specialIntraday=!0,this.metadata.charts[this.chartIndex].is_intraday=!0):this.metadata.charts[this.chartIndex].is_intraday=!1}}else this.metadata.charts[this.chartIndex].is_intraday=!1},generateRef(){return this.myDOMRef==null&amp;&amp;(this.myDOMRef="tradingview_container_"+this.chartIndex),this.myDOMRef},closest(e,t){return t.reduce((i,r)=&gt;{const a=Math.abs(i-e),s=Math.abs(r-e);return a==s?i&gt;r?i:r:s&lt;a?r:i})},async getChartDataRange(e,t){try{const i=this.binarySearch(this.chartAllData.chart_info.t,e),r=this.binarySearch(this.chartAllData.chart_info.t,t),a=this.chartAllData.chart_info.t.indexOf(i),s=this.chartAllData.chart_info.t.indexOf(r),n=this.chartAllData.chart_info.t.length-1;if(this.intervalChanged!=-1){let o="1";const l=L.map(h=&gt;h.resolution).indexOf(this.intervalChanged);if(l&gt;-1?o=L[l].id:o=this.metadata.charts[this.chartIndex].is_intraday?"1":"9",this.metadata.charts[this.chartIndex].time_interval_id==o)return this.chartAllData.chart_info;const d={trade_id:this.tradeId,time_interval_id:o,aggregation_id:this.metadata.charts[this.chartIndex].aggregation_id,chart_id:this.metadata.charts[this.chartIndex].chart_id};this.intervalChanged=-1;try{this.askedMeTwice=!1,this.dontFireAutosave=!0;const h=await this.$store.dispatch("addTradingViewChart",{data:d});if(h)return h.status==="Success"&amp;&amp;!h.message.includes("Not data for Chart")?(this.$store.commit("addTradingViewUpdatingChartID",d.chart_id),this.$store.commit("updateTradeChartMetadata",{chart:h.chart_id,id:d.chart_id}),this.showSuccessMsg({title:h.title?h.title:"",message:h.message?h.message:""}),this.updateCharts(),h.chart_id.chart_info):this.chartAllData.chart_info;this.isLoading=!1}catch(h){return this.isLoading=!1,this.dontFireAutosave=!1,h.response&amp;&amp;this.showErrorMsg({title:h.response.data.title,message:h.response.data.message}),console.log(h),this.chartAllData.chart_info}}else return a==0&amp;&amp;s==0?this.askedMeTwice?{s:"no_data",noData:!0}:(this.askedMeTwice=!0,this.chartAllData.chart_info):a==n&amp;&amp;s==n?(this.askedMeTwice=!1,this.chartAllData.chart_info):a&gt;-1&amp;&amp;s&gt;-1?{t:this.chartAllData.chart_info.t.slice(a,s),o:this.chartAllData.chart_info.o.slice(a,s),h:this.chartAllData.chart_info.h.slice(a,s),l:this.chartAllData.chart_info.l.slice(a,s),c:this.chartAllData.chart_info.c.slice(a,s),v:this.chartAllData.chart_info.v.slice(a,s),s:"ok"}:this.chartAllData.chart_info}catch(i){return console.log(i),this.isLoading=!1,{s:"no_data"}}},getRoundedDate(e){let t="1";const i=L.map(a=&gt;a.id).indexOf(this.chartAllData.time_interval_id);i&gt;-1?t=L[i].resolution:t=this.metadata.charts[this.chartIndex].is_intraday?"1":"30",e=String(e).replace(/-/g,"/");const r=new Date(e+" UTC+0000");return isNaN(t)||Number(t)&gt;30||(r.setMilliseconds(0),r.setSeconds(0),r.setMinutes(Math.floor(r.getMinutes()/t)*t)),r},createTradingViewChart(){this.themeSelected=this.$store.getters.getThemeID;const e=this;this.historyCalled=!1,this.askedMeTwice=!1;try{const t=this.SetupCustomDatafeed();let i="1";const r=L.map(l=&gt;l.id).indexOf(e.chartAllData.time_interval_id);r&gt;-1?i=L[r].resolution:i=e.metadata.charts[this.chartIndex].is_intraday?"1":"12M";const a=[{text:"4h",resolution:"240"},{text:"1h",resolution:"60"},{text:"30m",resolution:"30"},{text:"15m",resolution:"15"},{text:"10m",resolution:"10"},{text:"5m",resolution:"5"},{text:"4m",resolution:"4"},{text:"3m",resolution:"3"},{text:"2m",resolution:"2"},{text:"1m",resolution:"1"}],s=[{text:"4h",resolution:"240"},{text:"1h",resolution:"60"},{text:"30m",resolution:"30"}],n=[{text:"1M",resolution:"1M"},{text:"1W",resolution:"1W"},{text:"4D",resolution:"4D"},{text:"3D",resolution:"3D"},{text:"2D",resolution:"2D"},{text:"1D",resolution:"1D"}],o=["symbol_search_hot_key","border_around_the_chart","remove_library_container_border","study_dialog_search_control","main_series_scale_menu","header_widget_dom_node","go_to_date","control_bar","timeframes_toolbar","showSeriesLastValue","show_series_last_value","save_chart_properties_to_local_storage","header_undo_redo","header_compare","header_saveload","display_market_status","header_layouttoggle","supports_search","header_symbol_search","edit_buttons_in_legend","scales_date_format","pricescale_currency","countdown","timezone_menu","create_volume_indicator_by_default","create_volume_indicator_by_default_once"];this.isPublic&amp;&amp;o.push("header_indicators","header_resolutions","left_toolbar","header_chart_type"),H=this.tvWidget=new ee({width:"100%",custom_css_url:`${window.location.protocol}//${window.location.host}/scripts/charting_library/static/css/chart_custom_style.css`,height:this.$store.getters.getTradeDetailViewSettings&amp;&amp;!this.$store.getters.getTradeDetailViewSettings.balanced?"100%":"600",debug:!1,autosize:!1,symbol:this.symbol.toUpperCase(),timezone:"Etc/UTC",interval:i,timeframe:e.metadata.charts[this.chartIndex].is_intraday?"2D":"24M",container:this.generateRef(),loading_screen:{backgroundColor:"transparent",foregroundColor:"transparent"},datafeed:t,library_path:"/charting_library/",locale:"en",disabled_features:o,enabled_features:["move_logo_to_main_pane","side_toolbar_in_fullscreen_mode","header_fullscreen_button","header_screenshot"],charts_storage_url:"http://saveload.tradingview.com",charts_storage_api_version:"1.1",overrides:{"paneProperties.topMargin":15,"paneProperties.bottomMargin":15,"symbolWatermarkProperties.color":"rgba(0, 0, 0, 0.025)","scalesProperties.scaleSeriesOnly":!0,"scalesProperties.showSeriesLastValue":!1,"mainSeriesProperties.showPriceLine":!1},auto_save_delay:1,theme:typeof this.themeSelected&gt;"u"||this.themeSelected==null||this.themeSelected==""||this.themeSelected==1?"dark":"light",enable_publishing:!1,favorites:{intervals:[]},time_frames:e.metadata.charts[this.chartIndex].is_intraday?this.specialIntraday?s:a:n}),this.chart_script_load==N.loaded}catch(t){console.error(t),this.chart_script_load_count&lt;5&amp;&amp;(this.chart_script_load_count++,setTimeout(()=&gt;{this.chart_script_load==N.not_loaded&amp;&amp;this.createTradingViewChart()},1e3))}try{H.onChartReady(function(){e.isLoading=!1,e.tvWidget.activeChart().onDataLoaded().subscribe({},()=&gt;{e.visibleRangeCount==0&amp;&amp;(e.setVisibleRange(e),e.isFullDataLoaded&amp;&amp;e.visibleRangeCount++)},!1),e.tvWidget.subscribe("study",async t=&gt;{t&amp;&amp;t.value==="Volume"&amp;&amp;e.isFullDataLoaded&amp;&amp;!e.chartIsRefreshing&amp;&amp;await e.tvWidget.save(async i=&gt;{if(i&amp;&amp;i.charts[0]&amp;&amp;i.charts[0].chartProperties){const r=i.charts[0].panes.find(a=&gt;a.sources.some(s=&gt;s.type==="MainSeries"));if(r){const a=r.sources.find(s=&gt;(s.type==="Study"||s.type==="study_Volume")&amp;&amp;s.state.description==="Volume");a&amp;&amp;e.tvWidget.activeChart().getStudyById(a.id).unmergeDown()}}})}),e.tvWidget.subscribe("onAutoSaveNeeded",e.handleAutosaveNeeded),e.tvWidget.activeChart().dataReady(()=&gt;setTimeout(async()=&gt;{await e.dataReadyCallback(e),setTimeout(()=&gt;{e.setVisibleRange(e,!0)},100)},e.chartAllData.chart_info.t.length*.22)),e.tvWidget.activeChart().onIntervalChanged().subscribe(null,(t,i)=&gt;{e.isFullDataLoaded=!1,e.visibleRangeCount=0,e.intervalChanged=t;let r=-1;const a=L.map(s=&gt;s.resolution).indexOf(t);if(a&gt;-1){if(r=L[a].id,e.metadata.form_data&amp;&amp;Array.isArray(e.metadata.form_data.time_interval)){const s=e.metadata.form_data.time_interval.map(n=&gt;n.id).indexOf(r);s&gt;-1&amp;&amp;(e.chartAllData.time_interval_name=e.metadata.form_data.time_interval[s].name)}}else e.chartAllData.time_interval_name=String(t)})}),H.headerReady().then(function(){const t=e.$store.getters.getTimezoneSetting;e.timezoneHTML=e.tvWidget.createButton(),e.timezoneHTML&amp;&amp;(e.timezoneHTML.setAttribute("title","Current Timezone selected is "+e.Capitalize(t||"exchange")),e.timezoneHTML.textContent="Timezone: "+e.Capitalize(t||"Exchange"))}).catch(t=&gt;{console.log(t)})}catch(t){console.warn("Error when creating charts inner elements: ",t)}},async dataReadyCallback(e){e.buyFlagsHandler=[],e.sellFlagsHandler=[],e.targetStopHandler=[];const t=e.tradingViewIndicators,i=e.tradingViewChartDrawings;if(Array.isArray(t)){e.tvWidget.activeChart().removeAllStudies(),e.tvWidget.activeChart().removeAllShapes(),e.foundVolume=!1;const r=e.getChartPropertiesFromLocalStorage();let a=[];if(i&amp;&amp;Array.isArray(i)){const n=i.map(o=&gt;o.chart_id).indexOf(e.metadata.charts[e.chartIndex].chart_id);if(n&gt;-1){const o=i[n].drawings;a=JSON.parse(o)}}e.themeSelected=e.$store.getters.getThemeID;const s=typeof e.themeSelected&gt;"u"||e.themeSelected==null||e.themeSelected==""||e.themeSelected==1?"true":"false";await e.updateTheme(s),await e.tvWidget.save(async n=&gt;{if(r){let o=null,l=null;r.chartProperties?(n.charts[0].chartProperties=r.chartProperties,r.sessions&amp;&amp;(n.charts[0].sessions=r.sessions),r.mainSeriesStyle&amp;&amp;(o=r.mainSeriesStyle),r.mainSeriesState&amp;&amp;(l=r.mainSeriesState)):n.charts[0].chartProperties=r;const d=n.charts[0].panes[0].sources.map(h=&gt;h.type).indexOf("MainSeries");d&gt;-1&amp;&amp;o&amp;&amp;(n.charts[0].panes[0].sources[d].state.candleStyle=o),d&gt;-1&amp;&amp;l&amp;&amp;(n.charts[0].panes[0].sources[d].state.style=l.style,n.charts[0].panes[0].sources[d].state[x[l.style]]=l[x[l.style]],n.charts[0].panes[0].sources[d].state.minTick=l.minTick||"default",e.chartOptions.show_targets=!l.hide_targets_stops)}n.charts[0].panes[0].sources=[...n.charts[0].panes[0].sources,...a.map(o=&gt;(o.id=Math.floor(Math.random()*1e5),o))],(a||r)&amp;&amp;await e.tvWidget.load(n)}),e.createdStudies=[];for(let n=0;n&lt;3;n++){const o=t.filter(l=&gt;n?n===1?l.pane_index&lt;0:l.pane_index&gt;0:l.pane_index===0).sort((l,d)=&gt;l.pane_index===d.pane_index&amp;&amp;l.order!==void 0&amp;&amp;d.order!==void 0?l.order-d.order:Math.abs(l.pane_index)&gt;Math.abs(d.pane_index)?1:-1);for(let l=0;l&lt;o.length;l++){const d=o[l];d.name&amp;&amp;(!q.includes(d.name.toLowerCase())||q.includes(d.name.toLowerCase())&amp;&amp;!d.indicator)&amp;&amp;await e.createWidgetStudy(e,d)}}setTimeout(async()=&gt;{for(let n=0;n&lt;e.createdStudies.length;n++){const o=e.createdStudies[n],l=e.tvWidget.activeChart().getPanes();if(Array.isArray(l))for(let d=0;d&lt;l.length;d++){const h=l[d];if(h._pane&amp;&amp;h._pane._sourcesById){const f=h._pane._sourcesById,m=Object.keys(Object.fromEntries(f));if(Array.isArray(m))for(let v=0;v&lt;m.length;v++){const D=m[v];if(o.id==D){const p=e.tvWidget.activeChart().getStudyById(D);e.ApplyPostStyles(p,o)}}}}}await e.tvWidget.save(async n=&gt;{let o=0;for(let f=0;f&lt;n.charts[0].panes.length;f++){const m=n.charts[0].panes[f];for(let v=0;v&lt;m.sources.length;v++)if(m.sources[v].type=="MainSeries"){o=f;break}}let l=!1;const d=n.charts[0].panes[o];for(let f=0;f&lt;d.sources.length;f++){const m=d.sources[f];if((m.type==="Study"||m.type==="study_Volume")&amp;&amp;m.state.shortId==="Volume")try{n.charts[0].panes[o].sources[f].state.styles.vol.plottype==6&amp;&amp;(n.charts[0].panes[o].sources[f].state.styles.vol.plottype=5),l=!0;break}catch(v){console.log(v)}}if(await e.tvWidget.load(n),e.defaultChartCreation&amp;&amp;!l&amp;&amp;(!e.tradingViewIndicators||!e.tradingViewIndicators.length)){const f=await e.tvWidget.activeChart().createStudy("Volume",!1,!1),m=e.tvWidget.activeChart().getPanes();m.length-1!=o+1&amp;&amp;m[m.length-1].moveTo(o+1),e.tvWidget.activeChart().getStudyById(f).mergeUp()}const h=e.$store.getters.getTimezoneSetting;e.tvWidget.activeChart().setTimezone("Etc/UTC"),e.timezoneHTML&amp;&amp;(e.timezoneHTML.setAttribute("title","Current Timezone selected is "+e.Capitalize(h||"exchange")),e.timezoneHTML.textContent="Timezone: "+e.Capitalize(h||"Exchange"))}),e.DrawLinesAndFlags(e),e.ApplyOverrides(e),setTimeout(()=&gt;{e.handlePnlMarkers(e.activePnlMarkers,!0)},1e3)},0)}else setTimeout(async()=&gt;{const r=t;let a=0;for(let o=0;o&lt;r.charts[0].panes.length;o++){const l=r.charts[0].panes[o];for(let d=0;d&lt;l.sources.length;d++)if(l.sources[d].type=="MainSeries"){a=o;break}}let s=!1;const n=r.charts[0].panes[a];for(let o=0;o&lt;n.sources.length;o++){const l=n.sources[o];if(l.type=="Study"&amp;&amp;l.state.shortId=="Volume")try{r.charts[0].panes[a].sources[o].state.styles.vol.plottype==6&amp;&amp;(r.charts[0].panes[a].sources[o].state.styles.vol.plottype=5),s=!0;break}catch(d){console.log(d)}}if(await e.tvWidget.load(r),e.$store.getters.getTimezoneSetting,e.tvWidget.activeChart().setTimezone("Etc/UTC"),e.defaultChartCreation&amp;&amp;!s&amp;&amp;(!e.tradingViewIndicators||!e.tradingViewIndicators.length)){const o=await e.tvWidget.activeChart().createStudy("Volume",!1,!1),l=e.tvWidget.activeChart().getPanes();l.length-1!=a+1&amp;&amp;l[l.length-1].moveTo(a+1),e.tvWidget.activeChart().getStudyById(o).mergeUp()}e.ConvertDataToV1(e),e.DrawLinesAndFlags(e),e.ApplyOverrides(e)},500);e.themeSelected=e.$store.getters.getThemeID,typeof e.themeSelected&gt;"u"||e.themeSelected==null||e.themeSelected==""||e.themeSelected==1,setTimeout(()=&gt;{e.chartIsReady=!0,e.isLoading=!1,e.chartIsRefreshing=!1,e.refreshingByMe=!1},0)},ApplyOverrides(e){const t=["_metainfoVersion","_serverMetaInfoVersion","angle","description","description_localized","format","fullId","id","intervalsVisibilities","is_hidden_study","is_price_study","packageId","productId","shortDescription","shortId","showLabelsOnPriceScale","showLegendValues","version"];try{const i=[];e.drawingToolsLookupTable.forEach(r=&gt;{const a=window.localStorage.getItem(`tradingview.${r}`);if(a!==null){const s=JSON.parse(a),n=Object.keys(s).filter(o=&gt;!t.includes(o));for(let o=0;o&lt;n.length;o++)(typeof s[n[o]]!="object"||typeof s[n[o]]=="object"&amp;&amp;Object.keys(s[n[o]]).length&gt;0)&amp;&amp;(i[`${r}.${n[o]}`]=s[n[o]])}}),e.tvWidget.applyOverrides(i)}catch(i){console.log("Could not load custom Drawing properties: ",i)}},ApplyPostStyles(e,t){if(["volume","macd","supertrend","ichimoku cloud"].includes(String(t.indicator.name).toLowerCase())&amp;&amp;t.indicator&amp;&amp;t.indicator.palettes){const i=t.indicator.palettes.volumePalette?"volumePalette":"palette_0";if(e._study&amp;&amp;e._study._properties)try{const r=Object.keys(t.indicator.palettes[i].colors);for(let a=0;a&lt;r.length;a++){const s=t.indicator.palettes[i].colors[r[a]];e._study._properties.palettes[i].colors[a].color._value=s.color,s.width!==void 0&amp;&amp;(e._study._properties.palettes[i].colors[a].width._value=s.width),s.style!==void 0&amp;&amp;(e._study._properties.palettes[i].colors[a].style._value=s.style)}}catch(r){console.log("Error indicator setup: ",r)}}},DrawLinesAndFlags(e){e.isOptionChart||e.metadata.flags&amp;&amp;Array.isArray(e.metadata.flags)&amp;&amp;setTimeout(()=&gt;{e.chartOptions.show_buy_flags&amp;&amp;e.toggleBuyFlags(e,!0),e.chartOptions.show_sell_flags&amp;&amp;e.toggleSellFlags(e,!0)},1500),setTimeout(()=&gt;{if(e.chartOptions.show_targets)try{e.toggleTargetStopLines(e,!0)}catch{try{setTimeout(()=&gt;{e.toggleTargetStopLines(e,!0)},1e3)}catch{e.dontFireAutosave=!1,setTimeout(()=&gt;{e.toggleTargetStopLines(e,!0)},1e3)}}},1600)},async ConvertDataToV1(e){console.log("Converting....v1"),e.timerHandler=setTimeout(()=&gt;{e.saveChartStateToLocalStorage(e)},1e3)},async refreshChartIndicatorAndSettings(e){if(e.refreshingByMe){e.refreshingByMe=!1;return}e.chartIsRefreshing=!0,e.dataReadyCallback(e)},async setVisibleRange(e,t=!1){var i,r;if(Array.isArray(e.chartAllData.chart_info.t)){const a=e.tvWidget.symbolInterval().interval;if(this.setVisibleRangeInfo.interval===a&amp;&amp;!t)return;let s=10;switch(a){case"1":s=10;break;case"2":s=20;break;case"3":s=30;break;case"5":s=50;break;case"15":s=150;break;case"60":s=300}const n=e.metadata.flags,o=(i=e.chartAllData.chart_info.t)==null?void 0:i.findIndex(m=&gt;m&gt;=n[0].date/1e3),l=o-40&gt;=0?o-40:0,d=(r=e.chartAllData.chart_info.t)==null?void 0:r.findIndex(m=&gt;m&gt;=n[(n==null?void 0:n.length)-1].date/1e3),h=d+20&lt;=e.chartAllData.chart_info.t.length-1?d+20:e.chartAllData.chart_info.t.length-1;let f;e.metadata.charts[this.chartIndex].is_intraday?f={from:A(e.chartAllData.chart_info.t[l]*1e3).subtract(s,"minutes").unix(),to:A(e.chartAllData.chart_info.t[h]*1e3).add(s,"minutes").unix()}:f={from:A(e.chartAllData.chart_info.t[0]*1e3).subtract((e.isPublic,50),"days").unix(),to:A(e.chartAllData.chart_info.t[e.chartAllData.chart_info.t.length-1]*1e3).add(1,"day").unix()},this.setVisibleRangeInfo={interval:a},setTimeout(async()=&gt;{await e.tvWidget.activeChart().setVisibleRange(f,{applyDefaultRightMargin:!1})},800)}},async createWidgetStudy(e,t){const i={0:"line",1:"histogram",3:"cross",4:"area",5:"columns",6:"circles",7:"line_with_breaks",8:"area_with_breaks",9:"step_line",10:"step_line_with_diamonds",11:"step_line_with_breaks"},r=[["chop zone","plot"],["volume","Volume"],["macd","histogram"],["supertrend","supertrend"]];if(typeof t=="string")e.tvWidget.activeChart().createStudy(t,!1,!1,{});else if(typeof t=="object"){let a=t.name;const s=t.pane_index,n=t.styles,o=t.palettes,l=t.bands,d=t.inputs,h=t.fill_area_style,f=t.levels_style,m=t.intervals_visibilities,v=t.graphics,D=Object.keys(n),p={};if(a=String(a).toLowerCase(),t.precision!==void 0&amp;&amp;(p.precision=t.precision),v!==void 0&amp;&amp;Object.entries(v).length&gt;0&amp;&amp;(p.graphics=v),Object.entries(l).length&gt;0){const u=Object.keys(l);if(Array.isArray(u))for(let c=0;c&lt;u.length;c++){const g=l[u[c]];p[`${g.name}.color.${c}`]=g.color,p[`${g.name}.linestyle.${c}`]=g.linestyle,p[`${g.name}.linewidth.${c}`]=g.linewidth,p[`${g.name}.visible.${c}`]=g.visible,g.value!==void 0&amp;&amp;(p[`${g.name}.value.${c}`]=g.value)}}if(h&amp;&amp;Object.entries(h).length&gt;0){const u=Object.keys(h);if(Array.isArray(u))for(let c=0;c&lt;u.length;c++){const g=h[u[c]];p[`Hlines Background.color.${c}`]=g.color,p[`Hlines Background.transparency.${c}`]=g.transparency,p[`Hlines Background.visible.${c}`]=g.visible}}if(Array.isArray(D))for(let u=0;u&lt;D.length;u++){const c=n[D[u]],g=Object.keys(c);for(let b=0;b&lt;g.length;b++)p[`${c.title}:plot.${g[b]}`]=c[g[b]];c.plottype==5?p[`${c.title}:plot.plottype`]="columns":Number.isInteger(c.plottype)&amp;&amp;i[c.plottype]!==void 0&amp;&amp;(p[`${c.title}:plot.plottype`]=i[c.plottype])}if(f&amp;&amp;Object.entries(f).length&gt;0){const u=Object.keys(f);if(Array.isArray(u))for(let c=0;c&lt;u.length;c++){const g=f[u[c]];p[`levelsStyle.${u[c]}`]=g}}if(Object.entries(o).length&gt;0&amp;&amp;(o.palette_0||o.volumePalette)){const u=o.palette_0?o.palette_0.colors:o.volumePalette?o.volumePalette.colors:null;if(u){const c=Object.keys(u);if(Array.isArray(c)){const g=r.map(b=&gt;b[0]).indexOf(a);if(g&gt;-1)for(let b=0;b&lt;c.length;b++){const C=u[c[b]];C.color!==void 0&amp;&amp;(p[`${r[g][1]}.color.${c[b]}`]=C.color)}}}}if(m&amp;&amp;Object.entries(m).length&gt;0){const u=Object.keys(m);if(Array.isArray(u))for(let c=0;c&lt;u.length;c++){const g=m[u[c]];p[`intervalsVisibilities.${u[c]}`]=g}}try{const u=await e.tvWidget.activeChart().createStudy(a,s===0,!1,d,p);if(e.createdStudies.push({id:u,paneIndex:s,name:a,indicator:t}),s&gt;0)e.createdStudies.find(g=&gt;g.paneIndex===s&amp;&amp;g.id!==u)&amp;&amp;await e.tvWidget.activeChart().getStudyById(u).mergeUp();else if(s&lt;0){const c=e.tvWidget.activeChart().getPanes();await c[c.length-1].moveTo(0),e.createdStudies.find(b=&gt;b.paneIndex===s&amp;&amp;b.id!==u)&amp;&amp;await e.tvWidget.activeChart().getStudyById(u).mergeDown()}}catch(u){console.warn("Could not create Study.",u)}}},async saveChartPropertiesToLocalStorage(e){e!=null&amp;&amp;await e.tvWidget.save(t=&gt;{if(t&amp;&amp;t.charts[0]&amp;&amp;t.charts[0].chartProperties){let i;const r={},a=t.charts[0].panes[0].sources.map(n=&gt;n.type).indexOf("MainSeries");a&gt;-1&amp;&amp;(i=t.charts[0].panes[0].sources[a].state.candleStyle,r.style=t.charts[0].panes[0].sources[a].state.style,r[x[r.style]]=t.charts[0].panes[0].sources[a].state[x[r.style]],r.minTick=t.charts[0].panes[0].sources[a].state.minTick);const s={chartProperties:t.charts[0].chartProperties,mainSeriesStyle:i,mainSeriesState:r,chartTimezone:e.tvWidget.activeChart().getTimezone(),sessions:t.charts[0].sessions};this.chartOptions.show_targets||(s.mainSeriesState.hide_targets_stops=!0);try{window.localStorage.setItem("tradersync_tradingview_chartproperties",JSON.stringify(s)),window.localStorage.setItem("tradersync_tradingview_timezone",e.tvWidget.activeChart().getTimezone()),this.$store.dispatch("saveDefeualtTradeChartsProperties");const n=e.$store.getters.getTimezoneSetting;e.timezoneHTML.setAttribute("title","Current Timezone selected is "+e.Capitalize(n||"exchange")),e.timezoneHTML.textContent="Timezone: "+e.Capitalize(n||"Exchange")}catch{console.warn("Could not save timezone")}}})},getChartPropertiesFromLocalStorage(){const e=window.localStorage.getItem("tradersync_tradingview_chartproperties");return e?JSON.parse(e):null},async checkIfChangedChartPropertiesFromLocalStorage(e,t=null){await e.tvWidget.save(i=&gt;{if(i&amp;&amp;i.charts[0]&amp;&amp;i.charts[0].chartProperties){let r,a;const s=i.charts[0].panes[0].sources.map(l=&gt;l.type).indexOf("MainSeries");s&gt;-1&amp;&amp;(a={},r=i.charts[0].panes[0].sources[s].state.candleStyle,a.style=i.charts[0].panes[0].sources[s].state.style,a[x[a.style]]=i.charts[0].panes[0].sources[s].state[x[a.style]],a.minTick=i.charts[0].panes[0].sources[s].state.minTick);const n={chartProperties:i.charts[0].chartProperties,mainSeriesStyle:r,mainSeriesState:a,chartTimezone:e.tvWidget.activeChart().getTimezone(),sessions:i.charts[0].sessions};this.chartOptions.show_targets||(n.mainSeriesState.hide_targets_stops=!0);const o=window.localStorage.getItem("tradersync_tradingview_chartproperties");t!=null&amp;&amp;t(JSON.stringify(n)!==(o||null))}})},async getMainSeriesPaneIndex(e){await e.tvWidget.save(async t=&gt;{let i=0;for(let r=0;r&lt;t.charts[0].panes.length;r++){const a=t.charts[0].panes[r];for(let s=0;s&lt;a.sources.length;s++)if(a.sources[s].type=="MainSeries"){i=r;break}}return i})},async saveDrawings(e){await e.tvWidget.save(t=&gt;{const i=t.charts[0].panes[0].sources.filter(a=&gt;a.type!=="MainSeries"&amp;&amp;a.type!=="Study"&amp;&amp;!a.type.startsWith("study_")).map(a=&gt;(a.linkKey=null,a.ownerSource=null,a)),r=JSON.stringify(i);e.isSavingDrawings||e.$store.dispatch("saveTradingViewChartDrawings",{data:{chart_id:e.metadata.charts[e.chartIndex].chart_id,drawings:r}}).then(()=&gt;{e.isSavingDrawings=!1}).catch(a=&gt;{console.log(a),e.isSavingDrawings=!1})})},async saveChartStateToLocalStorage(e){try{this.saveChartPropertiesToLocalStorage(e),this.saveDrawings(e),await e.tvWidget.save(t=&gt;{const i=[];let r=0;for(let s=0;s&lt;t.charts[0].panes.length;s++)if(t.charts[0].panes[s].sources.map(l=&gt;l.type).indexOf("MainSeries")&gt;-1){r=s;break}for(let s=0;s&lt;t.charts[0].panes.length;s++){const o=t.charts[0].panes[s].sources;if(Array.isArray(o)){let l=0;for(let d=0;d&lt;o.length;d++){const h=o[d];if((h.type==="Study"||String(h.type).startsWith("study_"))&amp;&amp;h.state){const f=h.state.description,m=h.state.styles,v=h.state.palettes,D=h.state.bands,p=h.state.inputs,u=h.state.filledAreasStyle,c=h.state.precision,g=h.state.levelsStyle,b=h.state.intervalsVisibilities,C=h.state.graphics;i.push({name:f,pane_index:s-r,order:l,styles:m,palettes:v,bands:D,inputs:p,area:{},fill_area_style:u,precision:c,levels_style:g,intervals_visibilities:b,graphics:C}),l+=1}}}}const a={data:{trade_id:e.tradeId,indicators:JSON.stringify(i.sort((s,n)=&gt;s.pane_index===n.pane_index?s.name&gt;n.name?1:-1:n.pane_index-s.pane_index))}};!e.isSavingIndicators&amp;&amp;e.chartIsReady&amp;&amp;e.$store.dispatch("saveTradingViewIndicators",a).then(()=&gt;{}).catch(s=&gt;{console.log(s)}).finally(()=&gt;{e.$store.commit("setIsSavingIndicators",!1)})})}catch(t){console.error("Error: Could not save chart state: ",t)}},toggleTargetStopLines(e,t){if(e.deactivateAutoSave(),t===!0){if(e.targetStopHandler=[],e.metadata.losses&amp;&amp;Array.isArray(e.metadata.losses))for(let i=0;i&lt;e.metadata.losses.length;i++){const r=e.metadata.losses[i],a=e.tvWidget.activeChart().createOrderLine().setTooltip(`Stop #${r.index}, Price ${r.price}, risk ${r.risk}`).setModifyTooltip("").setCancelTooltip("").setPrice(r.price_edit).setText(`Stop #${r.index}, Price ${r.price}, risk ${r.risk}`).setQuantity("").setBodyFont("16pt Arial").setEditable(!1).setBodyTextColor("#F06D8E").setBodyBorderColor("#F06D8E").setLineStyle(1).setLineWidth(2).setBodyBackgroundColor("rgba(128,128,128,0.2)").setLineColor("#F06D8E");a&amp;&amp;e.targetStopHandler.push(a)}if(e.metadata.targets&amp;&amp;Array.isArray(e.metadata.targets))for(let i=0;i&lt;e.metadata.targets.length;i++){const r=e.metadata.targets[i],a=e.tvWidget.activeChart().createOrderLine().setTooltip(`Target #${r.index}, Price ${r.price}, Profit Aim ${r.profit_aim}`).setModifyTooltip("").setCancelTooltip("").setPrice(r.price_edit).setText(`Target #${r.index}, Price ${r.price}, Profit Aim ${r.profit_aim}`).setQuantity("").setBodyFont("16pt Arial").setEditable(!1).setBodyTextColor("green").setBodyBorderColor("green").setLineStyle(1).setLineWidth(2).setBodyBackgroundColor("rgba(128,128,128,0.2)").setLineColor("green");a&amp;&amp;e.targetStopHandler.push(a)}}else{if(!Array.isArray(e.targetStopHandler))return;for(let i=0;i&lt;e.targetStopHandler.length;i++)e.targetStopHandler[i].remove();e.targetStopHandler=[]}e.activateAutoSave()},toggleBuyFlags(e,t,i=null){this.deactivateAutoSave();try{if(t===!0){e.buyFlagsHandler=[];for(let r=0;r&lt;e.metadata.flags.length;r++){const a=e.metadata.flags[r];if(a.action=="BUY"){let s=a.date;String(s).length&gt;10&amp;&amp;Number.isInteger(s)&amp;&amp;(s=s/1e3);let n=e.tvWidget.chart().createShape({time:s,price:Number(a.price)},{shape:"icon",icon:61658,overrides:{size:33,color:"rgb(0,100,0)"},lock:!0,disableSelection:!0,disableSave:!0,disableUndo:!0,zOrder:"top",showInObjectsTree:!0});n&amp;&amp;e.buyFlagsHandler.push(n),n=e.tvWidget.chart().createShape({time:s,price:Number(a.price)},{shape:"icon",icon:61658,overrides:{size:25,color:"lawngreen"},lock:!0,disableSelection:!0,disableSave:!0,disableUndo:!0,zOrder:"top",showInObjectsTree:!0}),n&amp;&amp;e.buyFlagsHandler.push(n)}}}else{if(!Array.isArray(e.buyFlagsHandler))return;if(e&amp;&amp;e.tvWidget&amp;&amp;e.tvWidget.chart())for(let r=0;r&lt;e.buyFlagsHandler.length;r++)e.buyFlagsHandler[r]&amp;&amp;e.tvWidget.chart().removeEntity(e.buyFlagsHandler[r]);e.buyFlagsHandler=[]}}catch(r){console.log(r)}this.activateAutoSave(),i&amp;&amp;i()},toggleSellFlags(e,t,i=null){this.deactivateAutoSave();try{if(t==!0){e.sellFlagsHandler=[];for(let r=0;r&lt;e.metadata.flags.length;r++){const a=e.metadata.flags[r];if(a.action=="SELL"){let s=a.date;String(s).length&gt;10&amp;&amp;Number.isInteger(s)&amp;&amp;(s=s/1e3);let n=e.tvWidget.chart().createShape({time:s,price:Number(a.price)},{shape:"icon",icon:61657,overrides:{size:33,color:"rgb(100,0,0)"},lock:!0,disableSelection:!0,disableSave:!0,disableUndo:!0,zOrder:"top",showInObjectsTree:!1});n&amp;&amp;e.sellFlagsHandler.push(n),n=e.tvWidget.chart().createShape({time:s,price:Number(a.price)},{shape:"icon",icon:61657,overrides:{size:25,color:"#F80808"},lock:!0,disableSelection:!0,disableSave:!0,disableUndo:!0,zOrder:"top",showInObjectsTree:!1}),n&amp;&amp;e.sellFlagsHandler.push(n)}}}else{if(!Array.isArray(e.sellFlagsHandler))return;for(let r=0;r&lt;e.sellFlagsHandler.length;r++)e.tvWidget.chart().removeEntity(e.sellFlagsHandler[r]);e.sellFlagsHandler=[]}}catch{}this.activateAutoSave(),i&amp;&amp;i()},handlePnlMarkers(e,t=!1){if(e&amp;&amp;Array.isArray(e)){const i=a=&gt;{const s=this.pnlTargetsMarkers.find(n=&gt;n.id===a);s&amp;&amp;(this.pnlTargetsMarkers=this.pnlTargetsMarkers.filter(n=&gt;n.id!==a),this.tvWidget.chart().removeEntity(s.chart_id),s.risk&amp;&amp;s.risk.remove())},r=(a,s,n,o)=&gt;{let l=null;!a.includes("price_")&amp;&amp;!a.includes("best_exit")&amp;&amp;(l=this.tvWidget.activeChart().createOrderLine().setTooltip("Risk").setModifyTooltip("").setCancelTooltip("").setPrice(this.metadata.losses&amp;&amp;Array.isArray(this.metadata.losses)&amp;&amp;this.metadata.losses.length&amp;&amp;!a.includes("price_")?this.tradeSide==="LONG"?Math.min(Math.abs(Number(this.metadata.losses[0].price_edit)),Math.abs(n)):Math.max(Math.abs(Number(this.metadata.losses[0].price_edit)),Math.abs(n)):n).setText(`${["_mfe","_mae"].includes(a)?"Pr. "+a.replace("_"," ").trim().toUpperCase():a.includes("price_")?j(a,"_").replace(/(\w+)\s(\w+)/,"$1 +$2"):j(a,"_")}`).setQuantity("").setBodyFont("16pt Arial").setEditable(!1).setBodyTextColor(o).setBodyBorderColor(o).setLineStyle(1).setLineWidth(2).setLineLength(100,"percentage").setBodyBackgroundColor("rgba(128,128,128,0)").setLineColor(a.includes("price_")?"rgba(255, 0, 0, 0.0)":o)),this.pnlTargetsMarkers.push({id:a,color:o,price:n,chart_id:this.tvWidget.chart().createShape({time:s,price:n},{shape:"icon",icon:61658,overrides:{size:30,color:o},lock:!0,disableSelection:!0,disableSave:!0,disableUndo:!0,zOrder:"top",showInObjectsTree:!0}),risk:l||void 0})};if(this.dontFireAutosave=!0,t&amp;&amp;this.pnlTargetsMarkers.length&amp;&amp;(this.pnlTargetsMarkers.forEach(a=&gt;{i(a.id)}),this.pnlTargetsMarkers=[]),e.includes("_mfe")?this.pnlTargetsMarkers.find(a=&gt;a.id==="_mfe")||r("_mfe",A.utc(this.$store.getters.getPnlStats.pnl_datetimes.mfe_datetime,"YYYY-MM-DD HH:mm:ss").unix(),Number(this.$store.getters.getPnlStats.stats.price_mfe),"#FF8F00"):i("_mfe"),e.includes("_mae")?this.pnlTargetsMarkers.find(a=&gt;a.id==="_mae")||r("_mae",A.utc(this.$store.getters.getPnlStats.pnl_datetimes.mae_datetime,"YYYY-MM-DD HH:mm:ss").unix(),Number(this.$store.getters.getPnlStats.stats.price_mae),"#00CCFF"):i("_mae"),e.includes("best_exit")?this.pnlTargetsMarkers.find(a=&gt;a.id==="best_exit")||r("best_exit",A.utc(this.$store.getters.getPnlStats.best_exit_left.best_exit_datetime,"YYYY-MM-DD HH:mm:ss").unix(),Number(this.$store.getters.getPnlStats.best_exit_left.best_exit_price),"#E7F701"):i("best_exit"),e.some(a=&gt;a.includes("price_"))){const a=e.find(n=&gt;n.includes("price_")),s=this.pnlTargetsMarkers.find(n=&gt;n.id.includes("price_"));s&amp;&amp;s.id!==a?(i(s.id),r(a,A.utc(this.$store.getters.getPnlStats.best_exit_detail[a.replace("price_","datetime_")],"YYYY-MM-DD HH:mm:ss").unix(),Number(this.$store.getters.getPnlStats.best_exit_detail[a]),"#fc6d26")):s||r(a,A.utc(this.$store.getters.getPnlStats.best_exit_detail[a.replace("price_","datetime_")],"YYYY-MM-DD HH:mm:ss").unix(),Number(this.$store.getters.getPnlStats.best_exit_detail[a]),"#fc6d26")}else this.pnlTargetsMarkers.filter(a=&gt;a.id.includes("price_")).forEach(a=&gt;{i(a.id)});setTimeout(()=&gt;{this.dontFireAutosave=!1},1e3)}},async setupCharts(){setTimeout(()=&gt;{this.createTradingViewChart(),this.loading=!1},0)},updateCharts(e=void 0){(e===void 0||e===this.chartIndex)&amp;&amp;(this.loading=!0,this.isFullDataLoaded=!1,this.visibleRangeCount=0,this.intervalChanged=-1,this.metadata.flags&amp;&amp;Array.isArray(this.metadata.flags)&amp;&amp;(this.chartOptions.show_buy_flags&amp;&amp;this.toggleBuyFlags(this,!1),this.chartOptions.show_sell_flags&amp;&amp;this.toggleSellFlags(this,!1)),setTimeout(()=&gt;{this.createTradingViewChart(),this.loading=!1},0))},configChart(e){this.$refs["config_chart_"+String(e)].show(),this.$refs["config_chart_"+String(e)].chart_type=this.metadata.charts[e].chart_interval_id,this.$refs["config_chart_"+String(e)].options.aggregation_time=this.metadata.charts[e].aggregation_id,this.$refs["config_chart_"+String(e)].options.time_interval=this.metadata.charts[e].time_interval_id,this.$refs["config_chart_"+String(e)].chart_id=this.metadata.charts[e].chart_id,this.$refs["config_chart_"+String(e)].options.formdata=this.metadata.form_data,this.$refs["config_chart_"+String(e)].setData()}}},re={class:"h-100"},ne=["id"];function oe(e,t,i,r,a,s){const n=S("WidgetLoader"),o=S("ts-card"),l=S("ConfigTradingView");return w(),W("div",re,[y(n,{class:P({"widget-table-loader":!0,visible:a.isLoading})},null,8,["class"]),y(o,{"header-class":"d-flex justify-content-between dashboard-side-widget-header","header-style":"font-size: 14px",style:{margin:"0"},"no-body":"",class:"m-0 h-100"},{default:_(()=&gt;[V(O("div",{id:s.generateRef(),onMouseover:t[0]||(t[0]=d=&gt;a.onChartMouse=!0),onMouseleave:t[1]||(t[1]=d=&gt;a.onChartMouse=!1),class:"TVChartContainer",style:{height:"100%"}},null,40,ne),[[$,!a.isLoading]])],void 0,!0),_:1}),i.isPublic?k("",!0):(w(),I(l,{key:0,ref:"config_chart_"+i.chartIndex,trade_id:i.tradeId,onUpdate_charts:s.updateCharts},null,8,["trade_id","onUpdate_charts"]))])}const le=z(ie,[["render",oe],["__scopeId","data-v-42e74d59"]]);const de={not_loaded:0,loading:1,loaded:2},ce={name:"TradingView",components:{TradingViewChart:le,ConfigTradingView:Y},props:{trade_id:{required:!0,type:Number},symbol:{required:!0,type:String},ispublic:{required:!1,type:Boolean,default:!1},cardClass:{type:String,required:!1},alternative:{type:Boolean,required:!1,default:!1},activePnlMarkers:{type:Array,required:!1,default:()=&gt;[]},tradeSide:{type:String,required:!1,default:""}},data(){return{isLoading:!0,showConfigChartModal:!1,chart_id:null,chart_err:null,chart_script_load:de.not_loaded,chart_script_load_count:0,targets:[],stops:[],flags:[],proccesingOptions:[],waitConsolidatedData:!1,creatingDefaultCharts:!1,selectedIndex:0,isActive:!0,innerWidth:window.innerWidth}},computed:{getTradeDetailViewSettings(){return this.$store.getters.getTradeDetailViewSettings},firstLoadTradingViewConfig(){return this.$store.getters.firstLoadTradingViewConfig},showAdd(){return this.alternative&amp;&amp;this.innerWidth&gt;=992&amp;&amp;Array.isArray(this.chartMetadata.charts)&amp;&amp;this.chartMetadata.charts.length&gt;0?this.chartMetadata.charts.length&lt;4:!0},getClassContainer(){if(Array.isArray(this.chartMetadata.charts)&amp;&amp;this.chartMetadata.charts.length&gt;0&amp;&amp;this.alternative){if(this.chartMetadata.charts.length==1)return"single-chart-container";if(this.chartMetadata.charts.length==2)return"two-chart-container";if(this.chartMetadata.charts.length==3)return"three-chart-container";if(this.chartMetadata.charts.length&gt;=4)return"four-chart-container"}return innerWidth&lt;992&amp;&amp;innerWidth&gt;576?"padding-tablet":""},Post_Market:{get:function(){return this.$store.getters.getShowChartsPostMarket?this.$store.getters.getShowChartsPostMarket:!1},set:function(e){this.proccesingOptions.push("post_market"),this.$store.dispatch("changeShowChartsPostMarket",e).then(()=&gt;{this.proccesingOptions=this.proccesingOptions.filter(function(t){return t!=="post_market"}),this.showSuccessMsg({title:"Success!",message:this.$store.getters.getnotificationUpdateMessage}),this.$store.commit("setTradeChartMetadata",{chart:[]}),this.setupCharts()}).catch(t=&gt;{this.proccesingOptions=this.proccesingOptions.filter(function(i){return i!=="post_market"}),t.response&amp;&amp;!Object.keys(t.response.data).includes("upgrade")?this.showErrorMsg({title:t.response.data.title,message:t.response.data.message}):!t.response&amp;&amp;t.message&amp;&amp;this.showErrorMsg({title:"Error",message:t.message})})}},isTradeOpen(){try{if(this.getTradeDetailData&amp;&amp;this.getTradeDetailData.top&amp;&amp;this.getTradeDetailData.top.status)return String(this.getTradeDetailData.top.status.value).toLowerCase()==="open"}catch(e){console.log(e)}return!1},getTradeDetailData(){return this.$store.getters.getTradeDetailData},chartMetadata(){return this.$store.getters.TradeChartsMetadata},chartsFormData(){return this.$store.getters.TradeChartsMetadata.form_data||{}},hasChartData(){return this.$store.getters.TradeChartsMetadata.charts&amp;&amp;this.$store.getters.TradeChartsMetadata.charts.length&gt;=0}},watch:{"$store.getters.stopsList":function(e,t){Array.isArray(e)&amp;&amp;Array.isArray(t)&amp;&amp;(this.chartMetadata.losses=[...e])},"$store.getters.targetsList":function(e,t){Array.isArray(e)&amp;&amp;Array.isArray(t)&amp;&amp;(this.chartMetadata.targets=[...e])},chartMetadata:function(e,t){e.charts&amp;&amp;Array.isArray(e.charts)&amp;&amp;(this.firstLoadTradingViewConfig&amp;&amp;(e.charts.forEach((i,r)=&gt;{this.chartMetadata.charts[r].options.show_buy_flags=this.getTradeDetailViewSettings?this.getTradeDetailViewSettings.show_buy_flags:!0,this.chartMetadata.charts[r].options.show_sell_flags=this.getTradeDetailViewSettings?this.getTradeDetailViewSettings.show_sell_flags:!0,this.chartMetadata.charts[r].options.show_targets=this.getTradeDetailViewSettings?this.getTradeDetailViewSettings.show_targets:!0}),this.$store.commit("setFirstLoadTradingViewConfig",!1)),this.isLoading=!1)}},created(){this.$store.commit("setTradeChartMetadata",{chart:[]}),M.$off("activeOverlay"),M.$on("activeOverlay",this.leaveInteraction)},mounted(){window.onresize=()=&gt;{this.innerWidth=window.innerWidth},this.setupCharts(),document.addEventListener("click",this.handleOutsideClick)},beforeUnmount(){document.removeEventListener("click",this.handleOutsideClick)},methods:{getMetadataArray(e){if(this.alternative&amp;&amp;this.innerWidth&gt;=992){const t={...e};if(Array.isArray(t.charts)&amp;&amp;t.charts.length&gt;0)return{...t,charts:t.charts.slice(0,4)}}return e},onResize(){this.windowHeight=window.innerHeight},getArea(e){if(Array.isArray(this.chartMetadata.charts)&amp;&amp;this.chartMetadata.charts.length&gt;0){if(this.chartMetadata.charts.length==3){if(e==0)return"area-1";if(e==1)return"area-2";if(e==2)return"area-3"}if(e==0)return"first";if(e==1)return"second";if(e==2)return"third";if(e==3)return"four";if(e==4)return"fith"}return""},isProccessing(e){return this.proccesingOptions.includes(e)},handleOutsideClick(e){(!this.isActive||!this.$refs.myDiv||this.$refs.myDiv.contains(e.target))&amp;&amp;(this.isActive=!0)},onChartOptionsChanged(e,t){const i=[...this.$store.getters.getTradeDetailViewConfigColumns],r={...this.getTradeDetailViewSettings};r[e]=t,[...this.$store.getters.getTradeDetailViewConfigColumns].length&amp;&amp;this.getTradeDetailViewSettings&amp;&amp;this.$store.dispatch("updateTradeDetailViewSettings",{detail_columns:i,detail_settings:r}),this.chartMetadata.charts[this.selectedIndex].options[e]=t,M.$emit("chartOptionsChanged",{index:this.selectedIndex,key:e,value:t})},async setupCharts(){setTimeout(()=&gt;{try{this.$store.dispatch("getTradingViewIndicators",{tradeId:String(this.trade_id),isPublic:this.ispublic})}catch(e){console.log("Unable to retrieve Indicators",e)}},0),setTimeout(()=&gt;{try{this.$store.dispatch("getTradingViewChartDrawings",{tradeId:String(this.trade_id),isPublic:this.ispublic})}catch(e){console.log("Unable to retrieve the Drawings",e)}},0),this.$store.dispatch("getChartMetadata",{tradeId:String(this.trade_id),isPublic:this.ispublic}).then(e=&gt;{(!Array.isArray(this.chartMetadata.charts)||Array.isArray(this.chartMetadata.charts)&amp;&amp;this.chartMetadata.charts.length==0)&amp;&amp;(this.chart_err="Chart Data Empty"),e.chart&amp;&amp;e.chart.charts&amp;&amp;Array.isArray(e.chart.charts)?(this.isLoading=!1,e.chart.charts.length&amp;&amp;Array.isArray(e.chart.charts[0].ids_for_url)&amp;&amp;e.chart.charts[0].ids_for_url.length&amp;&amp;setTimeout(()=&gt;{this.$store.dispatch("getTradesChartDataFromIds",{chart_ids:e.chart.charts[0].ids_for_url,trade_id:String(this.trade_id)})},0)):e.message&amp;&amp;String(e.message).toLowerCase()==="trade intraday no exist."?this.ispublic?this.isLoading=!1:this.createDefaultChart():e.charts&amp;&amp;e.charts.message&amp;&amp;(String(e.charts.message).toLowerCase().includes("charts for trades placed today will be available after midnight.")||String(e.charts.message).toLowerCase().includes("takes up to two business days"))||e.message&amp;&amp;(String(e.message).toLowerCase().includes("charts for trades placed today will be available after midnight.")||String(e.message).toLowerCase().includes("takes up to two business days"))?(this.waitConsolidatedData=!0,this.chart_err=e.charts.message,this.isLoading=!1):(this.isLoading=!1,e.charts&amp;&amp;e.charts.message?this.chart_err=" ":this.chart_err=e.message)}).catch(e=&gt;{console.log(e),this.isLoading=!1,e.response&amp;&amp;(this.showErrorMsg({title:e.response.data.title,message:e.response.data.message}),this.chart_err=e.response.data.message)})},createDefaultChart(){this.isLoading=!0,this.creatingDefaultCharts=!0,this.$store.dispatch("addTradingViewChart",{data:{trade_id:this.trade_id}}).then(e=&gt;{e.status==="Success"&amp;&amp;!e.message.includes("Not data for Chart")&amp;&amp;!String(e.message).toLowerCase().includes("charts for trades placed today will be available after midnight.")&amp;&amp;!String(e.message).toLowerCase().includes("takes up to two business days")?(this.$store.commit("addTradeChartMetadata",{chart:e.chart_id,form_data:e.form_data}),this.chart_err=null):(this.waitConsolidatedData=String(e.message).toLowerCase().includes("charts for trades placed today will be available after midnight.")||String(e.message).toLowerCase().includes("takes up to two business days"),this.chart_err=e.message),this.isLoading=!1}).catch(e=&gt;{this.isLoading=!1,console.log(e),e.response&amp;&amp;(this.showErrorMsg({title:e.response.data.title,message:e.response.data.message}),this.chart_err=e.response.data.message)})},configChart(e=void 0){this.$refs.config_chart.show(),e&gt;=0?(this.$refs.config_chart.chart_type=this.chartMetadata.charts[e].chart_interval_id,this.$refs.config_chart.options.aggregation_time=this.chartMetadata.charts[e].aggregation_id,this.$refs.config_chart.options.time_interval=this.chartMetadata.charts[e].time_interval_id,this.$refs.config_chart.chart_id=this.chartMetadata.charts[e].chart_id,this.$refs.config_chart.options.formdata=this.chartsFormData):(this.$refs.config_chart.options.aggregation_time=null,this.$refs.config_chart.options.time_interval=null,this.$refs.config_chart.chart_id=null,this.$refs.config_chart.options.formdata=this.chartsFormData),this.$refs.config_chart.setData()},removeChart(e){this.chartMetadata.charts.length&lt;=1||(this.isLoading=!0,this.$store.dispatch("deleteTradeChart",{chart_id:this.chartMetadata.charts[e].chart_id,index:e}).then(t=&gt;{this.isLoading=!1,this.showSuccessMsg({title:t.title?t.title:"",message:t.message?t.message:"Success"}),this.selectedIndex=(this.chartMetadata.charts.length-1)%2}).catch(t=&gt;{console.log(t),this.isLoading=!1,t.response&amp;&amp;this.showErrorMsg({title:t.response.data.title,message:t.response.data.message})}))},updateCharts(e){e&amp;&amp;e.status.toLowerCase()==="success"&amp;&amp;this.$refs.config_chart.chart_id&amp;&amp;M.$emit("updateChart",this.selectedIndex)},clickToInteract(){event.stopPropagation(),this.isActive&amp;&amp;(clearTimeout(this.timer_interaction),this.isActive=!1)},leaveInteraction(){this.isActive||(clearTimeout(this.timer_interaction),this.timer_interaction=setTimeout(()=&gt;{this.isActive=!0},3e5))}}},he=e=&gt;(Z("data-v-c2bdbe93"),e=e(),X(),e),ge={class:"d-flex align-items-center mr-3",style:{"z-index":"2"}},ue={class:"filter-dd-height styled-scrollbar"},fe=he(()=&gt;O("p",{class:"trading-view-overlay-container__trading-view-overly--title"}," Click to interact ",-1)),me=[fe],_e={class:"flex justify-content-center align-items-center mt-0 mb-2 h-100"};function pe(e,t,i,r,a,s){const n=S("ts-button"),o=S("ts-tooltip"),l=S("ts-icon"),d=S("ts-dropdown-item"),h=S("ts-dropdown-divider"),f=S("ts-checkbox"),m=S("ts-dropdown"),v=S("ts-card"),D=S("TradingViewChart"),p=S("ConfigTradingView"),u=Q("onece");return w(),W(E,null,[s.hasChartData&amp;&amp;!(i.alternative&amp;&amp;a.innerWidth&gt;=992)?(w(),I(v,{key:0,class:P({"mb-0":!(i.alternative&amp;&amp;a.innerWidth&gt;=992)}),style:F({"margin-bottom":i.alternative&amp;&amp;a.innerWidth&gt;=992?"6px":""}),"body-class":"p-1"},{default:_(()=&gt;[O("div",ge,[O("div",null,[(w(!0),W(E,null,U(s.chartMetadata.charts,(c,g)=&gt;(w(),I(n,{key:"button_"+s.chartMetadata.charts[g].chart_id,class:P(["chart-tab mr-1 ts-card-title mb-2",{"is-selected":g===a.selectedIndex}]),onClick:b=&gt;a.selectedIndex=g},{default:_(()=&gt;[T(B(s.chartMetadata.charts[g].aggregation_name)+" - "+B(s.chartMetadata.charts[g].time_interval_name),1)],void 0,!0),_:2},1032,["class","onClick"]))),128)),s.showAdd?(w(),I(n,{key:0,class:"chart-tab ts-card-title mb-2",onClick:t[0]||(t[0]=c=&gt;s.configChart())},{default:_(()=&gt;[T(" Add "),y(o,{title:"Add a new chart"})],void 0,!0),_:1})):k("",!0)]),i.ispublic?k("",!0):(w(),I(m,{key:0,variant:"link",size:"sm",class:"widget-menu","no-caret":"",right:"","button-class":"m-0 p-0"},{"button-content":_(()=&gt;[y(l,{src:"ellipsis-v",class:"m-auto"})]),default:_(()=&gt;{var c,g,b;return[y(d,{"active-class":"custom-item",onClick:t[1]||(t[1]=C=&gt;s.configChart(a.selectedIndex))},{default:_(()=&gt;[T("Change aggregation")],void 0,!0),_:1}),y(d,{"active-class":"custom-item",onClick:t[2]||(t[2]=C=&gt;s.removeChart(a.selectedIndex))},{default:_(()=&gt;[T("Remove chart")],void 0,!0),_:1}),y(d,{"active-class":"custom-item",onClick:t[3]||(t[3]=()=&gt;e.$router.push({name:"Chart Settings"}))},{default:_(()=&gt;[T("Chart global settings")],void 0,!0),_:1}),y(h),O("div",ue,[y(f,{class:"text-weight-medium q-mb-md",checked:s.chartMetadata&amp;&amp;s.chartMetadata.charts?(c=s.chartMetadata.charts[a.selectedIndex])==null?void 0:c.options.show_buy_flags:!1,onChange:t[4]||(t[4]=C=&gt;{s.chartMetadata.charts[a.selectedIndex].options.show_buy_flags=C,s.onChartOptionsChanged("show_buy_flags",C)})},{default:_(()=&gt;[T("Show buy flags")],void 0,!0),_:1},8,["checked"]),y(f,{class:"text-weight-medium q-mb-md",checked:s.chartMetadata&amp;&amp;s.chartMetadata.charts?(g=s.chartMetadata.charts[a.selectedIndex])==null?void 0:g.options.show_sell_flags:!1,onChange:t[5]||(t[5]=C=&gt;{s.chartMetadata.charts[a.selectedIndex].options.show_sell_flags=C,s.onChartOptionsChanged("show_sell_flags",C)})},{default:_(()=&gt;[T("Show sell flags")],void 0,!0),_:1},8,["checked"]),y(f,{class:"text-weight-medium q-mb-md",checked:s.chartMetadata&amp;&amp;s.chartMetadata.charts?(b=s.chartMetadata.charts[a.selectedIndex])==null?void 0:b.options.show_targets:!1,onChange:t[6]||(t[6]=C=&gt;{s.chartMetadata.charts[a.selectedIndex].options.show_targets=C,s.onChartOptionsChanged("show_targets",C)})},{default:_(()=&gt;[T("Show targets/stops")],void 0,!0),_:1},8,["checked"]),y(f,{class:"text-weight-medium q-mb-sm",checked:s.Post_Market,"show-spinner":s.isProccessing("post_market"),disabled:s.isProccessing("post_market"),onChange:t[7]||(t[7]=C=&gt;s.Post_Market=C)},{default:_(()=&gt;[T("View Pre/Post Market")],void 0,!0),_:1},8,["checked","show-spinner","disabled"])])]},void 0,!0),_:1}))])],void 0,!0),_:1},8,["class","style"])):k("",!0),O("div",{style:{position:"relative",height:"100%"},onMouseleave:t[9]||(t[9]=(...c)=&gt;s.leaveInteraction&amp;&amp;s.leaveInteraction(...c))},[V(y(v,{"no-body":"",class:P(i.cardClass?`${i.cardClass} mt-0 h-100`:"m-0 ts-mb-2 mt-0 h-100"),style:F({background:i.alternative&amp;&amp;a.innerWidth&gt;=992?"transparent":""})},{default:_(()=&gt;[Array.isArray(s.chartMetadata.charts)&amp;&amp;s.chartMetadata.charts.length&gt;0?(w(),W("div",{key:0,class:P(["header-card-trading h-100",s.getClassContainer])},[(w(!0),W(E,null,U(s.getMetadataArray(s.chartMetadata.charts),(c,g)=&gt;V((w(),I(v,{key:"chart_"+s.chartMetadata.charts[g].chart_id,"no-body":"",class:P([s.getArea(g),"m-0 h-100"])},{default:_(()=&gt;[V(y(D,{"is-public":i.ispublic,"metadata-prop":s.chartMetadata,"chart-index":g,symbol:i.symbol,"trade-id":i.trade_id,"remove-chart":s.removeChart,"show-error-msg":e.showErrorMsg,"show-success-msg":e.showSuccessMsg,"creating-default-charts":a.creatingDefaultCharts,"is-active":g===a.selectedIndex||i.alternative&amp;&amp;a.innerWidth&gt;=992,"active-pnl-markers":i.activePnlMarkers,"trade-side":i.tradeSide,class:"trading-view-chart"},null,8,["is-public","metadata-prop","chart-index","symbol","trade-id","remove-chart","show-error-msg","show-success-msg","creating-default-charts","is-active","active-pnl-markers","trade-side"]),[[u]])],void 0,!0),_:2},1032,["class"])),[[$,g===a.selectedIndex||i.alternative&amp;&amp;a.innerWidth&gt;=992]])),128))],2)):k("",!0),a.isActive&amp;&amp;!(i.alternative&amp;&amp;a.innerWidth&gt;=992)?(w(),W("div",{key:1,ref:"myDiv",class:"trading-view-overlay-container",onClick:t[8]||(t[8]=(...c)=&gt;s.clickToInteract&amp;&amp;s.clickToInteract(...c))},null,512)):k("",!0),a.isActive&amp;&amp;!a.isLoading&amp;&amp;!(i.alternative&amp;&amp;a.innerWidth&gt;=992)?(w(),W("div",{key:2,class:"trading-view-overlay-container-text",style:F({bottom:a.isActive?a.innerWidth&gt;=992?"5%":"15%":""})},me,4)):k("",!0),i.ispublic?k("",!0):(w(),I(p,{key:3,ref:"config_chart",trade_id:i.trade_id,onUpdate_charts:s.updateCharts},null,8,["trade_id","onUpdate_charts"]))]),_:1},8,["class","style"]),[[$,!s.isTradeOpen&amp;&amp;!a.chart_err]]),V(y(v,{class:P(i.cardClass?`${i.cardClass} mt-0`:"m-0 ts-mb-2 mt-0"),"body-class":"p-0","no-body":"","body-style":"padding-top: 10px !important"},{header:_(()=&gt;[T(" Trade Charts ")]),default:_(()=&gt;[O("div",_e,[O("span",{style:F(i.alternative&amp;&amp;a.innerWidth&gt;=992?"margin-top: 50%; margin-bottom: auto":"")},B(s.isTradeOpen?"Charts will be available once the trade is closed.":a.chart_err),5)])]),_:1},8,["class"]),[[$,s.isTradeOpen||a.waitConsolidatedData]])],32)],64)}const Se=z(ce,[["render",pe],["__scopeId","data-v-c2bdbe93"]]);export{Se as T};
</pre></body></html>