{"version":3,"sources":["webpack:///./src/components/layers/LegendElement.vue?7f39","webpack:///./src/components/layers/LegendElement.vue","webpack:///src/components/layers/LegendElement.vue","webpack:///./src/components/layers/LegendElement.vue?a7d4","webpack:///./src/components/layers/LegendElement.vue?cc9c","webpack:///./src/assets/fm_legend.svg"],"names":["render","_vm","this","_c","_self","staticClass","attrs","id","layer","get","isVectorLayer","_e","key","staticStyle","require","imgSrc","staticRenderFns","props","data","myMap","src","url","computed","_objectSpread","mapState","getType","toLowerCase","replace","mstyle","getStyle","watch","ongoingRefresh","recreateLayers","loadImageSrc","newStyle","oldStyle","mounted","initMap","getSource","getParams","LAYERS","methods","_this","HTTP","headers","localStorage","getItem","responseType","then","response","URL","createObjectURL","vector","createVectorLayer","removeLayer","getLayers","getArray","addLayer","Map","layers","target","controls","interactions","view","View","enableRotation","center","zoom","projection","feature","mapStyle","Feature","geometry","Polygon","Style","stroke","Stroke","color","getStroke","getColor","width","fill","Fill","getFill","LineString","legendStyle","setGeometry","Point","getStyleFunction","resolution","set","VectorLayer","source","VectorSource","features","wrapX","style","component","module","exports"],"mappings":"2IAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,gBAAgBC,MAAM,CAAC,GAAKL,EAAIM,KAAK,CAA0B,iBAAxBN,EAAIO,MAAMC,IAAI,MAA0BN,EAAG,MAAM,CAAGF,EAAIS,cAAuIT,EAAIU,KAA5HR,EAAG,MAAM,CAACS,IAAIX,EAAIM,GAAGM,YAAY,CAAC,OAAS,SAAS,QAAU,QAAQP,MAAM,CAAC,IAAMQ,EAAQ,aAAwCX,EAAG,MAAM,CAAGF,EAAIS,cAAgHT,EAAIU,KAArGR,EAAG,MAAM,CAACS,IAAIX,EAAIM,GAAGM,YAAY,CAAC,OAAS,SAAS,QAAU,QAAQP,MAAM,CAAC,IAAML,EAAIc,eAE5bC,EAAkB,G,8xBC6CP,OACfC,MAAA,UACAC,KAAA,WACA,OACAC,MAAA,KACAC,IAAA,KACAC,IAAA,OAGAC,SAAAC,IAAA,GACAC,eAAA,wCACAd,cAAA,WACA,sBAAAF,MAAAiB,WAEAV,OAAA,WAIA,YAAAK,KAEAb,GAAA,WACA,MACA,iBACA,KAAAC,MACAC,IAAA,SACAiB,cACAC,QAAA,WAGAC,OAAA,WACA,QAAApB,OAAA,KAAAA,MAAAqB,SACA,YAAArB,MAAAqB,cAIAC,MAAA,CACAC,eAAA,WACA,KAAAA,gBAEA,uBAAAvB,MAAAC,IAAA,OACA,qBAAAD,MAAAC,IAAA,OACA,2BAAAD,MAAAC,IAAA,OACA,qBAAAD,MAAAC,IAAA,QAKA,KAAAC,cACA,KAAAsB,iBAEA,KAAAC,iBAGAL,OAAA,SAAAM,EAAAC,GAEAA,GACA,KAAAH,mBAIAI,QAAA,WACA,kBAAA5B,MAAAiB,UACA,KAAAY,cACA,CACA,GACA,uBAAA7B,MAAAC,IAAA,OACA,qBAAAD,MAAAC,IAAA,OACA,2BAAAD,MAAAC,IAAA,OACA,qBAAAD,MAAAC,IAAA,MAGA,OAEA,2BAAAD,MAAAC,IAAA,MACA,KAAAY,IACA,kGACA,KAAAb,MAAA8B,YAAAC,YAAAC,OAAA,oDAGA,KAAAnB,IACA,8GACA,KAAAb,MAAA8B,YAAAC,YAAAC,OAAA,sEAIA,KAAAP,iBAGAQ,QAAA,CACAR,aAAA,eAAAS,EAAA,KACAC,OAAAlC,IAAA,KAAAY,IAAA,CACAuB,QAAA,CACA,eAAAC,aAAAC,QAAA,UAEAC,aAAA,SACAC,MAAA,SAAAC,GACAP,EAAAtB,IAAA8B,IAAAC,gBAAAF,EAAA/B,UAGAc,eAAA,WACA,IAAAoB,EAAA,KAAAC,oBAEA,KAAAlC,MAAAmC,YAAA,KAAAnC,MAAAoC,YAAAC,WAAA,IAEA,KAAArC,MAAAsC,SAAAL,IAEAf,QAAA,WACA,IAAAe,EAAA,KAAAC,oBAEA,KAAAlC,MAAA,IAAAuC,OAAA,CACAC,OAAA,CAAAP,GACAQ,OAAA,KAAArD,GACAsD,SAAA,GACAC,aAAA,GACAC,KAAA,IAAAC,OAAA,CACAC,gBAAA,EACAC,OAAA,MACAC,KAAA,EACAC,WAAA,iBAIAf,kBAAA,WACA,IACAgB,EADAC,EAAA,KAAA9D,MAAAqB,WAGA,qBAAArB,MAAAC,IAAA,OACA4D,EAAA,IAAAE,OAAA,CACAC,SAAA,IAAAC,OAAA,CACA,CACA,YACA,UACA,UACA,eAIA,oBAAAH,IACAA,OAEAA,EAAA,IAAAI,OAAA,CACAC,OAAA,IAAAC,OAAA,CACAC,MAAAP,EAAAQ,YAAAC,WAEAC,MAAA,IAEAC,KAAA,IAAAC,OAAA,CACAL,MAAAP,EAAAa,UAAAJ,gBAIAV,EAAA,IAAAE,OAAA,CACAC,SAAA,IAAAY,OAAA,CACA,QACA,MACA,UAMA,IAAAC,EAAA,KAAA7E,MAAAC,IAAA,kBAiBA,OAhBA4E,IACAA,GACAhB,EAAAiB,YAAA,IAAAC,OAAA,QAEAjB,EAAA,KAAA9D,MAAAgF,kBAAA,CACAnB,EACAgB,EAAAI,YACA,IAQApB,EAAAqB,IAAA,uBACA,IAAAC,OAAA,CACAC,OAAA,IAAAC,OAAA,CACAC,SAAA,CAAAzB,GACA0B,OAAA,IAEAC,MAAA1B,OCtOqW,I,wBCQjW2B,EAAY,eACd,EACAjG,EACAgB,GACA,EACA,KACA,WACA,MAIa,aAAAiF,E,gCCnBfC,EAAOC,QAAU,IAA0B","file":"js/chunk-63b7b764.f1e256d2.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LegendElement.vue?vue&type=style&index=0&id=68b7b950&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"legendelement\",attrs:{\"id\":_vm.id}},[(_vm.layer.get('id') === 'FAIRWAYMARKS')?_c('div',[(!_vm.isVectorLayer)?_c('img',{key:_vm.id,staticStyle:{\"margin\":\"0 auto\",\"display\":\"flex\"},attrs:{\"src\":require(\"@/assets/fm_legend.svg\")}}):_vm._e()]):_c('div',[(!_vm.isVectorLayer)?_c('img',{key:_vm.id,staticStyle:{\"margin\":\"0 auto\",\"display\":\"flex\"},attrs:{\"src\":_vm.imgSrc}}):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :id=\"id\" class=\"legendelement\">\n    <div v-if=\"layer.get('id') === 'FAIRWAYMARKS'\">\n      <img\n        v-if=\"!isVectorLayer\"\n        style=\"margin: 0 auto;display: flex;\"\n        src=\"@/assets/fm_legend.svg\"\n        :key=\"id\"\n      />\n    </div>\n    <div v-else=\"\">\n      <img\n        v-if=\"!isVectorLayer\"\n        style=\"margin: 0 auto;display: flex;\"\n        :src=\"imgSrc\"\n        :key=\"id\"\n      />\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) 2018 by via donau\n *   – Österreichische Wasserstraßen-Gesellschaft mbH\n * Software engineering by Intevation GmbH\n *\n * Author(s):\n * Thomas Junk <thomas.junk@intevation.de>\n */\nimport { mapState } from \"vuex\";\n\nimport { Map, View } from \"ol\";\nimport Feature from \"ol/Feature\";\nimport { Vector as VectorLayer } from \"ol/layer\";\nimport { Vector as VectorSource } from \"ol/source\";\nimport Polygon from \"ol/geom/Polygon\";\nimport LineString from \"ol/geom/LineString\";\nimport Point from \"ol/geom/Point\";\nimport { HTTP } from \"@/lib/http\";\nimport { Stroke, Style, Fill } from \"ol/style\";\n\nexport default {\n  props: [\"layer\"],\n  data: function() {\n    return {\n      myMap: null,\n      src: null,\n      url: null\n    };\n  },\n  computed: {\n    ...mapState(\"map\", [\"layers\", \"ongoingRefresh\"]),\n    isVectorLayer() {\n      return this.layer.getType() === \"VECTOR\";\n    },\n    imgSrc() {\n      // if (this.layer.get(\"id\") === \"DISTANCEMARKSAXIS\") {\n      //   return require(\"@/assets/distancemarks-axis.png\");\n      // }\n      return this.src;\n    },\n    id() {\n      return (\n        \"legendelement-\" +\n        this.layer\n          .get(\"label\")\n          .toLowerCase()\n          .replace(/\\s/g, \"\")\n      );\n    },\n    mstyle() {\n      if (this.layer && this.layer.getStyle) {\n        return this.layer.getStyle();\n      }\n    }\n  },\n  watch: {\n    ongoingRefresh() {\n      if (this.ongoingRefresh) return;\n      if (\n        this.layer.get(\"id\") === \"OPENSTREETMAP\" ||\n        this.layer.get(\"id\") === \"INLANDECDIS\" ||\n        this.layer.get(\"id\") === \"BOTTLENECKISOLINE\" ||\n        this.layer.get(\"id\") === \"DIFFERENCES\"\n      ) {\n        // TODO: Do something useful?\n        return;\n      }\n      if (this.isVectorLayer) {\n        this.recreateLayers();\n      } else {\n        this.loadImageSrc();\n      }\n    },\n    mstyle(newStyle, oldStyle) {\n      // only recreate if there already was a style before\n      if (oldStyle) {\n        this.recreateLayers();\n      }\n    }\n  },\n  mounted() {\n    if (this.layer.getType() == \"VECTOR\") {\n      this.initMap();\n    } else {\n      if (\n        this.layer.get(\"id\") === \"OPENSTREETMAP\" ||\n        this.layer.get(\"id\") === \"INLANDECDIS\" ||\n        this.layer.get(\"id\") === \"BOTTLENECKISOLINE\" ||\n        this.layer.get(\"id\") === \"DIFFERENCES\"\n      ) {\n        // TODO: Do something useful?\n        return;\n      }\n      if (this.layer.get(\"id\") !== \"DISTANCEMARKSAXIS\") {\n        this.url =\n          `/internal/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=` +\n          this.layer.getSource().getParams().LAYERS +\n          `&legend_options=columns:4%3BfontAntiAliasing:true`;\n      } else {\n        this.url =\n          `/internal/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&SCALE=80000&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=` +\n          this.layer.getSource().getParams().LAYERS +\n          `&legend_options=columns:1%3BfontAntiAliasing:true%3BforceLabels:off`;\n      }\n\n      this.loadImageSrc();\n    }\n  },\n  methods: {\n    loadImageSrc() {\n      HTTP.get(this.url, {\n        headers: {\n          \"X-Gemma-Auth\": localStorage.getItem(\"token\")\n        },\n        responseType: \"blob\"\n      }).then(response => {\n        this.src = URL.createObjectURL(response.data);\n      });\n    },\n    recreateLayers() {\n      let vector = this.createVectorLayer();\n\n      this.myMap.removeLayer(this.myMap.getLayers().getArray()[0]);\n\n      this.myMap.addLayer(vector);\n    },\n    initMap() {\n      let vector = this.createVectorLayer();\n\n      this.myMap = new Map({\n        layers: [vector],\n        target: this.id,\n        controls: [],\n        interactions: [],\n        view: new View({\n          enableRotation: false,\n          center: [0, 0],\n          zoom: 3,\n          projection: \"EPSG:4326\"\n        })\n      });\n    },\n    createVectorLayer() {\n      let mapStyle = this.layer.getStyle();\n      let feature;\n      // show bottleneck legend as polygon\n      if (this.layer.get(\"id\") === \"BOTTLENECKS\") {\n        feature = new Feature({\n          geometry: new Polygon([\n            [\n              [-1.7, -1.2],\n              [-1.7, 0.5],\n              [1.7, 1.2],\n              [1.7, -0.5]\n            ]\n          ])\n        });\n        if (typeof mapStyle === \"function\") {\n          mapStyle = mapStyle();\n        }\n        mapStyle = new Style({\n          stroke: new Stroke({\n            color: mapStyle.getStroke().getColor(),\n            // reduce the stroke width for better layout in map legend.\n            width: 2\n          }),\n          fill: new Fill({\n            color: mapStyle.getFill().getColor()\n          })\n        });\n      } else {\n        feature = new Feature({\n          geometry: new LineString([\n            [-1, -1],\n            [0, 0],\n            [1, 1]\n          ])\n        });\n      }\n      // special case if we need to call the style function with a special\n      // parameter or to detect a point layer\n      let legendStyle = this.layer.get(\"forLegendStyle\");\n      if (legendStyle) {\n        if (legendStyle) {\n          feature.setGeometry(new Point([0, 0]));\n        }\n        mapStyle = this.layer.getStyleFunction()(\n          feature,\n          legendStyle.resolution,\n          true\n        );\n      }\n\n      // we could add extra properties here, if they are needed for\n      // the styling function in the future. An idea is to extend the\n      // this.layer[\"forLegendStyle\"] for it.\n      // FIXME, this is a special case for the Fairway Dimensions style\n      feature.set(\"level_of_service\", \"\");\n      return new VectorLayer({\n        source: new VectorSource({\n          features: [feature],\n          wrapX: false\n        }),\n        style: mapStyle\n      });\n    }\n  }\n};\n</script>\n\n<style scoped>\n.legendelement {\n  max-height: 1.5rem;\n  width: 2rem;\n  overflow: hidden;\n}\n</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!./LegendElement.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!./LegendElement.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./LegendElement.vue?vue&type=template&id=68b7b950&scoped=true\"\nimport script from \"./LegendElement.vue?vue&type=script&lang=js\"\nexport * from \"./LegendElement.vue?vue&type=script&lang=js\"\nimport style0 from \"./LegendElement.vue?vue&type=style&index=0&id=68b7b950&prod&scoped=true&lang=css\"\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  \"68b7b950\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/fm_legend.8aab051a.svg\";"],"sourceRoot":""}