{"version":3,"sources":["webpack:///./src/components/Mobile/Pipeline/PipelineSl.vue","webpack:///src/components/Mobile/Pipeline/PipelineSl.vue","webpack:///./src/components/Mobile/Pipeline/PipelineSl.vue?0fe5","webpack:///./src/components/Mobile/Pipeline/PipelineSl.vue?1304"],"names":["render","_vm","this","_c","_self","staticClass","style","legendColors","data","id","color","_v","_s","name","class","getOpacity","on","$event","toggleSlSelectedItems","_f","total_sales","successOrDangerClass","objective_sale","_e","isNotNaAndTbd","avg_sale","barWidth","estimated_sales","objective_estimated_sales","effectiveness_ratio","staticRenderFns","props","computed","state","slLegendColors","slSelectedItems","methods","k","includes","val","item","actions","$emit","mounted","component"],"mappings":"qIAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAACF,EAAG,MAAM,CAACE,YAAY,gDAAgD,CAACF,EAAG,MAAM,CAACE,YAAY,yCAAyCC,MAAO,oBAAsBL,EAAIM,aAAaN,EAAIO,KAAKC,IAAIC,MAAQ,MAAOP,EAAG,OAAO,CAACE,YAAY,oCAAoC,CAACJ,EAAIU,GAAGV,EAAIW,GAAGX,EAAIO,KAAKK,SAASV,EAAG,MAAM,CAACE,YAAY,sFAAsFS,MAAMb,EAAIc,WAAWd,EAAIO,KAAKC,IAAIO,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIiB,sBAAsBjB,EAAIO,KAAKC,OAAO,CAACN,EAAG,IAAI,CAACE,YAAY,wCAAwCF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,mDAAmD,CAACF,EAAG,OAAO,CAACE,YAAY,8CAA8C,CAACJ,EAAIU,GAAG,WAAWR,EAAG,OAAO,CAACE,YAAY,6CAA6C,CAACJ,EAAIU,GAAGV,EAAIW,GAAGX,EAAIkB,GAAG,mBAAPlB,CAA2BA,EAAIO,KAAKY,YAAY,IAAI,OAAOjB,EAAG,OAAO,CAACE,YAAY,gCAAgC,CAACJ,EAAIU,GAAG,YAAYR,EAAG,OAAO,CAACE,YAAY,gDAAgDS,MAAMb,EAAIoB,qBAAqBpB,EAAIO,KAAKc,eAAe,MAAM,CAAErB,EAAIO,KAAKc,eAAe,EAAGnB,EAAG,OAAO,CAACF,EAAIU,GAAG,OAAOV,EAAIsB,KAAKtB,EAAIU,GAAGV,EAAIW,GAAGX,EAAIkB,GAAG,mBAAPlB,CAA2BA,EAAIO,KAAKc,eAAe,KAAOrB,EAAIuB,cAAcvB,EAAIO,KAAKc,gBAAiBnB,EAAG,OAAO,CAACF,EAAIU,GAAG,OAAOV,EAAIsB,OAAOpB,EAAG,OAAO,CAACE,YAAY,gCAAgC,CAACJ,EAAIU,GAAG,gBAAgBR,EAAG,OAAO,CAACE,YAAY,0BAA0B,CAAGJ,EAAIO,KAAKiB,SAAS,EAAGtB,EAAG,OAAO,CAACF,EAAIU,GAAG,OAAOV,EAAIsB,KAAKtB,EAAIU,GAAGV,EAAIW,GAAGX,EAAIkB,GAAG,mBAAPlB,CAA2BA,EAAIO,KAAKiB,SAAS,IAAI,KAAMxB,EAAIuB,cAAcvB,EAAIO,KAAKiB,UAAWtB,EAAG,OAAO,CAACF,EAAIU,GAAG,WAAWV,EAAIsB,SAASpB,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAACF,EAAG,MAAM,CAACE,YAAY,8DAA8D,CAACF,EAAG,MAAM,CAACE,YAAY,4CAA4CC,MAAOL,EAAIyB,SAASzB,EAAIO,KAAKc,kBAAmBnB,EAAG,MAAM,CAACE,YAAY,0CAA0CC,MAAOL,EAAIyB,SAASzB,EAAIO,KAAKiB,kBAAmBtB,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,mDAAmD,CAACF,EAAG,OAAO,CAACE,YAAY,8CAA8C,CAACJ,EAAIU,GAAG,qBAAqBR,EAAG,OAAO,CAACE,YAAY,6CAA6C,CAACJ,EAAIU,GAAGV,EAAIW,GAAGX,EAAIkB,GAAG,mBAAPlB,CAA2BA,EAAIO,KAAKmB,gBAAgB,IAAI,OAAOxB,EAAG,OAAO,CAACE,YAAY,gCAAgC,CAACJ,EAAIU,GAAG,YAAYR,EAAG,OAAO,CAACE,YAAY,yCAAyC,CAAEJ,EAAIO,KAAKoB,0BAA0B,EAAGzB,EAAG,QAAQF,EAAIsB,KAAKtB,EAAIU,GAAGV,EAAIW,GAAGX,EAAIkB,GAAG,mBAAPlB,CAA2BA,EAAIO,KAAKoB,0BAA0B,KAAM3B,EAAIuB,cAAcvB,EAAIO,KAAKc,gBAAiBnB,EAAG,OAAO,CAACF,EAAIU,GAAG,OAAOV,EAAIsB,SAASpB,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAACF,EAAG,MAAM,CAACE,YAAY,8DAA8D,CAACF,EAAG,MAAM,CAACE,YAAY,0CAA0CC,MAAOL,EAAIyB,SAASzB,EAAIO,KAAKoB,mCAAoCzB,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,mDAAmD,CAACF,EAAG,OAAO,CAACE,YAAY,iDAAiD,CAACJ,EAAIU,GAAG,yBAAyBR,EAAG,OAAO,CAACE,YAAY,qCAAqC,CAACJ,EAAIU,GAAGV,EAAIW,GAAGX,EAAIkB,GAAG,mBAAPlB,CAA2BA,EAAIO,KAAKqB,oBAAoB,IAAI,SAAS1B,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAACF,EAAG,MAAM,CAACE,YAAY,8DAA8D,CAACF,EAAG,MAAM,CAACE,YAAY,yCAAyCC,MAAO,SAAWL,EAAIO,KAAKqB,oBAAsB,eAE1vHC,EAAkB,G,kCCkEP,GACfjB,KAAA,aACAkB,MAAA,SACAvB,KAAA,WACA,UAEAwB,SAAA,CACAzB,aAAA,kBAAA0B,OAAAC,gBACAC,gBAAA,WACA,OAAAF,OAAAE,kBAGAC,QAAA,CACArB,WAAA,SAAAsB,GAEA,YAAAF,gBAAAG,SAAAD,GACA,qBAEA,kCAIAX,SAAA,SAAAa,GACA,gBAAAf,cAAAe,GACA,aAEA,SAAAA,EAAA,KAEArB,sBAAA,SAAAsB,GAGA,KAAAL,gBAAAG,SAAAE,GAIAC,OAAAvB,sBAAAsB,IAHAC,OAAAvB,sBAAAsB,GACA,KAAAE,MAAA,eAMAC,QAAA,cC3GkX,I,YCO9WC,EAAY,eACd,EACA5C,EACA8B,GACA,EACA,KACA,KACA,MAIa,aAAAc,E","file":"js/chunk-2d2385e9.6e8a6a49.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"h-auto rounded-lg bg-filters p-2 mb-2\"},[_c('div',{staticClass:\"h-5 flex flex-row justify-start items-center\"},[_c('div',{staticClass:\"h-full w-1 rounded-full bg-purple mr-2\",style:('background-color:' + _vm.legendColors[_vm.data.id].color + ';')}),_c('span',{staticClass:\"text-white font-semibold text-xs\"},[_vm._v(_vm._s(_vm.data.name))]),_c('div',{staticClass:\"h-6 w-6 rounded-md flex flex-col justify-center items-center cursor-pointer ml-auto\",class:_vm.getOpacity(_vm.data.id),on:{\"click\":function($event){return _vm.toggleSlSelectedItems(_vm.data.id)}}},[_c('i',{staticClass:\"mdi mdi-ray-start-arrow text-xs\"})])]),_c('div',{staticClass:\"h-8 mt-1 flex flex-col\"},[_c('div',{staticClass:\"flex-1 flex flex-row justify-start items-center\"},[_c('span',{staticClass:\"text-3xs text-font-gray font-semibold mr-1\"},[_vm._v(\"Sales\")]),_c('span',{staticClass:\"text-xxs text-white font-semibold mr-auto\"},[_vm._v(_vm._s(_vm._f(\"reduceBigNumbers\")(_vm.data.total_sales,2))+\"€\")]),_c('span',{staticClass:\"text-3xs text-font-gray mr-1\"},[_vm._v(\"vs Obj\")]),_c('span',{staticClass:\"text-3xs text-font-gray font-semibold mr-auto\",class:_vm.successOrDangerClass(_vm.data.objective_sale,100)},[(_vm.data.objective_sale>0)?_c('span',[_vm._v(\"+\")]):_vm._e(),_vm._v(_vm._s(_vm._f(\"reduceBigNumbers\")(_vm.data.objective_sale,2))),( _vm.isNotNaAndTbd(_vm.data.objective_sale))?_c('span',[_vm._v(\"%\")]):_vm._e()]),_c('span',{staticClass:\"text-3xs text-font-gray mr-1\"},[_vm._v(\"VsAvg (SL)\")]),_c('span',{staticClass:\"text-3xs font-semibold\"},[( _vm.data.avg_sale>0)?_c('span',[_vm._v(\"+\")]):_vm._e(),_vm._v(_vm._s(_vm._f(\"reduceBigNumbers\")(_vm.data.avg_sale,2))+\" \"),(_vm.isNotNaAndTbd(_vm.data.avg_sale))?_c('span',[_vm._v(\"ptos.\")]):_vm._e()])]),_c('div',{staticClass:\"h-2 mb-1 flex flex-row justify-center\"},[_c('div',{staticClass:\"h-2px w-full rounded-full bg-body overflow-hidden relative\"},[_c('div',{staticClass:\"h-full absolute bg-blue z-10 top-0 left-0\",style:(_vm.barWidth(_vm.data.objective_sale))}),_c('div',{staticClass:\"h-full bg-success absolute top-0 left-0\",style:(_vm.barWidth(_vm.data.avg_sale))})])])]),_c('div',{staticClass:\"h-8 mt-1 flex flex-col\"},[_c('div',{staticClass:\"flex-1 flex flex-row justify-start items-center\"},[_c('span',{staticClass:\"text-3xs text-font-gray font-semibold mr-1\"},[_vm._v(\"Sales Estimated\")]),_c('span',{staticClass:\"text-xxs text-white font-semibold mr-auto\"},[_vm._v(_vm._s(_vm._f(\"reduceBigNumbers\")(_vm.data.estimated_sales,2))+\"€\")]),_c('span',{staticClass:\"text-3xs text-font-gray mr-1\"},[_vm._v(\"vs Obj\")]),_c('span',{staticClass:\"text-3xs text-font-gray font-semibold\"},[(_vm.data.objective_estimated_sales>0)?_c('span'):_vm._e(),_vm._v(_vm._s(_vm._f(\"reduceBigNumbers\")(_vm.data.objective_estimated_sales,2))),(_vm.isNotNaAndTbd(_vm.data.objective_sale))?_c('span',[_vm._v(\"%\")]):_vm._e()])]),_c('div',{staticClass:\"h-2 mb-1 flex flex-row justify-center\"},[_c('div',{staticClass:\"h-2px w-full rounded-full bg-body overflow-hidden relative\"},[_c('div',{staticClass:\"h-full absolute bg-warning top-0 left-0\",style:(_vm.barWidth(_vm.data.objective_estimated_sales))})])])]),_c('div',{staticClass:\"h-8 mt-1 flex flex-col\"},[_c('div',{staticClass:\"flex-1 flex flex-row justify-start items-center\"},[_c('span',{staticClass:\"text-3xs text-font-gray font-semibold mr-auto\"},[_vm._v(\"Effectiveness ratio\")]),_c('span',{staticClass:\"text-xxs text-white font-semibold\"},[_vm._v(_vm._s(_vm._f(\"reduceBigNumbers\")(_vm.data.effectiveness_ratio,2))+\"%\")])]),_c('div',{staticClass:\"h-2 mb-1 flex flex-row justify-center\"},[_c('div',{staticClass:\"h-2px w-full rounded-full bg-body overflow-hidden relative\"},[_c('div',{staticClass:\"h-full absolute bg-danger top-0 left-0\",style:('width:' + _vm.data.effectiveness_ratio + '%')})])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\r\n    <div class=\"h-auto rounded-lg bg-filters p-2 mb-2\">\r\n\r\n        <div class=\"h-5 flex flex-row justify-start items-center\">\r\n            <div class=\"h-full w-1 rounded-full bg-purple mr-2\" :style=\"'background-color:' + legendColors[data.id].color + ';'\"></div>\r\n            <span class=\"text-white font-semibold text-xs\">{{ data.name }}</span>\r\n            <div class=\"h-6 w-6 rounded-md flex flex-col justify-center items-center cursor-pointer ml-auto\" :class=\"getOpacity(data.id)\" @click=\"toggleSlSelectedItems(data.id)\">\r\n                <i class=\"mdi mdi-ray-start-arrow text-xs\"></i>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"h-8 mt-1 flex flex-col\">\r\n            <div class=\"flex-1 flex flex-row justify-start items-center\">\r\n                <span class=\"text-3xs text-font-gray font-semibold mr-1\">Sales</span>\r\n                <span class=\"text-xxs text-white font-semibold mr-auto\">{{ data.total_sales | reduceBigNumbers(2) }}€</span>\r\n                <span class=\"text-3xs text-font-gray mr-1\">vs Obj</span>\r\n                <span class=\"text-3xs text-font-gray font-semibold mr-auto\"\r\n                      :class=\"successOrDangerClass(data.objective_sale,100)\"\r\n                ><span v-if=\"data.objective_sale>0\">+</span>{{ data.objective_sale | reduceBigNumbers(2) }}<span v-if=\" isNotNaAndTbd(data.objective_sale)\">%</span></span>\r\n                <span class=\"text-3xs text-font-gray mr-1\">VsAvg (SL)</span>\r\n                <span class=\"text-3xs font-semibold\"><span v-if=\" data.avg_sale>0\">+</span>{{ data.avg_sale | reduceBigNumbers(2) }} <span v-if=\"isNotNaAndTbd(data.avg_sale)\">ptos.</span></span>\r\n            </div>\r\n            <div class=\"h-2 mb-1 flex flex-row justify-center\">\r\n                <div class=\"h-2px w-full rounded-full bg-body overflow-hidden relative\">\r\n                  <div class=\"h-full absolute bg-blue z-10 top-0 left-0\"\r\n                       :style=\"barWidth(data.objective_sale)\"></div>\r\n                  <div class=\"h-full bg-success absolute top-0 left-0\"\r\n                       :style=\"barWidth(data.avg_sale)\"></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"h-8 mt-1 flex flex-col\">\r\n            <div class=\"flex-1 flex flex-row justify-start items-center\">\r\n                <span class=\"text-3xs text-font-gray font-semibold mr-1\">Sales Estimated</span>\r\n                <span class=\"text-xxs text-white font-semibold mr-auto\">{{ data.estimated_sales | reduceBigNumbers(2) }}€</span>\r\n                <span class=\"text-3xs text-font-gray mr-1\">vs Obj</span>\r\n                <span class=\"text-3xs text-font-gray font-semibold\"><span v-if=\"data.objective_estimated_sales>0\"></span>{{ data.objective_estimated_sales | reduceBigNumbers(2) }}<span v-if=\"isNotNaAndTbd(data.objective_sale)\">%</span></span>\r\n            </div>\r\n            <div class=\"h-2 mb-1 flex flex-row justify-center\">\r\n                <div class=\"h-2px w-full rounded-full bg-body overflow-hidden relative\">\r\n                    <div class=\"h-full  absolute bg-warning top-0 left-0\"\r\n                         :style=\"barWidth(data.objective_estimated_sales)\"></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"h-8 mt-1 flex flex-col\">\r\n            <div class=\"flex-1 flex flex-row justify-start items-center\">\r\n                <span class=\"text-3xs text-font-gray font-semibold mr-auto\">Effectiveness ratio</span>\r\n                <span class=\"text-xxs text-white font-semibold\">{{ data.effectiveness_ratio | reduceBigNumbers(2) }}%</span>\r\n            </div>\r\n            <div class=\"h-2 mb-1 flex flex-row justify-center\">\r\n                <div class=\"h-2px w-full rounded-full bg-body overflow-hidden relative\">\r\n                    <div class=\"h-full absolute bg-danger top-0 left-0\"\r\n                         :style=\"'width:' + data.effectiveness_ratio + '%'\"></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport { state,actions } from '@/store';\r\n\r\nexport default {\r\n    name: 'PipelineSl',\r\n    props: ['data'],\r\n    data() {\r\n        return { }\r\n    },\r\n    computed: {\r\n        legendColors() { return state.slLegendColors },\r\n        slSelectedItems(){\r\n            return state.slSelectedItems\r\n        }\r\n    },\r\n    methods:{\r\n        getOpacity(k) {\r\n\r\n                if (this.slSelectedItems.includes(k)) {\r\n                return 'bg-aux-15 text-aux'\r\n            } else {\r\n                return 'bg-font-gray-15 text-font-gray'\r\n            }\r\n\r\n        },\r\n        barWidth(val){\r\n          if (this.isNotNaAndTbd(val)===false){\r\n            return 'width:100%';\r\n          }\r\n          return  'width:' + val + '%';\r\n        },\r\n        toggleSlSelectedItems(item) {\r\n\r\n\r\n            if(!this.slSelectedItems.includes(item)){\r\n                actions.toggleSlSelectedItems(item)\r\n                this.$emit('nextPage')\r\n            } else {\r\n                actions.toggleSlSelectedItems(item)\r\n            }\r\n        }\r\n    },\r\n    mounted() {\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!./PipelineSl.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!./PipelineSl.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PipelineSl.vue?vue&type=template&id=46e2e647&\"\nimport script from \"./PipelineSl.vue?vue&type=script&lang=js&\"\nexport * from \"./PipelineSl.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"],"sourceRoot":""}