{"version":3,"sources":["webpack:///static-appopensalud/js/116.6db3b517131610c52aa2.js","webpack:///./src/components/charts/ColumnChart.vue","webpack:///src/components/charts/ColumnChart.vue","webpack:///./src/components/charts/ColumnChart.vue?f5f1"],"names":["webpackJsonp","2613","module","__webpack_exports__","__webpack_require__","normalizeComponent","Component","options","__file","2854","__WEBPACK_IMPORTED_MODULE_0_highcharts_vue__","__WEBPACK_IMPORTED_MODULE_1__constants_colours_js__","n","__WEBPACK_IMPORTED_MODULE_2__helpers_date_helpers__","__WEBPACK_IMPORTED_MODULE_3__constants_patientServices__","__WEBPACK_IMPORTED_MODULE_4__mixins_selfEvaluationTest_mixin__","mixins","components","props","lastYearResults","type","Array","required","testName","String","customChart","Object","percentages","Boolean","default","computed","chartOptions","_this","this","months","push","name","month","y","date","day","color","chart","backgroundColor","height","$uiHelpers","isMobile","isTablet","width","result","length","title","text","credits","enabled","tooltip","formatter","xAxis","categories","labels","value","yAxis","tickInterval","max","gridLineWidth","gridLineColor","series","data","plotOptions","column","borderWidth","showInLegend","pointWidth","3011","render","_vm","_h","$createElement","_self","_c","attrs","staticRenderFns","_withStripped","esExports"],"mappings":"AAAAA,cAAc,MAERC,KACA,SAAUC,EAAQC,EAAqBC,GAE7C,YCLA,0EACIC,EAAqB,EAAQ,GAc7BC,EAAYD,EACd,IACA,KATgC,EAEb,KAEC,KAEU,KAShCC,GAAUC,QAAQC,OAAS,wCAkBZ,UAAAF,EAAiB,SDe1BG,KACA,SAAUP,EAAQC,EAAqBC,GAE7C,YACqB,IAAIM,GAA+CN,EAAoB,MAEnEO,GADuDP,EAAoBQ,EAAEF,GACvBN,EAAoB,KAC1ES,EAAsDT,EAAoB,KAC1EU,EAA2DV,EAAoB,KAC/EW,EAAiEX,EAAoB,KEtD9G,MACIY,QAAS,EAAb,GACIC,YACI,WAAc,EAAtB,OAEIC,OACIC,iBACIC,KAAMC,MACNC,UAAU,GAEdC,UACIH,KAAMI,OACNF,UAAU,GAEdG,aACIL,KAAMM,OACNJ,UAAU,GAEdK,aACIP,KAAMQ,QACNC,SAAS,IAGjBC,UACIC,aADR,WACA,WACgBC,EAAQC,KACRC,KAGhB,uCACgB,GAAhB,oBACA,wCAEgB,OADAA,GAAOC,KAAK,OAA5B,UAEoBC,KAAMC,EACNC,EAAG,EAAvB,yCACoBC,KAAMC,EACNC,MAAO,EAA3B,gLAIY,QACIC,OACItB,KAAM,SACNuB,gBAAiB,EAArC,EACoBC,OAAQX,KAAKY,WAAWC,SAAW,MAAQb,KAAKY,WAAWE,SAAW,MAAQ,MAC9EC,MAAOf,KAAKY,WAAWC,UAAYb,KAAKY,WAAWE,SAAW,KAAOE,EAAOC,QAAU,EAAoB,IAAhBD,EAAOC,OAAeD,EAAOC,QAAU,EAAoB,IAAhBD,EAAOC,OAAe,MAE/JC,OACIC,KAAM,IAEVC,SACIC,SAAS,GAEbC,QAAStB,KAAKR,aAAeQ,KAAKR,YAAY8B,QAAUtB,KAAKR,YAAY8B,SACrEC,UAAW,WACP,MAAO,MAA/B,6HACA,WADA,QACA,aADA,UAIgBC,OACIrC,KAAM,WACNsC,WAAYxB,EAIZyB,QACIH,UAAW,WACP,MAAOvB,MAAK2B,QAAU,OAAlD,4FAIgBC,MAAO5B,KAAKR,aAAeQ,KAAKR,YAAYoC,MAAQ5B,KAAKR,YAAYoC,OACjEV,MAAO,KACPW,aAAc,GACdC,IAAK,IACLC,cAAe,GACfC,cAAe,EAAnC,GAEgBC,SACIC,KAAMlB,IAEVmB,aACIC,QACIC,YAAa,EACbC,cAAc,EACdC,WAAYvC,KAAKY,WAAWC,SAAW,GAAKb,KAAKY,WAAWE,SAAW,GAAK,UFuF9F0B,KACA,SAAUvE,EAAQC,EAAqBC,GAE7C,YG3LA,IAAIsE,GAAS,WACX,GAAIC,GAAM1C,KACN2C,EAAKD,EAAIE,cAEb,QADSF,EAAIG,MAAMC,IAAMH,GACf,cAAgBI,OAASzE,QAASoE,EAAI5C,iBAE9CkD,IACJP,GAAOQ,eAAgB,CACvB,IAAIC,IAAcT,OAAQA,EAAQO,gBAAiBA,EACpC","file":"static-appopensalud/js/116.6db3b517131610c52aa2.js","sourcesContent":["webpackJsonp([116],{\n\n/***/ 2613:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_ColumnChart_vue__ = __webpack_require__(2854);\n/* empty harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1b1b0a5e_hasScoped_false_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_ColumnChart_vue__ = __webpack_require__(3011);\nvar disposed = false\nvar normalizeComponent = __webpack_require__(6)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_ColumnChart_vue__[\"a\" /* default */],\n  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1b1b0a5e_hasScoped_false_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_ColumnChart_vue__[\"a\" /* default */],\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/charts/ColumnChart.vue\"\n\n/* hot reload */\nif (false) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-1b1b0a5e\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-1b1b0a5e\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Component.exports);\n\n\n/***/ }),\n\n/***/ 2854:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_highcharts_vue__ = __webpack_require__(2428);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_highcharts_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_highcharts_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants_colours_js__ = __webpack_require__(47);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__helpers_date_helpers__ = __webpack_require__(276);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants_patientServices__ = __webpack_require__(494);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__mixins_selfEvaluationTest_mixin__ = __webpack_require__(2427);\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n    mixins: [__WEBPACK_IMPORTED_MODULE_4__mixins_selfEvaluationTest_mixin__[\"a\" /* default */]],\n    components: {\n        'highcharts': __WEBPACK_IMPORTED_MODULE_0_highcharts_vue__[\"Chart\"]\n    },\n    props: {\n        lastYearResults: {\n            type: Array,\n            required: true\n        },\n        testName: {\n            type: String,\n            required: true\n        },\n        customChart: {\n            type: Object,\n            required: false\n        },\n        percentages: {\n            type: Boolean,\n            default: false\n        }\n    },\n    computed: {\n        chartOptions: function chartOptions() {\n            var _this2 = this;\n\n            var _this = this;\n            var months = [];\n            // si se quisiese añadir los meses intermedios que no se rellenan sólo habría que eliminar la lista months y en lugar de (name: month) poner (x: month) En el xAxis recuperar el type datetime con el tickInterval\n\n            var result = this.lastYearResults.map(function (item) {\n                var day = new Date(item.date);\n                var month = Date.UTC(day.getFullYear(), day.getMonth());\n                months.push(Object(__WEBPACK_IMPORTED_MODULE_2__helpers_date_helpers__[\"c\" /* formatDateByMonth */])(day));\n                return {\n                    name: month,\n                    y: _this2.percentages ? item.percentage : item.generalResult,\n                    date: day,\n                    color: _this2.testName === _this2.$t('tests.mediterranean-diet.title') ? item.generalResult >= 8 ? __WEBPACK_IMPORTED_MODULE_1__constants_colours_js__[\"g\" /* GREEN_COLOUR */] : __WEBPACK_IMPORTED_MODULE_1__constants_colours_js__[\"i\" /* RED_COLOUR */] : _this2.testName === _this2.$t('tests.physical-activity.title') ? _this2.testResultsInfo(__WEBPACK_IMPORTED_MODULE_3__constants_patientServices__[\"q\" /* TEST_PHYSICAL_ACTIVITY */], item.percentage).color : __WEBPACK_IMPORTED_MODULE_1__constants_colours_js__[\"c\" /* BLUE_COLOUR */]\n                };\n            });\n\n            return {\n                chart: {\n                    type: 'column',\n                    backgroundColor: __WEBPACK_IMPORTED_MODULE_1__constants_colours_js__[\"a\" /* BACKGROUND_COLOUR */],\n                    height: this.$uiHelpers.isMobile ? '50%' : this.$uiHelpers.isTablet ? '35%' : '200',\n                    width: this.$uiHelpers.isMobile || this.$uiHelpers.isTablet ? null : result.length <= 3 ? result.length * 180 : result.length <= 6 ? result.length * 140 : null\n                },\n                title: {\n                    text: ''\n                },\n                credits: {\n                    enabled: false\n                },\n                tooltip: this.customChart && this.customChart.tooltip ? this.customChart.tooltip : {\n                    formatter: function formatter() {\n                        return '<b>' + Object(__WEBPACK_IMPORTED_MODULE_2__helpers_date_helpers__[\"d\" /* formatDateByMonthLong */])(this.point.date).replace(/^\\w/, function (c) {\n                            return c.toUpperCase();\n                        }) + '</b><br>\\n                                ' + _this.testName + ': <b>' + this.point.y + '%</b>';\n                    }\n                },\n                xAxis: {\n                    type: 'category',\n                    categories: months,\n                    // type: 'datetime',\n                    // tickInterval: 31 * 24 * 3600 * 1000,\n                    // tickLength: 0,\n                    labels: {\n                        formatter: function formatter() {\n                            return this.value === Object(__WEBPACK_IMPORTED_MODULE_2__helpers_date_helpers__[\"c\" /* formatDateByMonth */])(new Date()) ? '<span style=\"color: ' + __WEBPACK_IMPORTED_MODULE_1__constants_colours_js__[\"c\" /* BLUE_COLOUR */] + ';\"><b> ' + this.value + ' </b></span>' : this.value;\n                        }\n                    }\n                },\n                yAxis: this.customChart && this.customChart.yAxis ? this.customChart.yAxis : {\n                    title: null,\n                    tickInterval: 25,\n                    max: 100,\n                    gridLineWidth: 0.4,\n                    gridLineColor: __WEBPACK_IMPORTED_MODULE_1__constants_colours_js__[\"f\" /* GRAY_COLOUR */]\n                },\n                series: [{\n                    data: result\n                }],\n                plotOptions: {\n                    column: {\n                        borderWidth: 0,\n                        showInLegend: false,\n                        pointWidth: this.$uiHelpers.isMobile ? 10 : this.$uiHelpers.isTablet ? 20 : 50\n                        // cursor: 'pointer',\n                        // point: {\n                        //     events: {\n                        //         click: function () {\n                        //             _this.$store.commit('tests/setDBResult', _this.$store.state.tests.previousTestResults[1])\n                        //         }\n                        //     }\n                        // }\n                    }\n                }\n            };\n        }\n    }\n});\n\n/***/ }),\n\n/***/ 3011:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"highcharts\", { attrs: { options: _vm.chartOptions } })\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\nif (false) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-1b1b0a5e\", esExports)\n  }\n}\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static-appopensalud/js/116.6db3b517131610c52aa2.js","var disposed = false\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./ColumnChart.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./ColumnChart.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-1b1b0a5e\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./ColumnChart.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/charts/ColumnChart.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-1b1b0a5e\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-1b1b0a5e\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/charts/ColumnChart.vue\n// module id = 2613\n// module chunks = 111 116","<template>\r\n    <highcharts :options=\"chartOptions\"></highcharts>\r\n</template>\r\n\r\n<script>\r\nimport { Chart } from 'highcharts-vue'\r\nimport { BLUE_COLOUR, GRAY_COLOUR, BACKGROUND_COLOUR, GREEN_COLOUR, RED_COLOUR } from '@/constants/colours.js'\r\nimport { formatDateByMonthLong, formatDateByMonth } from '@/helpers/date.helpers'\r\nimport { TEST_PHYSICAL_ACTIVITY } from '@/constants/patientServices'\r\nimport selfEvaluationTestMixin from '@/mixins/selfEvaluationTest.mixin'\r\n\r\nexport default {\r\n    mixins: [selfEvaluationTestMixin],\r\n    components: {\r\n        'highcharts': Chart\r\n    },\r\n    props: {\r\n        lastYearResults: {\r\n            type: Array,\r\n            required: true\r\n        },\r\n        testName: {\r\n            type: String,\r\n            required: true\r\n        },\r\n        customChart: {\r\n            type: Object,\r\n            required: false\r\n        },\r\n        percentages: {\r\n            type: Boolean,\r\n            default: false\r\n        }\r\n    },\r\n    computed: {\r\n        chartOptions () {\r\n            var _this = this\r\n            var months = []\r\n            // si se quisiese añadir los meses intermedios que no se rellenan sólo habría que eliminar la lista months y en lugar de (name: month) poner (x: month) En el xAxis recuperar el type datetime con el tickInterval\r\n\r\n            const result = this.lastYearResults.map((item) => {\r\n                const day = new Date(item.date)\r\n                const month = Date.UTC(day.getFullYear(), day.getMonth())\r\n                months.push(formatDateByMonth(day))\r\n                return {\r\n                    name: month,\r\n                    y: this.percentages ? item.percentage : item.generalResult,\r\n                    date: day,\r\n                    color: this.testName === this.$t('tests.mediterranean-diet.title') ? item.generalResult >= 8 ? GREEN_COLOUR : RED_COLOUR : this.testName === this.$t('tests.physical-activity.title') ? this.testResultsInfo(TEST_PHYSICAL_ACTIVITY, item.percentage).color : BLUE_COLOUR\r\n                }\r\n            })\r\n\r\n            return {\r\n                chart: {\r\n                    type: 'column',\r\n                    backgroundColor: BACKGROUND_COLOUR,\r\n                    height: this.$uiHelpers.isMobile ? '50%' : this.$uiHelpers.isTablet ? '35%' : '200',\r\n                    width: this.$uiHelpers.isMobile || this.$uiHelpers.isTablet ? null : result.length <= 3 ? result.length * 180 : result.length <= 6 ? result.length * 140 : null\r\n                },\r\n                title: {\r\n                    text: ''\r\n                },\r\n                credits: {\r\n                    enabled: false\r\n                },\r\n                tooltip: this.customChart && this.customChart.tooltip ? this.customChart.tooltip : {\r\n                    formatter: function () {\r\n                        return `<b>${formatDateByMonthLong(this.point.date).replace(/^\\w/, c => c.toUpperCase())}</b><br>\r\n                                ${_this.testName}: <b>${this.point.y}%</b>`\r\n                    }\r\n                },\r\n                xAxis: {\r\n                    type: 'category',\r\n                    categories: months,\r\n                    // type: 'datetime',\r\n                    // tickInterval: 31 * 24 * 3600 * 1000,\r\n                    // tickLength: 0,\r\n                    labels: {\r\n                        formatter: function () {\r\n                            return this.value === formatDateByMonth(new Date()) ? `<span style=\"color: ${BLUE_COLOUR};\"><b> ${this.value} </b></span>` : this.value\r\n                        }\r\n                    }\r\n                },\r\n                yAxis: this.customChart && this.customChart.yAxis ? this.customChart.yAxis : {\r\n                    title: null,\r\n                    tickInterval: 25,\r\n                    max: 100,\r\n                    gridLineWidth: 0.4,\r\n                    gridLineColor: GRAY_COLOUR\r\n                },\r\n                series: [{\r\n                    data: result\r\n                }],\r\n                plotOptions: {\r\n                    column: {\r\n                        borderWidth: 0,\r\n                        showInLegend: false,\r\n                        pointWidth: this.$uiHelpers.isMobile ? 10 : this.$uiHelpers.isTablet ? 20 : 50\r\n                        // cursor: 'pointer',\r\n                        // point: {\r\n                        //     events: {\r\n                        //         click: function () {\r\n                        //             _this.$store.commit('tests/setDBResult', _this.$store.state.tests.previousTestResults[1])\r\n                        //         }\r\n                        //     }\r\n                        // }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\n\n\n// WEBPACK FOOTER //\n// src/components/charts/ColumnChart.vue","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"highcharts\", { attrs: { options: _vm.chartOptions } })\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-1b1b0a5e\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-1b1b0a5e\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/charts/ColumnChart.vue\n// module id = 3011\n// module chunks = 111 116"],"sourceRoot":""}