{"version":3,"sources":["webpack:///./src/assets/img/Group 806.png","webpack:///./src/views/Branch/Tanks/details.vue?c810","webpack:///./src/components/PumpLoader/index.vue?55cd","webpack:///src/components/PumpLoader/index.vue","webpack:///./src/components/PumpLoader/index.vue?8654","webpack:///./src/components/PumpLoader/index.vue","webpack:///src/views/Branch/Tanks/details.vue","webpack:///./src/views/Branch/Tanks/details.vue?1399","webpack:///./src/views/Branch/Tanks/details.vue","webpack:///./src/assets/img/passage-of-time (1).png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","attrs","_v","_s","$t","showLoader","_e","tankStockForThePast7DaysSplineOptions","class","directives","name","rawName","value","expression","tankDetails","lastUpdate","height","waveColor","convertThousand","currentVolume","maxCapacity","waterVolume","query","branchId","$route","tankId","params","companyId","dealerId","groupId","regionId","_l","pump","index","key","color","currentReading","path","id","pumpId","staticRenderFns","_m","props","data","pumpCounts","created","component","$","components","MasterLayout","TableLoader","Highcharts","PumpLoader","provide","grid","branch","tanks","associatedPumps","pumps","pageSettings","pageSizes","pageCount","pageSize","toolbar","search","operator","ignoreCase","branches","showAll","chart","type","title","text","credits","enabled","plotOptions","areaspline","fillOpacity","series","marker","pointPlacement","legend","layout","align","verticalAlign","xAxis","tickmarkPlacement","labels","startOnTick","yAxis","watch","document","window","computed","countryProducts","beforeDestroy","mounted","searchFun","methods","getPumps","get","configObject","then","response","element","toLowerCase","includes","localStorage","catch","error","toFixed","toString","replace","groupProducts","groups","activateTab","dataBound","changeRoute","getTankDetails","timeSince","interval","getTankWeeklyStockData","productVolumeArray","waterVolumeArray","d","datesArr","formattedDates"],"mappings":"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,EAAG,UC4Ex8C,GACfmD,qBACAC,OACA,OACAC,eAGAC,aCpF8V,I,YCO1VC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,iJCqQf,IAAIC,EAAI,IAEO,OACfrC,qBACAsC,YACAC,oBACAC,mBACAC,sBACAC,cAEAC,SACAC,kDAEAX,OACA,OAEA9C,kBAEA0D,UACAC,SACAC,mBACAC,SACA5C,eACAS,cACAoC,cACAC,6BACAC,YACAC,aAEAC,6CACAC,QAAAC,oBAAAC,eACAC,WACA9D,cACA+D,WACA7D,uCACA8D,OACAC,mBAEAC,OACAC,6CAEAC,SACAC,YAGAC,aACAC,YACAC,gBAEAC,QACAC,QACAL,YAEAM,sBAGAF,UACAG,QACAP,WACAQ,oBACAC,aACAC,wBAEAC,OACAC,uBACAC,QACAb,YAEAJ,gBACAkB,gBAEAC,OACAlB,OACAC,+CAEAe,QACAb,gBAMAgB,OACAnC,qBACA,OACA,6BACA,uBACA,gBACA,sBACA,+BAEA,kCAIAV,UACA8C,mDACA,6CACA,mBAAAtD,WACA,4BACAuD,yBAEA,gCACA,cACAD,yDAEA,oBAEAE,UACAC,2BACA,gDAGAC,kBACAC,UAQA,cACA,oEACA,iBACA1C,YAVA,wBACA,8BAGAP,iCACAkD,SAQAC,SACAC,WACA,WACAC,IACA,qDACAC,qBAEAC,KAAAC,IACAA,wBACA,kBAEAC,8BACA,4CAEAA,kBAEAA,8BACA,4CAEAA,kBAEAA,8BACA,4CAEAA,kBAEAA,8BACA,8CAEAA,uBAEA,oBAEAA,cACAC,cACAC,SAAA,6CAEAF,kBAEAA,cACAC,cACAC,SAAA,6CAEAF,kBAEAA,cACAC,cACAC,SAAA,6CAEAF,kBAEAA,cACAC,cACAC,SAAA,+CAEAF,qBAIA,2BACA,kBACA,+BACA,6BACAG,2DAEAC,MAAAC,QAEA3F,mBACA,uCAGA,EACA4F,QAAA,GACAC,WACAC,QAAA,6BALA,QAOAC,iBACA,iBACA,+BACA,sBAOA,OANA,IACAC,MAEA,eACAA,UAEA,GACA,KAEAC,eACA,kBAEAC,qBACA,sCAEAC,eACA,mBAAA3G,UAEA4G,iBACA,mBACA,WACAlB,IACA,yDACAC,qBAEAC,KAAAC,IACAA,mBACAA,8CACAA,iCACA,6BAEA,wBACAA,uBACA,IACAA,6CAEA,kBACAA,uBACA,kBACAA,2BAEAA,yBAGAA,mCACA,8CAEAA,uBACAA,yBACAvE,qBAIAuE,mCACA,8CAEAA,uBACAA,yBACAvE,qBAIAuE,mCACA,8CAEAA,uBACAA,yBACAvE,qBAIAuE,mCACA,8CAEAA,sBACAA,yBACAvE,oBAGA,mBACA,kCACA,0BAEA4E,MAAAC,IACA,sBAIAU,aACA,mCAEA,wBAEA,WACA,YAEAC,uBACA,IACA,aAEAA,sBACA,IACA,WAEAA,qBACA,IACA,YAEAA,mBACA,IACA,aAEA,8BAEAC,yBACA,mBACA,WACArB,IACA,yEACAC,qBAEAC,KAAAC,IACA,oBACA,WACA,KACA,KACAA,mBACAmB,0BAGA5C,QACApE,+CACAiC,OACAR,+BAGA,SACAoE,mBACAoB,wBAEA7C,QACApE,6CACAiC,OACAR,kBAEA,kCACA,iBAEA,OADAyF,yBACA,IAEA,SACAC,cACAC,OACA,uDAGA,4DACAA,YACA,yDACA,sBAGAlB,MAAAC,IACA,wBC1oB+W,ICO3W,EAAY,eACd,EACA3H,EACAsD,GACA,EACA,KACA,KACA,MAIa,e,4BClBfxD,EAAOC,QAAU","file":"js/chunk-e2b009aa.b2da2987.js","sourcesContent":["module.exports = \"data:image/png;base64,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\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"fuel_consumption_row\"},[_c('div',{staticClass:\"fuel_consumption_row_right_section tank__bg\",staticStyle:{\"flex\":\"0 0 96.5%\",\"border-radius\":\"15px\"},style:([\n          {\n            backgroundImage: (\"linear-gradient(rgb(12, 4, 31 , 0.7), rgb(12, 4, 31 , 0.7)), url(\" + _vm.backgroundUrl + \")\"),\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat',\n            backgroundSize: 'cover',\n          } ])},[_c('div',{staticClass:\"row align-items-center\",staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"text-center transaction_period_text branch__sales__text\",staticStyle:{\"font-size\":\"22px\",\"min-height\":\"200px\"}},[_c('h3',{staticClass:\"our__branches__banner__title\"},[_c('img',{staticClass:\"mr-3\",attrs:{\"src\":require(\"@/assets/img/tanks_icon.png\")}}),_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.tankDetails.title\"))+\"\\n              \")])])])])])]),_vm._v(\" \"),_c('section',{staticClass:\"pump__details__section_2\"},[_c('div',{staticClass:\"row add_driver_row record__expenses\"},[_c('div',{staticClass:\"mt-3 col-md-8\",staticStyle:{\"padding-right\":\"0px\"}},[_c('div',{staticClass:\"drivers_list\",staticStyle:{\"height\":\"613px\"}},[_c('div',{staticClass:\"product_summary__wrapper\",staticStyle:{\"padding\":\"10px\",\"border-radius\":\"10px\"}},[_c('div',{staticClass:\"mt-5 input__group__block\",staticStyle:{\"width\":\"90%\"},attrs:{\"id\":\"pdfContent\"}},[(!_vm.showLoader)?_c('highcharts',{attrs:{\"options\":_vm.tankStockForThePast7DaysSplineOptions}}):_vm._e(),_vm._v(\" \"),(_vm.showLoader)?_c('div',{staticClass:\"showLoaderDiv charts__loader\"},[_c('div',{class:_vm.showLoader ? 'loading' : null})]):_vm._e()],1)])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center col-md-4\",staticStyle:{\"padding-right\":\"0px !important\",\"margin-bottom\":\"20px\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],staticClass:\"product_summary__wrapper tank__header__Wrapper\",staticStyle:{\"border-radius\":\"10px\"}},[_c('div',{staticClass:\"product_summary_header tank__header\"}),_vm._v(\" \"),_c('h3',{staticClass:\"text-center tank__name\"},[_vm._v(_vm._s(_vm.tankDetails.name))]),_vm._v(\" \"),_c('div',{staticClass:\"text-center flex___div\"},[_c('small',{staticClass:\"mt-3 time__stamps\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/passage-of-time (1).png\"),\"width-\":\"18px\"}}),_vm._v(\"\\n                \"+_vm._s(_vm.tankDetails.lastUpdate + \" \" + _vm.$t(\"text.tankDetails.ago\"))+\"\\n              \")]),_vm._v(\" \"),_c('div',{staticClass:\"text-center bowl\"},[_c('div',{staticClass:\"inner\"},[_c('div',{staticClass:\"fill\",style:({\n                      '--h': _vm.tankDetails.height + 'px',\n                      '--c': _vm.tankDetails.waveColor,\n                    })},[_c('svg',{attrs:{\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"x\":\"0px\",\"y\":\"0px\",\"width\":\"300px\",\"height\":\"300px\",\"viewBox\":\"0 0 300 300\",\"enable-background\":\"new 0 0 300 300\",\"xml:space\":\"preserve\"}},[_c('path',{staticClass:\"waveShape\",attrs:{\"d\":\"M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4\\n                                      c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9\\n                                      c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z\"}})])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix mt-3 volume_info\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"vol_sold\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.tankDetails.productVolume\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"litres\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.convertThousand(_vm.tankDetails.currentVolume))+\"\\n                \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix volume_info\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"vol_sold\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.tankDetails.tankCapacity\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"litres\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.convertThousand(_vm.tankDetails.maxCapacity))+\"\\n                \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix volume_info\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"vol_sold\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.tankDetails.waterLevel\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"vol_sold\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.convertThousand(_vm.tankDetails.waterVolume))+\"\\n                \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"pb-3 mt-3 tanks_probe\"},[_c('div',{staticClass:\"mt-4 mb-4\"},[_c('router-link',{staticClass:\"ml-4 probe_transactions_btn remove_text_decoration\",staticStyle:{\"text-decoration\":\"none\"},attrs:{\"to\":{\n                    name: 'tanks_probe_transactions',\n                    query: {\n                      branchId: _vm.$route.query.branchId,\n                      tankId: this.$route.params.tankId,\n                      companyId: _vm.$route.query.companyId,\n                      dealerId: _vm.$route.query.dealerId,\n                      groupId: _vm.$route.query.groupId,\n                      regionId: _vm.$route.query.regionId,\n                    },\n                  }}},[_vm._v(_vm._s(_vm.$t(\"text.tankDetails.probeTransactions\")))])],1),_vm._v(\" \"),_c('div',{staticClass:\"mb-3\"})])]),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)])]),_vm._v(\" \"),_c('section',{staticClass:\"pumps__list__wrapper\"},[_c('h3',{staticClass:\"py-4 mt-4 text-center text-black\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"text.tankDetails.associatedPumps\"))+\"\\n      \")]),_vm._v(\" \"),_c('section',{staticClass:\"pb-3 mt-3 products_summary__wrapper\"},[_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}}),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],staticClass:\"row\",staticStyle:{\"margin-right\":\"0px\"}},_vm._l((_vm.associatedPumps),function(pump,index){return _c('div',{key:index,staticClass:\"text-center col-md-4\",staticStyle:{\"padding\":\"0px 15px !important\",\"margin-bottom\":\"20px\"}},[_c('div',{staticClass:\"product_summary__wrapper tank__header__Wrapper\"},[_c('div',{staticClass:\"product_summary_header tank__header\",style:({ '--vh': pump.color, height: '10px' })}),_vm._v(\" \"),_c('h3',{staticClass:\"mt-3 text-center tank__name\"},[_vm._v(_vm._s(pump.name))]),_vm._v(\" \"),_c('div',{staticClass:\"text-center flex___div\"},[_c('div',{staticClass:\"mt-3 text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/Group 806.png\")}})])]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix mt-3 volume_info\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"vol_sold\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.tankDetails.currentReading\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"litres\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.convertThousand(pump.currentReading))+\"\\n                  \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"pb-3 mt-4 tanks_probe\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"space-evenly\"}},[_c('div',{staticClass:\"mb-3 text-center\"},[_c('router-link',{staticClass:\"probe_transactions_btn\",staticStyle:{\"text-decoration\":\"none\"},attrs:{\"to\":{\n                      path: (\"/Retail-Outlet/pump/transactions/\" + (pump.id)),\n                      query: {\n                        branchId: pump.id,\n                        pumpId: _vm.$route.query.branchId,\n                        companyId: _vm.$route.query.companyId,\n                        dealerId: _vm.$route.query.dealerId,\n                        groupId: _vm.$route.query.groupId,\n                        regionId: _vm.$route.query.regionId,\n                      },\n                    }}},[_vm._v(_vm._s(_vm.$t(\"text.tankDetails.transactions\")))])],1)])])])}),0)],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('table',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showLoader),expression:\"showLoader\"}],staticStyle:{\"margin\":\"0 auto\",\"width\":\"95%\"}},[_vm._m(0)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('tbody',[_c('tr',[_c('td',{staticClass:\"td-1\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-2\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-3\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-4\"}),_vm._v(\" \"),_c('td',{staticClass:\"td-5\"},[_c('span')])]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"td-1\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-2\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-3\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-4\"}),_vm._v(\" \"),_c('td',{staticClass:\"td-5\"},[_c('span')])]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"td-1\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-2\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-3\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-4\"}),_vm._v(\" \"),_c('td',{staticClass:\"td-5\"},[_c('span')])]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"td-1\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-2\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-3\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-4\"}),_vm._v(\" \"),_c('td',{staticClass:\"td-5\"},[_c('span')])]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"td-1\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-2\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-3\"},[_c('span')]),_vm._v(\" \"),_c('td',{staticClass:\"td-4\"}),_vm._v(\" \"),_c('td',{staticClass:\"td-5\"},[_c('span')])]),_vm._v(\" \"),_c('tr'),_c('tr')])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <!-- <div class=\"row\" v-show=\"showLoader\">\r\n       <div class=\"col-md-4\" v-for=\"(a,i) in 6\" :key=\"i\">\r\n            <div style=\"width: 100%\">\r\n                <div class=\"\" style=\"\">\r\n                    <div class=\"loading\"></div>\r\n                    <table style=\"margin: 0 auto; width: 95%\">\r\n                        <tbody>\r\n                            <tr>\r\n                            <td class=\"td-1\"><span></span></td>\r\n                            <td class=\"td-2\"><span></span></td>\r\n                            <td class=\"td-3\"><span></span></td>\r\n                            <td class=\"td-4\"></td>\r\n                            <td class=\"td-5\"><span></span></td>\r\n                            </tr>\r\n                            <tr>\r\n                            <td class=\"td-1\"><span></span></td>\r\n                            <td class=\"td-2\"><span></span></td>\r\n                            <td class=\"td-3\"><span></span></td>\r\n                            <td class=\"td-4\"></td>\r\n                            <td class=\"td-5\"><span></span></td>\r\n                            </tr>\r\n                            <tr>\r\n                        </tbody>\r\n                    </table>\r\n                </div>\r\n            </div>\r\n       </div>\r\n    </div> -->\r\n    <div>\r\n         <table v-show=\"showLoader\" style=\"margin: 0 auto; width: 95%\">\r\n            <tbody>\r\n                <tr>\r\n                <td class=\"td-1\"><span></span></td>\r\n                <td class=\"td-2\"><span></span></td>\r\n                <td class=\"td-3\"><span></span></td>\r\n                <td class=\"td-4\"></td>\r\n                <td class=\"td-5\"><span></span></td>\r\n                </tr>\r\n                <tr>\r\n                <td class=\"td-1\"><span></span></td>\r\n                <td class=\"td-2\"><span></span></td>\r\n                <td class=\"td-3\"><span></span></td>\r\n                <td class=\"td-4\"></td>\r\n                <td class=\"td-5\"><span></span></td>\r\n                </tr>\r\n                <tr>\r\n                <td class=\"td-1\"><span></span></td>\r\n                <td class=\"td-2\"><span></span></td>\r\n                <td class=\"td-3\"><span></span></td>\r\n                <td class=\"td-4\"></td>\r\n                <td class=\"td-5\"><span></span></td>\r\n                </tr>\r\n                <tr>\r\n                <td class=\"td-1\"><span></span></td>\r\n                <td class=\"td-2\"><span></span></td>\r\n                <td class=\"td-3\"><span></span></td>\r\n                <td class=\"td-4\"></td>\r\n                <td class=\"td-5\"><span></span></td>\r\n                </tr>\r\n                <tr>\r\n                <td class=\"td-1\"><span></span></td>\r\n                <td class=\"td-2\"><span></span></td>\r\n                <td class=\"td-3\"><span></span></td>\r\n                <td class=\"td-4\"></td>\r\n                <td class=\"td-5\"><span></span></td>\r\n                </tr>\r\n                <tr>\r\n               \r\n                <tr>\r\n                </tr>\r\n            </tbody>\r\n        </table>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    props: ['showLoader'],\r\n    data() {\r\n        return {\r\n            pumpCounts: 6\r\n        }\r\n    },\r\n    created() {\r\n    }\r\n }\r\n</script>","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-loader/lib/index.js??vue-loader-options!./index.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-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=35f613ea&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../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>\r\n  <div>\r\n    <MasterLayout>\r\n      <div class=\"fuel_consumption_row\">\r\n        <div\r\n          class=\"fuel_consumption_row_right_section tank__bg\"\r\n          style=\"flex: 0 0 96.5%; border-radius: 15px\"\r\n          :style=\"[\r\n            {\r\n              backgroundImage: `linear-gradient(rgb(12, 4, 31 , 0.7), rgb(12, 4, 31 , 0.7)), url(${backgroundUrl})`,\r\n              backgroundPosition: 'center',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundSize: 'cover',\r\n            },\r\n          ]\"\r\n        >\r\n          <div class=\"row align-items-center\" style=\"height: 100%\">\r\n            <div class=\"col-md-12\">\r\n              <div\r\n                class=\"text-center transaction_period_text branch__sales__text\"\r\n                style=\"font-size: 22px; min-height: 200px\"\r\n              >\r\n                <h3 class=\"our__branches__banner__title\">\r\n                  <img src=\"@/assets/img/tanks_icon.png\" class=\"mr-3\" />\r\n                  {{ $t(\"text.tankDetails.title\") }}\r\n                </h3>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <section class=\"pump__details__section_2\">\r\n        <div class=\"row add_driver_row record__expenses\">\r\n          <div class=\"mt-3 col-md-8\" style=\"padding-right: 0px\">\r\n            <div class=\"drivers_list\" style=\"height: 613px\">\r\n              <div\r\n                class=\"product_summary__wrapper\"\r\n                style=\"padding: 10px; border-radius: 10px\"\r\n              >\r\n                <div\r\n                  class=\"mt-5 input__group__block\"\r\n                  style=\"width: 90%\"\r\n                  id=\"pdfContent\"\r\n                >\r\n                  <highcharts\r\n                    :options=\"tankStockForThePast7DaysSplineOptions\"\r\n                    class\r\n                    v-if=\"!showLoader\"\r\n                  ></highcharts>\r\n                  <div\r\n                    class=\"showLoaderDiv charts__loader\"\r\n                    style\r\n                    v-if=\"showLoader\"\r\n                  >\r\n                    <div :class=\"showLoader ? 'loading' : null\"></div>\r\n                  </div>\r\n                  <!-- <div class=\"mt-4 text-center\">\r\n                    <button v-if=\"!showLoader\" class=\"show_more_button remove_text_decoration\"  @click=\"downloadWithCSS\">\r\n                      Download Chart\r\n                    </button>\r\n                  </div>-->\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"mt-3 text-center col-md-4\"\r\n            style=\"padding-right: 0px !important; margin-bottom: 20px\"\r\n          >\r\n            <div\r\n              class=\"product_summary__wrapper tank__header__Wrapper\"\r\n              style=\"border-radius: 10px\"\r\n              v-show=\"!showLoader\"\r\n            >\r\n              <!--  v-bind:style=\"{ '--vh': tankDetails.color, height: '10px' }\"-->\r\n              <div class=\"product_summary_header tank__header\"></div>\r\n              <h3 class=\"text-center tank__name\">{{ tankDetails.name }}</h3>\r\n              <div class=\"text-center flex___div\">\r\n                <small class=\"mt-3 time__stamps\">\r\n                  <img\r\n                    src=\"@/assets/img/passage-of-time (1).png\"\r\n                    width-=\"18px\"\r\n                  />\r\n                  {{\r\n                    tankDetails.lastUpdate + \" \" + $t(\"text.tankDetails.ago\")\r\n                  }}\r\n                </small>\r\n                <div class=\"text-center bowl\">\r\n                  <div class=\"inner\">\r\n                    <div\r\n                      class=\"fill\"\r\n                      v-bind:style=\"{\r\n                        '--h': tankDetails.height + 'px',\r\n                        '--c': tankDetails.waveColor,\r\n                      }\"\r\n                    >\r\n                      <svg\r\n                        version=\"1.1\"\r\n                        xmlns=\"http://www.w3.org/2000/svg\"\r\n                        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                        x=\"0px\"\r\n                        y=\"0px\"\r\n                        width=\"300px\"\r\n                        height=\"300px\"\r\n                        viewBox=\"0 0 300 300\"\r\n                        enable-background=\"new 0 0 300 300\"\r\n                        xml:space=\"preserve\"\r\n                      >\r\n                        <path\r\n                          class=\"waveShape\"\r\n                          d=\"M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4\r\n                                        c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9\r\n                                        c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z\"\r\n                        />\r\n                      </svg>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"clearfix mt-3 volume_info\">\r\n                <div class=\"left_div\">\r\n                  <h4 class=\"vol_sold\">\r\n                    {{ $t(\"text.tankDetails.productVolume\") }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4 class=\"litres\">\r\n                    {{ convertThousand(tankDetails.currentVolume) }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n              <div class=\"clearfix volume_info\">\r\n                <div class=\"left_div\">\r\n                  <h4 class=\"vol_sold\">\r\n                    {{ $t(\"text.tankDetails.tankCapacity\") }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4 class=\"litres\">\r\n                    {{ convertThousand(tankDetails.maxCapacity) }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n              <div class=\"clearfix volume_info\">\r\n                <div class=\"left_div\">\r\n                  <h4 class=\"vol_sold\">\r\n                    {{ $t(\"text.tankDetails.waterLevel\") }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4 class=\"vol_sold\">\r\n                    {{ convertThousand(tankDetails.waterVolume) }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n              <div class=\"pb-3 mt-3 tanks_probe\">\r\n                <div class=\"mt-4 mb-4\">\r\n                  <router-link\r\n                    :to=\"{\r\n                      name: 'tanks_probe_transactions',\r\n                      query: {\r\n                        branchId: $route.query.branchId,\r\n                        tankId: this.$route.params.tankId,\r\n                        companyId: $route.query.companyId,\r\n                        dealerId: $route.query.dealerId,\r\n                        groupId: $route.query.groupId,\r\n                        regionId: $route.query.regionId,\r\n                      },\r\n                    }\"\r\n                    class=\"ml-4 probe_transactions_btn remove_text_decoration\"\r\n                    style=\"text-decoration: none\"\r\n                    >{{ $t(\"text.tankDetails.probeTransactions\") }}</router-link\r\n                  >\r\n                </div>\r\n                <div class=\"mb-3\"></div>\r\n              </div>\r\n            </div>\r\n            <TableLoader :showLoader=\"showLoader\" />\r\n          </div>\r\n        </div>\r\n      </section>\r\n      <section class=\"pumps__list__wrapper\">\r\n        <h3 class=\"py-4 mt-4 text-center text-black\">\r\n          {{ $t(\"text.tankDetails.associatedPumps\") }}\r\n        </h3>\r\n\r\n        <section class=\"pb-3 mt-3 products_summary__wrapper\">\r\n          <TableLoader :showLoader=\"showLoader\" />\r\n          <div class=\"row\" style=\"margin-right: 0px\" v-show=\"!showLoader\">\r\n            <div\r\n              class=\"text-center col-md-4\"\r\n              v-for=\"(pump, index) in associatedPumps\"\r\n              :key=\"index\"\r\n              style=\"padding: 0px 15px !important; margin-bottom: 20px\"\r\n            >\r\n              <div class=\"product_summary__wrapper tank__header__Wrapper\">\r\n                <div\r\n                  class=\"product_summary_header tank__header\"\r\n                  v-bind:style=\"{ '--vh': pump.color, height: '10px' }\"\r\n                ></div>\r\n                <h3 class=\"mt-3 text-center tank__name\">{{ pump.name }}</h3>\r\n                <div class=\"text-center flex___div\">\r\n                  <div class=\"mt-3 text-center\">\r\n                    <img src=\"@/assets/img/Group 806.png\" />\r\n                  </div>\r\n                </div>\r\n                <div class=\"clearfix mt-3 volume_info\">\r\n                  <div class=\"left_div\">\r\n                    <h4 class=\"vol_sold\">\r\n                      {{ $t(\"text.tankDetails.currentReading\") }}\r\n                    </h4>\r\n                  </div>\r\n                  <div class=\"right_div\">\r\n                    <h4 class=\"litres\">\r\n                      {{ convertThousand(pump.currentReading) }}\r\n                    </h4>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"pb-3 mt-4 tanks_probe\"\r\n                  style=\"display: flex; justify-content: space-evenly\"\r\n                >\r\n                  <div class=\"mb-3 text-center\">\r\n                    <router-link\r\n                      :to=\"{\r\n                        path: `/Retail-Outlet/pump/transactions/${pump.id}`,\r\n                        query: {\r\n                          branchId: pump.id,\r\n                          pumpId: $route.query.branchId,\r\n                          companyId: $route.query.companyId,\r\n                          dealerId: $route.query.dealerId,\r\n                          groupId: $route.query.groupId,\r\n                          regionId: $route.query.regionId,\r\n                        },\r\n                      }\"\r\n                      class=\"probe_transactions_btn\"\r\n                      style=\"text-decoration: none\"\r\n                      >{{ $t(\"text.tankDetails.transactions\") }}</router-link\r\n                    >\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- <PumpLoader :showLoader=\"showLoader\"></PumpLoader> -->\r\n        </section>\r\n      </section>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/Branch/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/Tankimage.png\";\r\nimport cardBackgroundUrl from \"@/assets/img/Group393.svg\";\r\nimport configObject from \"@/config\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\nimport PumpLoader from \"@/components/PumpLoader/index\";\r\nimport { Chart } from \"highcharts-vue\";\r\nimport VueHighcharts from \"vue-highcharts\";\r\nimport Highcharts from \"highcharts\";\r\nimport countryProducts from \"@/products\";\r\n\r\nimport {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport,\r\n  Resize,\r\n  GridPlugin,\r\n  RowDD,\r\n  Selection,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  name: \"DashboardHome\",\r\n  components: {\r\n    MasterLayout,\r\n    TableLoader,\r\n    Highcharts: Chart,\r\n    PumpLoader,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport],\r\n  },\r\n  data() {\r\n    return {\r\n      // countryProducts: localStorage.getItem('countryProducts') ? JSON.parse(localStorage.countryProducts) : countryProducts,\r\n      backgroundUrl,\r\n\r\n      branch: {},\r\n      tanks: [],\r\n      associatedPumps: [],\r\n      pumps: [],\r\n      tankDetails: [],\r\n      branchId: null,\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 10,\r\n      },\r\n      toolbar: [\"ExcelExport\", \"PdfExport\", \"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n      branches: 0,\r\n      showLoader: false,\r\n      showAll: false,\r\n      tankStockForThePast7DaysSplineOptions: {\r\n        chart: {\r\n          type: \"areaspline\",\r\n        },\r\n        title: {\r\n          text: this.$t(\"text.tankDetails.graphTitle\"),\r\n        },\r\n        credits: {\r\n          enabled: false,\r\n        },\r\n\r\n        plotOptions: {\r\n          areaspline: {\r\n            fillOpacity: 0.2,\r\n          },\r\n          series: {\r\n            marker: {\r\n              enabled: true,\r\n            },\r\n            pointPlacement: \"on\",\r\n          },\r\n        },\r\n        series: [],\r\n        legend: {\r\n          enabled: true,\r\n          layout: \"horizontal\",\r\n          align: \"left\",\r\n          verticalAlign: \"bottom\",\r\n        },\r\n        xAxis: {\r\n          tickmarkPlacement: \"on\",\r\n          labels: {\r\n            enabled: true,\r\n          },\r\n          type: \"datetime\",\r\n          startOnTick: true,\r\n        },\r\n        yAxis: {\r\n          title: {\r\n            text: this.$t(\"text.tankDetails.volumeLitres\"),\r\n          },\r\n          labels: {\r\n            enabled: true,\r\n          },\r\n        },\r\n      },\r\n    };\r\n  },\r\n  watch: {\r\n    branch: function (newBranch, oldBranch) {\r\n      if (newBranch.id) {\r\n        this.branchId = this.branch.id;\r\n        if (this.branchId !== null) {\r\n          this.getPumps();\r\n          this.getTankDetails();\r\n          this.getTankWeeklyStockData();\r\n        }\r\n        this.groupProducts(this.pumps);\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    document.title = \"Tank Details: Epump Retail Outlet\";\r\n    if (localStorage.getItem(\"userDetails\") === \"null\") {\r\n      this.$router.push({ path: \"/\" });\r\n    } else if (configObject.authConfig() === null) {\r\n      window.location.reload();\r\n    }\r\n    this.$eventHub.$on(\"branch\", (branch) => {\r\n      this.branch = branch;\r\n      document.title = `Tank Details: ${branch.name} Retail Outlet`;\r\n    });\r\n    this.showLoader = true;\r\n  },\r\n  computed: {\r\n    countryProducts: function () {\r\n      return this.$store.getters.getCountryProducts;\r\n    },\r\n  },\r\n  beforeDestroy() {},\r\n  mounted() {\r\n    if (this.branch.id !== null) {\r\n      this.branchId = this.branch.id;\r\n    }\r\n\r\n    $(\".e-input\").keyup(function (e) {\r\n      searchFun(e);\r\n    });\r\n    function searchFun(event) {\r\n      var grid = document.getElementsByClassName(\"e-grid\")[0].ej2_instances[0];\r\n      var value = event.target.value;\r\n      grid.search(value);\r\n    }\r\n  },\r\n  methods: {\r\n    getPumps() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Branch/Pumps/${this.branchId}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          response.data.forEach((element) => {\r\n            if (element.productName !== undefined) {\r\n              if (\r\n                element.productName.toLowerCase() ===\r\n                this.countryProducts.productsLower.product1\r\n              ) {\r\n                element.color = \"#d8991c\";\r\n              } else if (\r\n                element.productName.toLowerCase() ===\r\n                this.countryProducts.productsLower.product2\r\n              ) {\r\n                element.color = \"#0fce29\";\r\n              } else if (\r\n                element.productName.toLowerCase() ===\r\n                this.countryProducts.productsLower.product3\r\n              ) {\r\n                element.color = \"#00aced\";\r\n              } else if (\r\n                element.productName.toLowerCase() ===\r\n                this.countryProducts.productsLower.product4\r\n              ) {\r\n                element.color = \"purple\";\r\n              }\r\n            } else if (element.displayName !== undefined) {\r\n              if (\r\n                element.displayName\r\n                  .toLowerCase()\r\n                  .includes(this.countryProducts.productsLower.product1)\r\n              ) {\r\n                element.color = \"#d8991c\";\r\n              } else if (\r\n                element.displayName\r\n                  .toLowerCase()\r\n                  .includes(this.countryProducts.productsLower.product2)\r\n              ) {\r\n                element.color = \"#0fce29\";\r\n              } else if (\r\n                element.displayName\r\n                  .toLowerCase()\r\n                  .includes(this.countryProducts.productsLower.product3)\r\n              ) {\r\n                element.color = \"#00aced\";\r\n              } else if (\r\n                element.displayName\r\n                  .toLowerCase()\r\n                  .includes(this.countryProducts.productsLower.product4)\r\n              ) {\r\n                element.color = \"purple\";\r\n              }\r\n            }\r\n          });\r\n          this.groupProducts(response.data);\r\n          this.pumps = response.data;\r\n          this.filterCount = response.data.length;\r\n          this.pumpCount = response.data.length;\r\n          localStorage.setItem(\"pumps\", JSON.stringify(this.pumps));\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    convertThousand(request) {\r\n      if (!isFinite(request) || request == undefined || request == null) {\r\n        return \"0.00\";\r\n      }\r\n      return request\r\n        .toFixed(2)\r\n        .toString()\r\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    },\r\n    groupProducts(pumpArray) {\r\n      this.pumpsKeep = pumpArray;\r\n      this.products = pumpArray.reduce((groups, product) => {\r\n        const productName = product.productName;\r\n        if (!groups) {\r\n          groups = [];\r\n        }\r\n        if (!groups.includes(productName)) {\r\n          groups.push(productName);\r\n        }\r\n        return groups;\r\n      }, []);\r\n    },\r\n    activateTab(voucher_type) {\r\n      this.activeTab = voucher_type;\r\n    },\r\n    dataBound: function () {\r\n      this.$refs.dataGrid.autoFitColumns();\r\n    },\r\n    changeRoute(route) {\r\n      this.$router.push({ name: route });\r\n    },\r\n    getTankDetails() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Tank/${this.$route.params.tankId}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          response.data.waterVolume =\r\n            response.data.waterVolume == null ? 0 : response.data.waterVolume;\r\n          response.data.lastUpdate = this.timeSince(\r\n            new Date(response.data.lastUpdate)\r\n          );\r\n          this.tankDetails = response.data;\r\n          response.data.height = parseInt(\r\n            150 -\r\n              (response.data.currentVolume / response.data.maxCapacity) * 140\r\n          );\r\n          if (response.data.height >= 98) {\r\n            response.data.waveColor = \"red\";\r\n          } else if (response.data.height >= 70) {\r\n            response.data.waveColor = \"#039be4\";\r\n          } else {\r\n            response.data.waveColor = \"green\";\r\n          }\r\n          if (\r\n            response.data.productName.toLowerCase() ===\r\n            this.countryProducts.productsLower.product1\r\n          ) {\r\n            response.data.color = \"#d8991c\";\r\n            response.data.pumps.forEach((pump) => {\r\n              pump.color = \"#d8991c\";\r\n            });\r\n          }\r\n          if (\r\n            response.data.productName.toLowerCase() ===\r\n            this.countryProducts.productsLower.product3\r\n          ) {\r\n            response.data.color = \"#00aced\";\r\n            response.data.pumps.forEach((pump) => {\r\n              pump.color = \"#00aced\";\r\n            });\r\n          }\r\n          if (\r\n            response.data.productName.toLowerCase() ===\r\n            this.countryProducts.productsLower.product2\r\n          ) {\r\n            response.data.color = \"#0fce29\";\r\n            response.data.pumps.forEach((pump) => {\r\n              pump.color = \"#0fce29\";\r\n            });\r\n          }\r\n          if (\r\n            response.data.productName.toLowerCase() ===\r\n            this.countryProducts.productsLower.product4\r\n          ) {\r\n            response.data.color = \"purple\";\r\n            response.data.pumps.forEach((pump) => {\r\n              pump.color = \"purple\";\r\n            });\r\n          }\r\n          this.showLoader = false;\r\n          this.associatedPumps = response.data.pumps;\r\n          this.tankDetails = response.data;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n\r\n    timeSince(date) {\r\n      var seconds = Math.floor((new Date() - date) / 1000);\r\n\r\n      var interval = Math.floor(seconds / 31536000);\r\n\r\n      if (interval > 1) {\r\n        return interval + \" years\";\r\n      }\r\n      interval = Math.floor(seconds / 2592000);\r\n      if (interval > 1) {\r\n        return interval + \" months\";\r\n      }\r\n      interval = Math.floor(seconds / 86400);\r\n      if (interval > 1) {\r\n        return interval + \" days\";\r\n      }\r\n      interval = Math.floor(seconds / 3600);\r\n      if (interval > 1) {\r\n        return interval + \" hours\";\r\n      }\r\n      interval = Math.floor(seconds / 60);\r\n      if (interval > 1) {\r\n        return interval + \" minutes\";\r\n      }\r\n      return Math.floor(seconds) + \" seconds\";\r\n    },\r\n    getTankWeeklyStockData() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Tank/TankWeeklyProbe/${this.$route.params.tankId}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          if (response.data.length > 0) {\r\n            let splineData = response.data;\r\n            let series = [];\r\n            let productVolumeArray = [];\r\n            response.data.forEach((element) => {\r\n              productVolumeArray.push(element.productVolume);\r\n            });\r\n\r\n            series.push({\r\n              name: this.$t(\"text.tankDetails.productVolume\"),\r\n              data: productVolumeArray,\r\n              color: this.tankDetails.color,\r\n            });\r\n\r\n            let waterVolumeArray = [];\r\n            response.data.forEach((element) => {\r\n              waterVolumeArray.push(element.waterVolume);\r\n            });\r\n            series.push({\r\n              name: this.$t(\"text.tankDetails.waterVolume\"),\r\n              data: waterVolumeArray,\r\n              color: \"#6f42c1\",\r\n            });\r\n            const datesArr = [...Array(8)].map((_, i) => {\r\n              const d = new Date();\r\n              d.setDate(d.getDate() - i);\r\n              return d;\r\n            });\r\n            let formattedDates = [];\r\n            datesArr.forEach((date) => {\r\n              formattedDates.push(\r\n                this.$moment(date, \"DD-MM-YYYY\").format(\"MMMM D, YYYY\")\r\n              );\r\n            });\r\n            this.tankStockForThePast7DaysSplineOptions.xAxis.categories =\r\n              formattedDates.reverse();\r\n            this.tankStockForThePast7DaysSplineOptions.series = [...series];\r\n            this.showLoader = false;\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\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-loader/lib/index.js??vue-loader-options!./details.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-loader/lib/index.js??vue-loader-options!./details.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./details.vue?vue&type=template&id=0b7f284a&\"\nimport script from \"./details.vue?vue&type=script&lang=js&\"\nexport * from \"./details.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../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","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAbCAYAAACAyoQSAAAABHNCSVQICAgIfAhkiAAAA0FJREFUSEudVkFu2kAUfd+YKqxKThBygpAThCwimUAUFgF1VzhB6AlCTxBuULKrIFJcFYKlLkpOUDhByAmarkBg/KsZsDM2NpjMDjPz3//v//dmCFvWJ8PILFi/JA05ZqSJkJNHmMcMGhPxkG2+6/x6HG6L5f5PURslGBI3RFSNFYx5DKDRtnp32/aHglaMYgOEG99hxgiAqX5jcBZAjog+Kt/N2USvmQPzNQrcB1rKldLJvfmtWx0z/yNQczbVm26QslEwQXSSYPv4u2WJ6lA2zqsgahDoQDIPvMJ2TqMo94FWjEILRJ9XB5/mE70UzLiSL7L432Gc3lvdgVqNypAAVhNT93mgPkqZ79pWL7SXm0Ddqom0b8vEedjp946DNEtQMTQO6c9uhZ1+dzmhIWsbqDhylS/UNdDtcsrxtW11G2uVurSKHs6nycymIYgDuqy4YBLRpaB5PtEP1ZikVhmWVbDYuKBqXAf85b7fa3o6VamYTfT9TVWKQ3FBA9U+qS0jlwYwRm2rK3S3ccUBlcZCyQOwU/XkB5JzMp8kRlTOFwcEnMShtnx2niVd+yMlE6DML5036QUrEOfIzTwW6NIY0gw2xXRqbB+6BqEGFybzYc8egHCkfmdA0rwbaL4wZqBpT5KtDyn7rzB9B1QLmoTs59l5FgkaeBbJGM2mek7MDJXzhbG0rxA9BakRducK31cBY5CAXQtWfWUUcxrht5AiFpxzbVHpabQLqQBiSGzoGU3S7DRdv40ygkr+osT2Yqz6sABtEnAtRNzpd/e3Te+abo1ig8F1l8Z2vxt5XXo6VSeS2al1rMfWrsDSCKCLm2bY7v/0XX9hsWRWb33lcdvqHe4KGrbf63+k9+YvSgA/RPVl1yT87PGPjtUrrRn+stqVScjnz/toFnHkQyBlPxOQFlObwCIbnGqv6cvN86F3+78DWEiECA8CUCQQlbxv0oKC5gj9BeleOdA1CN69uYmttfGOsDCTHQyg0TDB85fpdO81mVocETsZXj7MvFeGNAJwfZMKQjW1Aq6r+oszTMJbE2xXw/w4dJDCggpwPTWvEqgkb6KQxeAXgEzYTivug3ure6g4YlDU3zrs8baqwhL9D2De/3MXEiCqAAAAAElFTkSuQmCC\""],"sourceRoot":""}