{"version":3,"sources":["webpack:///./src/app/modules/chart/components/portfolio-chart-header.component.vue?6c06","webpack:///./src/app/modules/chart/pages/portfolio-chart.component.vue","webpack:///./src/app/modules/chart/components/portfolio-chart-header.component.vue","webpack:///src/app/modules/chart/components/portfolio-chart-header.component.vue","webpack:///./src/app/modules/chart/components/portfolio-chart-header.component.vue?3098","webpack:///./src/app/modules/chart/components/portfolio-chart-header.component.vue?5975","webpack:///src/app/modules/chart/pages/portfolio-chart.component.vue","webpack:///./src/app/modules/chart/pages/portfolio-chart.component.vue?cc65","webpack:///./src/app/modules/chart/pages/portfolio-chart.component.vue?de12"],"names":["render","_vm","this","_c","_self","$route","query","portfolioId","hasPortfolioInAccount","staticClass","Object","keys","strategies","length","attrs","on","listInvestment","_e","$event","template","class","_v","hasParamChart","paramChart01","toggleConfig","investmentId","portfolioStrategies","listInvestmentStrategy","availableSymbols","map","symbol","label","value","searchTicker","toUpperCase","changeSymbol","clearField","ticker","timeframe","changeTimeframe","selectedStrategy","setContextUuid","paramChart02","paramChart03","paramChart04","domProps","_s","$icons","noPermission","_m","staticRenderFns","portfolio","selectPortfolio","scopedSlots","_u","key","fn","node","labelClassName","_l","list_portfolio","item","index","id","investment_id","directives","name","rawName","expression","arrow","theme","investment_status","num_positions","model","select_portfolio_id","callback","$$v","components","Treeselect","VueCtkDateTimePicker","menuMobile","props","data","type","default","select_portfolio","Number","range","created","initListInvestment","methods","mapActions","toggleAccount","portfolio_array","order_by","stopped","running","hidden","push","investment_name","accounts","forEach","item_account","investments","filter","investment_type","new_investment","isDisabled","portfolioIndex","findIndex","data_portfolio","$emit","watch","unmounted","component","isMobile","check","a","test","substr","window","HTMLElement","p","toString","safari","pushNotification","navigator","userAgent","vendor","PortfolioStrategyChartHeaderComponent","PortfolioSelectTimeframeComponent","PortfolioChartHeaderComponent","OntickEditableSelectComponent","PortfolioChartGridComponent","AdjustmentChartComponent","pageContext","uuidv4","listContextUuid","connectionStatus","awaitingConnection","retries","error","positions","btnUpdateMarkers","updateIcon","active","disabled","computed","mapGetters","getWebsocketIsConnected","selectedAccount","includes","parseInt","hasStrategy","some","inv","topics","pos","curr_positions","curr","position_symbol","Array","Set","deep","handler","resetGridParams","setTimeout","setGridParams","fetchAccounts","account_id","getRealTime","then","orders","catch","err","console","EventBus","$on","isEmpty","consume","destroyed","worker","sendMessage","$router","replace","strategy","paramChart","stratIndex","params","setParamChart","resetToggle","investment_symbol","Boolean","isSharedWorker","arrayTopicsMD","ctx","_symbol","_tf","uuid","removeDuplicateValues","arrayTopics","self","indexOf","account","Promise","resolve","reject","$api","get","$endpoint","REAL_TIME","res","updateAllMarkers","filterByPortfolioStrategies","currentPortfolio","find","strat","isLocalhost","location","hostname","match","logTitle","message","color","inlineStyle","log","logEvent","msg"],"mappings":"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","file":"js/portfolio_chart.d3203375.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./portfolio-chart-header.component.vue?vue&type=style&index=0&id=6b8742eb&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (!_vm.$route.query.portfolioId || !_vm.hasPortfolioInAccount)?_c('div',{staticClass:\"flex h-full w-full flex-col items-center justify-center space-y-10 text-center\"},[_c('i',{domProps:{\"innerHTML\":_vm._s(_vm.$icons.noPermission)}}),_vm._m(0)]):_c('div',{staticClass:\"relative flex h-full flex-col\"},[_c('div',{staticClass:\"flex w-full items-center justify-start space-x-6 border-b-2 border-b-ontick-graphite-500 bg-ontick-carbon-600 py-2 px-3\"},[(_vm.$route.query.portfolioId && Object.keys(_vm.strategies).length > 0)?_c('div',{staticClass:\"block w-[40%] lg:w-[30%]\"},[_c('portfolio-chart-header-component',{attrs:{\"data\":_vm.strategies},on:{\"listInvestment\":_vm.listInvestment}})],1):_vm._e(),_c('div',{staticClass:\"flex items-center justify-center space-x-1\"},[_c('button',{staticClass:\"rounded bg-ontick-graphite-500 p-1.5 text-sm font-medium shadow-md\",on:{\"click\":function($event){_vm.template = 1}}},[_c('div',{staticClass:\"flex flex-row space-x-0.5 rounded\"},[_c('div',{class:[\n              _vm.template === 1 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n              'h-[16px] w-[16px] rounded-[2px] border-[2px]',\n            ]},[_vm._v(\"   \")])])]),_c('button',{staticClass:\"hidden rounded bg-ontick-graphite-500 p-1.5 text-sm font-medium shadow-md md:block\",on:{\"click\":function($event){_vm.template = 2}}},[_c('div',{staticClass:\"flex flex-row space-x-0.5 rounded\"},[_c('div',{class:[\n              _vm.template === 2 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n              ,\n              'h-[16px] w-[8px] rounded-[2px] border-[2px]',\n            ]},[_vm._v(\"   \")]),_c('div',{class:[\n              _vm.template === 2 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n              ,\n              'h-[16px] w-[8px] rounded-[2px] border-[2px]',\n            ]},[_vm._v(\"   \")])])]),_c('button',{staticClass:\"rounded bg-ontick-graphite-500 p-1.5 text-sm font-medium shadow-md\",on:{\"click\":function($event){_vm.template = 8}}},[_c('div',{staticClass:\"flex flex-col space-y-0.5 rounded\"},[_c('div',{class:[\n              _vm.template === 8 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n              ,\n              'h-[7.25px] w-[16px] rounded-[2px] border-[2px]',\n            ]},[_vm._v(\"   \")]),_c('div',{class:[\n              _vm.template === 8 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n              ,\n              'h-[7.25px] w-[16px] rounded-[2px] border-[2px]',\n            ]},[_vm._v(\"   \")])])]),_c('button',{staticClass:\"hidden rounded bg-ontick-graphite-500 p-1.5 text-sm font-medium shadow-md md:block\",on:{\"click\":function($event){_vm.template = 3}}},[_c('div',{staticClass:\"flex flex-col space-y-0.5 rounded\"},[_c('div',{class:[\n              _vm.template === 3 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n              ,\n              'h-[7.25px] w-full rounded-[2px] border-[2px]',\n            ]},[_vm._v(\"   \")]),_c('div',{staticClass:\"flex h-full flex-row space-x-0.5\"},[_c('div',{class:[\n                _vm.template === 3 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                ,\n                'h-[7.25px] w-[8px] rounded-[2px] border-[2px]',\n              ]},[_vm._v(\"   \")]),_c('div',{class:[\n                _vm.template === 3 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                ,\n                'h-[7.25px] w-[8px] rounded-[2px] border-[2px]',\n              ]},[_vm._v(\"   \")])])])]),_c('button',{staticClass:\"hidden rounded bg-ontick-graphite-500 p-1.5 text-sm font-medium shadow-md md:block\",on:{\"click\":function($event){_vm.template = 4}}},[_c('div',{staticClass:\"flex flex-col space-y-0.5 rounded\"},[_c('div',{staticClass:\"flex h-full flex-row space-x-0.5\"},[_c('div',{class:[\n                _vm.template === 4 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                'h-[7.25px] w-[8px] rounded-[2px] border-[2px]',\n              ]},[_vm._v(\"   \")]),_c('div',{class:[\n                _vm.template === 4 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                'h-[7.25px] w-[8px] rounded-[2px] border-[2px]',\n              ]},[_vm._v(\"   \")])]),_c('div',{class:[\n              _vm.template === 4 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n              'h-[7.25px] w-full rounded-[2px] border-[2px]',\n            ]},[_vm._v(\"   \")])])]),_c('button',{staticClass:\"hidden rounded bg-ontick-graphite-500 p-1.5 text-sm font-medium shadow-md md:block\",on:{\"click\":function($event){_vm.template = 5}}},[_c('div',{staticClass:\"flex flex-row space-x-0.5 rounded\"},[_c('div',{class:[\n              _vm.template === 5 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n              ,\n              'h-[16px] w-[8px] rounded-[2px] border-[2px]',\n            ]},[_vm._v(\"   \")]),_c('div',{staticClass:\"flex h-full flex-col space-y-0.5\"},[_c('div',{class:[\n                _vm.template === 5 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                'h-[7px] w-[8px] rounded-[2px] border-[2px]',\n              ]},[_vm._v(\"   \")]),_c('div',{class:[\n                _vm.template === 5 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                'h-[7px] w-[8px] rounded-[2px] border-[2px]',\n              ]},[_vm._v(\"   \")])])])]),_c('button',{staticClass:\"hidden rounded bg-ontick-graphite-500 p-1.5 text-sm font-medium shadow-md md:block\",on:{\"click\":function($event){_vm.template = 6}}},[_c('div',{staticClass:\"flex flex-row space-x-0.5 rounded\"},[_c('div',{staticClass:\"flex h-full flex-col space-y-0.5\"},[_c('div',{class:[\n                _vm.template === 6 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                'h-[7px] w-[8px] rounded-[2px] border-[2px]',\n              ]},[_vm._v(\"   \")]),_c('div',{class:[\n                _vm.template === 6 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                'h-[7px] w-[8px] rounded-[2px] border-[2px]',\n              ]},[_vm._v(\"   \")])]),_c('div',{class:[\n              _vm.template === 6 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n              'h-[16px] w-[8px] rounded-[2px] border-[2px]',\n            ]},[_vm._v(\"   \")])])]),_c('button',{staticClass:\"hidden rounded bg-ontick-graphite-500 p-1.5 text-sm font-medium shadow-md md:block\",on:{\"click\":function($event){_vm.template = 7}}},[_c('div',{staticClass:\"flex flex-col space-y-0.5 rounded\"},[_c('div',{staticClass:\"flex h-full flex-row space-x-0.5\"},[_c('div',{class:[\n                _vm.template === 7 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                'h-[7.25px] w-[8px] rounded-[2px] border-[2px]',\n              ]},[_vm._v(\"   \")]),_c('div',{class:[\n                _vm.template === 7 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                'h-[7.25px] w-[8px] rounded-[2px] border-[2px]',\n              ]},[_vm._v(\"   \")])]),_c('div',{staticClass:\"flex h-full flex-row space-x-0.5\"},[_c('div',{class:[\n                _vm.template === 7 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                'h-[7.25px] w-[8px] rounded-[2px] border-[2px]',\n              ]},[_vm._v(\"   \")]),_c('div',{class:[\n                _vm.template === 7 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                'h-[7.25px] w-[8px] rounded-[2px] border-[2px]',\n              ]},[_vm._v(\"   \")])])])])])]),(_vm.template === 1)?[(_vm.hasParamChart)?_c('div',{staticClass:\"flex h-full divide-x-2 divide-y-2 divide-ontick-graphite-500\"},[_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart01.toggleConfig},on:{\"change\":function($event){_vm.paramChart01.toggleConfig = !_vm.paramChart01.toggleConfig},\"click-outside\":function($event){_vm.paramChart01.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart01.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart01')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart01.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart01.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart01')},\"clear_field\":function($event){return _vm.clearField('paramChart01')},\"close\":function($event){_vm.paramChart01.searchTicker = _vm.paramChart01.ticker}}}),(Object.keys(_vm.paramChart01).length > 0)?_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart01.ticker,\"timeframe\":_vm.paramChart01.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart01')}}}):_vm._e()],1)],1)]),_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart01.ticker,\"timeframe\":_vm.paramChart01.timeframe,\"investmentId\":_vm.paramChart01.investmentId,\"selectedStrategy\":_vm.paramChart01.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart01')}}})],1)]):_vm._e()]:_vm._e(),(_vm.template === 2)?[(_vm.hasParamChart)?_c('div',{staticClass:\"flex h-full divide-x-2 divide-ontick-graphite-500\"},[_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart01.toggleConfig},on:{\"change\":function($event){_vm.paramChart01.toggleConfig = !_vm.paramChart01.toggleConfig},\"click-outside\":function($event){_vm.paramChart01.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart01.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart01')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart01.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart01.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart01')},\"clear_field\":function($event){return _vm.clearField('paramChart01')},\"close\":function($event){_vm.paramChart01.searchTicker = _vm.paramChart01.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart01.ticker,\"timeframe\":_vm.paramChart01.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart01')}}})],1)],1)]),(Object.keys(_vm.paramChart01).length > 0)?_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart01.ticker,\"timeframe\":_vm.paramChart01.timeframe,\"investmentId\":_vm.paramChart01.investmentId,\"selectedStrategy\":_vm.paramChart01.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart01')}}}):_vm._e()],1),_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart02.toggleConfig},on:{\"change\":function($event){_vm.paramChart02.toggleConfig = !_vm.paramChart02.toggleConfig},\"click-outside\":function($event){_vm.paramChart02.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart02.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart02')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart02.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart02.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart02')},\"clear_field\":function($event){return _vm.clearField('paramChart02')},\"close\":function($event){_vm.paramChart02.searchTicker = _vm.paramChart02.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart02.ticker,\"timeframe\":_vm.paramChart02.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart02')}}})],1)],1)]),(Object.keys(_vm.paramChart02).length > 0)?_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart02.ticker,\"timeframe\":_vm.paramChart02.timeframe,\"investmentId\":_vm.paramChart02.investmentId,\"selectedStrategy\":_vm.paramChart02.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart02')}}}):_vm._e()],1)]):_vm._e()]:_vm._e(),(_vm.template === 8)?[(_vm.hasParamChart)?_c('div',{staticClass:\"flex h-full flex-col divide-y-2 divide-ontick-graphite-500\"},[_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart01.toggleConfig},on:{\"change\":function($event){_vm.paramChart01.toggleConfig = !_vm.paramChart01.toggleConfig},\"click-outside\":function($event){_vm.paramChart01.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart01.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart01')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart01.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart01.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart01')},\"clear_field\":function($event){return _vm.clearField('paramChart01')},\"close\":function($event){_vm.paramChart01.searchTicker = _vm.paramChart01.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart01.ticker,\"timeframe\":_vm.paramChart01.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart01')}}})],1)],1)]),(Object.keys(_vm.paramChart01).length > 0)?_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart01.ticker,\"timeframe\":_vm.paramChart01.timeframe,\"investmentId\":_vm.paramChart01.investmentId,\"selectedStrategy\":_vm.paramChart01.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart01')}}}):_vm._e()],1),_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart02.toggleConfig},on:{\"change\":function($event){_vm.paramChart02.toggleConfig = !_vm.paramChart02.toggleConfig},\"click-outside\":function($event){_vm.paramChart02.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart02.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart02')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart02.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart02.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart02')},\"clear_field\":function($event){return _vm.clearField('paramChart02')},\"close\":function($event){_vm.paramChart02.searchTicker = _vm.paramChart02.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart02.ticker,\"timeframe\":_vm.paramChart02.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart02')}}})],1)],1)]),(Object.keys(_vm.paramChart02).length > 0)?_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart02.ticker,\"timeframe\":_vm.paramChart02.timeframe,\"investmentId\":_vm.paramChart02.investmentId,\"selectedStrategy\":_vm.paramChart02.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart02')}}}):_vm._e()],1)]):_vm._e()]:_vm._e(),(_vm.template === 3)?[_c('div',{staticClass:\"flex h-full w-full flex-col divide-y-2 divide-ontick-graphite-500\"},[(_vm.hasParamChart)?_c('div',{staticClass:\"flex h-full\"},[_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart01.toggleConfig},on:{\"change\":function($event){_vm.paramChart01.toggleConfig = !_vm.paramChart01.toggleConfig},\"click-outside\":function($event){_vm.paramChart01.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart01.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart01')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart01.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart01.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart01')},\"clear_field\":function($event){return _vm.clearField('paramChart01')},\"close\":function($event){_vm.paramChart01.searchTicker = _vm.paramChart01.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart01.ticker,\"timeframe\":_vm.paramChart01.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart01')}}})],1)],1)]),_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart01.ticker,\"timeframe\":_vm.paramChart01.timeframe,\"investmentId\":_vm.paramChart01.investmentId,\"selectedStrategy\":_vm.paramChart01.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart01')}}})],1)]):_vm._e(),(_vm.hasParamChart)?_c('div',{staticClass:\"flex h-full divide-x-2 divide-ontick-graphite-500\"},[_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart02.toggleConfig},on:{\"change\":function($event){_vm.paramChart02.toggleConfig = !_vm.paramChart02.toggleConfig},\"click-outside\":function($event){_vm.paramChart02.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart02.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart02')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart02.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart02.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart02')},\"clear_field\":function($event){return _vm.clearField('paramChart02')},\"close\":function($event){_vm.paramChart02.searchTicker = _vm.paramChart02.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart02.ticker,\"timeframe\":_vm.paramChart02.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart02')}}})],1)],1)]),_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart02.ticker,\"timeframe\":_vm.paramChart02.timeframe,\"investmentId\":_vm.paramChart02.investmentId,\"selectedStrategy\":_vm.paramChart02.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart02')}}})],1),_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart03.toggleConfig},on:{\"change\":function($event){_vm.paramChart03.toggleConfig = !_vm.paramChart03.toggleConfig},\"click-outside\":function($event){_vm.paramChart03.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart03.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart03')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart03.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart03.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart03')},\"clear_field\":function($event){return _vm.clearField('paramChart03')},\"close\":function($event){_vm.paramChart03.searchTicker = _vm.paramChart03.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart03.ticker,\"timeframe\":_vm.paramChart03.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart03')}}})],1)],1)]),_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart03.ticker,\"timeframe\":_vm.paramChart03.timeframe,\"investmentId\":_vm.paramChart03.investmentId,\"selectedStrategy\":_vm.paramChart03.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart03')}}})],1)]):_vm._e()])]:_vm._e(),(_vm.template === 4)?[_c('div',{staticClass:\"flex h-full w-full flex-col divide-y-2 divide-ontick-graphite-500\"},[(_vm.hasParamChart)?_c('div',{staticClass:\"flex h-full divide-x-2 divide-ontick-graphite-500\"},[_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart01.toggleConfig},on:{\"change\":function($event){_vm.paramChart01.toggleConfig = !_vm.paramChart01.toggleConfig},\"click-outside\":function($event){_vm.paramChart01.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart01.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart01')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart01.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart01.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart01')},\"clear_field\":function($event){return _vm.clearField('paramChart01')},\"close\":function($event){_vm.paramChart01.searchTicker = _vm.paramChart01.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart01.ticker,\"timeframe\":_vm.paramChart01.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart01')}}})],1)],1)]),_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart01.ticker,\"timeframe\":_vm.paramChart01.timeframe,\"investmentId\":_vm.paramChart01.investmentId,\"selectedStrategy\":_vm.paramChart01.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart01')}}})],1),_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart02.toggleConfig},on:{\"change\":function($event){_vm.paramChart02.toggleConfig = !_vm.paramChart02.toggleConfig},\"click-outside\":function($event){_vm.paramChart02.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart02.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart02')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart02.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart02.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart02')},\"clear_field\":function($event){return _vm.clearField('paramChart02')},\"close\":function($event){_vm.paramChart02.searchTicker = _vm.paramChart02.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart02.ticker,\"timeframe\":_vm.paramChart02.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart02')}}})],1)],1)]),_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart02.ticker,\"timeframe\":_vm.paramChart02.timeframe,\"investmentId\":_vm.paramChart02.investmentId,\"selectedStrategy\":_vm.paramChart02.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart02')}}})],1)]):_vm._e(),(_vm.hasParamChart)?_c('div',{staticClass:\"flex h-full\"},[_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart03.toggleConfig},on:{\"change\":function($event){_vm.paramChart03.toggleConfig = !_vm.paramChart03.toggleConfig},\"click-outside\":function($event){_vm.paramChart03.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart03.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart03')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart03.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart03.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart03')},\"clear_field\":function($event){return _vm.clearField('paramChart03')},\"close\":function($event){_vm.paramChart03.searchTicker = _vm.paramChart03.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart03.ticker,\"timeframe\":_vm.paramChart03.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart03')}}})],1)],1)]),_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart03.ticker,\"timeframe\":_vm.paramChart03.timeframe,\"investmentId\":_vm.paramChart03.investmentId,\"selectedStrategy\":_vm.paramChart03.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart03')}}})],1)]):_vm._e()])]:_vm._e(),(_vm.template === 5)?[(_vm.hasParamChart)?_c('div',{staticClass:\"flex h-full w-full flex-row divide-x-2 divide-ontick-graphite-500\"},[_c('div',{staticClass:\"flex w-full divide-x-2 divide-ontick-graphite-500\"},[_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart01.toggleConfig},on:{\"change\":function($event){_vm.paramChart01.toggleConfig = !_vm.paramChart01.toggleConfig},\"click-outside\":function($event){_vm.paramChart01.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart01.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart01')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart01.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart01.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart01')},\"clear_field\":function($event){return _vm.clearField('paramChart01')},\"close\":function($event){_vm.paramChart01.searchTicker = _vm.paramChart01.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart01.ticker,\"timeframe\":_vm.paramChart01.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart01')}}})],1)],1)]),_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart01.ticker,\"timeframe\":_vm.paramChart01.timeframe,\"investmentId\":_vm.paramChart01.investmentId,\"selectedStrategy\":_vm.paramChart01.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart01')}}})],1)]),_c('div',{staticClass:\"flex h-full w-full flex-col divide-y-2 divide-ontick-graphite-500\"},[_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart02.toggleConfig},on:{\"change\":function($event){_vm.paramChart02.toggleConfig = !_vm.paramChart02.toggleConfig},\"click-outside\":function($event){_vm.paramChart02.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart02.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart02')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart02.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart02.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart02')},\"clear_field\":function($event){return _vm.clearField('paramChart02')},\"close\":function($event){_vm.paramChart02.searchTicker = _vm.paramChart02.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart02.ticker,\"timeframe\":_vm.paramChart02.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart02')}}})],1)],1)]),_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart02.ticker,\"timeframe\":_vm.paramChart02.timeframe,\"investmentId\":_vm.paramChart02.investmentId,\"selectedStrategy\":_vm.paramChart02.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart02')}}})],1),_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart03.toggleConfig},on:{\"change\":function($event){_vm.paramChart03.toggleConfig = !_vm.paramChart03.toggleConfig},\"click-outside\":function($event){_vm.paramChart03.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart03.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart03')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart03.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart03.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart03')},\"clear_field\":function($event){return _vm.clearField('paramChart03')},\"close\":function($event){_vm.paramChart03.searchTicker = _vm.paramChart03.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart03.ticker,\"timeframe\":_vm.paramChart03.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart03')}}})],1)],1)]),_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart03.ticker,\"timeframe\":_vm.paramChart03.timeframe,\"investmentId\":_vm.paramChart03.investmentId,\"selectedStrategy\":_vm.paramChart03.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart03')}}})],1)])]):_vm._e()]:_vm._e(),(_vm.template === 6)?[(_vm.hasParamChart)?_c('div',{staticClass:\"flex h-full w-full flex-row divide-x-2 divide-ontick-graphite-500\"},[_c('div',{staticClass:\"flex h-full w-full flex-col divide-y-2 divide-ontick-graphite-500\"},[_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart01.toggleConfig},on:{\"change\":function($event){_vm.paramChart01.toggleConfig = !_vm.paramChart01.toggleConfig},\"click-outside\":function($event){_vm.paramChart01.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart01.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart01')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart01.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart01.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart01')},\"clear_field\":function($event){return _vm.clearField('paramChart01')},\"close\":function($event){_vm.paramChart01.searchTicker = _vm.paramChart01.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart01.ticker,\"timeframe\":_vm.paramChart01.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart01')}}})],1)],1)]),_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart01.ticker,\"timeframe\":_vm.paramChart01.timeframe,\"investmentId\":_vm.paramChart01.investmentId,\"selectedStrategy\":_vm.paramChart01.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart01')}}})],1),_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart02.toggleConfig},on:{\"change\":function($event){_vm.paramChart02.toggleConfig = !_vm.paramChart02.toggleConfig},\"click-outside\":function($event){_vm.paramChart02.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart02.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart02')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart02.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart02.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart02')},\"clear_field\":function($event){return _vm.clearField('paramChart02')},\"close\":function($event){_vm.paramChart02.searchTicker = _vm.paramChart02.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart02.ticker,\"timeframe\":_vm.paramChart02.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart02')}}})],1)],1)]),_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart02.ticker,\"timeframe\":_vm.paramChart02.timeframe,\"investmentId\":_vm.paramChart02.investmentId,\"selectedStrategy\":_vm.paramChart02.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart02')}}})],1)]),_c('div',{staticClass:\"flex w-full divide-x-2 divide-ontick-graphite-500\"},[_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart03.toggleConfig},on:{\"change\":function($event){_vm.paramChart03.toggleConfig = !_vm.paramChart03.toggleConfig},\"click-outside\":function($event){_vm.paramChart03.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart03.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart03')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart03.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart03.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart03')},\"clear_field\":function($event){return _vm.clearField('paramChart03')},\"close\":function($event){_vm.paramChart03.searchTicker = _vm.paramChart03.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart03.ticker,\"timeframe\":_vm.paramChart03.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart03')}}})],1)],1)]),_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart03.ticker,\"timeframe\":_vm.paramChart03.timeframe,\"investmentId\":_vm.paramChart03.investmentId,\"selectedStrategy\":_vm.paramChart03.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart03')}}})],1)])]):_vm._e()]:_vm._e(),(_vm.template === 7)?[_c('div',{staticClass:\"flex h-full w-full flex-col divide-y-2 divide-ontick-graphite-500\"},[(_vm.hasParamChart)?_c('div',{staticClass:\"flex h-full divide-x-2 divide-ontick-graphite-500\"},[_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart01.toggleConfig},on:{\"change\":function($event){_vm.paramChart01.toggleConfig = !_vm.paramChart01.toggleConfig},\"click-outside\":function($event){_vm.paramChart01.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart01.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart01')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart01.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart01.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart01')},\"clear_field\":function($event){return _vm.clearField('paramChart01')},\"close\":function($event){_vm.paramChart01.searchTicker = _vm.paramChart01.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart01.ticker,\"timeframe\":_vm.paramChart01.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart01')}}})],1)],1)]),_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart01.ticker,\"timeframe\":_vm.paramChart01.timeframe,\"investmentId\":_vm.paramChart01.investmentId,\"selectedStrategy\":_vm.paramChart01.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart01')}}})],1),_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart02.toggleConfig},on:{\"change\":function($event){_vm.paramChart02.toggleConfig = !_vm.paramChart02.toggleConfig},\"click-outside\":function($event){_vm.paramChart02.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart02.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart02')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart02.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart02.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart02')},\"clear_field\":function($event){return _vm.clearField('paramChart02')},\"close\":function($event){_vm.paramChart02.searchTicker = _vm.paramChart02.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart02.ticker,\"timeframe\":_vm.paramChart02.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart02')}}})],1)],1)]),_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart02.ticker,\"timeframe\":_vm.paramChart02.timeframe,\"investmentId\":_vm.paramChart02.investmentId,\"selectedStrategy\":_vm.paramChart02.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart02')}}})],1)]):_vm._e(),(_vm.hasParamChart)?_c('div',{staticClass:\"flex h-full divide-x-2 divide-ontick-graphite-500\"},[_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart03.toggleConfig},on:{\"change\":function($event){_vm.paramChart03.toggleConfig = !_vm.paramChart03.toggleConfig},\"click-outside\":function($event){_vm.paramChart03.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart03.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart03')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart03.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart03.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart03')},\"clear_field\":function($event){return _vm.clearField('paramChart03')},\"close\":function($event){_vm.paramChart03.searchTicker = _vm.paramChart03.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart03.ticker,\"timeframe\":_vm.paramChart03.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart03')}}})],1)],1)]),_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart03.ticker,\"timeframe\":_vm.paramChart03.timeframe,\"investmentId\":_vm.paramChart03.investmentId,\"selectedStrategy\":_vm.paramChart03.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart03')}}})],1),_c('div',{staticClass:\"relative flex h-full w-full items-center justify-center\"},[_c('adjustment-chart-component',{attrs:{\"visible\":_vm.paramChart04.toggleConfig},on:{\"change\":function($event){_vm.paramChart04.toggleConfig = !_vm.paramChart04.toggleConfig},\"click-outside\":function($event){_vm.paramChart04.toggleConfig = false}}},[_c('div',{staticClass:\"flex flex-col space-x-0 space-y-2\"},[_c('portfolio-strategy-chart-header-component',{attrs:{\"select_investment_id\":_vm.paramChart04.investmentId,\"data\":_vm.portfolioStrategies},on:{\"listInvestment\":function($event){return _vm.listInvestmentStrategy($event, 'paramChart04')}}}),_c('div',{staticClass:\"flex space-x-2\"},[_c('ontick-editable-select-component',{attrs:{\"inputStyles\":\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\",\"maxHeight\":\"max-h-96\",\"options\":_vm.availableSymbols.map((symbol) => ({ label: symbol, value: symbol })),\"value\":_vm.paramChart04.searchTicker,\"acceptInput\":true,\"name\":\"symbol\"},on:{\"input\":function($event){_vm.paramChart04.searchTicker = $event.value.toUpperCase()},\"selected-from-box\":function($event){return _vm.changeSymbol($event, 'paramChart04')},\"clear_field\":function($event){return _vm.clearField('paramChart04')},\"close\":function($event){_vm.paramChart04.searchTicker = _vm.paramChart04.ticker}}}),_c('portfolio-select-timeframe-component',{attrs:{\"ticker\":_vm.paramChart04.ticker,\"timeframe\":_vm.paramChart04.timeframe},on:{\"change\":function($event){return _vm.changeTimeframe($event, 'paramChart04')}}})],1)],1)]),_c('portfolio-chart-grid-component',{attrs:{\"ticker\":_vm.paramChart04.ticker,\"timeframe\":_vm.paramChart04.timeframe,\"investmentId\":_vm.paramChart04.investmentId,\"selectedStrategy\":_vm.paramChart04.selectedStrategy},on:{\"contextUuid\":function($event){return _vm.setContextUuid($event, 'paramChart04')}}})],1)]):_vm._e()])]:_vm._e()],2)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"text-3xl leading-snug text-gray-300\"},[_vm._v(\"Você não tem permissão para\"),_c('br'),_vm._v(\"visualizar essa estratégia.\")])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('treeselect',{staticClass:\"h-10\",attrs:{\"multiple\":false,\"options\":_vm.portfolio,\"show-count\":true,\"searchable\":false,\"clearable\":false,\"placeholder\":\"Selecione seu investimento\"},on:{\"select\":_vm.selectPortfolio},scopedSlots:_vm._u([{key:\"option-label\",fn:function({ node, labelClassName }){return _c('div',{staticClass:\"py-2\",class:labelClassName},_vm._l((_vm.list_portfolio),function(item,index){return _c('div',{key:index,staticClass:\"flex items-center justify-between\"},[(node.id == item.investment_id)?_c('div',{staticClass:\"space-x-3\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(item.investment_id != 0),expression:\"item.investment_id != 0\"},{name:\"tippy\",rawName:\"v-tippy\",value:({\n            arrow: true,\n            theme:\n              item.investment_status === 'STOPPED' ? 'red' : item.investment_status === 'RUNNING' ? 'green' : 'gray',\n          }),expression:\"{\\n            arrow: true,\\n            theme:\\n              item.investment_status === 'STOPPED' ? 'red' : item.investment_status === 'RUNNING' ? 'green' : 'gray',\\n          }\"}],staticClass:\"relative -mb-3 inline-flex h-3 w-3 items-center\",attrs:{\"content\":item.investment_status === 'STOPPED'\n              ? 'Investimento parado'\n              : item.investment_status === 'RUNNING'\n                ? 'Investimento em execução'\n                : 'Investimento arquivado'}},[_c('span',{staticClass:\"absolute inline-flex h-full w-full rounded-full opacity-75\",class:item.investment_status == 'STOPPED'\n                ? 'bg-ontick-red-500'\n                : item.investment_status == 'RUNNING'\n                  ? 'bg-ontick-green-500 animate-ping'\n                  : 'bg-gray-400'}),_c('span',{staticClass:\"relative inline-flex h-3 w-3 rounded-full\",class:item.investment_status == 'STOPPED'\n                ? 'bg-ontick-red-500'\n                : item.investment_status == 'RUNNING'\n                  ? 'bg-ontick-green-500'\n                  : 'bg-gray-400'})]),(item.investment_id != 0)?_c('span',{staticClass:\"text-ontick-blue-500 inline-flex text-sm\"},[_vm._v(_vm._s(node.id))]):_vm._e(),_c('span',{staticClass:\"text-ontick-steel-900 text-sm dark:text-gray-300\"},[_vm._v(_vm._s(node.label))])]):_vm._e(),(node.id == item.investment_id)?_c('div',{staticClass:\"text-ontick-steel-900 float-right ml-2 text-sm dark:text-gray-300\"},[_c('div',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({ arrow: true, theme: 'green' }),expression:\"{ arrow: true, theme: 'green' }\"},{name:\"show\",rawName:\"v-show\",value:(item.investment_status != 'HIDDEN'),expression:\"item.investment_status != 'HIDDEN'\"}],staticClass:\"mx-2 inline-flex items-center\",attrs:{\"content\":\"Ordens executadas\"}},[_c('p',{staticClass:\"mx-2\"},[_vm._v(_vm._s(item.num_positions))])])]):_vm._e()])}),0)}},{key:\"value-label\",fn:function({ node }){return _c('div',{staticClass:\"w-full\"},_vm._l((_vm.list_portfolio),function(item,index){return _c('div',{key:index,staticClass:\"flex items-center justify-between\"},[(node.id == item.investment_id)?_c('div',{staticClass:\"space-x-3\"},[(item.investment_id != 0)?_c('span',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({\n            arrow: true,\n            theme:\n              item.investment_status === 'STOPPED' ? 'red' : item.investment_status === 'RUNNING' ? 'green' : 'gray',\n          }),expression:\"{\\n            arrow: true,\\n            theme:\\n              item.investment_status === 'STOPPED' ? 'red' : item.investment_status === 'RUNNING' ? 'green' : 'gray',\\n          }\"}],staticClass:\"relative -mb-3 inline-flex h-3 w-3 items-center\",attrs:{\"content\":item.investment_status === 'STOPPED'\n              ? 'Investimento parado'\n              : item.investment_status === 'RUNNING'\n                ? 'Investimento em execução'\n                : 'Investimento arquivado'}},[_c('span',{staticClass:\"absolute inline-flex h-full w-full rounded-full opacity-75\",class:item.investment_status == 'STOPPED'\n                ? 'bg-ontick-red-500'\n                : item.investment_status == 'RUNNING'\n                  ? 'bg-ontick-green-500 animate-ping'\n                  : 'bg-gray-400'}),_c('span',{staticClass:\"relative inline-flex h-3 w-3 rounded-full\",class:item.investment_status == 'STOPPED'\n                ? 'bg-ontick-red-500'\n                : item.investment_status == 'RUNNING'\n                  ? 'bg-ontick-green-500'\n                  : 'bg-gray-400'})]):_vm._e(),(item.investment_id != 0)?_c('span',{staticClass:\"text-ontick-blue-500 inline-flex text-sm\"},[_vm._v(_vm._s(item.investment_id))]):_vm._e(),_c('span',{staticClass:\"text-ontick-steel-900 text-sm dark:text-gray-300\"},[_vm._v(_vm._s(node.label))])]):_vm._e(),(node.id == item.investment_id)?_c('div',{staticClass:\"text-ontick-steel-900 float-right ml-2 text-sm dark:text-gray-300\"},[_c('div',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({ arrow: true, theme: 'green' }),expression:\"{ arrow: true, theme: 'green' }\"},{name:\"show\",rawName:\"v-show\",value:(item.investment_status != 'HIDDEN'),expression:\"item.investment_status != 'HIDDEN'\"}],staticClass:\"mx-2 inline-flex items-center\",attrs:{\"content\":\"Ordens executadas\"}},[_c('p',{staticClass:\"text-ontick-steel-900 mx-2 dark:text-gray-300\"},[_vm._v(\" \"+_vm._s(item.num_positions)+\" \")])])]):_vm._e()])}),0)}}]),model:{value:(_vm.select_portfolio_id),callback:function ($$v) {_vm.select_portfolio_id=$$v},expression:\"select_portfolio_id\"}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <treeselect\n    :multiple=\"false\"\n    :options=\"portfolio\"\n    :show-count=\"true\"\n    :searchable=\"false\"\n    :clearable=\"false\"\n    placeholder=\"Selecione seu investimento\"\n    v-model=\"select_portfolio_id\"\n    @select=\"selectPortfolio\"\n    class=\"h-10\"\n  >\n    <div slot=\"option-label\" slot-scope=\"{ node, labelClassName }\" :class=\"labelClassName\" class=\"py-2\">\n      <div class=\"flex items-center justify-between\" v-for=\"(item, index) in list_portfolio\" :key=\"index\">\n        <div class=\"space-x-3\" v-if=\"node.id == item.investment_id\">\n          <span\n            v-show=\"item.investment_id != 0\"\n            class=\"relative -mb-3 inline-flex h-3 w-3 items-center\"\n            :content=\"\n              item.investment_status === 'STOPPED'\n                ? 'Investimento parado'\n                : item.investment_status === 'RUNNING'\n                  ? 'Investimento em execução'\n                  : 'Investimento arquivado'\n            \"\n            v-tippy=\"{\n              arrow: true,\n              theme:\n                item.investment_status === 'STOPPED' ? 'red' : item.investment_status === 'RUNNING' ? 'green' : 'gray',\n            }\"\n          >\n            <span\n              :class=\"\n                item.investment_status == 'STOPPED'\n                  ? 'bg-ontick-red-500'\n                  : item.investment_status == 'RUNNING'\n                    ? 'bg-ontick-green-500 animate-ping'\n                    : 'bg-gray-400'\n              \"\n              class=\"absolute inline-flex h-full w-full rounded-full opacity-75\"\n            ></span>\n\n            <span\n              class=\"relative inline-flex h-3 w-3 rounded-full\"\n              :class=\"\n                item.investment_status == 'STOPPED'\n                  ? 'bg-ontick-red-500'\n                  : item.investment_status == 'RUNNING'\n                    ? 'bg-ontick-green-500'\n                    : 'bg-gray-400'\n              \"\n            ></span>\n          </span>\n          <!-- <span class=\"text-ontick-blue-500 inline-flex text-sm\">{{\n            item.investment_id\n          }}</span> -->\n          <span v-if=\"item.investment_id != 0\" class=\"text-ontick-blue-500 inline-flex text-sm\">{{ node.id }}</span>\n          <span class=\"text-ontick-steel-900 text-sm dark:text-gray-300\">{{ node.label }}</span>\n        </div>\n        <div\n          class=\"text-ontick-steel-900 float-right ml-2 text-sm dark:text-gray-300\"\n          v-if=\"node.id == item.investment_id\"\n        >\n          <div\n            content=\"Ordens executadas\"\n            v-tippy=\"{ arrow: true, theme: 'green' }\"\n            v-show=\"item.investment_status != 'HIDDEN'\"\n            class=\"mx-2 inline-flex items-center\"\n          >\n            <p class=\"mx-2\">{{ item.num_positions }}</p>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div slot=\"value-label\" slot-scope=\"{ node }\" class=\"w-full\">\n      <div class=\"flex items-center justify-between\" v-for=\"(item, index) in list_portfolio\" :key=\"index\">\n        <div class=\"space-x-3\" v-if=\"node.id == item.investment_id\">\n          <span\n            v-if=\"item.investment_id != 0\"\n            class=\"relative -mb-3 inline-flex h-3 w-3 items-center\"\n            :content=\"\n              item.investment_status === 'STOPPED'\n                ? 'Investimento parado'\n                : item.investment_status === 'RUNNING'\n                  ? 'Investimento em execução'\n                  : 'Investimento arquivado'\n            \"\n            v-tippy=\"{\n              arrow: true,\n              theme:\n                item.investment_status === 'STOPPED' ? 'red' : item.investment_status === 'RUNNING' ? 'green' : 'gray',\n            }\"\n          >\n            <span\n              :class=\"\n                item.investment_status == 'STOPPED'\n                  ? 'bg-ontick-red-500'\n                  : item.investment_status == 'RUNNING'\n                    ? 'bg-ontick-green-500 animate-ping'\n                    : 'bg-gray-400'\n              \"\n              class=\"absolute inline-flex h-full w-full rounded-full opacity-75\"\n            ></span>\n\n            <span\n              class=\"relative inline-flex h-3 w-3 rounded-full\"\n              :class=\"\n                item.investment_status == 'STOPPED'\n                  ? 'bg-ontick-red-500'\n                  : item.investment_status == 'RUNNING'\n                    ? 'bg-ontick-green-500'\n                    : 'bg-gray-400'\n              \"\n            ></span>\n          </span>\n          <span v-if=\"item.investment_id != 0\" class=\"text-ontick-blue-500 inline-flex text-sm\">{{\n            item.investment_id\n          }}</span>\n          <span class=\"text-ontick-steel-900 text-sm dark:text-gray-300\">{{ node.label }}</span>\n        </div>\n        <div\n          class=\"text-ontick-steel-900 float-right ml-2 text-sm dark:text-gray-300\"\n          v-if=\"node.id == item.investment_id\"\n        >\n          <div\n            content=\"Ordens executadas\"\n            v-tippy=\"{ arrow: true, theme: 'green' }\"\n            v-show=\"item.investment_status != 'HIDDEN'\"\n            class=\"mx-2 inline-flex items-center\"\n          >\n            <p class=\"text-ontick-steel-900 mx-2 dark:text-gray-300\">\n              {{ item.num_positions }}\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </treeselect>\n</template>\n\n<script>\nimport { mapActions } from \"vuex\";\nimport Treeselect from \"@riophae/vue-treeselect\";\nimport \"@riophae/vue-treeselect/dist/vue-treeselect.css\";\nimport VueCtkDateTimePicker from \"vue-ctk-date-time-picker\";\nimport \"vue-ctk-date-time-picker/dist/vue-ctk-date-time-picker.css\";\n\nexport default {\n  name: \"portfolio-chart-header\",\n  components: {\n    Treeselect,\n    VueCtkDateTimePicker,\n    menuMobile: () => import(\"./chart-header-mobile.component.vue\"),\n  },\n  props: {\n    data: {\n      type: Object,\n      default: null,\n    },\n    // select_portfolio_id: {\n    //   type: Number,\n    //   default: 0,\n    // },\n  },\n  data() {\n    return {\n      portfolio: [],\n      list_portfolio: [],\n      select_portfolio: {},\n      select_portfolio_id: Number(this.$route.query.portfolioId || 0),\n      range: true,\n    };\n  },\n\n  created() {\n    this.initListInvestment(this.data);\n  },\n  methods: {\n    ...mapActions({\n      toggleAccount: \"performance/toggleAccount\",\n    }),\n\n    initListInvestment(value) {\n      let portfolio_array = [];\n      let order_by = { stopped: [], running: [], hidden: [] };\n\n      portfolio_array.push({\n        investment_id: 0,\n        investment_name: \"Selecione uma estratégia\",\n      });\n\n      value.accounts.forEach((item_account) => {\n        item_account.investments\n          .filter((item) => item.investment_type === \"PORTFOLIO\")\n          .forEach((item) => {\n            portfolio_array.push(item);\n            let new_investment;\n            if (item.investment_status == \"STOPPED\") {\n              new_investment = {\n                label: item.investment_name,\n                id: item.investment_id,\n              };\n\n              order_by.stopped.push(new_investment);\n            } else if (item.investment_status == \"RUNNING\") {\n              new_investment = {\n                label: item.investment_name,\n                id: item.investment_id,\n              };\n\n              order_by.running.push(new_investment);\n            } else {\n              new_investment = {\n                label: item.investment_name,\n                id: item.investment_id,\n              };\n\n              order_by.hidden.push(new_investment);\n            }\n          });\n      });\n\n      this.portfolio = [\n        {\n          id: 0,\n          label: \"Selecione um portfólio\",\n          isDisabled: true,\n        },\n        ...order_by.running,\n        ...order_by.stopped,\n        ...order_by.hidden,\n      ];\n\n      const portfolioIndex = this.portfolio.findIndex((item) => item.id === this.select_portfolio_id);\n\n      this.select_portfolio = this.portfolio[portfolioIndex];\n      this.select_portfolio_id = this.portfolio[portfolioIndex].id;\n      this.list_portfolio = portfolio_array;\n\n      this.selectPortfolio(this.select_portfolio);\n    },\n\n    selectPortfolio(portfolio) {\n      this.select_portfolio = portfolio;\n      let data_portfolio = {};\n\n      let index = this.list_portfolio.findIndex((item) => item.investment_id == portfolio.id);\n      if (index != -1) {\n        data_portfolio = this.list_portfolio[index];\n      }\n\n      this.$emit(\"listInvestment\", { ...data_portfolio });\n    },\n  },\n\n  watch: {\n    data(value) {\n      this.initListInvestment(value);\n      return value;\n    },\n  },\n\n  unmounted: function () {\n    this.portfolio = [];\n  },\n};\n</script>\n\n<style lang=\"scss\">\n@import \"./chart-header.component.scss\";\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./portfolio-chart-header.component.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./portfolio-chart-header.component.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./portfolio-chart-header.component.vue?vue&type=template&id=6b8742eb\"\nimport script from \"./portfolio-chart-header.component.vue?vue&type=script&lang=js\"\nexport * from \"./portfolio-chart-header.component.vue?vue&type=script&lang=js\"\nimport style0 from \"./portfolio-chart-header.component.vue?vue&type=style&index=0&id=6b8742eb&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div\n    v-if=\"!$route.query.portfolioId || !hasPortfolioInAccount\"\n    class=\"flex h-full w-full flex-col items-center justify-center space-y-10 text-center\"\n  >\n    <i v-html=\"$icons.noPermission\"></i>\n    <p class=\"text-3xl leading-snug text-gray-300\">Você não tem permissão para<br />visualizar essa estratégia.</p>\n  </div>\n  <div v-else class=\"relative flex h-full flex-col\">\n    <div\n      class=\"flex w-full items-center justify-start space-x-6 border-b-2 border-b-ontick-graphite-500 bg-ontick-carbon-600 py-2 px-3\"\n    >\n      <div v-if=\"$route.query.portfolioId && Object.keys(strategies).length > 0\" class=\"block w-[40%] lg:w-[30%]\">\n        <portfolio-chart-header-component\n          @listInvestment=\"listInvestment\"\n          :data=\"strategies\"\n        ></portfolio-chart-header-component>\n      </div>\n\n      <div class=\"flex items-center justify-center space-x-1\">\n        <!-- <p class=\"text-xs font-medium text-ontick-steel-400 mr-1\">Grade:</p> -->\n        <!-- 1 gráfico -->\n        <button class=\"rounded bg-ontick-graphite-500 p-1.5 text-sm font-medium shadow-md\" @click=\"template = 1\">\n          <!-- Grid 1 -->\n          <div class=\"flex flex-row space-x-0.5 rounded\">\n            <div\n              :class=\"[\n                template === 1 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                'h-[16px] w-[16px] rounded-[2px] border-[2px]',\n              ]\"\n            >\n              &nbsp;\n            </div>\n          </div>\n        </button>\n        <!-- 2 gráficos dividido horizontalmente na tela -->\n        <button\n          class=\"hidden rounded bg-ontick-graphite-500 p-1.5 text-sm font-medium shadow-md md:block\"\n          @click=\"template = 2\"\n        >\n          <!-- Grid 2 -->\n          <div class=\"flex flex-row space-x-0.5 rounded\">\n            <div\n              :class=\"[\n                template === 2 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                ,\n                'h-[16px] w-[8px] rounded-[2px] border-[2px]',\n              ]\"\n            >\n              &nbsp;\n            </div>\n            <div\n              :class=\"[\n                template === 2 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                ,\n                'h-[16px] w-[8px] rounded-[2px] border-[2px]',\n              ]\"\n            >\n              &nbsp;\n            </div>\n          </div>\n        </button>\n        <!-- 2 gráficos dividido verticalmente na tela -->\n        <button class=\"rounded bg-ontick-graphite-500 p-1.5 text-sm font-medium shadow-md\" @click=\"template = 8\">\n          <!-- Grid 8 -->\n          <div class=\"flex flex-col space-y-0.5 rounded\">\n            <div\n              :class=\"[\n                template === 8 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                ,\n                'h-[7.25px] w-[16px] rounded-[2px] border-[2px]',\n              ]\"\n            >\n              &nbsp;\n            </div>\n            <div\n              :class=\"[\n                template === 8 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                ,\n                'h-[7.25px] w-[16px] rounded-[2px] border-[2px]',\n              ]\"\n            >\n              &nbsp;\n            </div>\n          </div>\n        </button>\n        <!-- 3 gráficos - 1 esquerdo e 2 direito verticalmente -->\n        <button\n          class=\"hidden rounded bg-ontick-graphite-500 p-1.5 text-sm font-medium shadow-md md:block\"\n          @click=\"template = 3\"\n        >\n          <!-- Grid 3 -->\n          <div class=\"flex flex-col space-y-0.5 rounded\">\n            <div\n              :class=\"[\n                template === 3 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                ,\n                'h-[7.25px] w-full rounded-[2px] border-[2px]',\n              ]\"\n            >\n              &nbsp;\n            </div>\n            <div class=\"flex h-full flex-row space-x-0.5\">\n              <div\n                :class=\"[\n                  template === 3 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                  ,\n                  'h-[7.25px] w-[8px] rounded-[2px] border-[2px]',\n                ]\"\n              >\n                &nbsp;\n              </div>\n              <div\n                :class=\"[\n                  template === 3 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                  ,\n                  'h-[7.25px] w-[8px] rounded-[2px] border-[2px]',\n                ]\"\n              >\n                &nbsp;\n              </div>\n            </div>\n          </div>\n        </button>\n        <!-- 3 gráficos - 1 direito e 2 esquerdo verticalmente -->\n        <button\n          class=\"hidden rounded bg-ontick-graphite-500 p-1.5 text-sm font-medium shadow-md md:block\"\n          @click=\"template = 4\"\n        >\n          <!-- Grid 4 -->\n          <div class=\"flex flex-col space-y-0.5 rounded\">\n            <div class=\"flex h-full flex-row space-x-0.5\">\n              <div\n                :class=\"[\n                  template === 4 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                  'h-[7.25px] w-[8px] rounded-[2px] border-[2px]',\n                ]\"\n              >\n                &nbsp;\n              </div>\n              <div\n                :class=\"[\n                  template === 4 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                  'h-[7.25px] w-[8px] rounded-[2px] border-[2px]',\n                ]\"\n              >\n                &nbsp;\n              </div>\n            </div>\n            <div\n              :class=\"[\n                template === 4 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                'h-[7.25px] w-full rounded-[2px] border-[2px]',\n              ]\"\n            >\n              &nbsp;\n            </div>\n          </div>\n        </button>\n        <!-- 3 gráficos - 1 esquerdo e 2 direito -->\n        <button\n          class=\"hidden rounded bg-ontick-graphite-500 p-1.5 text-sm font-medium shadow-md md:block\"\n          @click=\"template = 5\"\n        >\n          <!-- Grid 5 -->\n          <div class=\"flex flex-row space-x-0.5 rounded\">\n            <div\n              :class=\"[\n                template === 5 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                ,\n                'h-[16px] w-[8px] rounded-[2px] border-[2px]',\n              ]\"\n            >\n              &nbsp;\n            </div>\n            <div class=\"flex h-full flex-col space-y-0.5\">\n              <div\n                :class=\"[\n                  template === 5 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                  'h-[7px] w-[8px] rounded-[2px] border-[2px]',\n                ]\"\n              >\n                &nbsp;\n              </div>\n              <div\n                :class=\"[\n                  template === 5 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                  'h-[7px] w-[8px] rounded-[2px] border-[2px]',\n                ]\"\n              >\n                &nbsp;\n              </div>\n            </div>\n          </div>\n        </button>\n        <!-- 3 gráficos - 2 esquerdo e 1 direito -->\n        <button\n          class=\"hidden rounded bg-ontick-graphite-500 p-1.5 text-sm font-medium shadow-md md:block\"\n          @click=\"template = 6\"\n        >\n          <!-- Grid 6 -->\n          <div class=\"flex flex-row space-x-0.5 rounded\">\n            <div class=\"flex h-full flex-col space-y-0.5\">\n              <div\n                :class=\"[\n                  template === 6 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                  'h-[7px] w-[8px] rounded-[2px] border-[2px]',\n                ]\"\n              >\n                &nbsp;\n              </div>\n              <div\n                :class=\"[\n                  template === 6 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                  'h-[7px] w-[8px] rounded-[2px] border-[2px]',\n                ]\"\n              >\n                &nbsp;\n              </div>\n            </div>\n            <div\n              :class=\"[\n                template === 6 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                'h-[16px] w-[8px] rounded-[2px] border-[2px]',\n              ]\"\n            >\n              &nbsp;\n            </div>\n          </div>\n        </button>\n        <!-- 4 gráficos -->\n        <button\n          class=\"hidden rounded bg-ontick-graphite-500 p-1.5 text-sm font-medium shadow-md md:block\"\n          @click=\"template = 7\"\n        >\n          <!-- Grid 7 -->\n          <div class=\"flex flex-col space-y-0.5 rounded\">\n            <div class=\"flex h-full flex-row space-x-0.5\">\n              <div\n                :class=\"[\n                  template === 7 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                  'h-[7.25px] w-[8px] rounded-[2px] border-[2px]',\n                ]\"\n              >\n                &nbsp;\n              </div>\n              <div\n                :class=\"[\n                  template === 7 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                  'h-[7.25px] w-[8px] rounded-[2px] border-[2px]',\n                ]\"\n              >\n                &nbsp;\n              </div>\n            </div>\n            <div class=\"flex h-full flex-row space-x-0.5\">\n              <div\n                :class=\"[\n                  template === 7 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                  'h-[7.25px] w-[8px] rounded-[2px] border-[2px]',\n                ]\"\n              >\n                &nbsp;\n              </div>\n              <div\n                :class=\"[\n                  template === 7 ? 'border-ontick-blue-500' : 'border-ontick-graphite-400',\n                  'h-[7.25px] w-[8px] rounded-[2px] border-[2px]',\n                ]\"\n              >\n                &nbsp;\n              </div>\n            </div>\n          </div>\n        </button>\n\n        <!-- <div class=\"block\">\n          <p class=\"text-xs\"><strong>paramChart01:</strong> {{ JSON.stringify(paramChart01) }}</p>\n          <p class=\"text-xs\"><strong>paramChart02:</strong> {{ JSON.stringify(paramChart02) }}</p>\n        </div> -->\n      </div>\n\n      <!-- <button\n        @click=\"updateAllMarkers()\"\n        content=\"Atualizar dados\"\n        v-tippy=\"{ arrow: true, theme: 'green' }\"\n        class=\"relative col-span-1 ml-2 hidden w-10 items-center py-2 text-ontick-blue-500 md:inline-flex md:px-2\"\n      >\n        <span v-html=\"btnUpdateMarkers ? updateIcon.active : updateIcon.disabled\"></span>\n      </button>\n\n      <!-- Habilitar somente em \"localhost\" -->\n      <!-- <button\n        @click=\"debugDatafeedInLocalhost()\"\n        class=\"bg-[#7c3aed] px-3 py-1.5 rounded-md text-xs font-bold text-white\"\n      >\n        Debug Datafeed\n      </button> -->\n    </div>\n\n    <template v-if=\"template === 1\">\n      <div v-if=\"hasParamChart\" class=\"flex h-full divide-x-2 divide-y-2 divide-ontick-graphite-500\">\n        <div class=\"relative flex h-full w-full items-center justify-center\">\n          <adjustment-chart-component\n            :visible=\"paramChart01.toggleConfig\"\n            @change=\"paramChart01.toggleConfig = !paramChart01.toggleConfig\"\n            @click-outside=\"paramChart01.toggleConfig = false\"\n          >\n            <div class=\"flex flex-col space-x-0 space-y-2\">\n              <portfolio-strategy-chart-header-component\n                @listInvestment=\"listInvestmentStrategy($event, 'paramChart01')\"\n                :select_investment_id=\"paramChart01.investmentId\"\n                :data=\"portfolioStrategies\"\n              ></portfolio-strategy-chart-header-component>\n              <div class=\"flex space-x-2\">\n                <ontick-editable-select-component\n                  inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                  maxHeight=\"max-h-96\"\n                  :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                  :value=\"paramChart01.searchTicker\"\n                  :acceptInput=\"true\"\n                  name=\"symbol\"\n                  @input=\"paramChart01.searchTicker = $event.value.toUpperCase()\"\n                  @selected-from-box=\"changeSymbol($event, 'paramChart01')\"\n                  @clear_field=\"clearField('paramChart01')\"\n                  @close=\"paramChart01.searchTicker = paramChart01.ticker\"\n                />\n                <portfolio-select-timeframe-component\n                  v-if=\"Object.keys(paramChart01).length > 0\"\n                  :ticker=\"paramChart01.ticker\"\n                  :timeframe=\"paramChart01.timeframe\"\n                  @change=\"changeTimeframe($event, 'paramChart01')\"\n                />\n              </div>\n            </div>\n          </adjustment-chart-component>\n          <portfolio-chart-grid-component\n            :ticker=\"paramChart01.ticker\"\n            :timeframe=\"paramChart01.timeframe\"\n            :investmentId=\"paramChart01.investmentId\"\n            @contextUuid=\"setContextUuid($event, 'paramChart01')\"\n            :selectedStrategy=\"paramChart01.selectedStrategy\"\n          />\n        </div>\n      </div>\n    </template>\n\n    <template v-if=\"template === 2\">\n      <div v-if=\"hasParamChart\" class=\"flex h-full divide-x-2 divide-ontick-graphite-500\">\n        <div class=\"relative flex h-full w-full items-center justify-center\">\n          <adjustment-chart-component\n            :visible=\"paramChart01.toggleConfig\"\n            @change=\"paramChart01.toggleConfig = !paramChart01.toggleConfig\"\n            @click-outside=\"paramChart01.toggleConfig = false\"\n          >\n            <div class=\"flex flex-col space-x-0 space-y-2\">\n              <portfolio-strategy-chart-header-component\n                @listInvestment=\"listInvestmentStrategy($event, 'paramChart01')\"\n                :select_investment_id=\"paramChart01.investmentId\"\n                :data=\"portfolioStrategies\"\n              ></portfolio-strategy-chart-header-component>\n              <div class=\"flex space-x-2\">\n                <ontick-editable-select-component\n                  inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                  maxHeight=\"max-h-96\"\n                  :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                  :value=\"paramChart01.searchTicker\"\n                  :acceptInput=\"true\"\n                  name=\"symbol\"\n                  @input=\"paramChart01.searchTicker = $event.value.toUpperCase()\"\n                  @selected-from-box=\"changeSymbol($event, 'paramChart01')\"\n                  @clear_field=\"clearField('paramChart01')\"\n                  @close=\"paramChart01.searchTicker = paramChart01.ticker\"\n                />\n                <portfolio-select-timeframe-component\n                  :ticker=\"paramChart01.ticker\"\n                  :timeframe=\"paramChart01.timeframe\"\n                  @change=\"changeTimeframe($event, 'paramChart01')\"\n                />\n              </div>\n            </div>\n          </adjustment-chart-component>\n\n          <portfolio-chart-grid-component\n            v-if=\"Object.keys(paramChart01).length > 0\"\n            :ticker=\"paramChart01.ticker\"\n            :timeframe=\"paramChart01.timeframe\"\n            :investmentId=\"paramChart01.investmentId\"\n            @contextUuid=\"setContextUuid($event, 'paramChart01')\"\n            :selectedStrategy=\"paramChart01.selectedStrategy\"\n          />\n        </div>\n        <div class=\"relative flex h-full w-full items-center justify-center\">\n          <adjustment-chart-component\n            :visible=\"paramChart02.toggleConfig\"\n            @change=\"paramChart02.toggleConfig = !paramChart02.toggleConfig\"\n            @click-outside=\"paramChart02.toggleConfig = false\"\n          >\n            <div class=\"flex flex-col space-x-0 space-y-2\">\n              <portfolio-strategy-chart-header-component\n                @listInvestment=\"listInvestmentStrategy($event, 'paramChart02')\"\n                :select_investment_id=\"paramChart02.investmentId\"\n                :data=\"portfolioStrategies\"\n              ></portfolio-strategy-chart-header-component>\n              <div class=\"flex space-x-2\">\n                <ontick-editable-select-component\n                  inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                  maxHeight=\"max-h-96\"\n                  :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                  :value=\"paramChart02.searchTicker\"\n                  :acceptInput=\"true\"\n                  name=\"symbol\"\n                  @input=\"paramChart02.searchTicker = $event.value.toUpperCase()\"\n                  @selected-from-box=\"changeSymbol($event, 'paramChart02')\"\n                  @clear_field=\"clearField('paramChart02')\"\n                  @close=\"paramChart02.searchTicker = paramChart02.ticker\"\n                />\n                <portfolio-select-timeframe-component\n                  :ticker=\"paramChart02.ticker\"\n                  :timeframe=\"paramChart02.timeframe\"\n                  @change=\"changeTimeframe($event, 'paramChart02')\"\n                />\n              </div>\n            </div>\n          </adjustment-chart-component>\n\n          <portfolio-chart-grid-component\n            v-if=\"Object.keys(paramChart02).length > 0\"\n            :ticker=\"paramChart02.ticker\"\n            :timeframe=\"paramChart02.timeframe\"\n            :investmentId=\"paramChart02.investmentId\"\n            @contextUuid=\"setContextUuid($event, 'paramChart02')\"\n            :selectedStrategy=\"paramChart02.selectedStrategy\"\n          />\n        </div>\n      </div>\n    </template>\n\n    <template v-if=\"template === 8\">\n      <div v-if=\"hasParamChart\" class=\"flex h-full flex-col divide-y-2 divide-ontick-graphite-500\">\n        <div class=\"relative flex h-full w-full items-center justify-center\">\n          <adjustment-chart-component\n            :visible=\"paramChart01.toggleConfig\"\n            @change=\"paramChart01.toggleConfig = !paramChart01.toggleConfig\"\n            @click-outside=\"paramChart01.toggleConfig = false\"\n          >\n            <div class=\"flex flex-col space-x-0 space-y-2\">\n              <portfolio-strategy-chart-header-component\n                @listInvestment=\"listInvestmentStrategy($event, 'paramChart01')\"\n                :select_investment_id=\"paramChart01.investmentId\"\n                :data=\"portfolioStrategies\"\n              ></portfolio-strategy-chart-header-component>\n              <div class=\"flex space-x-2\">\n                <ontick-editable-select-component\n                  inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                  maxHeight=\"max-h-96\"\n                  :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                  :value=\"paramChart01.searchTicker\"\n                  :acceptInput=\"true\"\n                  name=\"symbol\"\n                  @input=\"paramChart01.searchTicker = $event.value.toUpperCase()\"\n                  @selected-from-box=\"changeSymbol($event, 'paramChart01')\"\n                  @clear_field=\"clearField('paramChart01')\"\n                  @close=\"paramChart01.searchTicker = paramChart01.ticker\"\n                />\n                <portfolio-select-timeframe-component\n                  :ticker=\"paramChart01.ticker\"\n                  :timeframe=\"paramChart01.timeframe\"\n                  @change=\"changeTimeframe($event, 'paramChart01')\"\n                />\n              </div>\n            </div>\n          </adjustment-chart-component>\n\n          <portfolio-chart-grid-component\n            v-if=\"Object.keys(paramChart01).length > 0\"\n            :ticker=\"paramChart01.ticker\"\n            :timeframe=\"paramChart01.timeframe\"\n            :investmentId=\"paramChart01.investmentId\"\n            @contextUuid=\"setContextUuid($event, 'paramChart01')\"\n            :selectedStrategy=\"paramChart01.selectedStrategy\"\n          />\n        </div>\n        <div class=\"relative flex h-full w-full items-center justify-center\">\n          <adjustment-chart-component\n            :visible=\"paramChart02.toggleConfig\"\n            @change=\"paramChart02.toggleConfig = !paramChart02.toggleConfig\"\n            @click-outside=\"paramChart02.toggleConfig = false\"\n          >\n            <div class=\"flex flex-col space-x-0 space-y-2\">\n              <portfolio-strategy-chart-header-component\n                @listInvestment=\"listInvestmentStrategy($event, 'paramChart02')\"\n                :select_investment_id=\"paramChart02.investmentId\"\n                :data=\"portfolioStrategies\"\n              ></portfolio-strategy-chart-header-component>\n              <div class=\"flex space-x-2\">\n                <ontick-editable-select-component\n                  inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                  maxHeight=\"max-h-96\"\n                  :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                  :value=\"paramChart02.searchTicker\"\n                  :acceptInput=\"true\"\n                  name=\"symbol\"\n                  @input=\"paramChart02.searchTicker = $event.value.toUpperCase()\"\n                  @selected-from-box=\"changeSymbol($event, 'paramChart02')\"\n                  @clear_field=\"clearField('paramChart02')\"\n                  @close=\"paramChart02.searchTicker = paramChart02.ticker\"\n                />\n                <portfolio-select-timeframe-component\n                  :ticker=\"paramChart02.ticker\"\n                  :timeframe=\"paramChart02.timeframe\"\n                  @change=\"changeTimeframe($event, 'paramChart02')\"\n                />\n              </div>\n            </div>\n          </adjustment-chart-component>\n\n          <portfolio-chart-grid-component\n            v-if=\"Object.keys(paramChart02).length > 0\"\n            :ticker=\"paramChart02.ticker\"\n            :timeframe=\"paramChart02.timeframe\"\n            :investmentId=\"paramChart02.investmentId\"\n            @contextUuid=\"setContextUuid($event, 'paramChart02')\"\n            :selectedStrategy=\"paramChart02.selectedStrategy\"\n          />\n        </div>\n      </div>\n    </template>\n\n    <template v-if=\"template === 3\">\n      <div class=\"flex h-full w-full flex-col divide-y-2 divide-ontick-graphite-500\">\n        <div v-if=\"hasParamChart\" class=\"flex h-full\">\n          <div class=\"relative flex h-full w-full items-center justify-center\">\n            <adjustment-chart-component\n              :visible=\"paramChart01.toggleConfig\"\n              @change=\"paramChart01.toggleConfig = !paramChart01.toggleConfig\"\n              @click-outside=\"paramChart01.toggleConfig = false\"\n            >\n              <div class=\"flex flex-col space-x-0 space-y-2\">\n                <portfolio-strategy-chart-header-component\n                  @listInvestment=\"listInvestmentStrategy($event, 'paramChart01')\"\n                  :select_investment_id=\"paramChart01.investmentId\"\n                  :data=\"portfolioStrategies\"\n                ></portfolio-strategy-chart-header-component>\n                <div class=\"flex space-x-2\">\n                  <ontick-editable-select-component\n                    inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                    maxHeight=\"max-h-96\"\n                    :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                    :value=\"paramChart01.searchTicker\"\n                    :acceptInput=\"true\"\n                    name=\"symbol\"\n                    @input=\"paramChart01.searchTicker = $event.value.toUpperCase()\"\n                    @selected-from-box=\"changeSymbol($event, 'paramChart01')\"\n                    @clear_field=\"clearField('paramChart01')\"\n                    @close=\"paramChart01.searchTicker = paramChart01.ticker\"\n                  />\n                  <portfolio-select-timeframe-component\n                    :ticker=\"paramChart01.ticker\"\n                    :timeframe=\"paramChart01.timeframe\"\n                    @change=\"changeTimeframe($event, 'paramChart01')\"\n                  />\n                </div>\n              </div>\n            </adjustment-chart-component>\n            <portfolio-chart-grid-component\n              :ticker=\"paramChart01.ticker\"\n              :timeframe=\"paramChart01.timeframe\"\n              :investmentId=\"paramChart01.investmentId\"\n              @contextUuid=\"setContextUuid($event, 'paramChart01')\"\n              :selectedStrategy=\"paramChart01.selectedStrategy\"\n            />\n          </div>\n        </div>\n        <div v-if=\"hasParamChart\" class=\"flex h-full divide-x-2 divide-ontick-graphite-500\">\n          <div class=\"relative flex h-full w-full items-center justify-center\">\n            <adjustment-chart-component\n              :visible=\"paramChart02.toggleConfig\"\n              @change=\"paramChart02.toggleConfig = !paramChart02.toggleConfig\"\n              @click-outside=\"paramChart02.toggleConfig = false\"\n            >\n              <div class=\"flex flex-col space-x-0 space-y-2\">\n                <portfolio-strategy-chart-header-component\n                  @listInvestment=\"listInvestmentStrategy($event, 'paramChart02')\"\n                  :select_investment_id=\"paramChart02.investmentId\"\n                  :data=\"portfolioStrategies\"\n                ></portfolio-strategy-chart-header-component>\n                <div class=\"flex space-x-2\">\n                  <ontick-editable-select-component\n                    inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                    maxHeight=\"max-h-96\"\n                    :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                    :value=\"paramChart02.searchTicker\"\n                    :acceptInput=\"true\"\n                    name=\"symbol\"\n                    @input=\"paramChart02.searchTicker = $event.value.toUpperCase()\"\n                    @selected-from-box=\"changeSymbol($event, 'paramChart02')\"\n                    @clear_field=\"clearField('paramChart02')\"\n                    @close=\"paramChart02.searchTicker = paramChart02.ticker\"\n                  />\n                  <portfolio-select-timeframe-component\n                    :ticker=\"paramChart02.ticker\"\n                    :timeframe=\"paramChart02.timeframe\"\n                    @change=\"changeTimeframe($event, 'paramChart02')\"\n                  />\n                </div>\n              </div>\n            </adjustment-chart-component>\n            <portfolio-chart-grid-component\n              :ticker=\"paramChart02.ticker\"\n              :timeframe=\"paramChart02.timeframe\"\n              :investmentId=\"paramChart02.investmentId\"\n              @contextUuid=\"setContextUuid($event, 'paramChart02')\"\n              :selectedStrategy=\"paramChart02.selectedStrategy\"\n            />\n          </div>\n          <div class=\"relative flex h-full w-full items-center justify-center\">\n            <adjustment-chart-component\n              :visible=\"paramChart03.toggleConfig\"\n              @change=\"paramChart03.toggleConfig = !paramChart03.toggleConfig\"\n              @click-outside=\"paramChart03.toggleConfig = false\"\n            >\n              <div class=\"flex flex-col space-x-0 space-y-2\">\n                <portfolio-strategy-chart-header-component\n                  @listInvestment=\"listInvestmentStrategy($event, 'paramChart03')\"\n                  :select_investment_id=\"paramChart03.investmentId\"\n                  :data=\"portfolioStrategies\"\n                ></portfolio-strategy-chart-header-component>\n                <div class=\"flex space-x-2\">\n                  <ontick-editable-select-component\n                    inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                    maxHeight=\"max-h-96\"\n                    :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                    :value=\"paramChart03.searchTicker\"\n                    :acceptInput=\"true\"\n                    name=\"symbol\"\n                    @input=\"paramChart03.searchTicker = $event.value.toUpperCase()\"\n                    @selected-from-box=\"changeSymbol($event, 'paramChart03')\"\n                    @clear_field=\"clearField('paramChart03')\"\n                    @close=\"paramChart03.searchTicker = paramChart03.ticker\"\n                  />\n                  <portfolio-select-timeframe-component\n                    :ticker=\"paramChart03.ticker\"\n                    :timeframe=\"paramChart03.timeframe\"\n                    @change=\"changeTimeframe($event, 'paramChart03')\"\n                  />\n                </div>\n              </div>\n            </adjustment-chart-component>\n            <portfolio-chart-grid-component\n              :ticker=\"paramChart03.ticker\"\n              :timeframe=\"paramChart03.timeframe\"\n              :investmentId=\"paramChart03.investmentId\"\n              @contextUuid=\"setContextUuid($event, 'paramChart03')\"\n              :selectedStrategy=\"paramChart03.selectedStrategy\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n\n    <template v-if=\"template === 4\">\n      <div class=\"flex h-full w-full flex-col divide-y-2 divide-ontick-graphite-500\">\n        <div v-if=\"hasParamChart\" class=\"flex h-full divide-x-2 divide-ontick-graphite-500\">\n          <div class=\"relative flex h-full w-full items-center justify-center\">\n            <adjustment-chart-component\n              :visible=\"paramChart01.toggleConfig\"\n              @change=\"paramChart01.toggleConfig = !paramChart01.toggleConfig\"\n              @click-outside=\"paramChart01.toggleConfig = false\"\n            >\n              <div class=\"flex flex-col space-x-0 space-y-2\">\n                <portfolio-strategy-chart-header-component\n                  @listInvestment=\"listInvestmentStrategy($event, 'paramChart01')\"\n                  :select_investment_id=\"paramChart01.investmentId\"\n                  :data=\"portfolioStrategies\"\n                ></portfolio-strategy-chart-header-component>\n                <div class=\"flex space-x-2\">\n                  <ontick-editable-select-component\n                    inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                    maxHeight=\"max-h-96\"\n                    :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                    :value=\"paramChart01.searchTicker\"\n                    :acceptInput=\"true\"\n                    name=\"symbol\"\n                    @input=\"paramChart01.searchTicker = $event.value.toUpperCase()\"\n                    @selected-from-box=\"changeSymbol($event, 'paramChart01')\"\n                    @clear_field=\"clearField('paramChart01')\"\n                    @close=\"paramChart01.searchTicker = paramChart01.ticker\"\n                  />\n                  <portfolio-select-timeframe-component\n                    :ticker=\"paramChart01.ticker\"\n                    :timeframe=\"paramChart01.timeframe\"\n                    @change=\"changeTimeframe($event, 'paramChart01')\"\n                  />\n                </div>\n              </div>\n            </adjustment-chart-component>\n            <portfolio-chart-grid-component\n              :ticker=\"paramChart01.ticker\"\n              :timeframe=\"paramChart01.timeframe\"\n              :investmentId=\"paramChart01.investmentId\"\n              @contextUuid=\"setContextUuid($event, 'paramChart01')\"\n              :selectedStrategy=\"paramChart01.selectedStrategy\"\n            />\n          </div>\n          <div class=\"relative flex h-full w-full items-center justify-center\">\n            <adjustment-chart-component\n              :visible=\"paramChart02.toggleConfig\"\n              @change=\"paramChart02.toggleConfig = !paramChart02.toggleConfig\"\n              @click-outside=\"paramChart02.toggleConfig = false\"\n            >\n              <div class=\"flex flex-col space-x-0 space-y-2\">\n                <portfolio-strategy-chart-header-component\n                  @listInvestment=\"listInvestmentStrategy($event, 'paramChart02')\"\n                  :select_investment_id=\"paramChart02.investmentId\"\n                  :data=\"portfolioStrategies\"\n                ></portfolio-strategy-chart-header-component>\n                <div class=\"flex space-x-2\">\n                  <ontick-editable-select-component\n                    inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                    maxHeight=\"max-h-96\"\n                    :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                    :value=\"paramChart02.searchTicker\"\n                    :acceptInput=\"true\"\n                    name=\"symbol\"\n                    @input=\"paramChart02.searchTicker = $event.value.toUpperCase()\"\n                    @selected-from-box=\"changeSymbol($event, 'paramChart02')\"\n                    @clear_field=\"clearField('paramChart02')\"\n                    @close=\"paramChart02.searchTicker = paramChart02.ticker\"\n                  />\n                  <portfolio-select-timeframe-component\n                    :ticker=\"paramChart02.ticker\"\n                    :timeframe=\"paramChart02.timeframe\"\n                    @change=\"changeTimeframe($event, 'paramChart02')\"\n                  />\n                </div>\n              </div>\n            </adjustment-chart-component>\n            <portfolio-chart-grid-component\n              :ticker=\"paramChart02.ticker\"\n              :timeframe=\"paramChart02.timeframe\"\n              :investmentId=\"paramChart02.investmentId\"\n              @contextUuid=\"setContextUuid($event, 'paramChart02')\"\n              :selectedStrategy=\"paramChart02.selectedStrategy\"\n            />\n          </div>\n        </div>\n        <div v-if=\"hasParamChart\" class=\"flex h-full\">\n          <div class=\"relative flex h-full w-full items-center justify-center\">\n            <adjustment-chart-component\n              :visible=\"paramChart03.toggleConfig\"\n              @change=\"paramChart03.toggleConfig = !paramChart03.toggleConfig\"\n              @click-outside=\"paramChart03.toggleConfig = false\"\n            >\n              <div class=\"flex flex-col space-x-0 space-y-2\">\n                <portfolio-strategy-chart-header-component\n                  @listInvestment=\"listInvestmentStrategy($event, 'paramChart03')\"\n                  :select_investment_id=\"paramChart03.investmentId\"\n                  :data=\"portfolioStrategies\"\n                ></portfolio-strategy-chart-header-component>\n                <div class=\"flex space-x-2\">\n                  <ontick-editable-select-component\n                    inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                    maxHeight=\"max-h-96\"\n                    :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                    :value=\"paramChart03.searchTicker\"\n                    :acceptInput=\"true\"\n                    name=\"symbol\"\n                    @input=\"paramChart03.searchTicker = $event.value.toUpperCase()\"\n                    @selected-from-box=\"changeSymbol($event, 'paramChart03')\"\n                    @clear_field=\"clearField('paramChart03')\"\n                    @close=\"paramChart03.searchTicker = paramChart03.ticker\"\n                  />\n                  <portfolio-select-timeframe-component\n                    :ticker=\"paramChart03.ticker\"\n                    :timeframe=\"paramChart03.timeframe\"\n                    @change=\"changeTimeframe($event, 'paramChart03')\"\n                  />\n                </div>\n              </div>\n            </adjustment-chart-component>\n            <portfolio-chart-grid-component\n              :ticker=\"paramChart03.ticker\"\n              :timeframe=\"paramChart03.timeframe\"\n              :investmentId=\"paramChart03.investmentId\"\n              @contextUuid=\"setContextUuid($event, 'paramChart03')\"\n              :selectedStrategy=\"paramChart03.selectedStrategy\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n\n    <template v-if=\"template === 5\">\n      <div v-if=\"hasParamChart\" class=\"flex h-full w-full flex-row divide-x-2 divide-ontick-graphite-500\">\n        <div class=\"flex w-full divide-x-2 divide-ontick-graphite-500\">\n          <div class=\"relative flex h-full w-full items-center justify-center\">\n            <adjustment-chart-component\n              :visible=\"paramChart01.toggleConfig\"\n              @change=\"paramChart01.toggleConfig = !paramChart01.toggleConfig\"\n              @click-outside=\"paramChart01.toggleConfig = false\"\n            >\n              <div class=\"flex flex-col space-x-0 space-y-2\">\n                <portfolio-strategy-chart-header-component\n                  @listInvestment=\"listInvestmentStrategy($event, 'paramChart01')\"\n                  :select_investment_id=\"paramChart01.investmentId\"\n                  :data=\"portfolioStrategies\"\n                ></portfolio-strategy-chart-header-component>\n                <div class=\"flex space-x-2\">\n                  <ontick-editable-select-component\n                    inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                    maxHeight=\"max-h-96\"\n                    :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                    :value=\"paramChart01.searchTicker\"\n                    :acceptInput=\"true\"\n                    name=\"symbol\"\n                    @input=\"paramChart01.searchTicker = $event.value.toUpperCase()\"\n                    @selected-from-box=\"changeSymbol($event, 'paramChart01')\"\n                    @clear_field=\"clearField('paramChart01')\"\n                    @close=\"paramChart01.searchTicker = paramChart01.ticker\"\n                  />\n                  <portfolio-select-timeframe-component\n                    :ticker=\"paramChart01.ticker\"\n                    :timeframe=\"paramChart01.timeframe\"\n                    @change=\"changeTimeframe($event, 'paramChart01')\"\n                  />\n                </div>\n              </div>\n            </adjustment-chart-component>\n            <portfolio-chart-grid-component\n              :ticker=\"paramChart01.ticker\"\n              :timeframe=\"paramChart01.timeframe\"\n              :investmentId=\"paramChart01.investmentId\"\n              @contextUuid=\"setContextUuid($event, 'paramChart01')\"\n              :selectedStrategy=\"paramChart01.selectedStrategy\"\n            />\n          </div>\n        </div>\n        <div class=\"flex h-full w-full flex-col divide-y-2 divide-ontick-graphite-500\">\n          <div class=\"relative flex h-full w-full items-center justify-center\">\n            <adjustment-chart-component\n              :visible=\"paramChart02.toggleConfig\"\n              @change=\"paramChart02.toggleConfig = !paramChart02.toggleConfig\"\n              @click-outside=\"paramChart02.toggleConfig = false\"\n            >\n              <div class=\"flex flex-col space-x-0 space-y-2\">\n                <portfolio-strategy-chart-header-component\n                  @listInvestment=\"listInvestmentStrategy($event, 'paramChart02')\"\n                  :select_investment_id=\"paramChart02.investmentId\"\n                  :data=\"portfolioStrategies\"\n                ></portfolio-strategy-chart-header-component>\n                <div class=\"flex space-x-2\">\n                  <ontick-editable-select-component\n                    inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                    maxHeight=\"max-h-96\"\n                    :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                    :value=\"paramChart02.searchTicker\"\n                    :acceptInput=\"true\"\n                    name=\"symbol\"\n                    @input=\"paramChart02.searchTicker = $event.value.toUpperCase()\"\n                    @selected-from-box=\"changeSymbol($event, 'paramChart02')\"\n                    @clear_field=\"clearField('paramChart02')\"\n                    @close=\"paramChart02.searchTicker = paramChart02.ticker\"\n                  />\n                  <portfolio-select-timeframe-component\n                    :ticker=\"paramChart02.ticker\"\n                    :timeframe=\"paramChart02.timeframe\"\n                    @change=\"changeTimeframe($event, 'paramChart02')\"\n                  />\n                </div>\n              </div>\n            </adjustment-chart-component>\n            <portfolio-chart-grid-component\n              :ticker=\"paramChart02.ticker\"\n              :timeframe=\"paramChart02.timeframe\"\n              :investmentId=\"paramChart02.investmentId\"\n              @contextUuid=\"setContextUuid($event, 'paramChart02')\"\n              :selectedStrategy=\"paramChart02.selectedStrategy\"\n            />\n          </div>\n          <div class=\"relative flex h-full w-full items-center justify-center\">\n            <adjustment-chart-component\n              :visible=\"paramChart03.toggleConfig\"\n              @change=\"paramChart03.toggleConfig = !paramChart03.toggleConfig\"\n              @click-outside=\"paramChart03.toggleConfig = false\"\n            >\n              <div class=\"flex flex-col space-x-0 space-y-2\">\n                <portfolio-strategy-chart-header-component\n                  @listInvestment=\"listInvestmentStrategy($event, 'paramChart03')\"\n                  :select_investment_id=\"paramChart03.investmentId\"\n                  :data=\"portfolioStrategies\"\n                ></portfolio-strategy-chart-header-component>\n                <div class=\"flex space-x-2\">\n                  <ontick-editable-select-component\n                    inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                    maxHeight=\"max-h-96\"\n                    :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                    :value=\"paramChart03.searchTicker\"\n                    :acceptInput=\"true\"\n                    name=\"symbol\"\n                    @input=\"paramChart03.searchTicker = $event.value.toUpperCase()\"\n                    @selected-from-box=\"changeSymbol($event, 'paramChart03')\"\n                    @clear_field=\"clearField('paramChart03')\"\n                    @close=\"paramChart03.searchTicker = paramChart03.ticker\"\n                  />\n                  <portfolio-select-timeframe-component\n                    :ticker=\"paramChart03.ticker\"\n                    :timeframe=\"paramChart03.timeframe\"\n                    @change=\"changeTimeframe($event, 'paramChart03')\"\n                  />\n                </div>\n              </div>\n            </adjustment-chart-component>\n            <portfolio-chart-grid-component\n              :ticker=\"paramChart03.ticker\"\n              :timeframe=\"paramChart03.timeframe\"\n              :investmentId=\"paramChart03.investmentId\"\n              @contextUuid=\"setContextUuid($event, 'paramChart03')\"\n              :selectedStrategy=\"paramChart03.selectedStrategy\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n\n    <template v-if=\"template === 6\">\n      <div v-if=\"hasParamChart\" class=\"flex h-full w-full flex-row divide-x-2 divide-ontick-graphite-500\">\n        <div class=\"flex h-full w-full flex-col divide-y-2 divide-ontick-graphite-500\">\n          <div class=\"relative flex h-full w-full items-center justify-center\">\n            <adjustment-chart-component\n              :visible=\"paramChart01.toggleConfig\"\n              @change=\"paramChart01.toggleConfig = !paramChart01.toggleConfig\"\n              @click-outside=\"paramChart01.toggleConfig = false\"\n            >\n              <div class=\"flex flex-col space-x-0 space-y-2\">\n                <portfolio-strategy-chart-header-component\n                  @listInvestment=\"listInvestmentStrategy($event, 'paramChart01')\"\n                  :select_investment_id=\"paramChart01.investmentId\"\n                  :data=\"portfolioStrategies\"\n                ></portfolio-strategy-chart-header-component>\n                <div class=\"flex space-x-2\">\n                  <ontick-editable-select-component\n                    inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                    maxHeight=\"max-h-96\"\n                    :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                    :value=\"paramChart01.searchTicker\"\n                    :acceptInput=\"true\"\n                    name=\"symbol\"\n                    @input=\"paramChart01.searchTicker = $event.value.toUpperCase()\"\n                    @selected-from-box=\"changeSymbol($event, 'paramChart01')\"\n                    @clear_field=\"clearField('paramChart01')\"\n                    @close=\"paramChart01.searchTicker = paramChart01.ticker\"\n                  />\n                  <portfolio-select-timeframe-component\n                    :ticker=\"paramChart01.ticker\"\n                    :timeframe=\"paramChart01.timeframe\"\n                    @change=\"changeTimeframe($event, 'paramChart01')\"\n                  />\n                </div>\n              </div>\n            </adjustment-chart-component>\n            <portfolio-chart-grid-component\n              :ticker=\"paramChart01.ticker\"\n              :timeframe=\"paramChart01.timeframe\"\n              :investmentId=\"paramChart01.investmentId\"\n              @contextUuid=\"setContextUuid($event, 'paramChart01')\"\n              :selectedStrategy=\"paramChart01.selectedStrategy\"\n            />\n          </div>\n          <div class=\"relative flex h-full w-full items-center justify-center\">\n            <adjustment-chart-component\n              :visible=\"paramChart02.toggleConfig\"\n              @change=\"paramChart02.toggleConfig = !paramChart02.toggleConfig\"\n              @click-outside=\"paramChart02.toggleConfig = false\"\n            >\n              <div class=\"flex flex-col space-x-0 space-y-2\">\n                <portfolio-strategy-chart-header-component\n                  @listInvestment=\"listInvestmentStrategy($event, 'paramChart02')\"\n                  :select_investment_id=\"paramChart02.investmentId\"\n                  :data=\"portfolioStrategies\"\n                ></portfolio-strategy-chart-header-component>\n                <div class=\"flex space-x-2\">\n                  <ontick-editable-select-component\n                    inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                    maxHeight=\"max-h-96\"\n                    :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                    :value=\"paramChart02.searchTicker\"\n                    :acceptInput=\"true\"\n                    name=\"symbol\"\n                    @input=\"paramChart02.searchTicker = $event.value.toUpperCase()\"\n                    @selected-from-box=\"changeSymbol($event, 'paramChart02')\"\n                    @clear_field=\"clearField('paramChart02')\"\n                    @close=\"paramChart02.searchTicker = paramChart02.ticker\"\n                  />\n                  <portfolio-select-timeframe-component\n                    :ticker=\"paramChart02.ticker\"\n                    :timeframe=\"paramChart02.timeframe\"\n                    @change=\"changeTimeframe($event, 'paramChart02')\"\n                  />\n                </div>\n              </div>\n            </adjustment-chart-component>\n            <portfolio-chart-grid-component\n              :ticker=\"paramChart02.ticker\"\n              :timeframe=\"paramChart02.timeframe\"\n              :investmentId=\"paramChart02.investmentId\"\n              @contextUuid=\"setContextUuid($event, 'paramChart02')\"\n              :selectedStrategy=\"paramChart02.selectedStrategy\"\n            />\n          </div>\n        </div>\n        <div class=\"flex w-full divide-x-2 divide-ontick-graphite-500\">\n          <div class=\"relative flex h-full w-full items-center justify-center\">\n            <adjustment-chart-component\n              :visible=\"paramChart03.toggleConfig\"\n              @change=\"paramChart03.toggleConfig = !paramChart03.toggleConfig\"\n              @click-outside=\"paramChart03.toggleConfig = false\"\n            >\n              <div class=\"flex flex-col space-x-0 space-y-2\">\n                <portfolio-strategy-chart-header-component\n                  @listInvestment=\"listInvestmentStrategy($event, 'paramChart03')\"\n                  :select_investment_id=\"paramChart03.investmentId\"\n                  :data=\"portfolioStrategies\"\n                ></portfolio-strategy-chart-header-component>\n                <div class=\"flex space-x-2\">\n                  <ontick-editable-select-component\n                    inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                    maxHeight=\"max-h-96\"\n                    :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                    :value=\"paramChart03.searchTicker\"\n                    :acceptInput=\"true\"\n                    name=\"symbol\"\n                    @input=\"paramChart03.searchTicker = $event.value.toUpperCase()\"\n                    @selected-from-box=\"changeSymbol($event, 'paramChart03')\"\n                    @clear_field=\"clearField('paramChart03')\"\n                    @close=\"paramChart03.searchTicker = paramChart03.ticker\"\n                  />\n                  <portfolio-select-timeframe-component\n                    :ticker=\"paramChart03.ticker\"\n                    :timeframe=\"paramChart03.timeframe\"\n                    @change=\"changeTimeframe($event, 'paramChart03')\"\n                  />\n                </div>\n              </div>\n            </adjustment-chart-component>\n            <portfolio-chart-grid-component\n              :ticker=\"paramChart03.ticker\"\n              :timeframe=\"paramChart03.timeframe\"\n              :investmentId=\"paramChart03.investmentId\"\n              @contextUuid=\"setContextUuid($event, 'paramChart03')\"\n              :selectedStrategy=\"paramChart03.selectedStrategy\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n\n    <template v-if=\"template === 7\">\n      <div class=\"flex h-full w-full flex-col divide-y-2 divide-ontick-graphite-500\">\n        <div v-if=\"hasParamChart\" class=\"flex h-full divide-x-2 divide-ontick-graphite-500\">\n          <div class=\"relative flex h-full w-full items-center justify-center\">\n            <adjustment-chart-component\n              :visible=\"paramChart01.toggleConfig\"\n              @change=\"paramChart01.toggleConfig = !paramChart01.toggleConfig\"\n              @click-outside=\"paramChart01.toggleConfig = false\"\n            >\n              <div class=\"flex flex-col space-x-0 space-y-2\">\n                <portfolio-strategy-chart-header-component\n                  @listInvestment=\"listInvestmentStrategy($event, 'paramChart01')\"\n                  :select_investment_id=\"paramChart01.investmentId\"\n                  :data=\"portfolioStrategies\"\n                ></portfolio-strategy-chart-header-component>\n                <div class=\"flex space-x-2\">\n                  <ontick-editable-select-component\n                    inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                    maxHeight=\"max-h-96\"\n                    :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                    :value=\"paramChart01.searchTicker\"\n                    :acceptInput=\"true\"\n                    name=\"symbol\"\n                    @input=\"paramChart01.searchTicker = $event.value.toUpperCase()\"\n                    @selected-from-box=\"changeSymbol($event, 'paramChart01')\"\n                    @clear_field=\"clearField('paramChart01')\"\n                    @close=\"paramChart01.searchTicker = paramChart01.ticker\"\n                  />\n                  <portfolio-select-timeframe-component\n                    :ticker=\"paramChart01.ticker\"\n                    :timeframe=\"paramChart01.timeframe\"\n                    @change=\"changeTimeframe($event, 'paramChart01')\"\n                  />\n                </div>\n              </div>\n            </adjustment-chart-component>\n            <portfolio-chart-grid-component\n              :ticker=\"paramChart01.ticker\"\n              :timeframe=\"paramChart01.timeframe\"\n              :investmentId=\"paramChart01.investmentId\"\n              @contextUuid=\"setContextUuid($event, 'paramChart01')\"\n              :selectedStrategy=\"paramChart01.selectedStrategy\"\n            />\n          </div>\n          <div class=\"relative flex h-full w-full items-center justify-center\">\n            <adjustment-chart-component\n              :visible=\"paramChart02.toggleConfig\"\n              @change=\"paramChart02.toggleConfig = !paramChart02.toggleConfig\"\n              @click-outside=\"paramChart02.toggleConfig = false\"\n            >\n              <div class=\"flex flex-col space-x-0 space-y-2\">\n                <portfolio-strategy-chart-header-component\n                  @listInvestment=\"listInvestmentStrategy($event, 'paramChart02')\"\n                  :select_investment_id=\"paramChart02.investmentId\"\n                  :data=\"portfolioStrategies\"\n                ></portfolio-strategy-chart-header-component>\n                <div class=\"flex space-x-2\">\n                  <ontick-editable-select-component\n                    inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                    maxHeight=\"max-h-96\"\n                    :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                    :value=\"paramChart02.searchTicker\"\n                    :acceptInput=\"true\"\n                    name=\"symbol\"\n                    @input=\"paramChart02.searchTicker = $event.value.toUpperCase()\"\n                    @selected-from-box=\"changeSymbol($event, 'paramChart02')\"\n                    @clear_field=\"clearField('paramChart02')\"\n                    @close=\"paramChart02.searchTicker = paramChart02.ticker\"\n                  />\n                  <portfolio-select-timeframe-component\n                    :ticker=\"paramChart02.ticker\"\n                    :timeframe=\"paramChart02.timeframe\"\n                    @change=\"changeTimeframe($event, 'paramChart02')\"\n                  />\n                </div>\n              </div>\n            </adjustment-chart-component>\n            <portfolio-chart-grid-component\n              :ticker=\"paramChart02.ticker\"\n              :timeframe=\"paramChart02.timeframe\"\n              :investmentId=\"paramChart02.investmentId\"\n              @contextUuid=\"setContextUuid($event, 'paramChart02')\"\n              :selectedStrategy=\"paramChart02.selectedStrategy\"\n            />\n          </div>\n        </div>\n        <div v-if=\"hasParamChart\" class=\"flex h-full divide-x-2 divide-ontick-graphite-500\">\n          <div class=\"relative flex h-full w-full items-center justify-center\">\n            <adjustment-chart-component\n              :visible=\"paramChart03.toggleConfig\"\n              @change=\"paramChart03.toggleConfig = !paramChart03.toggleConfig\"\n              @click-outside=\"paramChart03.toggleConfig = false\"\n            >\n              <div class=\"flex flex-col space-x-0 space-y-2\">\n                <portfolio-strategy-chart-header-component\n                  @listInvestment=\"listInvestmentStrategy($event, 'paramChart03')\"\n                  :select_investment_id=\"paramChart03.investmentId\"\n                  :data=\"portfolioStrategies\"\n                ></portfolio-strategy-chart-header-component>\n                <div class=\"flex space-x-2\">\n                  <ontick-editable-select-component\n                    inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                    maxHeight=\"max-h-96\"\n                    :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                    :value=\"paramChart03.searchTicker\"\n                    :acceptInput=\"true\"\n                    name=\"symbol\"\n                    @input=\"paramChart03.searchTicker = $event.value.toUpperCase()\"\n                    @selected-from-box=\"changeSymbol($event, 'paramChart03')\"\n                    @clear_field=\"clearField('paramChart03')\"\n                    @close=\"paramChart03.searchTicker = paramChart03.ticker\"\n                  />\n                  <portfolio-select-timeframe-component\n                    :ticker=\"paramChart03.ticker\"\n                    :timeframe=\"paramChart03.timeframe\"\n                    @change=\"changeTimeframe($event, 'paramChart03')\"\n                  />\n                </div>\n              </div>\n            </adjustment-chart-component>\n            <portfolio-chart-grid-component\n              :ticker=\"paramChart03.ticker\"\n              :timeframe=\"paramChart03.timeframe\"\n              :investmentId=\"paramChart03.investmentId\"\n              @contextUuid=\"setContextUuid($event, 'paramChart03')\"\n              :selectedStrategy=\"paramChart03.selectedStrategy\"\n            />\n          </div>\n          <div class=\"relative flex h-full w-full items-center justify-center\">\n            <adjustment-chart-component\n              :visible=\"paramChart04.toggleConfig\"\n              @change=\"paramChart04.toggleConfig = !paramChart04.toggleConfig\"\n              @click-outside=\"paramChart04.toggleConfig = false\"\n            >\n              <div class=\"flex flex-col space-x-0 space-y-2\">\n                <portfolio-strategy-chart-header-component\n                  @listInvestment=\"listInvestmentStrategy($event, 'paramChart04')\"\n                  :select_investment_id=\"paramChart04.investmentId\"\n                  :data=\"portfolioStrategies\"\n                ></portfolio-strategy-chart-header-component>\n                <div class=\"flex space-x-2\">\n                  <ontick-editable-select-component\n                    inputStyles=\"!ring-0 !border-ontick-carbon-500 !focus:border-ontick-carbon-500 bg-ontick-graphite-500 rounded text-sm font-medium h-10 w-[200px]\"\n                    maxHeight=\"max-h-96\"\n                    :options=\"availableSymbols.map((symbol) => ({ label: symbol, value: symbol }))\"\n                    :value=\"paramChart04.searchTicker\"\n                    :acceptInput=\"true\"\n                    name=\"symbol\"\n                    @input=\"paramChart04.searchTicker = $event.value.toUpperCase()\"\n                    @selected-from-box=\"changeSymbol($event, 'paramChart04')\"\n                    @clear_field=\"clearField('paramChart04')\"\n                    @close=\"paramChart04.searchTicker = paramChart04.ticker\"\n                  />\n                  <portfolio-select-timeframe-component\n                    :ticker=\"paramChart04.ticker\"\n                    :timeframe=\"paramChart04.timeframe\"\n                    @change=\"changeTimeframe($event, 'paramChart04')\"\n                  />\n                </div>\n              </div>\n            </adjustment-chart-component>\n            <portfolio-chart-grid-component\n              :ticker=\"paramChart04.ticker\"\n              :timeframe=\"paramChart04.timeframe\"\n              :investmentId=\"paramChart04.investmentId\"\n              @contextUuid=\"setContextUuid($event, 'paramChart04')\"\n              :selectedStrategy=\"paramChart04.selectedStrategy\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n    <!--  -->\n\n    <!--  -->\n  </div>\n</template>\n\n<script>\nimport { v4 as uuidv4 } from \"uuid\";\nimport { mapGetters, mapActions } from \"vuex\";\nimport PortfolioStrategyChartHeaderComponent from \"../components/portfolio-strategy-chart-header.component.vue\";\nimport PortfolioSelectTimeframeComponent from \"../components/portfolio-select-timeframe.component.vue\";\nimport PortfolioChartHeaderComponent from \"../components/portfolio-chart-header.component.vue\";\nimport OntickEditableSelectComponent from \"../../../shared/components/basic/ontick-editable-select.component.vue\";\nimport PortfolioChartGridComponent from \"../components/portfolio-chart-grid.component.vue\";\nimport AdjustmentChartComponent from \"../components/adjustment-chart.component.vue\";\nimport EventBus from \"../../../shared/utils/event_bus\";\n// import Datafeed from \"../datafeed\";\n\nconst isMobile = () => {\n  let check = false;\n  (function (a) {\n    if (\n      /(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(\n        a\n      ) ||\n      /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(\n        a.substr(0, 4)\n      ) ||\n      /constructor/i.test(window.HTMLElement) ||\n      (function (p) {\n        return p.toString() === \"[object SafariRemoteNotification]\";\n      })(!window[\"safari\"] || (typeof safari !== \"undefined\" && safari.pushNotification))\n    )\n      check = true;\n  })(navigator.userAgent || navigator.vendor);\n\n  return check;\n};\n\nexport default {\n  name: \"portfolio-chart\",\n  components: {\n    PortfolioStrategyChartHeaderComponent,\n    PortfolioSelectTimeframeComponent,\n    PortfolioChartHeaderComponent,\n    OntickEditableSelectComponent,\n    PortfolioChartGridComponent,\n    AdjustmentChartComponent,\n  },\n  data() {\n    return {\n      // datafeed: Datafeed,\n      availableSymbols: [\"WINFUT\", \"WDOFUT\", \"CCMFUT\", \"BITFUT\"],\n\n      // Gráficos\n      paramChart01: {},\n      paramChart02: {},\n      paramChart03: {},\n      paramChart04: {},\n\n      pageContext: uuidv4(),\n      template: isMobile() ? 8 : 2,\n\n      listContextUuid: [],\n      // Apenas as estratégias do portfolio selecionado.\n      portfolioStrategies: [],\n\n      // WebSocket\n      connectionStatus: {\n        awaitingConnection: false,\n        retries: 0,\n        error: false,\n      },\n\n      // Usado para correção do Streamer.\n      positions: [],\n\n      // Botão de atualizar Markers\n      btnUpdateMarkers: false,\n\n      updateIcon: {\n        active: `<svg class=\"animate-spin\" xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z\"/></svg>`,\n        disabled: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z\"/></svg>`,\n      },\n    };\n  },\n  computed: {\n    ...mapGetters({\n      getWebsocketIsConnected: \"config/getWebsocketIsConnected\",\n      selectedAccount: \"accountTypes/getSelectedAccount\",\n      strategies: \"performance/getStrategies\",\n    }),\n    hasParamChart() {\n      if (this.template === 1) {\n        return Object.keys(this.paramChart01).length > 0;\n      }\n      if (this.template === 2 || this.template === 8) {\n        return Object.keys(this.paramChart01).length > 0 && Object.keys(this.paramChart02).length > 0;\n      }\n      if ([3, 4, 5, 6].includes(this.template)) {\n        return (\n          Object.keys(this.paramChart01).length > 0 &&\n          Object.keys(this.paramChart02).length > 0 &&\n          Object.keys(this.paramChart03).length > 0\n        );\n      }\n      if (this.template === 7) {\n        return (\n          Object.keys(this.paramChart01).length > 0 &&\n          Object.keys(this.paramChart02).length > 0 &&\n          Object.keys(this.paramChart03).length > 0 &&\n          Object.keys(this.paramChart04).length > 0\n        );\n      }\n      return false;\n    },\n    hasPortfolioInAccount() {\n      if (Object.keys(this.strategies).length > 0 && this.strategies.accounts.length > 0) {\n        const portfolioId = Number.parseInt(this.$route.query.portfolioId || 0, 10);\n        const hasStrategy = this.strategies.accounts[0].investments.some(\n          (inv) => Number.parseInt(inv.investment_id, 10) === portfolioId\n        );\n\n        // if (hasStrategy) {\n        //   this.$nextTick(() => {\n        //     this.initChart();\n        //     this.widget?.onChartReady(() => {\n        //       this.loadVolume();\n        //       this.loadChartStyle();\n        //       this.renameDisplayTimeframe();\n        //     });\n        //   });\n        // }\n        return hasStrategy;\n      }\n      return false;\n    },\n    topics() {\n      let topics = [];\n      this.positions.forEach((pos) => {\n        if ([\"PORTFOLIO\", \"MULTISYMBOL\"].includes(pos.type)) {\n          pos.curr_positions.forEach((curr) => {\n            topics.push(curr.position_symbol);\n          });\n        } else {\n          topics.push(pos.position_symbol);\n        }\n      });\n      return Array(...new Set(topics)).map((symbol) => `MD.${symbol}.L1`);\n    },\n  },\n  watch: {\n    template: {\n      deep: true,\n      handler(value) {\n        this.resetGridParams();\n        setTimeout(() => this.setGridParams(this.portfolioStrategies), 500);\n        return value;\n      },\n    },\n    selectedAccount: {\n      deep: true,\n      async handler(value) {\n        await this.fetchAccounts(value);\n        if (this.selectedAccount.account_id) {\n          this.getRealTime(this.selectedAccount.account_id)\n            .then(({ orders, positions }) => {\n              // this.orders = orders;\n              this.positions = positions;\n            })\n            .catch((err) => {\n              console.error(err);\n            });\n        }\n        return value;\n      },\n    },\n  },\n  async mounted() {\n    if (Object.keys(this.selectedAccount).length > 0) {\n      await this.fetchAccounts(this.selectedAccount);\n      if (this.selectedAccount.account_id) {\n        this.getRealTime(this.selectedAccount.account_id)\n          .then(({ orders, positions }) => {\n            this.orders = orders;\n            this.positions = positions;\n          })\n          .catch((err) => {\n            console.error(err);\n          });\n      }\n    }\n\n    // Parar com efeito de loading do botão btnUpdateMarkers.\n    EventBus.$on(\"STOP_BTN_UPDATE_MARKERS\", () => (this.btnUpdateMarkers = false));\n\n    EventBus.$on(\"RESTART_CONSUMER\", (isEmpty) => {\n      // this.logEvent(\"[PORTFOLIO] RESTART_CONSUMER - mounted\");\n      this.consume(isEmpty);\n      // this.updateAllMarkers();\n    });\n    EventBus.$on(\"MARKET_DATA\", ({ symbol, data }) => {\n      if (data.timeframe != \"L1\") {\n        EventBus.$emit(\"REALTIME_TO_PORTFOLIO_CHART_GRID\", { symbol, data });\n      }\n    });\n\n    setTimeout(() => {});\n  },\n  destroyed() {\n    this.worker.sendMessage({ type: \"STOP_CONSUMING\", data: this.pageContext });\n    // this.listContextUuid.forEach(({ ctx }) => {\n    //   this.worker.sendMessage({\n    //     type: \"STOP_CONSUMING\",\n    //     data: ctx,\n    //   });\n    // });\n  },\n  methods: {\n    ...mapActions({\n      fetchAccounts: \"performance/fetchAccounts\",\n    }),\n    listInvestment(portfolio) {\n      // this.logTitle(\"listInvestment\");\n      if (Number(portfolio.investment_id) != 0) {\n        if (Number(portfolio.investment_id) != Number(this.$route.query.portfolioId)) {\n          this.$router.replace({ name: \"PortfolioChart\", query: { portfolioId: portfolio.investment_id } });\n        }\n        this.portfolioStrategies = portfolio.strategies;\n        this.setGridParams(portfolio.strategies);\n        this.consume();\n      }\n    },\n    listInvestmentStrategy(strategy, paramChart) {\n      let stratIndex = 0;\n\n      if (paramChart === \"paramChart02\") stratIndex = 1;\n      if (paramChart === \"paramChart03\") stratIndex = 2;\n      if (paramChart === \"paramChart04\") stratIndex = 3;\n\n      const params = strategy.investment_id === 0 ? this.portfolioStrategies[stratIndex] : strategy;\n\n      // Obs.: se marcar \"Selecione uma estratégia\" então o investment_id == 0\n      if (paramChart === \"paramChart01\") this.setParamChart(\"paramChart01\", params);\n      if (paramChart === \"paramChart02\") this.setParamChart(\"paramChart02\", params);\n      if (paramChart === \"paramChart03\") this.setParamChart(\"paramChart03\", params);\n      if (paramChart === \"paramChart04\") this.setParamChart(\"paramChart04\", params);\n\n      // this.updateAllMarkers();\n    },\n    setParamChart(paramChart, item, resetToggle = false) {\n      if (paramChart === \"paramChart01\") {\n        this.paramChart01 = {\n          investmentId: Number(item.investment_id),\n          ticker: item.investment_symbol,\n          searchTicker: item.investment_symbol,\n          // timeframe: item.investment_timeframe,\n          timeframe: \"M10\",\n          toggleConfig: resetToggle ? true : Boolean(this.paramChart01.toggleConfig),\n          selectedStrategy: item,\n        };\n      }\n      if (paramChart === \"paramChart02\") {\n        this.paramChart02 = {\n          investmentId: Number(item.investment_id),\n          ticker: item.investment_symbol,\n          searchTicker: item.investment_symbol,\n          // timeframe: item.investment_timeframe,\n          timeframe: \"M10\",\n          toggleConfig: resetToggle ? true : Boolean(this.paramChart02.toggleConfig),\n          selectedStrategy: item,\n        };\n      }\n      if (paramChart === \"paramChart03\") {\n        this.paramChart03 = {\n          investmentId: Number(item.investment_id),\n          ticker: item.investment_symbol,\n          searchTicker: item.investment_symbol,\n          // timeframe: item.investment_timeframe,\n          timeframe: \"M10\",\n          toggleConfig: resetToggle ? true : Boolean(this.paramChart03.toggleConfig),\n          selectedStrategy: item,\n        };\n      }\n      if (paramChart === \"paramChart04\") {\n        this.paramChart04 = {\n          investmentId: Number(item.investment_id),\n          ticker: item.investment_symbol,\n          searchTicker: item.investment_symbol,\n          // timeframe: item.investment_timeframe,\n          timeframe: \"M10\",\n          toggleConfig: resetToggle ? true : Boolean(this.paramChart04.toggleConfig),\n          selectedStrategy: item,\n        };\n      }\n    },\n    resetGridParams() {\n      this.paramChart01 = {};\n      this.paramChart02 = {};\n      this.paramChart03 = {};\n      this.paramChart04 = {};\n    },\n    setGridParams(strategies) {\n      if (this.template === 1) {\n        if (strategies.length >= 1) {\n          this.paramChart01 = {\n            investmentId: Number(strategies[0].investment_id),\n            ticker: strategies[0].investment_symbol,\n            searchTicker: strategies[0].investment_symbol,\n            // timeframe: strategies[0].investment_timeframe,\n            timeframe: \"M10\",\n            toggleConfig: false,\n            selectedStrategy: strategies[0],\n          };\n          this.paramChart02 = {};\n          this.paramChart03 = {};\n          this.paramChart04 = {};\n        }\n      }\n\n      if (this.template === 2 || this.template === 8) {\n        if (strategies.length >= 2) {\n          this.paramChart01 = {\n            investmentId: Number(strategies[0].investment_id),\n            ticker: strategies[0].investment_symbol,\n            searchTicker: strategies[0].investment_symbol,\n            // timeframe: strategies[0].investment_timeframe,\n            timeframe: \"M10\",\n            toggleConfig: false,\n            selectedStrategy: strategies[0],\n          };\n          this.paramChart02 = {\n            investmentId: Number(strategies[1].investment_id),\n            ticker: strategies[1].investment_symbol,\n            searchTicker: strategies[1].investment_symbol,\n            // timeframe: strategies[1].investment_timeframe,\n            timeframe: \"M10\",\n            toggleConfig: false,\n            selectedStrategy: strategies[1],\n          };\n          this.paramChart03 = {};\n          this.paramChart04 = {};\n        }\n      }\n\n      if ([3, 4, 5, 6].includes(this.template)) {\n        if (strategies.length >= 3) {\n          this.paramChart01 = {\n            investmentId: Number(strategies[0].investment_id),\n            ticker: strategies[0].investment_symbol,\n            searchTicker: strategies[0].investment_symbol,\n            // timeframe: strategies[0].investment_timeframe,\n            timeframe: \"M10\",\n            toggleConfig: false,\n            selectedStrategy: strategies[0],\n          };\n          this.paramChart02 = {\n            investmentId: Number(strategies[1].investment_id),\n            ticker: strategies[1].investment_symbol,\n            searchTicker: strategies[1].investment_symbol,\n            // timeframe: strategies[1].investment_timeframe,\n            timeframe: \"M10\",\n            toggleConfig: false,\n            selectedStrategy: strategies[1],\n          };\n          this.paramChart03 = {\n            investmentId: Number(strategies[2].investment_id),\n            ticker: strategies[2].investment_symbol,\n            searchTicker: strategies[2].investment_symbol,\n            // timeframe: strategies[2].investment_timeframe,\n            timeframe: \"M10\",\n            toggleConfig: false,\n            selectedStrategy: strategies[2],\n          };\n          this.paramChart04 = {};\n        }\n      }\n\n      if (this.template === 7) {\n        if (strategies.length >= 4) {\n          this.paramChart01 = {\n            investmentId: Number(strategies[0].investment_id),\n            ticker: strategies[0].investment_symbol,\n            searchTicker: strategies[0].investment_symbol,\n            // timeframe: strategies[0].investment_timeframe,\n            timeframe: \"M10\",\n            toggleConfig: false,\n            selectedStrategy: strategies[0],\n          };\n          this.paramChart02 = {\n            investmentId: Number(strategies[1].investment_id),\n            ticker: strategies[1].investment_symbol,\n            searchTicker: strategies[1].investment_symbol,\n            // timeframe: strategies[1].investment_timeframe,\n            timeframe: \"M10\",\n            toggleConfig: false,\n            selectedStrategy: strategies[1],\n          };\n          this.paramChart03 = {\n            investmentId: Number(strategies[2].investment_id),\n            ticker: strategies[2].investment_symbol,\n            searchTicker: strategies[2].investment_symbol,\n            // timeframe: strategies[2].investment_timeframe,\n            timeframe: \"M10\",\n            toggleConfig: false,\n            selectedStrategy: strategies[2],\n          };\n          this.paramChart04 = {\n            investmentId: Number(strategies[3].investment_id),\n            ticker: strategies[3].investment_symbol,\n            searchTicker: strategies[3].investment_symbol,\n            // timeframe: strategies[3].investment_timeframe,\n            timeframe: \"M10\",\n            toggleConfig: false,\n            selectedStrategy: strategies[3],\n          };\n        }\n      }\n    },\n    changeTimeframe(timeframe, paramChart) {\n      if (paramChart === \"paramChart01\") {\n        this.paramChart01.timeframe = timeframe;\n      }\n      if (paramChart === \"paramChart02\") {\n        this.paramChart02.timeframe = timeframe;\n      }\n      if (paramChart === \"paramChart03\") {\n        this.paramChart03.timeframe = timeframe;\n      }\n      if (paramChart === \"paramChart04\") {\n        this.paramChart04.timeframe = timeframe;\n      }\n    },\n    changeSymbol(symbol, paramChart) {\n      if (paramChart === \"paramChart01\") {\n        this.paramChart01.ticker = symbol;\n        this.paramChart01.searchTicker = symbol;\n        // Para CCMFUT e BITFUT, só tem timeframe M1 e M15.\n        if ([\"CCMFUT\", \"BITFUT\"].includes(symbol)) {\n          if (![\"M1\", \"M15\"].includes(this.paramChart01.timeframe)) {\n            this.paramChart01.timeframe = \"M15\";\n          }\n        }\n      }\n      if (paramChart === \"paramChart02\") {\n        this.paramChart02.ticker = symbol;\n        this.paramChart02.searchTicker = symbol;\n        // Para CCMFUT e BITFUT, só tem timeframe M1 e M15.\n        if ([\"CCMFUT\", \"BITFUT\"].includes(symbol)) {\n          if (![\"M1\", \"M15\"].includes(this.paramChart02.timeframe)) {\n            this.paramChart02.timeframe = \"M15\";\n          }\n        }\n      }\n      if (paramChart === \"paramChart03\") {\n        this.paramChart03.ticker = symbol;\n        this.paramChart03.searchTicker = symbol;\n        // Para CCMFUT e BITFUT, só tem timeframe M1 e M15.\n        if ([\"CCMFUT\", \"BITFUT\"].includes(symbol)) {\n          if (![\"M1\", \"M15\"].includes(this.paramChart03.timeframe)) {\n            this.paramChart03.timeframe = \"M15\";\n          }\n        }\n      }\n      if (paramChart === \"paramChart04\") {\n        this.paramChart04.ticker = symbol;\n        this.paramChart04.searchTicker = symbol;\n        // Para CCMFUT e BITFUT, só tem timeframe M1 e M15.\n        if ([\"CCMFUT\", \"BITFUT\"].includes(symbol)) {\n          if (![\"M1\", \"M15\"].includes(this.paramChart04.timeframe)) {\n            this.paramChart04.timeframe = \"M15\";\n          }\n        }\n      }\n    },\n    clearField(paramChart) {\n      if (paramChart === \"paramChart01\") {\n        this.paramChart01.searchTicker = \"\";\n      }\n      if (paramChart === \"paramChart02\") {\n        this.paramChart02.searchTicker = \"\";\n      }\n      if (paramChart === \"paramChart03\") {\n        this.paramChart03.searchTicker = \"\";\n      }\n      if (paramChart === \"paramChart04\") {\n        this.paramChart04.searchTicker = \"\";\n      }\n    },\n    consume(isEmpty = false) {\n      // Parar de consumir no contexto \"pageContext\".\n      this.worker.sendMessage({ type: \"STOP_CONSUMING\", data: this.pageContext });\n\n      if (this.connectionStatus.retries > 5) {\n        this.connectionStatus.error = true;\n        this.connectionStatus.awaitingConnection = false;\n        console.error(\"[ADMIN] Erro ao conectar ao websocket.\");\n        return;\n      }\n      if (!this.getWebsocketIsConnected) {\n        if (this.isSharedWorker) {\n          this.worker.sendMessage({ type: \"CHECK_CONNECTION\" });\n        }\n        this.connectionStatus.retries++;\n        this.connectionStatus.awaitingConnection = true;\n        setTimeout(() => {\n          this.consume();\n        }, 2000);\n        return;\n      }\n      this.connectionStatus.awaitingConnection = false;\n      this.connectionStatus.error = false;\n\n      let arrayTopicsMD = [];\n      this.listContextUuid.forEach(({ ctx, paramChart }) => {\n        let _symbol, _tf;\n\n        if (paramChart === \"paramChart01\") {\n          _symbol = this.paramChart01.ticker;\n          _tf = this.paramChart01.timeframe;\n        } else if (paramChart === \"paramChart02\") {\n          _symbol = this.paramChart02.ticker;\n          _tf = this.paramChart02.timeframe;\n        } else if (paramChart === \"paramChart03\") {\n          _symbol = this.paramChart03.ticker;\n          _tf = this.paramChart03.timeframe;\n        } else if (paramChart === \"paramChart04\") {\n          _symbol = this.paramChart04.ticker;\n          _tf = this.paramChart04.timeframe;\n        }\n\n        arrayTopicsMD.push(`MD.${_symbol}.${_tf}`);\n      });\n\n      this.worker.sendMessage({\n        type: \"CONSUME\",\n        data: {\n          uuid: this.pageContext,\n          // topics: !isEmpty ? [...this.topics, ...arrayTopicsMD] : [...this.topics],\n          topics: this.removeDuplicateValues([...this.topics, ...arrayTopicsMD]),\n          type: \"Admin\",\n        },\n      });\n      this.worker.sendMessage({ type: \"LOG\" });\n    },\n    removeDuplicateValues(arrayTopics) {\n      return arrayTopics.filter((item, pos, self) => self.indexOf(item) == pos);\n    },\n    setContextUuid(ctx, paramChart) {\n      this.listContextUuid.push({\n        ctx,\n        paramChart,\n      });\n    },\n    getRealTime(account) {\n      return new Promise((resolve, reject) => {\n        this.$api\n          .get(`${this.$endpoint.REAL_TIME}/${account}`)\n          .then((res) => {\n            resolve({\n              orders: res.data.orders,\n              positions: res.data.positions,\n            });\n          })\n          .catch((err) => {\n            reject(err);\n          });\n      });\n    },\n    updateAllMarkers() {\n      this.btnUpdateMarkers = true;\n      EventBus.$emit(\"RESTART_MARKERS\");\n    },\n    filterByPortfolioStrategies(strategies) {\n      const currentPortfolio = strategies.accounts[0].investments.find(\n        (strat) => Number(strat.investment_id) === Number(this.$route.query.portfolioId)\n      );\n\n      if (!currentPortfolio) return [];\n\n      return currentPortfolio.strategies;\n    },\n    isLocalhost() {\n      return Boolean(\n        window.location.hostname === \"localhost\" ||\n          // [::1] is the IPv6 localhost address.\n          window.location.hostname === \"[::1]\" ||\n          // 127.0.0.1/8 is considered localhost for IPv4.\n          window.location.hostname.match(/^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/)\n      );\n    },\n    logTitle(message = \"\", color = \"red\") {\n      if (this.isLocalhost()) {\n        const inlineStyle = `font-size:28px;font-weight:bold;padding:5px 10px;color:white;background-color:${color}`;\n        console.log(\"%c%s\", inlineStyle, message);\n      }\n    },\n    logEvent(msg) {\n      if (this.isLocalhost()) {\n        console.log(\n          \"%c[RECEIVED]<<<%s>>>\",\n          \"font-size:18px;font-weight:bold;color:yellow;border:2px solid red;padding:8px;\",\n          msg\n        );\n      }\n    },\n    // Habilitar somente em \"localhost\"\n    /*\n    debugDatafeedInLocalhost() {\n      EventBus.$emit(\"SHOW_CHANNEL_SUBSCRIPTION\");\n    },\n    */\n  },\n};\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./portfolio-chart.component.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./portfolio-chart.component.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./portfolio-chart.component.vue?vue&type=template&id=1d93cd25\"\nimport script from \"./portfolio-chart.component.vue?vue&type=script&lang=js\"\nexport * from \"./portfolio-chart.component.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}