{"version":3,"sources":["webpack:///./src/views/Company/CompanySufficiency/index.vue?d555","webpack:///src/views/Company/CompanySufficiency/index.vue","webpack:///./src/views/Company/CompanySufficiency/index.vue?c99d","webpack:///./src/views/Company/CompanySufficiency/index.vue","webpack:///./src/views/Company/CompanySufficiency/index.vue?d003"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","attrs","_v","_s","$t","directives","name","rawName","value","expression","on","$event","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","isIncrease","multiple","domProps","composing","ratePercent","checkRate","_l","tank","index","key","waveColor","height","branchName","product","convertThousand","currentVolume","percent","maxCapacity","nextTwoDaysTankVolume","nextTwoDaysTankSales","tanks","length","showLoader","countryProducts","products","product1","product2","product3","product4","_e","staticRenderFns","components","MasterLayout","TableLoader","data","branch","branchId","hasLpg","hasPms","hasAgo","hasDpk","companyId","productSummary","pmsSummary","volume","amount","agoSummary","dpkSummary","lpgSummary","productSummaryCount","productCount","created","document","path","window","computed","beforeDestroy","watch","mounted","methods","getTanks","url","get","configObject","then","response","element","toLowerCase","includes","localStorage","catch","error","getAssociatedPumps","dataSource","toFixed","toString","replace","component"],"mappings":"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","file":"js/chunk-eec571ac.758d935f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"fuelbalance_first_row\"},[_c('div',{staticClass:\"fuelbalance_first_row_right_section tank__bg\",staticStyle:{\"flex\":\"0 0 72%\",\"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:\"our__branches__banner\",staticStyle:{\"width\":\"100%\",\"height\":\"150px\"}},[_c('div',{staticClass:\"row align-items-center section__row\"},[_c('div',{staticClass:\"text-center col-md-12 section___column_1\"},[_c('h4',{staticClass:\"our__branches__banner__title mt-4\"},[_c('svg',{staticClass:\"mr-3\",attrs:{\"width\":\"58\",\"height\":\"58\",\"viewBox\":\"0 0 48 48\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M24 0C10.751 0 0 10.751 0 24C0 37.249 10.751 48 24 48C37.249 48 48 37.249 48 24C48 10.751 37.249 0 24 0ZM24 1C36.708 1 47 11.292 47 24C47 36.709 36.708 47 24 47C11.292 47 1 36.709 1 24C1 11.292 11.292 1 24 1ZM24.5 12C24.3674 12 24.2402 12.0527 24.1464 12.1464C24.0527 12.2402 24 12.3674 24 12.5V14H23.5C23.3674 14 23.2402 14.0527 23.1464 14.1464C23.0527 14.2402 23 14.3674 23 14.5V16H21V13.506C21 13.3734 20.9473 13.2462 20.8536 13.1524C20.7598 13.0587 20.6326 13.006 20.5 13.006C20.3674 13.006 20.2402 13.0587 20.1464 13.1524C20.0527 13.2462 20 13.3734 20 13.506V16H15V16.025C11.642 16.285 9.033 19.323 9.033 23C9.033 25.541 10.283 27.773 12.16 29H8.506C8.3718 29 8.2431 29.0533 8.1482 29.1482C8.05331 29.2431 8 29.3718 8 29.506V31.496C8 31.776 8.226 32.002 8.506 32.002H11.187L12.049 33.725C12.0907 33.8078 12.1546 33.8773 12.2335 33.9259C12.3125 33.9744 12.4033 34.0001 12.496 34H13.046C13.1634 34.5635 13.4709 35.0694 13.9169 35.4332C14.363 35.7969 14.9204 35.9963 15.496 35.998C16.0717 35.9959 16.6293 35.796 17.0753 35.432C17.5213 35.0679 17.8287 34.5617 17.946 33.998H18.496C18.5887 33.9981 18.6795 33.9724 18.7585 33.9239C18.8374 33.8753 18.9013 33.8058 18.943 33.723L19.805 32H28.195L29.057 33.723C29.0987 33.8058 29.1626 33.8753 29.2415 33.9239C29.3205 33.9724 29.4113 33.9981 29.504 33.998H30.057C30.174 34.5617 30.4811 35.068 30.927 35.4321C31.3729 35.7962 31.9303 35.996 32.506 35.998C33.0818 35.9962 33.6395 35.7966 34.0856 35.4324C34.5317 35.0683 34.839 34.5618 34.956 33.998H35.504C35.5967 33.9981 35.6875 33.9724 35.7665 33.9239C35.8454 33.8753 35.9093 33.8058 35.951 33.723L36.812 32H39.494C39.774 32 40 31.774 40 31.494V29.02H39.494V29H35.84C37.718 27.773 38.967 25.541 38.967 23C38.967 19.154 36.116 16 32.535 16H29V14.5C29 14.3674 28.9473 14.2402 28.8536 14.1464C28.7598 14.0527 28.6326 14 28.5 14H28V12.5C28 12.3674 27.9473 12.2402 27.8536 12.1464C27.7598 12.0527 27.6326 12 27.5 12H24.5ZM25 13H27V14H25V13ZM24 15H28V16H24V15ZM16 17H17V29H16V17ZM18 17H30V29H18V17ZM31 17H32V29H31V17ZM15 17.025V28.975C12.224 28.717 10.033 26.18 10.033 23C10.033 19.82 12.224 17.283 15 17.025ZM33 17.025C35.776 17.283 37.967 19.82 37.967 23C37.967 26.18 35.776 28.717 33 28.975V17.025ZM9.012 30.012H38.988V30.99H9.012V30.012ZM12.307 32.002H13.507C13.287 32.294 13.123 32.629 13.047 33H12.807L12.307 32.002ZM15.477 32.002H15.516C16.341 32.013 16.996 32.672 16.996 33.5C16.996 34.334 16.33 35 15.496 35C14.662 35 13.996 34.334 13.996 33.5C13.996 32.672 14.652 32.012 15.476 32.002H15.477ZM17.484 32.002H18.687L18.187 33H17.945C17.8684 32.6371 17.7112 32.296 17.485 32.002H17.484ZM29.312 32.002H30.518C30.297 32.294 30.132 32.629 30.057 33H29.813L29.312 32.002ZM32.486 32.002H32.526C33.35 32.013 34.006 32.672 34.006 33.5C34.006 34.334 33.34 35 32.506 35C31.672 35 31.006 34.334 31.006 33.5C31.006 32.672 31.661 32.012 32.486 32.002ZM34.494 32.002H35.694L35.194 33H34.955C34.8784 32.6371 34.7202 32.296 34.494 32.002ZM15.496 33C15.3634 33 15.2362 33.0527 15.1424 33.1464C15.0487 33.2402 14.996 33.3674 14.996 33.5C14.996 33.6326 15.0487 33.7598 15.1424 33.8536C15.2362 33.9473 15.3634 34 15.496 34C15.6286 34 15.7558 33.9473 15.8496 33.8536C15.9433 33.7598 15.996 33.6326 15.996 33.5C15.996 33.3674 15.9433 33.2402 15.8496 33.1464C15.7558 33.0527 15.6286 33 15.496 33ZM32.506 33C32.3734 33 32.2462 33.0527 32.1524 33.1464C32.0587 33.2402 32.006 33.3674 32.006 33.5C32.006 33.6326 32.0587 33.7598 32.1524 33.8536C32.2462 33.9473 32.3734 34 32.506 34C32.6386 34 32.7658 33.9473 32.8596 33.8536C32.9533 33.7598 33.006 33.6326 33.006 33.5C33.006 33.3674 32.9533 33.2402 32.8596 33.1464C32.7658 33.0527 32.6386 33 32.506 33Z\",\"fill\":\"white\"}})]),_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.cSufficiency.title\"))+\"\\n                \")])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"align-items-center tank-rate mt-2\",staticStyle:{\"flex\":\"0 0 23%\",\"background-color\":\"#4c2e73\"}},[_c('div',{staticClass:\"tank-rate-wrapper\"},[_c('h3',{staticClass:\"pb-1\"},[_vm._v(_vm._s(_vm.$t(\"text.cSufficiency.projectionRate\")))]),_vm._v(\" \"),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.isIncrease),expression:\"isIncrease\"}],staticClass:\"mr-4 my-3\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.isIncrease=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"selectInc\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.cSufficiency.selectOption\"))+\"\\n              \")]),_vm._v(\" \"),_c('option',{domProps:{\"value\":true}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.cSufficiency.increase\"))+\"\\n              \")]),_vm._v(\" \"),_c('option',{domProps:{\"value\":false}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.cSufficiency.decrease\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.ratePercent),expression:\"ratePercent\"}],attrs:{\"type\":\"number\",\"placeholder\":_vm.$t('text.cSufficiency.inputPer')},domProps:{\"value\":(_vm.ratePercent)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.ratePercent=$event.target.value}}})]),_vm._v(\" \"),_c('button',{on:{\"click\":_vm.checkRate}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.cSufficiency.button\"))+\"\\n            \")])])])]),_vm._v(\" \"),_c('section',{staticClass:\"pb-3 mt-3 products_summary__wrapper\"},[_c('div',{staticClass:\"row\",staticStyle:{\"margin-right\":\"0px\"}},_vm._l((_vm.tanks),function(tank,index){return _c('div',{key:index,staticClass:\"text-center col-md-4\",staticStyle:{\"padding-right\":\"0px !important\",\"margin-bottom\":\"20px\"}},[_c('div',{staticClass:\"product_summary__wrapper tank__header__Wrapper\"},[_c('div',{staticClass:\"product_summary_header tank__header\",style:({ '--vh': tank.waveColor, height: '10px' })}),_vm._v(\" \"),_c('h3',{staticClass:\"mt-3 text-center tank__name\"},[_vm._v(_vm._s(tank.branchName))]),_vm._v(\" \"),_c('div',{staticClass:\"text-center flex___div\"},[_c('small',{staticClass:\"time__stamps\"},[_vm._v(\"\\n                  \"+_vm._s(tank.product)+\"\\n                \")]),_vm._v(\" \"),_c('div',{staticClass:\"text-center bowl\"},[_c('div',{staticClass:\"inner\"},[_c('div',{staticClass:\"fill\",style:({\n                        '--h': tank.height + 'px',\n                        '--c': tank.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(_vm._s(_vm.$t(\"text.tanks.productVolume\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"litres\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.convertThousand(tank.currentVolume))+\" (\"+_vm._s(tank.percent)+\"%)\\n                  \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix volume_info\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"vol_sold\"},[_vm._v(_vm._s(_vm.$t(\"text.tanks.tankCapacity\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"litres\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.convertThousand(tank.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.cSufficiency.volumeProjection\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"vol_sold\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.convertThousand(tank.nextTwoDaysTankVolume))+\"\\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.cSufficiency.salesProjection\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"vol_sold\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.convertThousand(tank.nextTwoDaysTankSales))+\"\\n                  \")])])])])])}),0)]),_vm._v(\" \"),(!_vm.tanks || (_vm.tanks.length < 1 && !_vm.showLoader))?_c('section',{staticClass:\"pb-3 products_summary__wrapper\"},[_c('div',{staticClass:\"empty_tank_wrapper\",staticStyle:{\"background\":\"white\",\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\",\"flex-flow\":\"column wrap\"}},[_c('div',{staticStyle:{\"margin\":\"0 auto\",\"width\":\"50%\"}},[_c('div',{staticClass:\"legend__div\",staticStyle:{\"padding-top\":\"50px\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticStyle:{\"height\":\"10px\",\"width\":\"30px\",\"background\":\"rgb(216, 153, 28)\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('div',{staticStyle:{\"color\":\"rgb(216, 153, 28)\"}},[_vm._v(\"\\n                              \"+_vm._s(_vm.countryProducts.products.product1)+\"\\n                            \")])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticStyle:{\"height\":\"10px\",\"width\":\"30px\",\"background\":\"rgb(155, 242, 36)\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('div',{staticStyle:{\"color\":\"rgb(155, 242, 36)\"}},[_vm._v(\"\\n                              \"+_vm._s(_vm.countryProducts.products.product2)+\"\\n                            \")])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticStyle:{\"height\":\"10px\",\"width\":\"30px\",\"background\":\"rgb(0, 172, 237)\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('div',{staticStyle:{\"color\":\"rgb(0, 172, 237)\"}},[_vm._v(\"\\n                              \"+_vm._s(_vm.countryProducts.products.product3)+\"\\n                            \")])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticStyle:{\"height\":\"10px\",\"width\":\"30px\",\"background\":\"purple\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('div',{staticStyle:{\"color\":\"purple\"}},[_vm._v(\"\\n                              \"+_vm._s(_vm.countryProducts.products.product4)+\"\\n                            \")])])])])])])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center\",staticStyle:{\"margin-top\":\"100px\"}},[_c('h6',{staticStyle:{\"color\":\"rgb(161, 146, 146)\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.bSufficiency.noTanksAdded\"))+\"\\n            \")])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-5 text-center animated__tanks__div\"},[_c('div',{staticClass:\"bowl\"},[_c('div',{staticClass:\"inner\"},[_c('div',{staticClass:\"fill\",staticStyle:{\"background\":\"grey\",\"height\":\"0px\"}},[_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\":\"\",\"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:\"pb-5 text-cente\",staticStyle:{\"margin-top\":\"50px\"}},[_c('h3',{staticStyle:{\"color\":\"rgb(161, 146, 146)\",\"font-size\":\"25px\"}})])])]):_vm._e(),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div class=\"fuelbalance_first_row\">\r\n        <div\r\n          class=\"fuelbalance_first_row_right_section tank__bg\"\r\n          style=\"flex: 0 0 72%; 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=\"our__branches__banner\" style=\"width: 100%; height: 150px\">\r\n            <div class=\"row align-items-center section__row\">\r\n              <div class=\"text-center col-md-12 section___column_1\">\r\n                <h4 class=\"our__branches__banner__title mt-4\">\r\n                  <svg\r\n                    class=\"mr-3\"\r\n                    width=\"58\"\r\n                    height=\"58\"\r\n                    viewBox=\"0 0 48 48\"\r\n                    fill=\"none\"\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                  >\r\n                    <path\r\n                      d=\"M24 0C10.751 0 0 10.751 0 24C0 37.249 10.751 48 24 48C37.249 48 48 37.249 48 24C48 10.751 37.249 0 24 0ZM24 1C36.708 1 47 11.292 47 24C47 36.709 36.708 47 24 47C11.292 47 1 36.709 1 24C1 11.292 11.292 1 24 1ZM24.5 12C24.3674 12 24.2402 12.0527 24.1464 12.1464C24.0527 12.2402 24 12.3674 24 12.5V14H23.5C23.3674 14 23.2402 14.0527 23.1464 14.1464C23.0527 14.2402 23 14.3674 23 14.5V16H21V13.506C21 13.3734 20.9473 13.2462 20.8536 13.1524C20.7598 13.0587 20.6326 13.006 20.5 13.006C20.3674 13.006 20.2402 13.0587 20.1464 13.1524C20.0527 13.2462 20 13.3734 20 13.506V16H15V16.025C11.642 16.285 9.033 19.323 9.033 23C9.033 25.541 10.283 27.773 12.16 29H8.506C8.3718 29 8.2431 29.0533 8.1482 29.1482C8.05331 29.2431 8 29.3718 8 29.506V31.496C8 31.776 8.226 32.002 8.506 32.002H11.187L12.049 33.725C12.0907 33.8078 12.1546 33.8773 12.2335 33.9259C12.3125 33.9744 12.4033 34.0001 12.496 34H13.046C13.1634 34.5635 13.4709 35.0694 13.9169 35.4332C14.363 35.7969 14.9204 35.9963 15.496 35.998C16.0717 35.9959 16.6293 35.796 17.0753 35.432C17.5213 35.0679 17.8287 34.5617 17.946 33.998H18.496C18.5887 33.9981 18.6795 33.9724 18.7585 33.9239C18.8374 33.8753 18.9013 33.8058 18.943 33.723L19.805 32H28.195L29.057 33.723C29.0987 33.8058 29.1626 33.8753 29.2415 33.9239C29.3205 33.9724 29.4113 33.9981 29.504 33.998H30.057C30.174 34.5617 30.4811 35.068 30.927 35.4321C31.3729 35.7962 31.9303 35.996 32.506 35.998C33.0818 35.9962 33.6395 35.7966 34.0856 35.4324C34.5317 35.0683 34.839 34.5618 34.956 33.998H35.504C35.5967 33.9981 35.6875 33.9724 35.7665 33.9239C35.8454 33.8753 35.9093 33.8058 35.951 33.723L36.812 32H39.494C39.774 32 40 31.774 40 31.494V29.02H39.494V29H35.84C37.718 27.773 38.967 25.541 38.967 23C38.967 19.154 36.116 16 32.535 16H29V14.5C29 14.3674 28.9473 14.2402 28.8536 14.1464C28.7598 14.0527 28.6326 14 28.5 14H28V12.5C28 12.3674 27.9473 12.2402 27.8536 12.1464C27.7598 12.0527 27.6326 12 27.5 12H24.5ZM25 13H27V14H25V13ZM24 15H28V16H24V15ZM16 17H17V29H16V17ZM18 17H30V29H18V17ZM31 17H32V29H31V17ZM15 17.025V28.975C12.224 28.717 10.033 26.18 10.033 23C10.033 19.82 12.224 17.283 15 17.025ZM33 17.025C35.776 17.283 37.967 19.82 37.967 23C37.967 26.18 35.776 28.717 33 28.975V17.025ZM9.012 30.012H38.988V30.99H9.012V30.012ZM12.307 32.002H13.507C13.287 32.294 13.123 32.629 13.047 33H12.807L12.307 32.002ZM15.477 32.002H15.516C16.341 32.013 16.996 32.672 16.996 33.5C16.996 34.334 16.33 35 15.496 35C14.662 35 13.996 34.334 13.996 33.5C13.996 32.672 14.652 32.012 15.476 32.002H15.477ZM17.484 32.002H18.687L18.187 33H17.945C17.8684 32.6371 17.7112 32.296 17.485 32.002H17.484ZM29.312 32.002H30.518C30.297 32.294 30.132 32.629 30.057 33H29.813L29.312 32.002ZM32.486 32.002H32.526C33.35 32.013 34.006 32.672 34.006 33.5C34.006 34.334 33.34 35 32.506 35C31.672 35 31.006 34.334 31.006 33.5C31.006 32.672 31.661 32.012 32.486 32.002ZM34.494 32.002H35.694L35.194 33H34.955C34.8784 32.6371 34.7202 32.296 34.494 32.002ZM15.496 33C15.3634 33 15.2362 33.0527 15.1424 33.1464C15.0487 33.2402 14.996 33.3674 14.996 33.5C14.996 33.6326 15.0487 33.7598 15.1424 33.8536C15.2362 33.9473 15.3634 34 15.496 34C15.6286 34 15.7558 33.9473 15.8496 33.8536C15.9433 33.7598 15.996 33.6326 15.996 33.5C15.996 33.3674 15.9433 33.2402 15.8496 33.1464C15.7558 33.0527 15.6286 33 15.496 33ZM32.506 33C32.3734 33 32.2462 33.0527 32.1524 33.1464C32.0587 33.2402 32.006 33.3674 32.006 33.5C32.006 33.6326 32.0587 33.7598 32.1524 33.8536C32.2462 33.9473 32.3734 34 32.506 34C32.6386 34 32.7658 33.9473 32.8596 33.8536C32.9533 33.7598 33.006 33.6326 33.006 33.5C33.006 33.3674 32.9533 33.2402 32.8596 33.1464C32.7658 33.0527 32.6386 33 32.506 33Z\"\r\n                      fill=\"white\"\r\n                    />\r\n                  </svg>\r\n                  {{ $t(\"text.cSufficiency.title\") }}\r\n                </h4>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- RATE  -->\r\n        <div\r\n          class=\"align-items-center tank-rate mt-2\"\r\n          style=\"flex: 0 0 23%; background-color: #4c2e73\"\r\n        >\r\n          <div class=\"tank-rate-wrapper\">\r\n            <h3 class=\"pb-1\">{{ $t(\"text.cSufficiency.projectionRate\") }}</h3>\r\n            <select v-model=\"isIncrease\" class=\"mr-4 my-3\">\r\n              <option value=\"selectInc\">\r\n                {{ $t(\"text.cSufficiency.selectOption\") }}\r\n              </option>\r\n              <option :value=\"true\">\r\n                {{ $t(\"text.cSufficiency.increase\") }}\r\n              </option>\r\n              <option :value=\"false\">\r\n                {{ $t(\"text.cSufficiency.decrease\") }}\r\n              </option>\r\n            </select>\r\n            <div>\r\n              <input\r\n                type=\"number\"\r\n                v-model=\"ratePercent\"\r\n                :placeholder=\"$t('text.cSufficiency.inputPer')\"\r\n              />\r\n            </div>\r\n            <button @click=\"checkRate\">\r\n              {{ $t(\"text.cSufficiency.button\") }}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <section class=\"pb-3 mt-3 products_summary__wrapper\">\r\n        <div class=\"row\" style=\"margin-right: 0px\">\r\n          <div\r\n            class=\"text-center col-md-4\"\r\n            v-for=\"(tank, index) in tanks\"\r\n            :key=\"index\"\r\n            style=\"padding-right: 0px !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': tank.waveColor, height: '10px' }\"\r\n              ></div>\r\n              <h3 class=\"mt-3 text-center tank__name\">{{ tank.branchName }}</h3>\r\n              <div class=\"text-center flex___div\">\r\n                <small class=\"time__stamps\">\r\n                  <!-- <img\r\n\t\t\t\t\t\t\t\t\t\tsrc=\"@/assets/img/passage-of-time (1).png\"\r\n\t\t\t\t\t\t\t\t\t\twidth-=\"18px\"\r\n\t\t\t\t\t\t\t\t\t/> -->\r\n                  {{ tank.product }}\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': tank.height + 'px',\r\n                        '--c': tank.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\">{{ $t(\"text.tanks.productVolume\") }}</h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4 class=\"litres\">\r\n                    {{ convertThousand(tank.currentVolume) }} ({{\r\n                      tank.percent\r\n                    }}%)\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\">{{ $t(\"text.tanks.tankCapacity\") }}</h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4 class=\"litres\">\r\n                    {{ convertThousand(tank.maxCapacity) }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n              <!-- <div class=\"clearfix volume_info\">\r\n\t\t\t\t\t\t\t\t<div class=\"left_div\">\r\n\t\t\t\t\t\t\t\t\t<h4 class=\"vol_sold\">{{ $t(\"text.tanks.waterLevel\") }}</h4>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class=\"right_div\">\r\n\t\t\t\t\t\t\t\t\t<h4 class=\"vol_sold\">\r\n\t\t\t\t\t\t\t\t\t\t{{ convertThousand(tank.waterVolume) }}\r\n\t\t\t\t\t\t\t\t\t</h4>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div> -->\r\n\r\n              <div class=\"clearfix volume_info\">\r\n                <div class=\"left_div\">\r\n                  <h4 class=\"vol_sold\">\r\n                    {{ $t(\"text.cSufficiency.volumeProjection\") }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4 class=\"vol_sold\">\r\n                    {{ convertThousand(tank.nextTwoDaysTankVolume) }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"clearfix volume_info\">\r\n                <div class=\"left_div\">\r\n                  <h4 class=\"vol_sold\">\r\n                    {{ $t(\"text.cSufficiency.salesProjection\") }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4 class=\"vol_sold\">\r\n                    {{ convertThousand(tank.nextTwoDaysTankSales) }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n      <section\r\n        class=\"pb-3 products_summary__wrapper\"\r\n        v-if=\"!tanks || (tanks.length < 1 && !showLoader)\"\r\n      >\r\n        <div\r\n          class=\"empty_tank_wrapper\"\r\n          style=\"\r\n            background: white;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            flex-flow: column wrap;\r\n          \"\r\n        >\r\n          <div style=\"margin: 0 auto; width: 50%\">\r\n            <div class=\"legend__div\" style=\"padding-top: 50px\">\r\n              <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-3\">\r\n                      <div class=\"row align-items-center\">\r\n                        <div class=\"col-md-3\">\r\n                          <div\r\n                            style=\"\r\n                              height: 10px;\r\n                              width: 30px;\r\n                              background: rgb(216, 153, 28);\r\n                            \"\r\n                          ></div>\r\n                        </div>\r\n                        <div class=\"col-md-6\">\r\n                          <div style=\"display: flex; align-items: center\">\r\n                            <div style=\"color: rgb(216, 153, 28)\">\r\n                              {{ countryProducts.products.product1 }}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-md-3\">\r\n                      <div class=\"row align-items-center\">\r\n                        <div class=\"col-md-3\">\r\n                          <div\r\n                            style=\"\r\n                              height: 10px;\r\n                              width: 30px;\r\n                              background: rgb(155, 242, 36);\r\n                            \"\r\n                          ></div>\r\n                        </div>\r\n                        <div class=\"col-md-6\">\r\n                          <div style=\"display: flex; align-items: center\">\r\n                            <div style=\"color: rgb(155, 242, 36)\">\r\n                              {{ countryProducts.products.product2 }}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-md-3\">\r\n                      <div class=\"row align-items-center\">\r\n                        <div class=\"col-md-3\">\r\n                          <div\r\n                            style=\"\r\n                              height: 10px;\r\n                              width: 30px;\r\n                              background: rgb(0, 172, 237);\r\n                            \"\r\n                          ></div>\r\n                        </div>\r\n                        <div class=\"col-md-6\">\r\n                          <div style=\"display: flex; align-items: center\">\r\n                            <div style=\"color: rgb(0, 172, 237)\">\r\n                              {{ countryProducts.products.product3 }}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-md-3\">\r\n                      <div class=\"row align-items-center\">\r\n                        <div class=\"col-md-3\">\r\n                          <div\r\n                            style=\"\r\n                              height: 10px;\r\n                              width: 30px;\r\n                              background: purple;\r\n                            \"\r\n                          ></div>\r\n                        </div>\r\n                        <div class=\"col-md-6\">\r\n                          <div style=\"display: flex; align-items: center\">\r\n                            <div style=\"color: purple\">\r\n                              {{ countryProducts.products.product4 }}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"text-center\" style=\"margin-top: 100px\">\r\n            <h6 style=\"color: rgb(161, 146, 146)\">\r\n              {{ $t(\"text.bSufficiency.noTanksAdded\") }}\r\n            </h6>\r\n          </div>\r\n\r\n          <div class=\"mt-5 text-center animated__tanks__div\">\r\n            <div class=\"bowl\">\r\n              <div class=\"inner\">\r\n                <div class=\"fill\" style=\"background: grey; height: 0px\">\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\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\r\n          <div class=\"pb-5 text-cente\" style=\"margin-top: 50px\">\r\n            <h3 style=\"color: rgb(161, 146, 146); font-size: 25px\"></h3>\r\n          </div>\r\n        </div>\r\n      </section>\r\n      <TableLoader :showLoader=\"showLoader\" />\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport MasterLayout from \"@/views/Company/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/Tankimage.png\";\r\nimport configObject from \"@/config\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\n\r\nexport default {\r\n  name: \"Tanks\",\r\n  components: {\r\n    MasterLayout,\r\n    TableLoader,\r\n  },\r\n  data() {\r\n    return {\r\n      isIncrease: \"selectInc\",\r\n      ratePercent: null,\r\n      branch: {},\r\n      branchId: null,\r\n      tanks: [],\r\n      backgroundUrl,\r\n      showLoader: true,\r\n      hasLpg: false,\r\n      hasPms: false,\r\n      hasAgo: false,\r\n      hasDpk: false,\r\n      companyId: this.$route.query.companyId,\r\n      productSummary: [],\r\n      pmsSummary: { volume: 0, amount: 0 },\r\n      agoSummary: { volume: 0, amount: 0 },\r\n      dpkSummary: { volume: 0, amount: 0 },\r\n      lpgSummary: { volume: 0, amount: 0 },\r\n      productSummaryCount: 0,\r\n      productCount: \"col-lg-3\",\r\n    };\r\n  },\r\n  created() {\r\n    document.title = \"Company:: Sufficiency Metrics\";\r\n\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n      if (company) {\r\n        this.companyId = company.id;\r\n      }\r\n    });\r\n\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.getTanks();\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\r\n  watch: {\r\n    companyId: function (newBranch, oldBranch) {\r\n      this.getTanks();\r\n\r\n      // if (newBranch.id) {\r\n      //   this.branchId = this.branch.id;\r\n      // }\r\n      // if (this.branchId !== null) {\r\n      //   if (newBranch.engagementLevel === \"Full Auto\") {\r\n      //     this.getTanks();\r\n      //   } else {\r\n      //     this.showLoader = false;\r\n      //     this.$toast.open({\r\n      //       message: \"No Tanks to display\",\r\n      //       type: \"error\",\r\n      //       duration: 5000,\r\n      //     });\r\n      //   }\r\n      // }\r\n    },\r\n  },\r\n  mounted() {},\r\n  methods: {\r\n    checkRate() {\r\n      this.getTanks();\r\n    },\r\n\r\n    getTanks() {\r\n      this.showLoader = true;\r\n      let url;\r\n\r\n      if (this.isIncrease !== \"selectInc\") {\r\n        url = `${configObject.apiBaseUrl}/Dashboard/CompanyTanksProjection/${\r\n          this.companyId\r\n        }?isIncrease=${this.isIncrease}&rate=${\r\n          this.ratePercent\r\n        }&showAll=${true}`;\r\n      } else {\r\n        url = `${configObject.apiBaseUrl}/Dashboard/CompanyTanksProjection/${\r\n          this.companyId\r\n        }?showAll=${true}`;\r\n      }\r\n\r\n      this.axios\r\n        .get(url, configObject.authConfig())\r\n        .then((response) => {\r\n          //     this.displayProductSummary(response.data);\r\n\r\n          response.data.forEach((element) => {\r\n            element.height = parseInt(\r\n              150 - (element.currentVolume / element.maxCapacity) * 140\r\n            );\r\n            element.nextTwoDaysTankSales = element.nextTwoDaysTankSales\r\n              ? element.nextTwoDaysTankSales\r\n              : 0;\r\n            if (element.height >= 98) {\r\n              element.waveColor = \"red\";\r\n            } else if (element.height >= 70) {\r\n              element.waveColor = \"#039be4\";\r\n            } else {\r\n              element.waveColor = \"green\";\r\n            }\r\n            element.waterVolume =\r\n              element.waterVolume == null ? 0 : element.waterVolume;\r\n            if (\r\n              element.productName !== undefined &&\r\n              element.productName !== null\r\n            ) {\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.name !== undefined && element.name !== null) {\r\n              if (\r\n                element.name\r\n                  .toLowerCase()\r\n                  .includes(this.countryProducts.productsLower.product1)\r\n              ) {\r\n                element.color = \"#d8991c\";\r\n              } else if (\r\n                element.name\r\n                  .toLowerCase()\r\n                  .includes(this.countryProducts.productsLower.product2)\r\n              ) {\r\n                element.color = \"#0fce29\";\r\n              } else if (\r\n                element.name\r\n                  .toLowerCase()\r\n                  .includes(this.countryProducts.productsLower.product3)\r\n              ) {\r\n                element.color = \"#00aced\";\r\n              } else if (\r\n                element.name\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            let percent;\r\n            if (\r\n              element.currentVolume <= 0 ||\r\n              element.maxCapacity <= 0 ||\r\n              element.currentVolume == null ||\r\n              element.maxCapacity == null\r\n            ) {\r\n              element.percent = 0;\r\n              element.height = 147;\r\n            } else {\r\n              percent = (element.currentVolume * 100) / element.maxCapacity;\r\n              element.percent = percent.toFixed(1);\r\n              element.height = parseInt(\r\n                150 - (element.currentVolume / element.maxCapacity) * 140\r\n              );\r\n            }\r\n          });\r\n\r\n          this.tanks = response.data;\r\n          this.showLoader = false;\r\n          localStorage.setItem(\"tanks\", JSON.stringify(this.tanks));\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n    getAssociatedPumps(pumps) {\r\n      this.$refs.dataGrid.ej2Instances.setProperties({\r\n        dataSource: response.data,\r\n      });\r\n      this.refreshGrid();\r\n    },\r\n    convertThousand(request) {\r\n      if (!isFinite(request)) {\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  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.pos-card {\r\n  height: 100% !important;\r\n}\r\n.tank-rate h3 {\r\n  font-size: 20px;\r\n  padding-top: 10px;\r\n  text-align: center;\r\n}\r\n.tank-rate {\r\n  background-color: #4c2e73;\r\n  color: white;\r\n  border-radius: 10px;\r\n}\r\n\r\n.tank-rate button {\r\n  width: 100%;\r\n  color: black;\r\n  background: white;\r\n  padding: 6px;\r\n  margin-top: 10px;\r\n  margin-bottom: 20px;\r\n  border: none;\r\n  border-radius: 3px;\r\n}\r\n\r\n.tank-rate input {\r\n  margin-top: -7px !important;\r\n}\r\n\r\n.tank-rate select {\r\n  background: white;\r\n  margin-top: -7px !important;\r\n}\r\n.tank-rate-wrapper {\r\n  width: 90%;\r\n  margin: auto;\r\n}\r\n</style>\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!./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=2a493655&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=2a493655&prod&scoped=true&lang=css&\"\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  \"2a493655\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=2a493655&prod&scoped=true&lang=css&\""],"sourceRoot":""}