{"version":3,"sources":["webpack:///./src/components/Contextbox.vue","webpack:///src/components/Contextbox.vue","webpack:///./src/components/Contextbox.vue?89af","webpack:///./src/components/Contextbox.vue?84be","webpack:///./src/components/Contextbox.vue?f201"],"names":["render","_vm","this","_c","_self","class","style","contextBoxContent","staticStyle","_e","staticRenderFns","name","components","Bottlenecks","Stretches","Sections","ImportOverview","ImportConfiguration","computed","_objectSpread","mapState","contextboxcollapsed","showContextBox","contextboxextended","contextboxbottlenecks","rounded","methods","close","$store","commit","showSearchbarLastState","$router","push","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAMJ,EAAIK,OAAO,CAA4B,gBAA1BL,EAAIM,kBAAqCJ,EAAG,cAAc,CAACK,YAAY,CAAC,YAAY,WAAWP,EAAIQ,KAAKN,EAAG,aAAa,CAA4B,YAA1BF,EAAIM,kBAAiCJ,EAAG,UAAU,CAACK,YAAY,CAAC,YAAY,WAAWP,EAAIQ,KAAgC,cAA1BR,EAAIM,kBAAmCJ,EAAG,YAAY,CAACK,YAAY,CAAC,YAAY,WAAWP,EAAIQ,KAAgC,aAA1BR,EAAIM,kBAAkCJ,EAAG,WAAW,CAACK,YAAY,CAAC,YAAY,WAAWP,EAAIQ,KAAgC,wBAA1BR,EAAIM,kBAA6CJ,EAAG,sBAAsB,CAACK,YAAY,CAAC,YAAY,WAAWP,EAAIQ,MAAM,GAA8B,mBAA1BR,EAAIM,kBAAwCJ,EAAG,iBAAiB,CAACK,YAAY,CAAC,YAAY,WAAWP,EAAIQ,MAAM,IAE3uBC,EAAkB,G,ooBC6CP,OACfC,KAAA,aACAC,WAAA,CACAC,YAAA,8HACAC,UAAA,8HACAC,SAAA,8HACAC,eAAA,8HACAC,oBAAA,+HAEAC,SAAAC,IAAA,GACAC,eAAA,eACA,yBACA,oBACA,oBACA,IACAd,MAAA,WACA,OACA,kCACA,CACAe,qBAAA,KAAAC,eACAC,mBACA,KAAAD,gBAAA,qBAAAf,kBACAiB,sBACA,KAAAF,gBAAA,qBAAAf,kBACA,kCAAAA,kBACAkB,QAAA,iBAAAlB,uBAKAmB,QAAA,CACAC,MAAA,WACA,KAAAC,OAAAC,OAAA,0BACA,KAAAD,OAAAC,OAAA,8BACA,KAAAD,OAAAC,OAAA,iCACA,KAAAD,OAAAC,OAAA,uBACA,KAAAD,OAAAC,OACA,4BACA,KAAAC,wBAEA,KAAAC,QAAAC,KAAA,QCvFmV,I,wBCQ/UC,EAAY,eACd,EACAjC,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAAuB,E,2CCnBf","file":"js/chunk-2acce5f9.23aae128.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:_vm.style},[(_vm.contextBoxContent === 'bottlenecks')?_c('Bottlenecks',{staticStyle:{\"min-width\":\"650px\"}}):_vm._e(),_c('keep-alive',[(_vm.contextBoxContent === 'staging')?_c('Staging',{staticStyle:{\"min-width\":\"850px\"}}):_vm._e(),(_vm.contextBoxContent === 'stretches')?_c('Stretches',{staticStyle:{\"min-width\":\"850px\"}}):_vm._e(),(_vm.contextBoxContent === 'sections')?_c('Sections',{staticStyle:{\"min-width\":\"850px\"}}):_vm._e(),(_vm.contextBoxContent === 'importconfiguration')?_c('ImportConfiguration',{staticStyle:{\"min-width\":\"850px\"}}):_vm._e()],1),(_vm.contextBoxContent === 'importoverview')?_c('ImportOverview',{staticStyle:{\"min-width\":\"850px\"}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"style\">\n    <Bottlenecks\n      style=\"min-width: 650px\"\n      v-if=\"contextBoxContent === 'bottlenecks'\"\n    />\n    <keep-alive>\n      <Staging\n        style=\"min-width: 850px\"\n        v-if=\"contextBoxContent === 'staging'\"\n      />\n      <Stretches\n        style=\"min-width: 850px\"\n        v-if=\"contextBoxContent === 'stretches'\"\n      />\n      <Sections\n        style=\"min-width: 850px\"\n        v-if=\"contextBoxContent === 'sections'\"\n      />\n      <ImportConfiguration\n        style=\"min-width: 850px\"\n        v-if=\"contextBoxContent === 'importconfiguration'\"\n      />\n    </keep-alive>\n    <ImportOverview\n      style=\"min-width: 850px\"\n      v-if=\"contextBoxContent === 'importoverview'\"\n    />\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 * Markus Kottländer <markus.kottlaender@intevation.de>\n */\nimport { mapState } from \"vuex\";\n\nexport default {\n  name: \"contextbox\",\n  components: {\n    Bottlenecks: () => import(\"@/components/Bottlenecks\"),\n    Stretches: () => import(\"@/components/stretches/Stretches\"),\n    Sections: () => import(\"@/components/sections/Sections\"),\n    ImportOverview: () => import(\"@/components/importoverview/ImportOverview\"),\n    ImportConfiguration: () => import(\"@/components/importconfiguration/Import\")\n  },\n  computed: {\n    ...mapState(\"application\", [\n      \"showSearchbarLastState\",\n      \"contextBoxContent\",\n      \"showContextBox\"\n    ]),\n    style() {\n      return [\n        \"ui-element shadow-xs contextbox\",\n        {\n          contextboxcollapsed: !this.showContextBox,\n          contextboxextended:\n            this.showContextBox && this.contextBoxContent !== \"bottlenecks\",\n          contextboxbottlenecks:\n            this.showContextBox && this.contextBoxContent === \"bottlenecks\",\n          \"rounded-bottom\": this.contextBoxContent !== \"imports\",\n          rounded: this.contextBoxContent === \"imports\"\n        }\n      ];\n    }\n  },\n  methods: {\n    close() {\n      this.$store.commit(\"map/mapPopupEnabled\", true);\n      this.$store.commit(\"application/searchQuery\", \"\");\n      this.$store.commit(\"application/showContextBox\", false);\n      this.$store.commit(\"map/reviewActive\", false);\n      this.$store.commit(\n        \"application/showSearchbar\",\n        this.showSearchbarLastState\n      );\n      this.$router.push(\"/\");\n    }\n  }\n};\n</script>\n\n<style scoped>\n.contextbox {\n  position: relative;\n  background-color: #ffffff;\n  opacity: var(--slight-transparent);\n  transition: max-width 0.3s, max-height 0.3s;\n  overflow: hidden;\n  background: #fff;\n}\n\n.contextboxcollapsed {\n  max-width: 0;\n  max-height: 0;\n}\n\n.contextboxextended {\n  max-width: 858px;\n  transition: 0.1s;\n  transition-timing-function: ease;\n}\n\n.contextboxbottlenecks {\n  max-width: 650px;\n  transition: 0.1s;\n  transition-timing-function: ease;\n}\n\n.close-contextbox {\n  position: absolute;\n  z-index: 2;\n  right: 0;\n  top: 7px;\n  height: var(--icon-width);\n  width: var(--icon-height);\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!./Contextbox.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!./Contextbox.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Contextbox.vue?vue&type=template&id=11639511&scoped=true\"\nimport script from \"./Contextbox.vue?vue&type=script&lang=js\"\nexport * from \"./Contextbox.vue?vue&type=script&lang=js\"\nimport style0 from \"./Contextbox.vue?vue&type=style&index=0&id=11639511&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  \"11639511\",\n  null\n  \n)\n\nexport default component.exports","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!./Contextbox.vue?vue&type=style&index=0&id=11639511&prod&scoped=true&lang=css\""],"sourceRoot":""}