{"version":3,"sources":["webpack:///./src/pages/energy_data/electricity_data/ElecMonthlyEndexData.vue","webpack:///./src/pages/energy_data/electricity_data/ElecMonthlyEndexData.vue?9ab7"],"names":["class","scope","chartData","ChartData","chartOptions","styles","chartStyles","$tc","ElecMonthlyEndexData","monthly_data","key","month","$filters","getHumanPrice","year_1","year_2","year_3","components","LineChart","created","this","$store","dispatch","data","height","animation","duration","responsive","maintainAspectRatio","legend","display","tooltips","titleFontSize","bodyFontSize","scales","xAxes","gridLines","ticks","fontSize","yAxes","beginAtZero","callback","value","computed","labels","getters","electricity_labels","datasets","label","fill","backgroundColor","pointRadius","borderWidth","borderColor","electricity_values_y1","electricity_values_y2","electricity_values_y3","table_data","__exports__","render"],"mappings":"0IACaA,MAAM,S,GACNA,MAAM,Q,GACJA,MAAM,mC,GAGGC,MAAM,MAAMD,MAAM,yD,GAClBC,MAAM,MAAMD,MAAM,yD,GAClBC,MAAM,MAAMD,MAAM,yD,GAClBC,MAAM,MAAMD,MAAM,yD,GAKlBA,MAAM,qD,GACNA,MAAM,qD,GACNA,MAAM,qD,GACNA,MAAM,qD,6JAhB1B,gCAAwH,UAAxH,EAAwH,CAAjG,yBAAuF,GAA3EE,UAAW,EAAAC,UAAYC,aAAc,EAAAA,aAAeC,OAAQ,EAAAC,a,gDAC/F,gCAmBU,UAnBV,EAmBU,CAlBN,gCAiBQ,QAjBR,EAiBQ,CAhBJ,gCAOQ,cANJ,gCAKK,WAJD,gCAAyG,KAAzG,EAAyG,6BAAxB,EAAAC,IAAG,gBACpF,gCAAyG,KAAzG,EAAyG,6BAAxB,EAAAA,IAAG,gBACpF,gCAAyG,KAAzG,EAAyG,6BAAxB,EAAAA,IAAG,gBACpF,gCAAyG,KAAzG,EAAyG,6BAAxB,EAAAA,IAAG,oBAG5F,gCAOQ,e,2BANJ,gCAKK,2CALsB,EAAAC,sBAAoB,SAApCC,G,gCAAX,gCAKK,MAL6CC,IAAKD,GAAY,CAC/D,gCAA2F,KAA3F,EAA2F,6BAA1BA,EAAaE,OAAK,GACnF,gCAAuH,KAAvH,EAAuH,6BAAtD,EAAAC,SAASC,cAAcJ,EAAaK,OAAM,OAC3G,gCAAuH,KAAvH,EAAuH,6BAAtD,EAAAF,SAASC,cAAcJ,EAAaM,OAAM,OAC3G,gCAAuH,KAAvH,EAAuH,6BAAtD,EAAAH,SAASC,cAAcJ,EAAaO,OAAM,Y,iCAU5G,GACXC,WAAY,CACRC,YAAA,MAEJC,QAJW,WAKPC,KAAKC,OAAOC,SAAS,0CAEzBC,KAPW,WAQP,MAAO,CACHjB,YAAa,CACTkB,OAAQ,SAEZpB,aAAc,CACVqB,UAAW,CAAEC,SAAU,GACvBC,YAAY,EACZC,qBAAqB,EACrBC,OAAQ,CACJC,SAAS,GAEbC,SAAU,CACNC,cAAe,GACfC,aAAc,IAElBC,OAAQ,CACJC,MAAO,CAAC,CAAEC,UAAW,CAAEN,SAAS,GAASO,MAAO,CAAEC,SAAU,KAC5DC,MAAO,CACH,CACIF,MAAO,CACHG,aAAa,EACbC,SAAU,SAAUC,GAChB,MAAO,KAAYA,UASnDC,SAAU,CACNxC,UADM,WAEF,MAAO,CACHyC,OAAQxB,KAAKC,OAAOwB,QAAQ,8CAA8CC,mBAC1EC,SAAU,CACN,CACIC,MAAO,UACPC,MAAM,EACNC,gBAAiB,2BACjBC,YAAa,EACbC,YAAa,EACbC,YAAa,UACb9B,KAAMH,KAAKC,OAAOwB,QAAQ,8CAA8CS,uBAE5E,CACIN,MAAO,UACPC,MAAM,EACNC,gBAAiB,2BACjBC,YAAa,EACbC,YAAa,EACbC,YAAa,UACb9B,KAAMH,KAAKC,OAAOwB,QAAQ,8CAA8CU,uBAE5E,CACIP,MAAO,UACPC,MAAM,EACNC,gBAAiB,2BACjBC,YAAa,EACbC,YAAa,EACbC,YAAa,UACb9B,KAAMH,KAAKC,OAAOwB,QAAQ,8CAA8CW,0BAKxFhD,qBAnCM,WAoCF,OAAOY,KAAKC,OAAOwB,QAAQ,8CAA8CY,c,qBCjGzF,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/chunk-2d208e0f.60c762ab.js","sourcesContent":["<template>\n    <section class=\"mt-10\"><LineChart :chartData=\"ChartData\" :chartOptions=\"chartOptions\" :styles=\"chartStyles\" /></section>\n    <section class=\"mt-5\">\n        <table class=\"divide-y divide-fibonaki-border\">\n            <thead>\n                <tr>\n                    <th scope=\"col\" class=\"px-4 py-1 text-left text-sm font-medium text-gray-900\">{{ $tc('period', 1) }}</th>\n                    <th scope=\"col\" class=\"px-4 py-1 text-left text-sm font-medium text-gray-900\">{{ $tc('year_1', 1) }}</th>\n                    <th scope=\"col\" class=\"px-4 py-1 text-left text-sm font-medium text-gray-900\">{{ $tc('year_2', 1) }}</th>\n                    <th scope=\"col\" class=\"px-4 py-1 text-left text-sm font-medium text-gray-900\">{{ $tc('year_3', 1) }}</th>\n                </tr>\n            </thead>\n            <tbody>\n                <tr v-for=\"monthly_data in ElecMonthlyEndexData\" :key=\"monthly_data\">\n                    <td class=\"px-4 py-2 whitespace-nowrap text-sm text-gray-500\">{{ monthly_data.month }}</td>\n                    <td class=\"px-4 py-2 whitespace-nowrap text-sm text-gray-500\">{{ $filters.getHumanPrice(monthly_data.year_1, 2) }}</td>\n                    <td class=\"px-4 py-2 whitespace-nowrap text-sm text-gray-500\">{{ $filters.getHumanPrice(monthly_data.year_2, 2) }}</td>\n                    <td class=\"px-4 py-2 whitespace-nowrap text-sm text-gray-500\">{{ $filters.getHumanPrice(monthly_data.year_3, 2) }}</td>\n                </tr>\n            </tbody>\n        </table>\n    </section>\n</template>\n\n<script>\n    import LineChart from '@/components/chart/LineChart';\n\n    export default {\n        components: {\n            LineChart,\n        },\n        created() {\n            this.$store.dispatch('energy_data/fetchElecMonthlyEndexData');\n        },\n        data() {\n            return {\n                chartStyles: {\n                    height: '400px',\n                },\n                chartOptions: {\n                    animation: { duration: 0 },\n                    responsive: true,\n                    maintainAspectRatio: false,\n                    legend: {\n                        display: true,\n                    },\n                    tooltips: {\n                        titleFontSize: 24,\n                        bodyFontSize: 20,\n                    },\n                    scales: {\n                        xAxes: [{ gridLines: { display: false }, ticks: { fontSize: 8 } }],\n                        yAxes: [\n                            {\n                                ticks: {\n                                    beginAtZero: true,\n                                    callback: function (value) {\n                                        return '€' + ' ' + value;\n                                    },\n                                },\n                            },\n                        ],\n                    },\n                },\n            };\n        },\n        computed: {\n            ChartData() {\n                return {\n                    labels: this.$store.getters['energy_data/electricity_monthly_endex_data'].electricity_labels,\n                    datasets: [\n                        {\n                            label: 'Jaar +1',\n                            fill: true,\n                            backgroundColor: 'hsla(204, 68%, 58%, 0.1)',\n                            pointRadius: 1,\n                            borderWidth: 1,\n                            borderColor: '#4ca3dd',\n                            data: this.$store.getters['energy_data/electricity_monthly_endex_data'].electricity_values_y1,\n                        },\n                        {\n                            label: 'Jaar +2',\n                            fill: true,\n                            backgroundColor: 'hsla(168, 55%, 77%, 0.1)',\n                            pointRadius: 1,\n                            borderWidth: 1,\n                            borderColor: '#A3E4D7',\n                            data: this.$store.getters['energy_data/electricity_monthly_endex_data'].electricity_values_y2,\n                        },\n                        {\n                            label: 'Jaar +3',\n                            fill: true,\n                            backgroundColor: 'hsla(282, 44%, 47%, 0.1)',\n                            pointRadius: 1,\n                            borderWidth: 1,\n                            borderColor: '#8E44AD',\n                            data: this.$store.getters['energy_data/electricity_monthly_endex_data'].electricity_values_y3,\n                        },\n                    ],\n                };\n            },\n            ElecMonthlyEndexData() {\n                return this.$store.getters['energy_data/electricity_monthly_endex_data'].table_data;\n            },\n        },\n    };\n</script>\n","import { render } from \"./ElecMonthlyEndexData.vue?vue&type=template&id=5d7a68da\"\nimport script from \"./ElecMonthlyEndexData.vue?vue&type=script&lang=js\"\nexport * from \"./ElecMonthlyEndexData.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/forge/fibonaki.dev/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}