{"version":3,"sources":["webpack:///./src/components/Mobile/Pipeline/PipelineCircle/PipelineByPercentage/SliderPercentage.vue","webpack:///src/components/Mobile/Pipeline/PipelineCircle/PipelineByPercentage/SliderPercentage.vue","webpack:///./src/components/Mobile/Pipeline/PipelineCircle/PipelineByPercentage/SliderPercentage.vue?6dd2","webpack:///./src/components/Mobile/Pipeline/PipelineCircle/PipelineByPercentage/SliderPercentage.vue?0590"],"names":["render","_vm","this","_c","_self","staticClass","class","percentage","attrs","sectosChartData","_v","_s","_f","sectorPercentage","total","oportunity","sales","_l","value","key","index","legendColors","_e","staticRenderFns","ChartPie","Sector","name","components","props","computed","data","i","push","y","color","catColors","$legendColorsBySector","Object","keys","methods","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,eAAe,CAACE,YAAY,+BAA+B,CAACF,EAAG,MAAM,CAACE,YAAY,8FAA8F,CAACF,EAAG,MAAM,CAACE,YAAY,eAAeC,MAAM,CAAC,UAA6B,IAAlBL,EAAIM,WAAkB,SAA4B,IAAlBN,EAAIM,cAAoBJ,EAAG,MAAM,CAACE,YAAY,eAAeC,MAAM,CAAC,aAAgC,IAAlBL,EAAIM,WAAkB,SAA4B,IAAlBN,EAAIM,cAAoBJ,EAAG,MAAM,CAACE,YAAY,eAAeC,MAAM,CAAC,aAAgC,IAAlBL,EAAIM,WAAkB,SAA4B,IAAlBN,EAAIM,cAAoBJ,EAAG,MAAM,CAACE,YAAY,eAAeC,MAAM,CAAC,YAA+B,KAAlBL,EAAIM,WAAmB,SAA4B,KAAlBN,EAAIM,gBAAuBJ,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,YAAY,CAACK,MAAM,CAAC,KAAOP,EAAIQ,gBAAgB,QAAU,YAAY,CAACN,EAAG,MAAM,CAACE,YAAY,6CAA6C,CAACF,EAAG,OAAO,CAACE,YAAY,oCAAoC,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,GAAG,eAAPX,CAAuBA,EAAIY,iBAAiBC,MAAMC,WAAW,OAAOZ,EAAG,OAAO,CAACE,YAAY,gCAAgC,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,GAAG,mBAAPX,CAA2BA,EAAIY,iBAAiBC,MAAME,MAAM,IAAI,aAAa,GAAGb,EAAG,MAAM,CAACE,YAAY,yDAAyDJ,EAAIgB,GAAIhB,EAAIY,kBAAkB,SAASK,EAAMC,EAAIC,GAAO,MAAgB,UAARD,EAAiBhB,EAAG,MAAM,CAACgB,IAAIC,GAAO,CAACjB,EAAG,SAAS,CAACE,YAAY,OAAOG,MAAM,CAAC,OAASU,EAAM,KAAOC,EAAI,MAAQlB,EAAIoB,aAAaF,OAAS,GAAGlB,EAAIqB,QAAO,QAE9+CC,EAAkB,GCuCtBC,G,kDAAA,oEACAC,EAAA,mEAEA,GACAC,KAAA,mBACAC,WAAA,CACAF,SACAD,YAEAI,MAAA,kCACAC,SAAA,CACApB,gBAAA,WACA,IAAAqB,EAAA,GACAC,EAAA,EACA,QAAAZ,KAAA,KAAAN,iBACA,UAAAM,IACAW,EAAAE,KAAA,CACAN,KAAAP,EACAc,EAAA,KAAApB,iBAAAM,GAAAH,MACAkB,MAAA,KAAAC,UAAAJ,KAEAA,KAGA,OAAAD,GAEAT,aAAA,uBAAAe,sBAAAC,OAAAC,KAAA,KAAAzB,qBAEA0B,QAAA,CACAL,MAAA,SAAA3B,GAEA,OAAAA,GACA,QACA,aAEA,QACA,gBAEA,QACA,gBAEA,SACA,mBCnFsZ,I,YCOlZiC,EAAY,eACd,EACAxC,EACAuB,GACA,EACA,KACA,KACA,MAIa,aAAAiB,E","file":"js/chunk-2d230104.40fe0569.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('swiper-slide',{staticClass:\"h-full flex flex-col w-full\"},[_c('div',{staticClass:\"h-1 bg-green flex flex-row justify-start items-center rounded-full overflow-hidden mb-auto\"},[_c('div',{staticClass:\"h-full w-1/4\",class:{'bg-good': _vm.percentage == 25, 'bg-box': _vm.percentage != 25}}),_c('div',{staticClass:\"h-full w-1/4\",class:{'bg-success': _vm.percentage == 50, 'bg-box': _vm.percentage != 50}}),_c('div',{staticClass:\"h-full w-1/4\",class:{'bg-warning': _vm.percentage == 75, 'bg-box': _vm.percentage != 75}}),_c('div',{staticClass:\"h-full w-1/4\",class:{'bg-danger': _vm.percentage == 100, 'bg-box': _vm.percentage != 100}})]),_c('div',{staticClass:\"h-32 flex flex-row\"},[_c('div',{staticClass:\"h-32 w-32 flex-none\"},[_c('chart-pie',{attrs:{\"data\":_vm.sectosChartData,\"chartId\":'chartId'}},[_c('div',{staticClass:\"flex flex-col justify-center items-center\"},[_c('span',{staticClass:\"text-xs font-semibold text-white\"},[_vm._v(_vm._s(_vm._f(\"numberFormat\")(_vm.sectorPercentage.total.oportunity,0)))]),_c('span',{staticClass:\"text-font-gray text-xxs mt-2\"},[_vm._v(_vm._s(_vm._f(\"reduceBigNumbers\")(_vm.sectorPercentage.total.sales,2))+\" €\")])])])],1),_c('div',{staticClass:\"h-44 w-full overflow-auto flex flex-col justify-start\"},_vm._l((_vm.sectorPercentage),function(value,key,index){return (key !== 'total')?_c('div',{key:index},[_c('Sector',{staticClass:\"mt-2\",attrs:{\"sector\":value,\"name\":key,\"color\":_vm.legendColors[key]}})],1):_vm._e()}),0)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <swiper-slide class=\"h-full flex flex-col w-full\">\r\n\r\n        <div class=\"h-1 bg-green flex flex-row justify-start items-center rounded-full overflow-hidden mb-auto\">\r\n\r\n            <!-- <div class=\"h-1 w-10/12 rounded-full overflow-hidden bg-body\">\r\n                <div class=\"h-full rounded-full\" :class=\"'bg-' + color(percentage)\"\r\n                     :style=\"'width:' + percentage + '%'\">\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"h-full flex-1 flex flex-col justify-center items-center\">\r\n                <span class=\"text-xs font-semibold\" :class=\"'text-'+color(percentage)\">{{ percentage }}%</span>\r\n            </div> -->\r\n\r\n            <div class=\"h-full w-1/4\" :class=\"{'bg-good': percentage == 25, 'bg-box': percentage != 25}\"></div>\r\n            <div class=\"h-full w-1/4\" :class=\"{'bg-success': percentage == 50, 'bg-box': percentage != 50}\"></div>\r\n            <div class=\"h-full w-1/4\" :class=\"{'bg-warning': percentage == 75, 'bg-box': percentage != 75}\"></div>\r\n            <div class=\"h-full w-1/4\" :class=\"{'bg-danger': percentage == 100, 'bg-box': percentage != 100}\"></div>\r\n\r\n        </div>\r\n\r\n        <div class=\"h-32 flex flex-row\">\r\n            <div class=\"h-32 w-32 flex-none\">\r\n                <chart-pie :data=\"sectosChartData\" :chartId=\"'chartId'\">\r\n                    <div class=\" flex flex-col justify-center items-center\">\r\n                        <span class=\"text-xs font-semibold text-white\">{{ sectorPercentage.total.oportunity | numberFormat(0) }}</span>\r\n                        <span class=\"text-font-gray text-xxs mt-2\">{{ sectorPercentage.total.sales | reduceBigNumbers(2) }} €</span>\r\n                    </div>\r\n                </chart-pie>\r\n            </div>\r\n            <div class=\"h-44 w-full overflow-auto flex flex-col justify-start\">\r\n                <div v-for=\"(value, key, index) in sectorPercentage\" :key=\"index\" v-if=\"key !== 'total'\">\r\n                    <Sector :sector=\"value\" :name=\"key\" :color=\"legendColors[key]\" class=\"mt-2\"/>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </swiper-slide>\r\n</template>\r\n\r\n<script>\r\n    const ChartPie = () => import(\"@/charts/ChartPie\")\r\n    const Sector = () => import(\"@/components/Mobile/Pipeline/Sector\");\r\n\r\n    export default {\r\n        name: \"SliderPercentage\",\r\n        components: {\r\n            Sector,\r\n            ChartPie\r\n        },\r\n        props: ['sectorPercentage', 'percentage'],\r\n        computed: {\r\n            sectosChartData() {\r\n                let data = []\r\n                let i = 0\r\n                for (let key in this.sectorPercentage) {\r\n                    if (key !== 'total') {\r\n                        data.push({\r\n                            name: key,\r\n                            y: this.sectorPercentage[key].sales,\r\n                            color: this.catColors[i]\r\n                        })\r\n                        i++\r\n                    }\r\n                }\r\n                return data\r\n            },\r\n            legendColors() { return this.$legendColorsBySector(Object.keys(this.sectorPercentage)) }\r\n        },\r\n        methods:{\r\n            color(percentage){\r\n\r\n                switch (percentage) {\r\n                    case 25:\r\n                        return 'good'\r\n                        break;\r\n                    case 50:\r\n                        return 'success'\r\n                        break;\r\n                    case 75:\r\n                        return 'warning'\r\n                        break;\r\n                    case 100:\r\n                        return 'danger'\r\n                        break;\r\n                }\r\n\r\n            }\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!./SliderPercentage.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!./SliderPercentage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SliderPercentage.vue?vue&type=template&id=461fedc3&\"\nimport script from \"./SliderPercentage.vue?vue&type=script&lang=js&\"\nexport * from \"./SliderPercentage.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":""}