{"version":3,"sources":["webpack:///./src/components/NmtSidebarProfileChart.vue","webpack:///src/components/NmtSidebarProfileChart.vue","webpack:///./src/components/NmtSidebarProfileChart.vue?580b","webpack:///./src/components/NmtSidebarProfileChart.vue?af1e"],"names":["render","_vm","this","_c","_self","attrs","name","staticRenderFns","props","type","String","default","heights","Array","required","length","interval","Number","fresnelZonePoints","watch","init","handler","nV","oV","JSON","stringify","$nextTick","chart","nVc","parse","data","datasets","splice","dataset1","showLine","label","$i18n","t","fill","$_colors","success","borderColor","font","borderWidth","dataset2","push","update","immediate","deep","methods","getData","lastIndex","map","height","index","y","x","drawChart","Chart","plugins","register","afterRender","c","ctx","save","globalCompositeOperation","fillStyle","fillRect","width","restore","canvas","document","getElementById","$_capitalize","primary","options","maintainAspectRatio","responsive","title","display","scales","yAxes","scaleLabel","labelString","xAxes","events","onHover","_debounce","e","chartElement","$root","$emit","element","_datasetIndex","fraction","_index","downloadChart","$_saveFile","toBase64Image","mounted","component"],"mappings":"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","file":"js/chunk-2d0daae6.7f8b5229.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('canvas',{attrs:{\"id\":_vm.name}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <canvas :id=\"name\"></canvas>\n</template>\n\n<script>\nimport Chart from 'chart.js';\nimport { debounce } from 'lodash';\n\nexport default {\n  name: 'NmtSidebarProfileChart',\n  props: {\n    name: {\n      type: String,\n      default: 'chartNmt',\n    },\n    heights: {\n      type: Array,\n      required: true,\n    },\n    length: {\n      type: String,\n      required: true,\n    },\n    interval: {\n      type: Number,\n      required: true,\n    },\n    fresnelZonePoints: {\n      type: Array,\n    },\n  },\n  watch: {\n    heights() {\n      this.init();\n    },\n    fresnelZonePoints: {\n      handler(nV, oV) {\n        if (JSON.stringify(oV) === JSON.stringify(nV)) {\n          return;\n        }\n        this.$nextTick(() => {\n          if (!this.chart) {\n            return;\n          } else {\n            const nVc = JSON.parse(JSON.stringify(nV));\n            this.chart.data.datasets.splice(2, 1);\n            this.chart.data.datasets.splice(1, 1);\n            if (nVc?.length) {\n              const dataset1 = {\n                showLine: true,\n                label: `- ${this.$i18n.t('sidebar.fresnelZone.fresnelAxisChartLabel')}`,\n                data: [...nVc.splice(0, 1), ...nVc.splice(nVc.length - 1, 1)],\n                fill: this.$_colors.success,\n                borderColor: this.$_colors.font,\n                borderWidth: 1,\n              };\n              const dataset2 = {\n                label: `- ${this.$i18n.t('sidebar.fresnelZone.fresnelZoneChartLabel')}`,\n                data: nVc,\n                fill: this.$_colors.success,\n                borderColor: this.$_colors.success,\n                borderWidth: 1,\n              };\n              this.chart.data.datasets.push(dataset1);\n              this.chart.data.datasets.push(dataset2);\n            }\n            this.chart.update();\n          }\n        });\n      },\n      immediate: true,\n      deep: true,\n    },\n  },\n  methods: {\n    getData() {\n      const lastIndex = this.heights.length - 1;\n      return this.heights.map((height, index) =>\n        index === lastIndex ? { y: height, x: this.length } : { y: height, x: index * this.interval }\n      );\n    },\n    drawChart(data) {\n      Chart.plugins.register({\n        afterRender: function(c) {\n          const ctx = c.chart.ctx;\n          ctx.save();\n          ctx.globalCompositeOperation = 'destination-over';\n          ctx.fillStyle = 'white';\n          ctx.fillRect(0, 0, c.chart.width, c.chart.height);\n          ctx.restore();\n        },\n      });\n      const canvas = document.getElementById(this.name);\n      this.chart = new Chart(canvas, {\n        data: {\n          datasets: [\n            {\n              showLine: true,\n              label: `- ${this.$_capitalize(this.$i18n.t('sidebar.nmtHeight'))} [m ${this.$i18n.t(\n                'sidebar.nmtAboveSeaLevelAbbr'\n              )}]`,\n              data,\n              fill: false,\n              borderColor: this.$_colors.primary,\n              borderWidth: 1,\n            },\n          ],\n        },\n        type: 'scatter',\n        options: {\n          maintainAspectRatio: true,\n          responsive: true,\n          title: {\n            display: false,\n          },\n          scales: {\n            yAxes: [\n              {\n                scaleLabel: {\n                  display: true,\n                  labelString: `[m ${this.$i18n.t('sidebar.nmtAboveSeaLevelAbbr')}]`,\n                },\n              },\n            ],\n            xAxes: [\n              {\n                scaleLabel: {\n                  display: true,\n                  labelString: '[m]',\n                },\n              },\n            ],\n          },\n          events: ['mousemove'],\n          onHover: debounce((e, chartElement) => {\n            if (chartElement.length === 0) {\n              this.$root.$emit('removeMarker');\n              return;\n            }\n            const [element] = chartElement;\n            if (element._datasetIndex !== 0) {\n              return;\n            }\n            const fraction = element._index / (data.length - 1);\n            this.$emit('drawMarker', fraction);\n          }, 50),\n        },\n      });\n    },\n    downloadChart(name) {\n      this.$_saveFile(this.chart.toBase64Image(), name ? name : this.$i18n.t('dialog.body.chart'));\n    },\n    init() {\n      this.drawChart(this.getData());\n    },\n  },\n  mounted() {\n    this.init();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped></style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NmtSidebarProfileChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NmtSidebarProfileChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NmtSidebarProfileChart.vue?vue&type=template&id=590ac819&scoped=true&\"\nimport script from \"./NmtSidebarProfileChart.vue?vue&type=script&lang=js&\"\nexport * from \"./NmtSidebarProfileChart.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  \"590ac819\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}