{"version":3,"sources":["webpack:///./src/pages/MapPage/Map/MapZoomNavigation.vue?3dba","webpack:///./src/pages/MapPage/Map/MapZoomNavigation.vue","webpack:///src/pages/MapPage/Map/MapZoomNavigation.vue","webpack:///./src/pages/MapPage/Map/MapZoomNavigation.vue?c0e0","webpack:///./src/pages/MapPage/Map/MapZoomNavigation.vue?61d4"],"names":["attrs","scopedSlots","_u","fn","on","_vm","render","staticRenderFns","component"],"mappings":"2IAAA,W,2GCAoH,W,IAAkB,OAAE,EAAK,QAAU,G,OAAO,EAAC,O,YAAU,c,YAAG,CAAiB,qBAAoBA,GAAK,OAAC,C,MAAC,CAAU,UAACC,cAAgBC,M,CAAqBC,EAAE,OAAFA,C,MAAmB,C,KAAC,I,YAA2D,O,4BAAoB,G,IAAwB,O,MAAe,gBAACC,YAAG,c,MAAC,C,MAAgCC,WAAY,wBAAC,cAAyC,IAAG,kBAAO,OAAW,EAAI,YAA2D,sC,CAA2B,SAAO,gCAAE,YAAC,CAACJ,OAAW,SAA0BE,EAAE,OAAFA,C,MAAmB,C,KAAC,I,YAA2D,O,4BAAmB,G,IAAuB,IAAW,G,MAAI,gBAACC,YAAG,c,MAAC,C,MAAgCC,UAAa,uBAAC,cAA4C,IAAG,kBAAO,OAAW,EAAI,aAIn4BC,GAAM,CAAEC,YAAe,yB,6FCyBhC,GACA,yBACA,gBACA,OACA,qBAGA,OACA,iBAEA,wBADA,EACA,yBAEA,yBAIA,2BACA,0BAEA,SACA,kBACA,6BAEA,mBACA,8BAEA,oBACA,mEACA,6CACA,0BACA,+BAEA,cAIA,mBACA,kBClEwX,I,wBCQpXC,EAAY,eACd,EACA,EACAD,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-3cdf7801.f98380a8.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!./MapZoomNavigation.vue?vue&type=style&index=0&id=1169d593&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"elevation-4\",staticStyle:{\"margin-top\":\"6px\"}},[_c('v-layout',{attrs:{\"column\":\"\",\"data-v-step\":\"7\"}},[_c('v-tooltip',{attrs:{\"left\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-btn',_vm._g({staticClass:\"zoom-button\",attrs:{\"label\":\"Zoom inn\",\"aria-label\":\"Zoom inn\",\"depressed\":\"\"},on:{\"click\":function($event){return _vm.zoomIn()}}},on),[_c('v-icon',[_vm._v(\"add\")])],1)]}}])},[_c('span',[_vm._v(\"Zoom inn\")])]),_c('v-divider',{staticStyle:{\"margin\":\"0px\"}}),_c('v-tooltip',{attrs:{\"left\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-btn',_vm._g({staticClass:\"zoom-button\",attrs:{\"label\":\"Zoom ut\",\"aria-label\":\"Zoom ut\",\"depressed\":\"\"},on:{\"click\":function($event){return _vm.zoomOut()}}},on),[_c('v-icon',[_vm._v(\"remove\")])],1)]}}])},[_c('span',[_vm._v(\"Zoom ut\")])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"elevation-4\" style=\"margin-top: 6px;\">\r\n <v-layout column data-v-step=\"7\">\r\n <v-tooltip left>\r\n <template v-slot:activator=\"{ on }\">\r\n <v-btn label=\"Zoom inn\"\r\n aria-label=\"Zoom inn\" v-on=\"on\" class=\"zoom-button\" depressed @click=\"zoomIn()\">\r\n <v-icon>add</v-icon>\r\n </v-btn>\r\n </template>\r\n <span>Zoom inn</span>\r\n </v-tooltip>\r\n <v-divider style=\"margin: 0px;\"></v-divider>\r\n <v-tooltip left>\r\n <template v-slot:activator=\"{ on }\">\r\n <v-btn label=\"Zoom ut\"\r\n aria-label=\"Zoom ut\" class=\"zoom-button\" depressed v-on=\"on\" @click=\"zoomOut()\">\r\n <v-icon>remove</v-icon>\r\n </v-btn>\r\n </template>\r\n <span>Zoom ut</span>\r\n </v-tooltip>\r\n </v-layout>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from \"vuex\";\r\nimport { loadModules } from \"esri-loader\";\r\nexport default {\r\n name: \"MapZoomNavigation\",\r\n data: function() {\r\n return {\r\n zoomViewModel: null\r\n };\r\n },\r\n watch: {\r\n is3d: function(newVal) {\r\n if (newVal) {\r\n this.zoomViewModel.view = this.$theSceneViewObject;\r\n } else {\r\n this.zoomViewModel.view = this.$theMapViewObject;\r\n }\r\n }\r\n },\r\n computed: {\r\n ...mapState([\"is3d\"])\r\n },\r\n methods: {\r\n zoomIn: function() {\r\n this.zoomViewModel.zoomIn();\r\n },\r\n zoomOut: function() {\r\n this.zoomViewModel.zoomOut();\r\n },\r\n loadZoom: function() {\r\n loadModules([\"esri/widgets/Zoom/ZoomViewModel\"]).then(\r\n function([ZoomViewModel]) {\r\n this.zoomViewModel = new ZoomViewModel({\r\n view: this.$theMapViewObject\r\n });\r\n }.bind(this)\r\n );\r\n }\r\n },\r\n mounted() {\r\n this.loadZoom();\r\n }\r\n};\r\n</script>\r\n\r\n<style>\r\n.zoom-button {\r\n max-width: 34px !important;\r\n min-width: 34px !important;\r\n max-height: 34px !important;\r\n margin: 0px;\r\n}\r\n</style>\r\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!./MapZoomNavigation.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!./MapZoomNavigation.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MapZoomNavigation.vue?vue&type=template&id=1169d593\"\nimport script from \"./MapZoomNavigation.vue?vue&type=script&lang=js\"\nexport * from \"./MapZoomNavigation.vue?vue&type=script&lang=js\"\nimport style0 from \"./MapZoomNavigation.vue?vue&type=style&index=0&id=1169d593&prod&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 null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}