{"version":3,"sources":["webpack:///./node_modules/core-js/modules/_array-fill.js","webpack:///./node_modules/core-js/modules/es6.array.fill.js","webpack:///./src/lib/datelocalization.js","webpack:///./node_modules/debounce/index.js","webpack:///./src/components/gauge/HydrologicalConditions.vue","webpack:///src/components/gauge/HydrologicalConditions.vue","webpack:///./src/components/gauge/HydrologicalConditions.vue?7c0b","webpack:///./src/components/gauge/HydrologicalConditions.vue?3403","webpack:///./src/lib/DefaultDiagramTemplate.js"],"names":["toObject","toAbsoluteIndex","toLength","module","exports","value","O","this","length","aLen","arguments","index","undefined","end","endPos","$export","P","fill","localeDateString","dateTime","date","time","periods","app","$gettext","days","shortDays","months","shortMonths","debounce","func","wait","immediate","timeout","args","context","timestamp","result","later","last","Date","now","setTimeout","apply","debounced","callNow","clear","clearTimeout","flush","render","_vm","_c","_self","staticClass","attrs","title","close","staticStyle","_v","_s","yearCompareD","directives","name","rawName","form","template","expression","on","$event","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","$set","multiple","applyChange","_l","templates","key","domProps","longtermWaterlevels","downloadPDF","class","disabled","csvLink","concat","fileName","downloadImage","containerId","_e","staticRenderFns","mixins","diagram","pdfgen","templateLoader","components","DiagramLegend","data","selectedGaugeD","longtermIntervalD","zoomStore","resizeListenerFunction","templateData","defaultTemplate","defaultDiagramTemplate","pdf","doc","width","height","computed","_objectSpread","mapState","mapGetters","properties","objname","join","encodeURIComponent","csvData","downloadFilename","_this","merged","d","yearData","yearWaterlevels","find","y","getTime","mean","getMonth","getDate","min","max","median","q25","q75","watch","paneSetup","_this2","$nextTick","initialDiagramValues","drawDiagram","methods","addLegendToCanvas","ctx","_ref","x","font","textAlign","beginPath","fillStyle","strokeStyle","arc","Math","PI","stroke","fillText","yearCompare","closePath","selectedGauge","longtermInterval","$store","commit","diagramTitle","isrsInfo","orc","generatePDF","save","_this3","hasOwnProperty","loadTemplates","then","response","prepareImages","template_data","elements","values","forEach","v","url","catch","error","message","_error$response","status","displayError","addDiagramLegend","position","offset","color","padding","setFontStyle","setFontSize","getTextWidth","indexOf","getTextHeight","setTextColor","setDrawColor","setFillColor","circle","text","getPrintLayout","svgHeight","svgWidth","main","top","floor","right","bottom","left","nav","d3","remove","el","document","querySelector","clientWidth","clientHeight","layout","renderTo","element","dimensions","getDimensions","_ref2","zoomLevel","refWaterLevels","JSON","parse","reference_water_levels","extent","getExtent","scale","getScale","axes","getAxes","svg","append","attr","mainMargin","navigation","navMargin","mainHeight","updaters","push","drawAxes","drawWaterlevelMinMaxAreaChart","drawWaterlevelLineChart","type","drawNowLines","drawRefLines","eventRect","createZoom","createTooltips","setInlineStyles","selectAll","style","transition","waterlevelValues","wl","HDC","LDC","delta","startOfYear","endOfYear","waterlevel","_ref3","range","x2","y2","navHeight","domain","_ref4","_this4","dFormat","tickSizeInner","tickSizeOuter","tickFormat","$options","filters","yRight","_ref5","nowCoords","nowLine","nowLabel","selection","datum","select","_ref6","_ref7","areaChart","isNav","y0","y1","_ref8","lineChart","curve","_ref9","refWaterlevelLine","ref","toLowerCase","_ref10","_this5","brush","handleSize","zoom","scaleExtent","Infinity","translateExtent","sourceEvent","s","invert","u","transform","translate","scaleForZoom","t","rescaleX","move","invertX","tx","k","ty","_ref11","_this6","tooltip","tooltipText","tooltipPadding","diagramPadding","x0","getElementById","i","d0","d1","coords","toLocaleString","year","month","day","dYear","ywl","toFixed","textBBox","node","getBBox","xMax","tooltipX","tooltipY","created","window","addEventListener","mounted","_this7","HTTP","get","headers","localStorage","getItem","_error$response2","destroyed","removeEventListener","component","paperSize","fontsize"],"mappings":"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","file":"js/chunk-c0ee46a4.e8d6cc1e.js","sourcesContent":["// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)\n'use strict';\nvar toObject = require('./_to-object');\nvar toAbsoluteIndex = require('./_to-absolute-index');\nvar toLength = require('./_to-length');\nmodule.exports = function fill(value /* , start = 0, end = @length */) {\n  var O = toObject(this);\n  var length = toLength(O.length);\n  var aLen = arguments.length;\n  var index = toAbsoluteIndex(aLen > 1 ? arguments[1] : undefined, length);\n  var end = aLen > 2 ? arguments[2] : undefined;\n  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);\n  while (endPos > index) O[index++] = value;\n  return O;\n};\n","// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)\nvar $export = require('./_export');\n\n$export($export.P, 'Array', { fill: require('./_array-fill') });\n\nrequire('./_add-to-unscopables')('fill');\n","import app from \"@/main\";\nconst localeDateString = {\n  dateTime: \"%a %e %b %X %Y\",\n  date: \"%d/%m/%Y\",\n  time: \"%H:%M:%S\",\n  periods: [app.$gettext(\"AM\"), app.$gettext(\"PM\")],\n  days: [\n    app.$gettext(\"Sunday\"),\n    app.$gettext(\"Monday\"),\n    app.$gettext(\"Tuesday\"),\n    app.$gettext(\"Wednesday\"),\n    app.$gettext(\"Thursday\"),\n    app.$gettext(\"Friday\"),\n    app.$gettext(\"Saturday\")\n  ],\n  shortDays: [\n    app.$gettext(\"Sun\"),\n    app.$gettext(\"Mon\"),\n    app.$gettext(\"Tue\"),\n    app.$gettext(\"Wed\"),\n    app.$gettext(\"Thu\"),\n    app.$gettext(\"Fri\"),\n    app.$gettext(\"Sat\")\n  ],\n  months: [\n    app.$gettext(\"January\"),\n    app.$gettext(\"February\"),\n    app.$gettext(\"March\"),\n    app.$gettext(\"April\"),\n    app.$gettext(\"May\"),\n    app.$gettext(\"June\"),\n    app.$gettext(\"July\"),\n    app.$gettext(\"August\"),\n    app.$gettext(\"September\"),\n    app.$gettext(\"October\"),\n    app.$gettext(\"November\"),\n    app.$gettext(\"December\")\n  ],\n  shortMonths: [\n    app.$gettext(\"Jan\"),\n    app.$gettext(\"Feb\"),\n    app.$gettext(\"Mar\"),\n    app.$gettext(\"Apr\"),\n    app.$gettext(\"May\"),\n    app.$gettext(\"Jun\"),\n    app.$gettext(\"Jul\"),\n    app.$gettext(\"Aug\"),\n    app.$gettext(\"Sep\"),\n    app.$gettext(\"Oct\"),\n    app.$gettext(\"Nov\"),\n    app.$gettext(\"Dec\")\n  ]\n};\n\nexport { localeDateString };\n","/**\n * Returns a function, that, as long as it continues to be invoked, will not\n * be triggered. The function will be called after it stops being called for\n * N milliseconds. If `immediate` is passed, trigger the function on the\n * leading edge, instead of the trailing. The function also has a property 'clear' \n * that is a function which will clear the timer to prevent previously scheduled executions. \n *\n * @source underscore.js\n * @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/\n * @param {Function} function to wrap\n * @param {Number} timeout in ms (`100`)\n * @param {Boolean} whether to execute at the beginning (`false`)\n * @api public\n */\nfunction debounce(func, wait, immediate){\n  var timeout, args, context, timestamp, result;\n  if (null == wait) wait = 100;\n\n  function later() {\n    var last = Date.now() - timestamp;\n\n    if (last < wait && last >= 0) {\n      timeout = setTimeout(later, wait - last);\n    } else {\n      timeout = null;\n      if (!immediate) {\n        result = func.apply(context, args);\n        context = args = null;\n      }\n    }\n  };\n\n  var debounced = function(){\n    context = this;\n    args = arguments;\n    timestamp = Date.now();\n    var callNow = immediate && !timeout;\n    if (!timeout) timeout = setTimeout(later, wait);\n    if (callNow) {\n      result = func.apply(context, args);\n      context = args = null;\n    }\n\n    return result;\n  };\n\n  debounced.clear = function() {\n    if (timeout) {\n      clearTimeout(timeout);\n      timeout = null;\n    }\n  };\n  \n  debounced.flush = function() {\n    if (timeout) {\n      result = func.apply(context, args);\n      context = args = null;\n      \n      clearTimeout(timeout);\n      timeout = null;\n    }\n  };\n\n  return debounced;\n};\n\n// Adds compatibility for ES modules\ndebounce.debounce = debounce;\n\nmodule.exports = debounce;\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"d-flex flex-column flex-fill\"},[_c('UIBoxHeader',{staticClass:\"rounded-0\",attrs:{\"icon\":\"ruler-vertical\",\"title\":_vm.title,\"closeCallback\":_vm.close}}),_c('div',{staticClass:\"d-flex flex-fill\"},[_c('DiagramLegend',{attrs:{\"id\":\"diagramlegendId\"}},[_c('div',{staticClass:\"legend\"},[_c('span',{staticStyle:{\"background-color\":\"red\",\"width\":\"20px\",\"height\":\"20px\"}}),_vm._v(\"\\n        \"+_vm._s(_vm.yearCompareD)+\"\\n      \")]),_c('div',{staticClass:\"legend\"},[_c('span',{staticStyle:{\"background-color\":\"orange\",\"width\":\"20px\",\"height\":\"20px\"}}),_c('span',{directives:[{name:\"translate\",rawName:\"v-translate\"}],staticClass:\"fix-trans-space\",staticStyle:{\"display\":\"inline\"}},[_vm._v(\"Q25%\")])]),_c('div',{staticClass:\"legend\"},[_c('span',{staticStyle:{\"background-color\":\"black\",\"width\":\"20px\",\"height\":\"20px\"}}),_c('span',{directives:[{name:\"translate\",rawName:\"v-translate\"}],staticClass:\"fix-trans-space\",staticStyle:{\"display\":\"inline\"}},[_vm._v(\"Median\")])]),_c('div',{staticClass:\"legend\"},[_c('span',{staticStyle:{\"background-color\":\"purple\",\"width\":\"20px\",\"height\":\"20px\"}}),_c('span',{directives:[{name:\"translate\",rawName:\"v-translate\"}],staticClass:\"fix-trans-space\",staticStyle:{\"display\":\"inline\"}},[_vm._v(\"Q75%\")])]),_c('div',{staticClass:\"legend\"},[_c('span',{staticStyle:{\"background-color\":\"lightsteelblue\",\"width\":\"20px\",\"height\":\"20px\"}}),_c('span',{directives:[{name:\"translate\",rawName:\"v-translate\"}],staticClass:\"fix-trans-space\",staticStyle:{\"display\":\"inline\"}},[_vm._v(\"Long-term Amplitude\")])]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.template),expression:\"form.template\"}],staticClass:\"form-control d-block custom-select-sm w-100\",on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.form, \"template\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])},_vm.applyChange]}},_vm._l((_vm.templates),function(template){return _c('option',{key:template.name,domProps:{\"value\":template}},[_vm._v(\"\\n          \"+_vm._s(template.name)+\"\\n        \")])}),0),_c('div',[_c('button',{staticClass:\"btn btn-sm btn-info d-block w-100 mt-2\",attrs:{\"type\":\"button\",\"disabled\":!_vm.longtermWaterlevels.length},on:{\"click\":_vm.downloadPDF}},[_c('translate',[_vm._v(\"Export to PDF\")])],1)]),_c('a',{class:[\n          'btn btn-sm btn-info d-block w-100 mt-2',\n          { disabled: !_vm.longtermWaterlevels.length }\n        ],attrs:{\"href\":_vm.csvLink,\"download\":`${_vm.fileName}.csv`}},[_c('translate',[_vm._v(\"Export as CSV\")])],1),_c('a',{class:[\n          'btn btn-sm btn-info text-white d-block w-100 mt-2',\n          { disabled: !_vm.longtermWaterlevels.length }\n        ],attrs:{\"id\":\"hydrologicalpng\",\"download\":`${_vm.fileName}.png`},on:{\"click\":function($event){return _vm.downloadImage('hydrologicalpng', _vm.title)}}},[_c('translate',[_vm._v(\"Export as Image\")])],1)]),_c('div',{staticClass:\"d-flex flex-fill justify-content-center align-items-center\",attrs:{\"id\":_vm.containerId}},[(!_vm.longtermWaterlevels.length)?_c('div',[_c('translate',[_vm._v(\"No data available.\")])],1):_vm._e()])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"d-flex flex-column flex-fill\">\n    <UIBoxHeader\n      icon=\"ruler-vertical\"\n      :title=\"title\"\n      :closeCallback=\"close\"\n      class=\"rounded-0\"\n    />\n    <div class=\"d-flex flex-fill\">\n      <DiagramLegend id=\"diagramlegendId\">\n        <div class=\"legend\">\n          <span\n            style=\"background-color: red; width: 20px; height: 20px;\"\n          ></span>\n          {{ yearCompareD }}\n        </div>\n        <div class=\"legend\">\n          <span\n            style=\"background-color: orange; width: 20px; height: 20px;\"\n          ></span>\n          <span class=\"fix-trans-space\" style=\"display:inline;\" v-translate\n            >Q25%</span\n          >\n        </div>\n        <div class=\"legend\">\n          <span\n            style=\"background-color: black; width: 20px; height: 20px;\"\n          ></span>\n          <span class=\"fix-trans-space\" style=\"display:inline;\" v-translate\n            >Median</span\n          >\n        </div>\n        <div class=\"legend\">\n          <span\n            style=\"background-color: purple; width: 20px; height: 20px;\"\n          ></span>\n          <span class=\"fix-trans-space\" style=\"display:inline;\" v-translate\n            >Q75%</span\n          >\n        </div>\n        <div class=\"legend\">\n          <span\n            style=\"background-color: lightsteelblue; width: 20px; height: 20px;\"\n          ></span>\n          <span class=\"fix-trans-space\" style=\"display:inline;\" v-translate\n            >Long-term Amplitude</span\n          >\n        </div>\n        <select\n          @change=\"applyChange\"\n          v-model=\"form.template\"\n          class=\"form-control d-block custom-select-sm w-100\"\n        >\n          <option\n            v-for=\"template in templates\"\n            :value=\"template\"\n            :key=\"template.name\"\n          >\n            {{ template.name }}\n          </option>\n        </select>\n        <div>\n          <button\n            @click=\"downloadPDF\"\n            type=\"button\"\n            class=\"btn btn-sm btn-info d-block w-100 mt-2\"\n            :disabled=\"!longtermWaterlevels.length\"\n          >\n            <translate>Export to PDF</translate>\n          </button>\n        </div>\n        <a\n          :class=\"[\n            'btn btn-sm btn-info d-block w-100 mt-2',\n            { disabled: !longtermWaterlevels.length }\n          ]\"\n          :href=\"csvLink\"\n          :download=\"`${fileName}.csv`\"\n        >\n          <translate>Export as CSV</translate>\n        </a>\n        <a\n          @click=\"downloadImage('hydrologicalpng', title)\"\n          id=\"hydrologicalpng\"\n          :class=\"[\n            'btn btn-sm btn-info text-white d-block w-100 mt-2',\n            { disabled: !longtermWaterlevels.length }\n          ]\"\n          :download=\"`${fileName}.png`\"\n        >\n          <translate>Export as Image</translate>\n        </a>\n      </DiagramLegend>\n      <div\n        class=\"d-flex flex-fill justify-content-center align-items-center\"\n        :id=\"containerId\"\n      >\n        <div v-if=\"!longtermWaterlevels.length\">\n          <translate>No data available.</translate>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n/* This is Free Software under GNU Affero General Public License v >= 3.0\n * without warranty, see README.md and license for details.\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n * License-Filename: LICENSES/AGPL-3.0.txt\n *\n * Copyright (C) 2019 by via donau\n *   – Österreichische Wasserstraßen-Gesellschaft mbH\n * Software engineering by Intevation GmbH\n *\n * Author(s):\n * Markus Kottländer <markus.kottlaender@intevation.de>\n * Fadi Abbud <fadi.abbud@intevation.de>\n */\nimport app from \"@/main\";\nimport { mapState, mapGetters } from \"vuex\";\nimport * as d3 from \"d3\";\nimport debounce from \"debounce\";\nimport { startOfYear, endOfYear } from \"date-fns\";\nimport { diagram, pdfgen, templateLoader } from \"@/lib/mixins\";\nimport { HTTP } from \"@/lib/http\";\nimport { displayError } from \"@/lib/errors\";\nimport { defaultDiagramTemplate } from \"@/lib/DefaultDiagramTemplate\";\nimport { localeDateString } from \"@/lib/datelocalization\";\n\nexport default {\n  mixins: [diagram, pdfgen, templateLoader],\n  components: {\n    DiagramLegend: () => import(\"@/components/DiagramLegend\")\n  },\n  data() {\n    return {\n      selectedGaugeD: null,\n      longtermIntervalD: null,\n      yearCompareD: null,\n      zoomStore: null,\n      containerId: \"hydrologicalconditions-diagram-container\",\n      resizeListenerFunction: null,\n      templateData: null,\n      form: {\n        template: null,\n        form: null\n      },\n      templates: [],\n      defaultTemplate: defaultDiagramTemplate,\n      pdf: {\n        doc: null,\n        width: 420,\n        height: 297\n      }\n    };\n  },\n  computed: {\n    ...mapState(\"application\", [\"paneSetup\"]),\n    ...mapState(\"gauges\", [\n      \"longtermWaterlevels\",\n      \"yearWaterlevels\",\n      \"yearCompare\",\n      \"longtermInterval\"\n    ]),\n    ...mapGetters(\"gauges\", [\"selectedGauge\"]),\n    title() {\n      if (!this.selectedGaugeD || !this.longtermIntervalD) return;\n      return `${this.selectedGaugeD.properties.objname}: ${this.$gettext(\n        \"Hydrological Conditions\"\n      )} (${this.longtermIntervalD.join(\" - \")})`;\n    },\n    csvLink() {\n      return \"data:text/csv;charset=utf-8,\" + encodeURIComponent(this.csvData);\n    },\n    fileName() {\n      if (!this.selectedGaugeD || !this.longtermIntervalD) return;\n      return this.downloadFilename(\n        this.$gettext(\"HydrologicalCondition\"),\n        this.selectedGaugeD.properties.objname\n      );\n    },\n    csvData() {\n      if (!this.longtermIntervalD || !this.yearCompareD) return;\n      // We cannot directly use the csv data provided by the backend because the\n      // diagram uses data from two endpoints, longterm- and yearWaterlevels.\n      // So we need to merge them here to have them in one csv export.\n      let merged = this.longtermWaterlevels\n        .filter(d => d) // copy array, don't mutate original\n        .map(d => {\n          let yearData = this.yearWaterlevels.find(y => {\n            return d.date.getTime() === y.date.getTime();\n          });\n          d[this.yearCompareD] = yearData ? yearData.mean : \"\";\n          return `${d.date.getMonth() + 1}-${d.date.getDate()};${d.min};${\n            d.max\n          };${d.mean};${d.median};${d.q25};${d.q75};${d[this.yearCompareD]}`;\n        })\n        .join(\"\\n\");\n      return `#Interval: ${this.longtermIntervalD.join(\n        \" - \"\n      )}\\n#date;#min;#max;#mean;#median;#q25;#q75;#${\n        this.yearCompareD\n      }\\n${merged}`;\n    }\n  },\n  watch: {\n    paneSetup() {\n      this.$nextTick(() => {\n        this.initialDiagramValues();\n        this.drawDiagram();\n      });\n    },\n    longtermWaterlevels() {\n      this.initialDiagramValues();\n      this.drawDiagram();\n    },\n    yearWaterlevels() {\n      this.initialDiagramValues();\n      this.drawDiagram();\n    }\n  },\n  methods: {\n    addLegendToCanvas(ctx, { width, height }) {\n      let x = width / 12,\n        y = height - 25;\n      ctx.font = \"12px sans-serif\";\n      ctx.textAlign = \"start\";\n      ctx.beginPath();\n      ctx.fillStyle = \"red\";\n      ctx.strokeStyle = \"red\";\n      ctx.arc(x, y, 8, 0, 2 * Math.PI);\n      ctx.fill();\n      ctx.stroke();\n      ctx.fillStyle = \"black\";\n      ctx.fillText(this.yearCompare, x + 14, y + 5);\n      ctx.closePath();\n\n      ctx.beginPath();\n      ctx.fillStyle = \"orange\";\n      ctx.strokeStyle = \"orange\";\n      ctx.arc(x, (y += 20), 8, 0, 2 * Math.PI);\n      ctx.fill();\n      ctx.stroke();\n      ctx.fillStyle = \"black\";\n      ctx.fillText(this.$gettext(\"Q25%\"), x + 14, y + 5);\n      ctx.closePath();\n\n      ctx.beginPath();\n      ctx.fillStyle = \"black\";\n      ctx.strokeStyle = \"black\";\n      ctx.arc(x, (y += 20), 8, 0, 2 * Math.PI);\n      ctx.fill();\n      ctx.stroke();\n      ctx.fillStyle = \"black\";\n      ctx.fillText(this.$gettext(\"Median\"), x + 14, y + 5);\n      ctx.closePath();\n\n      ctx.beginPath();\n      ctx.fillStyle = \"purple\";\n      ctx.strokeStyle = \"purple\";\n      ctx.arc(x, (y += 20), 8, 0, 2 * Math.PI);\n      ctx.fill();\n      ctx.stroke();\n      ctx.fillStyle = \"black\";\n      ctx.fillText(this.$gettext(\"Q75%\"), x + 14, y + 5);\n      ctx.closePath();\n\n      ctx.beginPath();\n      ctx.fillStyle = \"lightsteelblue\";\n      ctx.strokeStyle = \"lightsteelblue\";\n      ctx.arc(x, (y += 20), 8, 0, 2 * Math.PI);\n      ctx.fill();\n      ctx.stroke();\n      ctx.fillStyle = \"black\";\n      ctx.fillText(this.$gettext(\"Long-term Amplitude\"), x + 14, y + 5);\n      ctx.closePath();\n    },\n    initialDiagramValues() {\n      this.selectedGaugeD = this.selectedGauge;\n      this.longtermIntervalD = this.longtermInterval;\n      this.yearCompareD = this.yearCompare;\n    },\n    close() {\n      this.$store.commit(\n        \"application/paneSetup\",\n        this.paneSetup === \"GAUGE_WATERLEVEL_HYDROLOGICALCONDITIONS\"\n          ? \"GAUGE_WATERLEVEL\"\n          : \"DEFAULT\"\n      );\n    },\n    downloadPDF() {\n      let diagramTitle = `${this.selectedGaugeD.properties.objname} (${\n        this.isrsInfo(this.selectedGaugeD).orc\n      }): ${this.$gettext(\n        \"Hydrological Conditions\"\n      )} ${this.longtermIntervalD.join(\" - \")}`;\n      this.generatePDF({\n        templateData: this.templateData,\n        diagramTitle: diagramTitle\n      });\n      this.pdf.doc.save(this.fileName + \".pdf\");\n    },\n    applyChange() {\n      if (this.form.template.hasOwnProperty(\"properties\")) {\n        this.templateData = this.defaultTemplate;\n        return;\n      }\n      if (this.form.template) {\n        this.loadTemplates(\"/templates/diagram/\" + this.form.template.name)\n          .then(response => {\n            this.prepareImages(response.data.template_data.elements).then(\n              values => {\n                values.forEach(v => {\n                  response.data.template_data.elements[v.index].url = v.url;\n                });\n                this.templateData = response.data.template_data;\n              }\n            );\n          })\n          .catch(error => {\n            let message = \"Backend not reachable\";\n            if (error.response) {\n              const { status, data } = error.response;\n              message = `${status}: ${data.message || data}`;\n            }\n            displayError({\n              title: this.$gettext(\"Backend Error\"),\n              message: message\n            });\n          });\n      }\n    },\n    // Diagram legend\n    addDiagramLegend(position, offset, color) {\n      if (!this.yearCompareD) return;\n      let x = offset.x + 2, // 2 is the radius of the circle\n        y = offset.y,\n        padding = 3;\n      this.pdf.doc.setFontStyle(\"normal\");\n      this.pdf.doc.setFontSize(10);\n      let width = this.pdf.doc.getTextWidth(\"Long-term Amplitude\") + padding;\n      // if position is on the right, x needs to be calculate with pdf width and\n      // the size of the element\n      if ([\"topright\", \"bottomright\"].indexOf(position) !== -1) {\n        x = this.pdf.width - offset.x - width;\n      }\n      if ([\"bottomright\", \"bottomleft\"].indexOf(position) !== -1) {\n        y = this.pdf.height - offset.y - this.getTextHeight(5) - 2;\n      }\n      if (y < this.getTextHeight(1)) {\n        y = y + this.getTextHeight(1) / 2;\n      }\n      this.pdf.doc.setTextColor(color);\n      this.pdf.doc.setDrawColor(\"white\");\n      this.pdf.doc.setFillColor(\"red\");\n      this.pdf.doc.circle(x, y, 2, \"FD\");\n      this.pdf.doc.text(x + padding, y + 1, \"\" + this.yearCompareD);\n      this.pdf.doc.setFillColor(\"orange\");\n      this.pdf.doc.circle(x, y + 5, 2, \"FD\");\n      this.pdf.doc.text(x + padding, y + 6, this.$gettext(\"Q25%\"));\n      this.pdf.doc.setFillColor(\"black\");\n      this.pdf.doc.circle(x, y + 10, 2, \"FD\");\n      this.pdf.doc.text(x + 3, y + 11, this.$gettext(\"Median\"));\n      this.pdf.doc.setFillColor(\"purple\");\n      this.pdf.doc.circle(x, y + 15, 2, \"FD\");\n      this.pdf.doc.text(x + padding, y + 16, this.$gettext(\"Q75%\"));\n      this.pdf.doc.setFillColor(\"lightsteelblue\");\n      this.pdf.doc.circle(x, y + 20, 2, \"FD\");\n      this.pdf.doc.text(\n        x + padding,\n        y + 21,\n        this.$gettext(\"Long-term Amplitude\")\n      );\n    },\n    getPrintLayout(svgHeight, svgWidth) {\n      return {\n        main: {\n          top: Math.floor(0.05 * svgHeight),\n          right: Math.floor(0.05 * svgWidth),\n          bottom: Math.floor(0.32 * svgHeight),\n          left: Math.floor(0.07 * svgWidth)\n        },\n        nav: {\n          top: Math.floor(0.78 * svgHeight),\n          right: Math.floor(0.013 * svgWidth),\n          bottom: Math.floor(0.095 * svgHeight),\n          left: Math.floor(0.07 * svgWidth)\n        }\n      };\n    },\n    drawDiagram() {\n      // remove old diagram\n      d3.select(\"#\" + this.containerId + \" svg\").remove();\n      d3.timeFormatDefaultLocale(localeDateString);\n      const el = document.querySelector(\"#\" + this.containerId);\n      if (!this.selectedGaugeD || !this.longtermWaterlevels.length || !el)\n        return;\n      const svgWidth = el.clientWidth;\n      const svgHeight = el.clientHeight;\n      const layout = this.getPrintLayout(svgHeight, svgWidth);\n      this.renderTo({\n        element: `#${this.containerId}`,\n        dimensions: this.getDimensions({\n          svgWidth: svgWidth,\n          svgHeight: svgHeight,\n          ...layout\n        })\n      });\n    },\n    renderTo({ element, dimensions, zoomLevel }) {\n      // PREPARE HELPERS\n\n      // HDC/LDC/MW for the selected gauge\n      const refWaterLevels = JSON.parse(\n        this.selectedGaugeD.properties.reference_water_levels\n      );\n\n      // dimensions (widths, heights, margins)\n\n      // get min/max values for date and waterlevel axis\n      const extent = this.getExtent(refWaterLevels);\n\n      // scaling helpers\n      const scale = this.getScale({ dimensions, extent });\n\n      // creating the axes based on the scales\n      const axes = this.getAxes({ scale, dimensions });\n\n      // DRAW DIAGRAM/NAVIGATION AREAS\n\n      // create svg\n      const svg = d3\n        .select(element)\n        .append(\"svg\")\n        .attr(\"width\", \"100%\")\n        .attr(\"height\", \"100%\");\n\n      svg\n        .append(\"g\")\n        .append(\"rect\")\n        .attr(\"width\", \"100%\")\n        .attr(\"height\", \"100%\")\n        .attr(\"fill\", \"#ffffff\");\n\n      // create container for main diagram\n      const diagram = svg\n        .append(\"g\")\n        .attr(\"class\", \"main\")\n        .attr(\n          \"transform\",\n          `translate(${dimensions.mainMargin.left}, ${dimensions.mainMargin.top})`\n        );\n\n      // create container for navigation diagram\n      const navigation = svg\n        .append(\"g\")\n        .attr(\"class\", \"nav\")\n        .attr(\n          \"transform\",\n          `translate(${dimensions.navMargin.left}, ${dimensions.navMargin.top})`\n        );\n\n      // define visible area, everything outside this area will be hidden\n      svg\n        .append(\"defs\")\n        .append(\"clipPath\")\n        .attr(\"id\", \"hydrocond-clip\")\n        .append(\"rect\")\n        .attr(\"width\", dimensions.width)\n        .attr(\"height\", dimensions.mainHeight);\n\n      // DRAW DIAGRAM PARTS\n\n      // Each drawSomething function (with the exception of drawRefLines)\n      // returns a fuction to update the respective chart/area/etc. These\n      // updater functions are used by the zoom feature to rescale all elements.\n      const updaters = [];\n\n      // draw\n      updaters.push(this.drawAxes({ diagram, dimensions, axes, navigation }));\n      updaters.push(\n        this.drawWaterlevelMinMaxAreaChart({ scale, diagram, navigation })\n      );\n      updaters.push(\n        this.drawWaterlevelLineChart({ type: \"median\", scale, diagram })\n      );\n      updaters.push(\n        this.drawWaterlevelLineChart({ type: \"q25\", scale, diagram })\n      );\n      updaters.push(\n        this.drawWaterlevelLineChart({ type: \"q75\", scale, diagram })\n      );\n      updaters.push(\n        this.drawWaterlevelLineChart({\n          type: \"mean\",\n          data: this.yearWaterlevels,\n          scale,\n          diagram\n        })\n      );\n      updaters.push(this.drawNowLines({ extent, diagram, scale, navigation }));\n\n      if (refWaterLevels) {\n        this.drawRefLines({ refWaterLevels, scale, diagram, extent }); // static, doesn't need an updater\n      }\n\n      // INTERACTIONS\n\n      // create rectanlge on the main chart area to capture mouse events\n      const eventRect = svg\n        .append(\"rect\")\n        .attr(\"id\", \"zoom-hydrocond\")\n        .attr(\"class\", \"zoom\")\n        .attr(\"width\", dimensions.width)\n        .attr(\"height\", dimensions.mainHeight)\n        .attr(\n          \"transform\",\n          `translate(${dimensions.mainMargin.left}, ${dimensions.mainMargin.top})`\n        );\n\n      this.createZoom({\n        updaters,\n        eventRect,\n        dimensions,\n        scale,\n        svg,\n        navigation,\n        zoomLevel\n      });\n      this.createTooltips({ eventRect, diagram, scale, dimensions });\n      this.setInlineStyles(svg);\n    },\n    setInlineStyles(svg) {\n      svg.selectAll(\".hide\").attr(\"fill-opacity\", 0);\n      svg\n        .selectAll(\".line\")\n        .attr(\"clip-path\", \"url(#hydrocond-clip)\")\n        .attr(\"stroke-width\", 2)\n        .attr(\"fill\", \"none\");\n      svg.selectAll(\".line.mean\").attr(\"stroke\", \"red\");\n      svg.selectAll(\".line.median\").attr(\"stroke\", \"black\");\n      svg.selectAll(\".line.q25\").attr(\"stroke\", \"orange\");\n      svg.selectAll(\".line.q75\").attr(\"stroke\", \"purple\");\n      svg\n        .selectAll(\".area\")\n        .attr(\"clip-path\", \"url(#hydrocond-clip)\")\n        .attr(\"stroke\", \"none\")\n        .attr(\"fill\", \"lightsteelblue\");\n      svg\n        .selectAll(\".hdc-line, .ldc-line, .mw-line, .rn-line\")\n        .attr(\"stroke-width\", 1)\n        .attr(\"fill\", \"none\")\n        .attr(\"clip-path\", \"url(#hydrocond-clip)\");\n      svg.selectAll(\".hdc-line\").attr(\"stroke\", \"red\");\n      svg.selectAll(\".ldc-line\").attr(\"stroke\", \"green\");\n      svg.selectAll(\".mw-line\").attr(\"stroke\", \"gray\");\n      svg.selectAll(\".rn-line\").attr(\"stroke\", \"gray\");\n      svg\n        .selectAll(\".ref-waterlevel-label\")\n        .style(\"font-size\", \"10px\")\n        .attr(\"fill\", \"black\");\n      svg\n        .selectAll(\".ref-waterlevel-label-background\")\n        .attr(\"fill\", \"rgba(255, 255, 255, 0.6)\");\n      svg\n        .selectAll(\".now-line\")\n        .attr(\"stroke\", \"#999\")\n        .attr(\"stroke-width\", 1)\n        .attr(\"stroke-dasharray\", \"5, 5\")\n        .attr(\"clip-path\", \"url(#hydrocond-clip)\");\n      svg\n        .selectAll(\".now-line-label\")\n        .attr(\"fill\", \"#999\")\n        .style(\"font-size\", \"11px\");\n      svg\n        .selectAll(\".axis--x .tick line, .axis--y .tick line\")\n        .attr(\"stroke-dasharray\", 5)\n        .attr(\"stroke\", \"#ccc\");\n      svg.selectAll(\".axis--y-right .tick line\").attr(\"stroke\", \"transparent\");\n      svg.selectAll(\".tick text\").attr(\"fill\", \"black\");\n      svg.selectAll(\".domain\").attr(\"stroke\", \"black\");\n\n      svg\n        .selectAll(\".zoom\")\n        .attr(\"cursor\", \"move\")\n        .attr(\"fill\", \"none\")\n        .attr(\"pointer-events\", \"all\");\n      svg\n        .selectAll(\".brush .selection\")\n        .attr(\"stroke\", \"none\")\n        .attr(\"fill-opacity\", 0.2);\n      svg\n        .selectAll(\".brush .handle\")\n        .attr(\"stroke\", \"rgba(23, 162, 184, 0.5)\")\n        .attr(\"fill\", \"rgba(23, 162, 184, 0.5)\");\n      svg.selectAll(\".chart-dots\").attr(\"clip-path\", \"url(#hydrocond-clip)\");\n      svg\n        .selectAll(\".chart-dots .chart-dot\")\n        .attr(\"fill\", \"black\")\n        .attr(\"stroke\", \"black\")\n        .attr(\"stroke-opacity\", 0)\n        .style(\"pointer-events\", \"none\")\n        .attr(\"fill-opacity\", 0)\n        .transition()\n        .attr(\"fill-opacity\", \"0.1s\");\n      svg\n        .selectAll(\".chart-tooltip\")\n        .attr(\"fill-opacity\", 0)\n        .transition()\n        .attr(\"fill-opacity\", \"0.3s\");\n      svg\n        .selectAll(\".chart-tooltip rect\")\n        .attr(\"fill\", \"#fff\")\n        .attr(\"stroke\", \"#ccc\")\n        // set width,height attributes for rect element in case d3 does not\n        // generate them to let svg2pdf continue rendernig of the following elements\n        .attr(\"width\", \"0px\")\n        .attr(\"height\", \"0px\");\n      svg\n        .selectAll(\".chart-tooltip text\")\n        .attr(\"fill\", \"666\")\n        .style(\"font-size\", \"0.8em\");\n    },\n    getExtent(refWaterLevels) {\n      const waterlevelValues = [];\n      this.longtermWaterlevels.forEach(wl => {\n        waterlevelValues.push(wl.min, wl.max);\n      });\n      if (refWaterLevels) {\n        waterlevelValues.push(\n          refWaterLevels.HDC + (refWaterLevels.HDC - refWaterLevels.LDC) / 8,\n          Math.max(\n            refWaterLevels.LDC - (refWaterLevels.HDC - refWaterLevels.LDC) / 4,\n            0\n          )\n        );\n      } else {\n        let delta = d3.max(waterlevelValues) - d3.min(waterlevelValues);\n        waterlevelValues.push(\n          d3.max(waterlevelValues) + delta * 0.1,\n          d3.min(waterlevelValues) - delta * 0.1\n        );\n      }\n      return {\n        // set min/max values for the date axis\n        date: [startOfYear(new Date()), endOfYear(new Date())],\n        // set min/max values for the waterlevel axis\n        // including HDC (+ 1/8 HDC-LDC) and LDC (- 1/4 HDC-LDC)\n        waterlevel: d3.extent(waterlevelValues)\n      };\n    },\n    getScale({ dimensions, extent }) {\n      // scaling helpers to convert real world values into pixels\n      const x = d3.scaleTime().range([0, dimensions.width]);\n      const y = d3.scaleLinear().range([dimensions.mainHeight, 0]);\n      const x2 = d3.scaleTime().range([0, dimensions.width]);\n      const y2 = d3.scaleLinear().range([dimensions.navHeight, 0]);\n\n      // setting the min and max values for the diagram axes\n      x.domain(d3.extent(extent.date));\n      y.domain(extent.waterlevel);\n      x2.domain(x.domain());\n      y2.domain(y.domain());\n\n      return { x, y, x2, y2 };\n    },\n    getAxes({ scale, dimensions }) {\n      const dFormat = date => {\n        // make the x-axis label formats dynamic, based on zoom\n        // but never display year numbers since they don't make any sense in\n        // this diagram\n        return (d3.timeSecond(date) < date\n          ? d3.timeFormat(\".%L\")\n          : d3.timeMinute(date) < date\n          ? d3.timeFormat(\":%S\")\n          : d3.timeHour(date) < date\n          ? d3.timeFormat(\"%H:%M\")\n          : d3.timeDay(date) < date\n          ? d3.timeFormat(\"%H:%M\")\n          : d3.timeMonth(date) < date\n          ? d3.timeWeek(date) < date\n            ? d3.timeFormat(app.$gettext(\"%a %d\"))\n            : d3.timeFormat(app.$gettext(\"%b %d\"))\n          : d3.timeFormat(\"%B\"))(date);\n      };\n      return {\n        x: d3\n          .axisTop(scale.x)\n          .tickSizeInner(dimensions.mainHeight)\n          .tickSizeOuter(0)\n          .tickFormat(dFormat),\n        y: d3\n          .axisRight(scale.y)\n          .tickSizeInner(dimensions.width)\n          .tickSizeOuter(0)\n          .tickFormat(d => this.$options.filters.waterlevel(d)),\n        yRight: d3\n          .axisRight(scale.y)\n          .tickSizeInner(3)\n          .tickSizeOuter(0)\n          .tickFormat(d => this.$options.filters.waterlevel(d)),\n        x2: d3.axisBottom(scale.x2).tickFormat(dFormat)\n      };\n    },\n    drawNowLines({ extent, diagram, scale, navigation }) {\n      const now = new Date();\n      const nowCoords = [\n        { x: now, y: extent.waterlevel[0] },\n        { x: now, y: extent.waterlevel[1] }\n      ];\n      const nowLine = d3\n        .line()\n        .x(d => scale.x(d.x))\n        .y(d => scale.y(d.y));\n      const nowLabel = selection => {\n        selection.attr(\n          \"transform\",\n          `translate(${scale.x(now)}, ${scale.y(extent.waterlevel[1])})`\n        );\n      };\n\n      // draw in main\n      diagram\n        .append(\"path\")\n        .datum(nowCoords)\n        .attr(\"class\", \"now-line\")\n        .attr(\"d\", nowLine);\n      diagram // label\n        .append(\"text\")\n        .text(this.$gettext(\"Now\"))\n        .attr(\"class\", \"now-line-label\")\n        .attr(\"text-anchor\", \"middle\")\n        .call(nowLabel);\n\n      // draw in nav\n      navigation\n        .append(\"path\")\n        .datum(nowCoords)\n        .attr(\"class\", \"now-line\")\n        .attr(\n          \"d\",\n          d3\n            .line()\n            .x(d => scale.x2(d.x))\n            .y(d => scale.y2(d.y))\n        );\n\n      return () => {\n        diagram.select(\".now-line\").attr(\"d\", nowLine);\n        diagram.select(\".now-line-label\").call(nowLabel);\n      };\n    },\n    drawAxes({ diagram, dimensions, axes, navigation }) {\n      diagram\n        .append(\"g\")\n        .attr(\"class\", \"axis--x\")\n        .attr(\"transform\", `translate(0, ${dimensions.mainHeight})`)\n        .call(axes.x)\n        .selectAll(\".tick text\")\n        .attr(\"y\", Math.floor(0.015 * dimensions.mainHeight));\n      diagram // label\n        .append(\"text\")\n        .text(this.$gettext(\"Waterlevel [m]\"))\n        .attr(\"text-anchor\", \"middle\")\n        .attr(\n          \"transform\",\n          `translate(${-0.05 *\n            Math.floor(dimensions.width)}, ${dimensions.mainHeight /\n            2}) rotate(-90)`\n        );\n      diagram\n        .append(\"g\")\n        .attr(\"class\", \"axis--y\")\n        .call(axes.y)\n        .selectAll(\".tick text\")\n        .attr(\"x\", -25);\n      diagram\n        .append(\"g\")\n        .attr(\"class\", \"axis--y-right\")\n        .attr(\"transform\", `translate(${dimensions.width})`)\n        .call(axes.yRight)\n        .selectAll(\".tick text\");\n\n      navigation\n        .append(\"g\")\n        .attr(\"class\", \"axis axis--x\")\n        .attr(\"transform\", `translate(0, ${dimensions.navHeight})`)\n        .call(axes.x2);\n\n      return () => {\n        diagram\n          .select(\".axis--x\")\n          .call(axes.x)\n          .selectAll(\".tick text\")\n          .attr(\"y\", 15);\n      };\n    },\n    drawWaterlevelMinMaxAreaChart({ scale, diagram, navigation }) {\n      const areaChart = isNav =>\n        d3\n          .area()\n          .x(d => scale[isNav ? \"x2\" : \"x\"](d.date))\n          .y0(d => scale[isNav ? \"y2\" : \"y\"](d.min))\n          .y1(d => scale[isNav ? \"y2\" : \"y\"](d.max));\n\n      diagram\n        .append(\"path\")\n        .datum(this.longtermWaterlevels)\n        .attr(\"class\", \"area\")\n        .attr(\"d\", areaChart());\n\n      navigation\n        .append(\"path\")\n        .datum(this.longtermWaterlevels)\n        .attr(\"class\", \"area\")\n        .attr(\"d\", areaChart(true));\n\n      return () => {\n        diagram.select(\".area\").attr(\"d\", areaChart());\n      };\n    },\n    drawWaterlevelLineChart({ type, data, scale, diagram }) {\n      const lineChart = type =>\n        d3\n          .line()\n          .x(d => scale.x(d.date))\n          .y(d => scale.y(d[type]))\n          .curve(d3.curveLinear);\n      diagram\n        .append(\"path\")\n        .attr(\"class\", \"line \" + type)\n        .datum(data || this.longtermWaterlevels)\n        .attr(\"d\", lineChart(type));\n\n      return () => {\n        diagram.select(\".line.\" + type).attr(\"d\", lineChart(type));\n      };\n    },\n    drawRefLines({ refWaterLevels, scale, diagram, extent }) {\n      const refWaterlevelLine = d3\n        .line()\n        .x(d => scale.x(d.x))\n        .y(d => scale.y(d.y));\n\n      for (let ref in refWaterLevels) {\n        if (refWaterLevels[ref]) {\n          diagram\n            .append(\"path\")\n            .datum([\n              { x: extent.date[0], y: refWaterLevels[ref] },\n              { x: extent.date[1], y: refWaterLevels[ref] }\n            ])\n            .attr(\"class\", ref.toLowerCase() + \"-line\")\n            .attr(\"d\", refWaterlevelLine);\n          diagram // label\n            .append(\"rect\")\n            .attr(\"class\", \"ref-waterlevel-label-background\")\n            .attr(\"x\", 1)\n            .attr(\"y\", scale.y(refWaterLevels[ref]) - 13)\n            .attr(\"width\", 55)\n            .attr(\"height\", 12);\n          diagram\n            .append(\"text\")\n            .text(\n              `${ref} (${this.$options.filters.waterlevel(\n                refWaterLevels[ref]\n              )})`\n            )\n            .attr(\"class\", \"ref-waterlevel-label\")\n            .attr(\"x\", 5)\n            .attr(\"y\", scale.y(refWaterLevels[ref]) - 3);\n        }\n      }\n    },\n    createZoom({\n      updaters,\n      eventRect,\n      dimensions,\n      scale,\n      svg,\n      navigation,\n      zoomLevel\n    }) {\n      const brush = d3\n        .brushX()\n        .handleSize(4)\n        .extent([\n          [0, 0],\n          [dimensions.width, dimensions.navHeight]\n        ]);\n\n      const zoom = d3\n        .zoom()\n        .scaleExtent([1, Infinity])\n        .translateExtent([\n          [0, 0],\n          [dimensions.width, dimensions.mainHeight]\n        ])\n        .extent([\n          [0, 0],\n          [dimensions.width, dimensions.mainHeight]\n        ]);\n\n      brush.on(\"brush end\", () => {\n        if (d3.event.sourceEvent && d3.event.sourceEvent.type === \"zoom\")\n          return; // ignore brush-by-zoom\n        let s = d3.event.selection || scale.x2.range();\n        scale.x.domain(s.map(scale.x2.invert, scale.x2));\n        updaters.forEach(u => u && u());\n        this.setInlineStyles(svg);\n        svg\n          .select(\".zoom\")\n          .call(\n            zoom.transform,\n            d3.zoomIdentity\n              .scale(dimensions.width / (s[1] - s[0]))\n              .translate(-s[0], 0)\n          );\n      });\n      let scaleForZoom = t => {\n        scale.x.domain(t.rescaleX(scale.x2).domain());\n        updaters.forEach(u => u && u());\n        this.setInlineStyles(svg);\n        navigation\n          .select(\".brush\")\n          .call(brush.move, scale.x.range().map(t.invertX, t));\n      };\n      zoom.on(\"zoom\", () => {\n        if (d3.event.sourceEvent && d3.event.sourceEvent.type === \"brush\")\n          return; // ignore zoom-by-brush\n        let t = d3.event.transform;\n        // Set the last zoom level and recalculate x,y for pdf-export\n        if (zoomLevel) {\n          const tx = (zoomLevel.x * dimensions.width) / zoomLevel.width;\n          const k = zoomLevel.k;\n          const ty = zoomLevel.y;\n          t = d3.zoomIdentity.translate(tx, ty).scale(k);\n        }\n        scaleForZoom(t);\n      });\n      zoom.on(\"start\", () => {\n        svg.select(\".chart-dot\").style(\"opacity\", 0);\n        svg.select(\".chart-tooltip\").style(\"opacity\", 0);\n      });\n      // store the zoom level after zomming is ended\n      if (!zoomLevel) {\n        zoom.on(\"end\", () => {\n          this.zoomStore = { ...d3.event.transform, width: dimensions.width };\n        });\n      }\n      navigation\n        .append(\"g\")\n        .attr(\"class\", \"brush\")\n        .call(brush)\n        .call(brush.move, scale.x.range());\n\n      eventRect.call(zoom);\n    },\n    createTooltips({ eventRect, diagram, scale, dimensions }) {\n      // create clippable container for the dot\n      diagram\n        .append(\"g\")\n        .attr(\"class\", \"chart-dots\")\n        .append(\"circle\")\n        .attr(\"class\", \"chart-dot\")\n        .attr(\"r\", 4);\n\n      // create container for the tooltip\n      const tooltip = diagram.append(\"g\").attr(\"class\", \"chart-tooltip\");\n      tooltip\n        .append(\"rect\")\n        .attr(\"rx\", \"0.25em\")\n        .attr(\"ry\", \"0.25em\");\n\n      // create container for multiple text rows\n      const tooltipText = tooltip.append(\"text\").attr(\"text-anchor\", \"middle\");\n\n      // padding inside the tooltip box and diagram padding to determine left\n      // and right offset from the diagram boundaries for the tooltip position.\n      const tooltipPadding = 10;\n      const diagramPadding = 5;\n\n      eventRect\n        .on(\"mouseover\", () => {\n          diagram.select(\".chart-dot\").style(\"opacity\", 1);\n          diagram.select(\".chart-tooltip\").style(\"opacity\", 1);\n        })\n        .on(\"mouseout\", () => {\n          diagram.select(\".chart-dot\").style(\"opacity\", 0);\n          diagram.select(\".chart-tooltip\").style(\"opacity\", 0);\n        })\n        .on(\"mousemove\", () => {\n          // find data point closest to mouse\n          const x0 = scale.x.invert(\n              d3.mouse(document.getElementById(\"zoom-hydrocond\"))[0]\n            ),\n            i = d3.bisector(d => d.date).left(this.longtermWaterlevels, x0, 1),\n            d0 = this.longtermWaterlevels[i - 1],\n            d1 = this.longtermWaterlevels[i] || d0,\n            d = x0 - d0.date > d1.date - x0 ? d1 : d0;\n\n          const coords = {\n            x: scale.x(d.date),\n            y: scale.y(d.median)\n          };\n\n          // position the dot\n          diagram\n            .select(\".chart-dot\")\n            .style(\"opacity\", 1)\n            .attr(\"transform\", `translate(${coords.x}, ${coords.y})`);\n\n          // remove current texts\n          tooltipText.selectAll(\"tspan\").remove();\n\n          // write date\n          tooltipText\n            .append(\"tspan\")\n            .attr(\"dominant-baseline\", \"hanging\")\n            .attr(\"text-anchor\", \"middle\")\n            .text(\n              d.date.toLocaleString([], {\n                year: \"2-digit\",\n                month: \"2-digit\",\n                day: \"2-digit\"\n              })\n            );\n\n          tooltipText\n            .append(\"tspan\")\n            .attr(\"x\", 0)\n            .attr(\"y\", 0)\n            .attr(\"dy\", \"1.4em\")\n            .attr(\"dominant-baseline\", \"hanging\")\n            .attr(\"text-anchor\", \"middle\")\n            .text(`Q75%: ${this.$options.filters.waterlevel(d.q75)} m`);\n          tooltipText\n            .append(\"tspan\")\n            .attr(\"x\", 0)\n            .attr(\"y\", 0)\n            .attr(\"dy\", \"2.6em\")\n            .attr(\"dominant-baseline\", \"hanging\")\n            .attr(\"text-anchor\", \"middle\")\n            .text(`Median: ${this.$options.filters.waterlevel(d.median)} m`);\n          tooltipText\n            .append(\"tspan\")\n            .attr(\"x\", 0)\n            .attr(\"y\", 0)\n            .attr(\"dy\", \"3.8em\")\n            .attr(\"dominant-baseline\", \"hanging\")\n            .attr(\"text-anchor\", \"middle\")\n            .text(`Q25%: ${this.$options.filters.waterlevel(d.q25)} m`);\n          tooltipText\n            .append(\"tspan\")\n            .attr(\"x\", 0)\n            .attr(\"y\", 0)\n            .attr(\"dy\", \"5em\")\n            .attr(\"dominant-baseline\", \"hanging\")\n            .attr(\"text-anchor\", \"middle\")\n            .text(`Max: ${this.$options.filters.waterlevel(d.max)} m`);\n          tooltipText\n            .append(\"tspan\")\n            .attr(\"x\", 0)\n            .attr(\"y\", 0)\n            .attr(\"dy\", \"6.2em\")\n            .attr(\"dominant-baseline\", \"hanging\")\n            .attr(\"text-anchor\", \"middle\")\n            .text(`Min: ${this.$options.filters.waterlevel(d.min)} m`);\n\n          const dYear = this.yearWaterlevels.find(\n            ywl => ywl.date.getTime() === d.date.getTime()\n          );\n          if (dYear) {\n            if (!this.yearCompareD) return;\n            tooltipText\n              .append(\"tspan\")\n              .attr(\"x\", 0)\n              .attr(\"y\", 0)\n              .attr(\"dy\", \"7.4em\")\n              .attr(\"dominant-baseline\", \"hanging\")\n              .attr(\"text-anchor\", \"middle\")\n              .text(`${this.yearCompareD}: ${dYear.mean.toFixed(1)} cm`);\n          }\n\n          // get text dimensions\n          const textBBox = tooltipText.node().getBBox();\n\n          diagram\n            .selectAll(\".chart-tooltip text tspan\")\n            .attr(\"x\", textBBox.width / 2 + tooltipPadding)\n            .attr(\"y\", tooltipPadding);\n\n          // position and scale tooltip box\n          const xMax =\n            dimensions.width -\n            (textBBox.width + diagramPadding + tooltipPadding * 2);\n          const tooltipX = Math.max(\n            diagramPadding,\n            Math.min(coords.x - (textBBox.width + tooltipPadding * 2) / 2, xMax)\n          );\n          let tooltipY = coords.y - (textBBox.height + tooltipPadding * 2) - 10;\n          if (coords.y < textBBox.height + tooltipPadding * 2) {\n            tooltipY = coords.y + 10;\n          }\n\n          diagram\n            .select(\".chart-tooltip\")\n            .style(\"opacity\", 1)\n            .attr(\"transform\", `translate(${tooltipX}, ${tooltipY})`)\n            .select(\"rect\")\n            .attr(\"width\", textBBox.width + tooltipPadding * 2)\n            .attr(\"height\", textBBox.height + tooltipPadding * 2);\n        });\n    }\n  },\n  created() {\n    this.resizeListenerFunction = debounce(this.drawDiagram, 100);\n    window.addEventListener(\"resize\", this.resizeListenerFunction);\n  },\n  mounted() {\n    // Nasty but necessary if we don't want to use the updated hook to re-draw\n    // the diagram because this would re-draw it also for irrelevant reasons.\n    // In this case we need to wait for the child component (DiagramLegend) to\n    // render. According to the docs (https://vuejs.org/v2/api/#mounted) this\n    // should be possible with $nextTick() but it doesn't work because it does\n    // not guarantee that the DOM is not only updated but also re-painted on the\n    // screen.\n    setTimeout(this.drawDiagram, 150);\n    this.initialDiagramValues();\n    this.templates[0] = this.defaultTemplate;\n    this.form.template = this.templates[0];\n    this.templateData = this.form.template;\n    HTTP.get(\"/templates/diagram\", {\n      headers: {\n        \"X-Gemma-Auth\": localStorage.getItem(\"token\"),\n        \"Content-type\": \"text/xml; charset=UTF-8\"\n      }\n    })\n      .then(response => {\n        if (response.data.length) {\n          this.templates = response.data;\n          this.form.template = this.templates[0];\n          this.templates[this.templates.length] = this.defaultTemplate;\n          this.applyChange();\n        }\n      })\n      .catch(error => {\n        let message = \"Backend not reachable\";\n        if (error.response) {\n          const { status, data } = error.response;\n          message = `${status}: ${data.message || data}`;\n        }\n        displayError({\n          title: this.$gettext(\"Backend Error\"),\n          message: message\n        });\n      });\n  },\n  destroyed() {\n    window.removeEventListener(\"resize\", this.resizeListenerFunction);\n  }\n};\n</script>\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!./HydrologicalConditions.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!./HydrologicalConditions.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./HydrologicalConditions.vue?vue&type=template&id=6982f8e6\"\nimport script from \"./HydrologicalConditions.vue?vue&type=script&lang=js\"\nexport * from \"./HydrologicalConditions.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","const defaultDiagramTemplate = {\n  name: \"Default\",\n  properties: {\n    paperSize: \"a4\"\n  },\n  elements: [\n    {\n      type: \"diagramtitle\",\n      position: \"topleft\",\n      offset: { x: 74, y: 25 },\n      fontsize: 20,\n      color: \"steelblue\"\n    },\n    {\n      type: \"diagram\",\n      position: \"topleft\",\n      offset: { x: 24, y: 40 },\n      width: 248,\n      height: 119\n    },\n    {\n      type: \"diagramlegend\",\n      position: \"topleft\",\n      offset: { x: 44, y: 167 },\n      color: \"black\"\n    }\n  ]\n};\n\nexport { defaultDiagramTemplate };\n"],"sourceRoot":""}