{"version":3,"sources":["webpack:///./src/pages/MapPage/Tools/Measuring/MapMeasure.vue","webpack:///src/pages/MapPage/Tools/Measuring/MapMeasure.vue","webpack:///./src/pages/MapPage/Tools/Measuring/MapMeasure.vue?56f3","webpack:///./src/pages/MapPage/Tools/Measuring/MapMeasure.vue?b152"],"names":["_c","directives","name","rawName","value","_vm","attrs","staticStyle","staticClass","measurementState","measurementLabel","expression","_s","measurementTypeSelected","_v","resetAndClose","on","infoText","staticRenderFns","component"],"mappings":"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","file":"js/chunk-2d0b6d08.f4ef02d3.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-fade-transition',[(_vm.$vuetify.breakpoint.mdAndUp)?_c('v-sheet',{staticClass:\"elevation-6\",staticStyle:{\"border-radius\":\"10px\",\"height\":\"auto\",\"width\":\"240px\",\"z-index\":\"1000\",\"position\":\"absolute\",\"top\":\"10px\",\"right\":\"10px\"},attrs:{\"absolute\":\"\",\"top\":\"\",\"right\":\"\"}},[_c('v-container',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.measurementTypeSelected),expression:\"!measurementTypeSelected\"}],attrs:{\"grid-list-md\":\"\",\"text-xs-center\":\"\"}},[_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-end\":\"\"}},[_c('h2',[_vm._v(\"Måleverktøy\")]),_c('v-spacer'),_c('v-btn',{attrs:{\"fab\":\"\",\"small\":\"\",\"right\":\"\",\"flat\":\"\",\"outline\":\"\",\"color\":\"gray\"},on:{\"click\":_vm.resetAndClose}},[_c('v-icon',{staticStyle:{\"font-size\":\"24px\"},attrs:{\"dark\":\"\"}},[_vm._v(\"close\")])],1)],1),_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-space-around\":\"\",\"column\":\"\",\"fill-height\":\"\"}},[_c('v-btn',{staticClass:\"pa-2\",attrs:{\"round\":\"\",\"dark\":\"\",\"outline\":\"\",\"block\":\"\",\"color\":\"blue\"},on:{\"click\":function($event){return _vm.loadMeasurement('length')}}},[_c('v-icon',{attrs:{\"left\":\"\",\"dark\":\"\"}},[_vm._v(\"mdi-ruler\")]),_vm._v(\" Mål avstand\\n        \")],1),_c('v-btn',{staticClass:\"pa-2\",attrs:{\"block\":\"\",\"round\":\"\",\"outline\":\"\",\"color\":\"blue\"},on:{\"click\":function($event){return _vm.loadMeasurement('area')}}},[_c('v-icon',{attrs:{\"left\":\"\",\"dark\":\"\"}},[_vm._v(\"mdi-texture-box\")]),_vm._v(\" Mål areal\\n        \")],1)],1)],1),_c('v-container',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.measurementTypeSelected),expression:\"measurementTypeSelected\"}],attrs:{\"grid-list-md\":\"\",\"text-xs-center\":\"\"}},[_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-end\":\"\",\"row\":\"\"}},[_c('v-btn',{attrs:{\"disabled\":_vm.measurementState === 'measuring',\"block\":\"\",\"round\":\"\",\"outline\":\"\",\"color\":\"red\"},on:{\"click\":function($event){return _vm.newMeasurement(_vm.measurementTypeSelected)}}},[_vm._v(\"\\n          Ny måling\")]),_c('v-spacer'),_c('v-btn',{attrs:{\"fab\":\"\",\"small\":\"\",\"flat\":\"\",\"outline\":\"\",\"color\":\"gray\"},on:{\"click\":_vm.resetAndClose}},[_c('v-icon',{staticStyle:{\"font-size\":\"24px\"},attrs:{\"dark\":\"\"}},[_vm._v(\"close\")])],1)],1),_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"column\":\"\",\"fill-height\":\"\"}},[_c('label',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.measurementLabel == null && _vm.loaded),expression:\"measurementLabel == null && loaded\"}],staticStyle:{\"margin-left\":\"10px\",\"font-size\":\"20px\"}},[_vm._v(_vm._s(_vm.infoText))]),_c('v-progress-circular',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.loaded),expression:\"!loaded\"}],staticClass:\"ml-4\",attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}}),(!_vm.is3d && _vm.measurementLabel)?[(_vm.measurementTypeSelected == 'length')?_c('label',{staticStyle:{\"margin-left\":\"10px\",\"font-size\":\"20px\"}},[_vm._v(_vm._s(_vm.measurementLabel))]):_vm._e(),(_vm.measurementTypeSelected == 'area')?_c('label',{staticStyle:{\"margin-left\":\"10px\",\"font-size\":\"20px\"}},[_vm._v(\"Areal: \"+_vm._s(_vm.measurementLabel.area))]):_vm._e(),(\n              _vm.measurementTypeSelected == 'area' && _vm.measurementLabel !== null\n            )?_c('label',{staticStyle:{\"margin-left\":\"10px\",\"font-size\":\"20px\"}},[_vm._v(\"Omkrets: \"+_vm._s(_vm.measurementLabel.perimeter))]):_vm._e()]:_vm._e(),(\n            _vm.is3d && _vm.measurementTypeSelected == 'length' && _vm.measurementLabel\n          )?[_c('label',{staticStyle:{\"margin-left\":\"10px\",\"font-size\":\"16px\"}},[_vm._v(_vm._s(\"Direkte: \" + _vm.measurementLabel.directDistance.text))]),_c('label',{staticStyle:{\"margin-left\":\"10px\",\"font-size\":\"16px\"}},[_vm._v(_vm._s(\"Horisontal: \" + _vm.measurementLabel.horizontalDistance.text))]),_c('label',{staticStyle:{\"margin-left\":\"10px\",\"font-size\":\"16px\"}},[_vm._v(_vm._s(\"Vertikal: \" + _vm.measurementLabel.verticalDistance.text))])]:_vm._e(),(_vm.is3d && _vm.measurementTypeSelected == 'area' && _vm.measurementLabel)?[(_vm.measurementLabel.area.state !== 'available')?_c('label',{staticStyle:{\"margin-left\":\"10px\",\"font-size\":\"16px\"}},[_vm._v(\"Dobbeltklikk for å avslutte målingen.\")]):_vm._e(),(_vm.measurementLabel.area.state == 'available')?_c('label',{staticStyle:{\"margin-left\":\"10px\",\"font-size\":\"16px\"}},[_vm._v(\"Areal: \"+_vm._s(_vm.measurementLabel.area.text))]):_vm._e(),(_vm.measurementLabel.area.state == 'available')?_c('label',{staticStyle:{\"margin-left\":\"10px\",\"font-size\":\"16px\"}},[_vm._v(\"Omkrets: \"+_vm._s(_vm.measurementLabel.perimeterLength.text))]):_vm._e()]:_vm._e(),(_vm.measurementTypeSelected == 'area')?_c('div'):_vm._e()],2)],1)],1):_c('v-toolbar',{staticStyle:{\"z-index\":\"100\"},attrs:{\"absolute\":\"\"}},[(!_vm.measurementTypeSelected)?_c('v-toolbar-items',[_c('v-btn',{attrs:{\"flat\":\"\",\"small\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.loadMeasurement('length')}}},[_c('v-icon',{attrs:{\"left\":\"\",\"dark\":\"\"}},[_vm._v(\"esri-icon-measure-line\")]),_vm._v(\"Avstand\\n      \")],1),_c('v-btn',{attrs:{\"flat\":\"\",\"small\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.loadMeasurement('area')}}},[_c('v-icon',{attrs:{\"left\":\"\",\"dark\":\"\"}},[_vm._v(\"esri-icon-measure-area\")]),_vm._v(\"Areal\\n      \")],1)],1):_c('v-toolbar-items',[(_vm.measurementLabel == null)?_c('label',{staticClass:\"pt-3\"},[_vm._v(_vm._s(_vm.infoText))]):_c('v-btn',{attrs:{\"small\":\"\",\"flat\":\"\",\"color\":\"red\"},on:{\"click\":function($event){return _vm.newMeasurement(_vm.measurementTypeSelected)}}},[_vm._v(\"\\n        Ny måling\")])],1),_c('v-spacer'),_c('v-btn',{attrs:{\"fab\":\"\",\"small\":\"\",\"flat\":\"\",\"color\":\"gray\"},on:{\"click\":_vm.resetAndClose}},[_c('v-icon',{attrs:{\"dark\":\"\"}},[_vm._v(\"close\")])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-fade-transition>\r\n    <v-sheet\r\n      v-if=\"$vuetify.breakpoint.mdAndUp\"\r\n      class=\"elevation-6\"\r\n      style=\"border-radius: 10px; height: auto; width: 240px; z-index: 1000; position: absolute; top: 10px; right: 10px;\"\r\n      absolute\r\n      top\r\n      right\r\n    >\r\n      <v-container\r\n        v-show=\"!measurementTypeSelected\"\r\n        grid-list-md\r\n        text-xs-center\r\n      >\r\n        <v-layout align-center justify-end>\r\n          <h2>Måleverktøy</h2>\r\n          <v-spacer></v-spacer>\r\n          <v-btn\r\n            fab\r\n            small\r\n            right\r\n            flat\r\n            outline\r\n            color=\"gray\"\r\n            @click=\"resetAndClose\"\r\n          >\r\n            <v-icon style=\"font-size: 24px; \" dark>close</v-icon>\r\n          </v-btn>\r\n        </v-layout>\r\n        <v-layout align-center justify-space-around column fill-height>\r\n          <v-btn\r\n            round\r\n            dark\r\n            class=\"pa-2\"\r\n            outline\r\n            block\r\n            color=\"blue\"\r\n            @click=\"loadMeasurement('length')\"\r\n          >\r\n            <v-icon left dark>mdi-ruler</v-icon> Mål avstand\r\n          </v-btn>\r\n          <v-btn\r\n            block\r\n            class=\"pa-2\"\r\n            round\r\n            outline\r\n            color=\"blue\"\r\n            @click=\"loadMeasurement('area')\"\r\n          >\r\n            <v-icon left dark>mdi-texture-box</v-icon> Mål areal\r\n          </v-btn>\r\n        </v-layout>\r\n      </v-container>\r\n      <v-container v-show=\"measurementTypeSelected\" grid-list-md text-xs-center>\r\n        <v-layout align-start justify-end row>\r\n          <v-btn\r\n            :disabled=\"measurementState === 'measuring'\"\r\n            block\r\n            round\r\n            outline\r\n            color=\"red\"\r\n            @click=\"newMeasurement(measurementTypeSelected)\"\r\n          >\r\n            Ny måling</v-btn\r\n          >\r\n          <v-spacer></v-spacer>\r\n          <v-btn fab small flat outline color=\"gray\" @click=\"resetAndClose\">\r\n            <v-icon style=\"font-size: 24px; \" dark>close</v-icon>\r\n          </v-btn>\r\n        </v-layout>\r\n        <v-layout align-start justify-start column fill-height>\r\n          <label\r\n            v-show=\"measurementLabel == null && loaded\"\r\n            style=\"margin-left: 10px; font-size: 20px;\"\r\n            >{{ infoText }}</label\r\n          >\r\n          <v-progress-circular\r\n            class=\"ml-4\"\r\n            v-show=\"!loaded\"\r\n            indeterminate\r\n            color=\"primary\"\r\n          ></v-progress-circular>\r\n\r\n          <template v-if=\"!is3d && measurementLabel\">\r\n            <label\r\n              v-if=\"measurementTypeSelected == 'length'\"\r\n              style=\"margin-left: 10px; font-size: 20px;\"\r\n              >{{ measurementLabel }}</label\r\n            >\r\n            <label\r\n              v-if=\"measurementTypeSelected == 'area'\"\r\n              style=\"margin-left: 10px; font-size: 20px;\"\r\n              >Areal: {{ measurementLabel.area }}</label\r\n            >\r\n            <label\r\n              v-if=\"\r\n                measurementTypeSelected == 'area' && measurementLabel !== null\r\n              \"\r\n              style=\"margin-left: 10px; font-size: 20px;\"\r\n              >Omkrets: {{ measurementLabel.perimeter }}</label\r\n            >\r\n          </template>\r\n          <template\r\n            v-if=\"\r\n              is3d && measurementTypeSelected == 'length' && measurementLabel\r\n            \"\r\n          >\r\n            <label style=\"margin-left: 10px; font-size: 16px;\">{{\r\n              \"Direkte: \" + measurementLabel.directDistance.text\r\n            }}</label>\r\n            <label style=\"margin-left: 10px; font-size: 16px;\">{{\r\n              \"Horisontal: \" + measurementLabel.horizontalDistance.text\r\n            }}</label>\r\n            <label style=\"margin-left: 10px; font-size: 16px;\">{{\r\n              \"Vertikal: \" + measurementLabel.verticalDistance.text\r\n            }}</label>\r\n          </template>\r\n          <template\r\n            v-if=\"is3d && measurementTypeSelected == 'area' && measurementLabel\"\r\n          >\r\n            <label\r\n              v-if=\"measurementLabel.area.state !== 'available'\"\r\n              style=\"margin-left: 10px; font-size: 16px;\"\r\n              >Dobbeltklikk for å avslutte målingen.</label\r\n            >\r\n            <label\r\n              v-if=\"measurementLabel.area.state == 'available'\"\r\n              style=\"margin-left: 10px; font-size: 16px;\"\r\n              >Areal: {{ measurementLabel.area.text }}</label\r\n            >\r\n            <label\r\n              v-if=\"measurementLabel.area.state == 'available'\"\r\n              style=\"margin-left: 10px; font-size: 16px;\"\r\n              >Omkrets: {{ measurementLabel.perimeterLength.text }}</label\r\n            >\r\n          </template>\r\n          <div v-if=\"measurementTypeSelected == 'area'\"></div>\r\n        </v-layout>\r\n      </v-container>\r\n    </v-sheet>\r\n    <v-toolbar absolute style=\"z-index: 100\" v-else>\r\n      <v-toolbar-items v-if=\"!measurementTypeSelected\">\r\n        <v-btn flat small color=\"primary\" @click=\"loadMeasurement('length')\">\r\n          <v-icon left dark>esri-icon-measure-line</v-icon>Avstand\r\n        </v-btn>\r\n\r\n        <v-btn flat small color=\"primary\" @click=\"loadMeasurement('area')\">\r\n          <v-icon left dark>esri-icon-measure-area</v-icon>Areal\r\n        </v-btn>\r\n      </v-toolbar-items>\r\n      <v-toolbar-items v-else>\r\n        <label class=\"pt-3\" v-if=\"measurementLabel == null\">{{\r\n          infoText\r\n        }}</label>\r\n        <v-btn\r\n          v-else\r\n          small\r\n          flat\r\n          color=\"red\"\r\n          @click=\"newMeasurement(measurementTypeSelected)\"\r\n        >\r\n          Ny måling</v-btn\r\n        >\r\n      </v-toolbar-items>\r\n      <v-spacer />\r\n\r\n      <v-btn fab small flat color=\"gray\" @click=\"resetAndClose\">\r\n        <v-icon dark>close</v-icon>\r\n      </v-btn>\r\n    </v-toolbar>\r\n  </v-fade-transition>\r\n</template>\r\n\r\n<script>\r\nimport { loadModules } from \"esri-loader\";\r\nimport { mapState, mapActions } from \"vuex\";\r\nexport default {\r\n  name: \"MapMeasure\",\r\n  data: function() {\r\n    return {\r\n      areaMeasurement2DWidget: null,\r\n      measurementLabel: null,\r\n      infoText: \"Klikk i kartet for å starte måling\",\r\n      measurementTypeSelected: false,\r\n      measurementState: null,\r\n      loaded: false,\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    ...mapState([\"is3d\"]),\r\n  },\r\n  watch: {\r\n    is3d(newVal, oldVal) {\r\n      if (newVal !== oldVal) {\r\n        this.resetAndClose();\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    ...mapActions([\"deactivateTool\", \"setShowPopupsOnClick\"]),\r\n    newMeasurement: function() {\r\n      this.setShowPopupsOnClick(false);\r\n      this.currentMapMeasureViewModel.viewModel.start();\r\n    },\r\n    clearMeasurement: function() {\r\n      this.currentMapMeasureViewModel.view = null;\r\n      this.measurementLabel = \"\";\r\n      this.infoText = \"Trykk i kartet for å starte måling\";\r\n    },\r\n    reset: function() {\r\n      if (this.currentMapMeasureViewModel) {\r\n        this.currentMapMeasureViewModel.viewModel.clear();\r\n        this.currentMapMeasureViewModel.viewModel.destroy();\r\n      }\r\n    },\r\n    resetAndClose: function() {\r\n      this.setShowPopupsOnClick(true);\r\n      this.reset();\r\n      this.deactivateTool(\"measure\");\r\n      this.measurementTypeSelected = false;\r\n    },\r\n    getCurrentView: function() {\r\n      return this.is3d ? this.$theSceneViewObject : this.$theMapViewObject;\r\n    },\r\n    loadMeasurement: function(measurementType) {\r\n      this.loaded = false;\r\n      this.measurementTypeSelected = measurementType;\r\n\r\n      if (this.measurementTypeSelected == \"length\") {\r\n        if (this.is3d) {\r\n          this.load3dLineMeasurement();\r\n        } else {\r\n          this.load2dLineMeasurement();\r\n        }\r\n      } else {\r\n        if (this.is3d) {\r\n          this.load3dAreaMeasurement();\r\n        } else {\r\n          this.load2dAreaMeasurement();\r\n        }\r\n      }\r\n\r\n      // this.newMeasurement();\r\n    },\r\n    setMapMeasureStateWatcher: function() {\r\n      this.currentMapMeasureViewModel.viewModel.watch(\r\n        \"state\",\r\n        function(state) {\r\n          this.measurementState = state;\r\n        }.bind(this)\r\n      );\r\n    },\r\n    load3dAreaMeasurement() {\r\n      loadModules([\"esri/widgets/AreaMeasurement3D\"]).then(\r\n        ([AreaMeasurement3D]) => {\r\n          this.currentMapMeasureViewModel = new AreaMeasurement3D({\r\n            view: this.getCurrentView(),\r\n            unit: \"metric\",\r\n          });\r\n          this.currentMapMeasureViewModel.viewModel.watch(\r\n            \"measurement\",\r\n            function(measurementLabel) {\r\n              this.measurementLabel = measurementLabel;\r\n            }.bind(this)\r\n          );\r\n          this.setMapMeasureStateWatcher();\r\n          this.newMeasurement();\r\n          this.loaded = true;\r\n        }\r\n      );\r\n    },\r\n    load3dLineMeasurement() {\r\n      loadModules([\"esri/widgets/DirectLineMeasurement3D\"]).then(\r\n        ([DirectLineMeasurement3D]) => {\r\n          this.currentMapMeasureViewModel = new DirectLineMeasurement3D({\r\n            view: this.getCurrentView(),\r\n            unit: \"metric\",\r\n          });\r\n          this.currentMapMeasureViewModel.viewModel.watch(\r\n            \"measurement\",\r\n            function(measurementLabel) {\r\n              this.measurementLabel = measurementLabel;\r\n            }.bind(this)\r\n          );\r\n          this.setMapMeasureStateWatcher();\r\n          this.newMeasurement();\r\n          this.loaded = true;\r\n        }\r\n      );\r\n    },\r\n    load2dAreaMeasurement() {\r\n      loadModules([\"esri/widgets/AreaMeasurement2D\"]).then(\r\n        ([AreaMeasurement2D]) => {\r\n          this.currentMapMeasureViewModel = new AreaMeasurement2D({\r\n            view: this.getCurrentView(),\r\n            unit: \"metric\",\r\n          });\r\n          this.currentMapMeasureViewModel.viewModel.watch(\r\n            \"measurementLabel\",\r\n            function(measurementLabel) {\r\n              this.measurementLabel = measurementLabel;\r\n            }.bind(this)\r\n          );\r\n          this.setMapMeasureStateWatcher();\r\n          this.newMeasurement();\r\n          this.loaded = true;\r\n        }\r\n      );\r\n    },\r\n    load2dLineMeasurement() {\r\n      loadModules([\"esri/widgets/DistanceMeasurement2D\"]).then(\r\n        ([DirectLineMeasurement2D]) => {\r\n          this.currentMapMeasureViewModel = new DirectLineMeasurement2D({\r\n            view: this.getCurrentView(),\r\n            unit: \"metric\",\r\n          });\r\n          this.currentMapMeasureViewModel.viewModel.watch(\r\n            \"measurementLabel\",\r\n            function(measurementLabel) {\r\n              this.measurementLabel = measurementLabel;\r\n            }.bind(this)\r\n          );\r\n          this.setMapMeasureStateWatcher();\r\n          this.newMeasurement();\r\n          this.loaded = true;\r\n        }\r\n      );\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style></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!./MapMeasure.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!./MapMeasure.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MapMeasure.vue?vue&type=template&id=50449c08\"\nimport script from \"./MapMeasure.vue?vue&type=script&lang=js\"\nexport * from \"./MapMeasure.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"],"sourceRoot":""}