{"version":3,"sources":["webpack:///./src/pages/MapPage/Map/TheMap.vue?daa6","webpack:///./src/pages/MapPage/Map/TheMap.vue","webpack:///src/pages/MapPage/Map/TheMap.vue","webpack:///./src/pages/MapPage/Map/TheMap.vue?559b","webpack:///./src/pages/MapPage/Map/TheMap.vue?d457"],"names":["staticStyle","attrs","$event","preventDefault","_c","staticClass","class","_vm","breakpoint","directives","rawName","expression","on","value","_e","style","height","printRectangle","name","popupVisible","$vuetify","scopedSlots","fn","_ref","_v","staticRenderFns","render","component"],"mappings":"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AO,W,GAA8FW,CAAYR,MAAQ,SAAQ,GAACG,OAAON,EAAIa,aAASZ,kBAA+DH,mDAAY,mCAAQ,WAAU,EAACA,YAAwBL,QAAW,SAAE,iBAAa,mBAAM,2CAAmDC,YAAM,SAAC,S,YAAoC,Y,YAAK,CAAmB,aAAQ,SAAQ,GAAI,wBAAsB,CAACA,MAAM,CAAC,aAAa,gBAA0B,KAAO,KAAK,cAAQ,GAAgB,MAAQ,SAAQ,EAAG,OAAa,CACpxE,OACGwB,aAAgB,0BAEpB,KAASC,K,qKCuLT,GACA,cAEA,YACA,8EACA,oFACA,qFACA,wCACA,iDACA,uCACA,iDACA,4EACA,iCACA,iDACA,mFACA,uCACA,iDACA,+CACA,iDACA,sFACA,sFACA,sCACA,iDACA,8EACA,6CACA,kDAEA,uBACA,gBACA,OAGA,eAEA,aACA,oBACA,cACA,OACA,kBACA,qBAGA,0CACA,gBACA,qBACA,eACA,mBACA,eACA,gBACA,gBACA,QACA,SACA,OACA,qBACA,qBACA,iBACA,cACA,WACA,kBACA,eACA,2BACA,IACA,0BACA,0BACA,CACA,UACA,YAIA,CACA,sBACA,0BAGA,sBACA,iBAEA,iEACA,wBAGA,KAGA,uBACA,iBAEA,+BACA,mCACA,wBAGA,OAIA,OACA,2BACA,UACA,gDACA,6CACA,+BACA,uDAEA,uBACA,OACA,WACA,YAGA,mBACA,aAIA,qDACA,OACA,qCAIA,yCACA,gBACA,qBACA,eACA,YACA,UACA,UACA,WACA,eACA,mBACA,gCACA,IACA,mBACA,uDACA,oBACA,QACA,YACA,mBAGA,yCACA,kCACA,0BACA,WACA,cACA,uBAEA,iEAMA,gBACA,uHACA,2DAGA,mEAEA,qCACA,EACA,SACA,cACA,6BACA,sBAGA,kCACA,aACA,YAEA,eACA,WAGA,mBACA,YAIA,sCACA,kCACA,0EACA,0DACA,mBACA,oBACA,sDACA,oBACA,iBAGA,iDACA,uBACA,uBAMA,sDACA,iCACA,0BAPA,oDACA,iCACA,6BAUA,8CACA,SACA,wBAIA,+CACA,SACA,wBAIA,2CACA,kCACA,WACA,gBACA,oBAGA,cACA,QAIA,iDAEA,kCACA,cACA,OACA,oBACA,YAGA,kBAEA,mBACA,YAIA,uCACA,gDACA,4CAGA,kCACA,wBAEA,8BAEA,yBAEA,GACA,yBACA,sCACA,uBACA,iBACA,+CAEA,sCACA,cACA,6HAGA,sBACA,yCACA,cACA,uBACA,wBACA,4BACA,kCACA,wBACA,QACA,sBAEA,uCACA,kBAGA,2BACA,+BACA,wCACA,yBACA,sBACA,QACA,yBAEA,+CAIA,gDAGA,8BACA,8CACA,QACA,kBAGA,+CACA,YAGA,QACA,sBAHA,oBAQA,yBACA,uBACA,yBAGA,qBACA,wBAGA,mBACA,0BACA,qBACA,uBACA,6BACA,wBACA,yBACA,KACA,gFACA,oBACA,kHAGA,4CACA,+BAEA,qBACA,OACA,+BACA,0BAEA,GACA,oBACA,oBACA,oBACA,oBACA,kBACA,aAKA,oCAEA,EACA,SACA,SACA,gBACA,EACA,EAEA,iBACA,MACA,oBACA,SACA,gCAIA,iBAEA,4CACA,kBASA,iDACA,4BACA,0BAVA,+CACA,uBACA,iCACA,4BAEA,6BAUA,mCACA,YAGA,yCACA,SACA,wBAIA,0CACA,SACA,wBAIA,sCACA,kCACA,WACA,gBACA,oBAGA,cACA,QAIA,OACA,YACA,cACA,uBAGA,wBACA,iCAEA,wBAEA,uCAEA,iCACA,0CAEA,iBACA,mBAGA,wDAEA,cCxpB6W,I,wBCQzWC,EAAY,eACd,EACA,EACAF,GACA,EACA,KACA,KACA,MAIa,aAAAE,E","file":"js/chunk-629baa93.713a4309.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!./TheMap.vue?vue&type=style&index=0&id=5dfc1042&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"balt-theme\",class:{\n      'basemap-fix': !_vm.sidebarHasOpened && _vm.$vuetify.breakpoint.mdAndUp\n    },staticStyle:{\"left\":\"0px\",\"bottom\":\"0px\",\"overflow\":\"hidden\"},attrs:{\"id\":\"viewDiv\"},on:{\"drop\":function($event){return _vm.onDrop($event, 1)},\"dragover\":function($event){$event.preventDefault();},\"dragenter\":function($event){$event.preventDefault();}}},[_c('div',{staticClass:\"map-center-dummy\",attrs:{\"data-v-step\":\"intro\"}}),_c('div',{staticClass:\"map-corner-dummy\",attrs:{\"data-v-step\":\"123\"}}),_c('div',{staticClass:\"map-corner-dummy\",attrs:{\"data-v-step\":\"124\"}}),_c('div',{staticClass:\"map-center-dummy\",attrs:{\"data-v-step\":\"infowindow\"}}),_c('div',{staticClass:\"map-corner-dummy\",attrs:{\"data-v-step\":\"menu\"}}),_c('div',{staticClass:\"map-center-dummy\",attrs:{\"data-v-step\":\"navigation\"}}),_c('div',{staticClass:\"map-center-dummy\",attrs:{\"data-v-step\":\"extent\"}}),_c('div',{staticClass:\"map-center-dummy\",attrs:{\"data-v-step\":\"final\"}}),_c('div',[_c('div',{staticClass:\"basemap-menu-hidden\",class:[\n          {\n            'controls-bottom-bar-hidden': !_vm.tools.coordinates.active,\n            'controls-bottom-bar-visible': _vm.tools.coordinates.active\n          }\n        ],staticStyle:{\"position\":\"absolute\",\"z-index\":\"0\"}},[(_vm.viewloaded && _vm.$vuetify.breakpoint.mdAndUp)?_c('map-basemap-select',{attrs:{\"data-v-step\":\"2\"}}):_vm._e()],1),_c('v-fade-transition',[(_vm.viewloaded)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.popupVisible || _vm.$vuetify.breakpoint.smAndUp),expression:\"!popupVisible || $vuetify.breakpoint.smAndUp\"}],class:[\n            {\n              'controls-bottom-bar-hidden': !_vm.tools.coordinates.active,\n              'controls-bottom-bar-visible': _vm.tools.coordinates.active\n            }\n          ],staticStyle:{\"position\":\"absolute\",\"right\":\"10px\"}},[_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\",\"column\":\"\"}},[(_vm.is3d)?_c('map-buildings-toggler'):_vm._e(),_c('map-compass-navigation'),_c('v-fade-transition',[_c('map-viewmode-toggler',{on:{\"view-mode-changed\":_vm.switchView}})],1),_c('map-locate-button'),_c('map-reset-extent-button'),(_vm.$vuetify.breakpoint.mdAndUp)?_c('map-zoom-navigation'):_vm._e(),_c('map-popup-info-window')],1)],1):_vm._e()]),(_vm.viewloaded)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$vuetify.breakpoint.smAndUp),expression:\"$vuetify.breakpoint.smAndUp\"}],class:[\n          {\n            'controls-bottom-bar-hidden': !_vm.tools.coordinates.active,\n            'controls-bottom-bar-visible': _vm.tools.coordinates.active\n          }\n        ],staticStyle:{\"position\":\"absolute\",\"right\":\"70px\"}},[_c('v-layout',{staticStyle:{\"right\":\"100px\"},attrs:{\"row\":\"\"}},[_c('map-photo-stream-toggler',{staticClass:\"mr-2\"}),(_vm.is3d && _vm.$vuetify.breakpoint.mdAndUp)?_c('map-pan-rotate-toggle-navigation'):_vm._e()],1)],1):_vm._e()],1),_c('v-fade-transition',[(_vm.viewloaded && _vm.tools.coordinates.active)?_c('div',{staticStyle:{\"position\":\"absolute\",\"bottom\":\"0px\",\"left\":\"0px\",\"background\":\"#263238\",\"width\":\"100%\",\"z-index\":\"10000\"}},[_c('map-coordinates',{attrs:{\"map-view\":_vm.view,\"elevation-layer\":_vm.elevLyr}})],1):_vm._e()]),_c('div',[(_vm.viewloaded && _vm.tools.measure.active)?_c('map-measure'):_vm._e()],1),_c('div',{staticStyle:{\"position\":\"absolute\",\"top\":\"0px\",\"left\":\"0px\"}},[(_vm.viewloaded && _vm.$vuetify.breakpoint.smAndDown)?_c('map-print',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.tools.print.active),expression:\"tools.print.active\"}]}):_vm._e()],1),_c('div',{staticStyle:{\"position\":\"absolute\",\"top\":\"0px\",\"right\":\"0px\",\"left\":\"0px\"}},[_c('v-fade-transition',[(_vm.viewloaded && _vm.tools.drawing.active)?_c('map-drawing'):_vm._e()],1)],1),_c('v-fade-transition',[(\n          _vm.tools.print.active &&\n            !_vm.is3d &&\n            typeof this.selectedPrintScale !== 'undefined'\n        )?_c('div',{staticClass:\"hole\",staticStyle:{\"overflow\":\"hidden\"},style:({\n          width: _vm.printRectangle.width + 'px',\n          height: _vm.printRectangle.height + 'px',\n          marginLeft: '-' + _vm.printRectangle.width / 2 + 'px',\n          marginTop: '-' + _vm.printRectangle.height / 2 + 'px'\n        })}):_vm._e()]),_c('v-layout',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.popupVisible || _vm.$vuetify.breakpoint.smAndUp),expression:\"!popupVisible || $vuetify.breakpoint.smAndUp\"}],staticClass:\"pt-2\",class:[\n        {\n          'controls-bottom-bar-hidden': !_vm.tools.coordinates.active,\n          'controls-bottom-bar-visible': _vm.tools.coordinates.active\n        }\n      ],staticStyle:{\"position\":\"absolute\",\"height\":\"30px\",\"padding\":\"5px\",\"z-index\":\"2\",\"background\":\"rgba(0,0,0,0.5)\",\"width\":\"100%\",\"bottom\":\"0px\",\"right\":\"0px\",\"left\":\"0px\"},attrs:{\"row\":\"\",\"align-center\":\"\",\"justify-center\":\"\"}},[_c('v-tooltip',{staticClass:\"pr-2\",attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('span',_vm._g({directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isConnectedToIntranet),expression:\"isConnectedToIntranet\"}],staticClass:\"connected-to-intranet-signal pr-2\"},on))]}}])},[_c('span',[_vm._v(\"Koblet til intranett\")])]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$vuetify.breakpoint.lgAndUp),expression:\"$vuetify.breakpoint.lgAndUp\"}],staticClass:\"pl-1 pr-2\",staticStyle:{\"color\":\"white\",\"font-size\":\"12px\",\"text-shadow\":\"1px 1px black\"}},[_vm._v(\"\\n        Kartverket, Geovekst og kommuner - Geodata AS | NVEs kartdata\\n        distribueres i henhold til\\n        \"),_c('a',{attrs:{\"href\":\"https://data.norge.no/nlod/no\"}},[_vm._v(\"NLOD\")]),_vm._v(\".\\n      \")]),_c('div',{staticStyle:{\"margin-top\":\"-2px\"},attrs:{\"id\":\"scaleBar\"}}),_c('v-spacer'),_c('v-layout',{attrs:{\"row\":\"\",\"justify-end\":\"\",\"align-center\":\"\"}},[_c('v-flex',{attrs:{\"shrink\":\"\"}},[_c('div',{staticClass:\"pr-2\",staticStyle:{\"color\":\"white\",\"font-size\":\"12px\",\"text-shadow\":\"1px 1px black\"}},[_c('span',[_vm._v(\" EU89 UTM33 \"+_vm._s(_vm.pointerCoords))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$vuetify.breakpoint.smAndUp),expression:\"$vuetify.breakpoint.smAndUp\"}],staticClass:\"pl-2 mt-0 ml-2 white--text grey darken-3\",staticStyle:{\"border-radius\":\"4px\",\"padding\":\"2px\",\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.activateTool('coordinates')}}},[_vm._v(\"Koordinatverktøy/moh.\\n            \")])])]),_c('map-extent-history-navigation',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$vuetify.breakpoint.mdAndUp),expression:\"$vuetify.breakpoint.mdAndUp\"}],staticClass:\"pl-2\"}),_c('div',{staticClass:\"mr-2 ml-2\",staticStyle:{\"margin-top\":\"-1px\"}},[(_vm.showLoadingBar)?_c('v-progress-circular',{attrs:{\"aria-label\":\"Kartet laster\",\"size\":\"16\",\"indeterminate\":\"\",\"color\":\"red\"}}):_c('v-progress-circular',{attrs:{\"aria-label\":\"Kartet er ferdig lastet\",\"size\":\"16\",\"color\":\"grey darken-2\",\"value\":100}})],1)],1)],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div\r\n      @drop=\"onDrop($event, 1)\"\r\n      @dragover.prevent\r\n      @dragenter.prevent\r\n      :class=\"{\r\n        'basemap-fix': !sidebarHasOpened && $vuetify.breakpoint.mdAndUp\r\n      }\"\r\n      id=\"viewDiv\"\r\n      class=\"balt-theme\"\r\n      style=\"left: 0px; bottom: 0px; overflow: hidden\"\r\n    >\r\n      <div class=\"map-center-dummy\" data-v-step=\"intro\"></div>\r\n      <div class=\"map-corner-dummy\" data-v-step=\"123\"></div>\r\n      <div class=\"map-corner-dummy\" data-v-step=\"124\"></div>\r\n      <div class=\"map-center-dummy\" data-v-step=\"infowindow\"></div>\r\n\r\n      <div class=\"map-corner-dummy\" data-v-step=\"menu\"></div>\r\n\r\n      <div class=\"map-center-dummy\" data-v-step=\"navigation\"></div>\r\n      <div class=\"map-center-dummy\" data-v-step=\"extent\"></div>\r\n      <div class=\"map-center-dummy\" data-v-step=\"final\"></div>\r\n      <div>\r\n        <div\r\n          class=\"basemap-menu-hidden\"\r\n          :class=\"[\r\n            {\r\n              'controls-bottom-bar-hidden': !tools.coordinates.active,\r\n              'controls-bottom-bar-visible': tools.coordinates.active\r\n            }\r\n          ]\"\r\n          style=\"position: absolute; z-index: 0\"\r\n        >\r\n          <map-basemap-select\r\n            data-v-step=\"2\"\r\n            v-if=\"viewloaded && $vuetify.breakpoint.mdAndUp\"\r\n          />\r\n        </div>\r\n\r\n        <v-fade-transition>\r\n          <div\r\n            v-if=\"viewloaded\"\r\n            v-show=\"!popupVisible || $vuetify.breakpoint.smAndUp\"\r\n            style=\"position: absolute; right: 10px;\"\r\n            :class=\"[\r\n              {\r\n                'controls-bottom-bar-hidden': !tools.coordinates.active,\r\n                'controls-bottom-bar-visible': tools.coordinates.active\r\n              }\r\n            ]\"\r\n          >\r\n            <v-layout align-center justify-center column>\r\n              <map-buildings-toggler v-if=\"is3d\" />\r\n              <map-compass-navigation />\r\n              <v-fade-transition>\r\n                <map-viewmode-toggler @view-mode-changed=\"switchView\" />\r\n              </v-fade-transition>\r\n              <map-locate-button />\r\n              <map-reset-extent-button />\r\n              <map-zoom-navigation v-if=\"$vuetify.breakpoint.mdAndUp\" />\r\n              <map-popup-info-window />\r\n            </v-layout>\r\n          </div>\r\n        </v-fade-transition>\r\n        <div\r\n          v-if=\"viewloaded\"\r\n          v-show=\"$vuetify.breakpoint.smAndUp\"\r\n          style=\"position: absolute; right: 70px; \"\r\n          :class=\"[\r\n            {\r\n              'controls-bottom-bar-hidden': !tools.coordinates.active,\r\n              'controls-bottom-bar-visible': tools.coordinates.active\r\n            }\r\n          ]\"\r\n        >\r\n          <v-layout style=\"right: 100px;\" row>\r\n            <map-photo-stream-toggler class=\"mr-2\" />\r\n            <map-pan-rotate-toggle-navigation\r\n              v-if=\"is3d && $vuetify.breakpoint.mdAndUp\"\r\n            />\r\n          </v-layout>\r\n        </div>\r\n      </div>\r\n\r\n      <v-fade-transition>\r\n        <div\r\n          v-if=\"viewloaded && tools.coordinates.active\"\r\n          style=\"position: absolute; bottom: 0px; left: 0px; background: #263238; width: 100%; z-index: 10000\"\r\n        >\r\n          <map-coordinates\r\n            :map-view=\"view\"\r\n            :elevation-layer=\"elevLyr\"\r\n          ></map-coordinates>\r\n        </div>\r\n      </v-fade-transition>\r\n\r\n      <div>\r\n        <map-measure v-if=\"viewloaded && tools.measure.active\" />\r\n      </div>\r\n\r\n      <div style=\"position: absolute; top: 0px; left: 0px;\">\r\n        <map-print\r\n          v-if=\"viewloaded && $vuetify.breakpoint.smAndDown\"\r\n          v-show=\"tools.print.active\"\r\n        />\r\n      </div>\r\n\r\n      <div style=\"position: absolute; top: 0px; right: 0px; left: 0px;\">\r\n        <v-fade-transition>\r\n          <map-drawing v-if=\"viewloaded && tools.drawing.active\"></map-drawing>\r\n        </v-fade-transition>\r\n      </div>\r\n\r\n      <v-fade-transition>\r\n        <div\r\n          v-if=\"\r\n            tools.print.active &&\r\n              !is3d &&\r\n              typeof this.selectedPrintScale !== 'undefined'\r\n          \"\r\n          class=\"hole\"\r\n          style=\"overflow: hidden\"\r\n          :style=\"{\r\n            width: printRectangle.width + 'px',\r\n            height: printRectangle.height + 'px',\r\n            marginLeft: '-' + printRectangle.width / 2 + 'px',\r\n            marginTop: '-' + printRectangle.height / 2 + 'px'\r\n          }\"\r\n        ></div>\r\n      </v-fade-transition>\r\n\r\n      <v-layout\r\n        row\r\n        align-center\r\n        justify-center\r\n        v-show=\"!popupVisible || $vuetify.breakpoint.smAndUp\"\r\n        class=\"pt-2\"\r\n        style=\"position: absolute; height: 30px; padding: 5px; z-index: 2; background: rgba(0,0,0,0.5); width: 100%; bottom: 0px; right: 0px; left: 0px;\"\r\n        :class=\"[\r\n          {\r\n            'controls-bottom-bar-hidden': !tools.coordinates.active,\r\n            'controls-bottom-bar-visible': tools.coordinates.active\r\n          }\r\n        ]\"\r\n      >\r\n        <v-tooltip top class=\"pr-2\">\r\n          <template v-slot:activator=\"{ on }\">\r\n            <span\r\n              v-on=\"on\"\r\n              class=\"connected-to-intranet-signal pr-2\"\r\n              v-show=\"isConnectedToIntranet\"\r\n            >\r\n            </span>\r\n          </template>\r\n          <span>Koblet til intranett</span>\r\n        </v-tooltip>\r\n        <span\r\n          v-show=\"$vuetify.breakpoint.lgAndUp\"\r\n          class=\"pl-1 pr-2\"\r\n          style=\"color: white; font-size: 12px;text-shadow: 1px 1px black;\"\r\n        >\r\n          Kartverket, Geovekst og kommuner - Geodata AS | NVEs kartdata\r\n          distribueres i henhold til\r\n          <a href=\"https://data.norge.no/nlod/no\">NLOD</a>.\r\n        </span>\r\n        <div id=\"scaleBar\" style=\"margin-top: -2px\"></div>\r\n        <v-spacer />\r\n        <v-layout row justify-end align-center>\r\n          <v-flex shrink>\r\n            <div\r\n              class=\"pr-2\"\r\n              style=\"color: white; font-size: 12px;text-shadow: 1px 1px black;\"\r\n            >\r\n              <span> EU89 UTM33 {{ pointerCoords }}</span>\r\n              <span\r\n                v-show=\"$vuetify.breakpoint.smAndUp\"\r\n                class=\"pl-2 mt-0 ml-2 white--text grey darken-3\"\r\n                @click=\"activateTool('coordinates')\"\r\n                style=\"border-radius: 4px; padding: 2px;  cursor: pointer\"\r\n                >Koordinatverktøy/moh.\r\n              </span>\r\n            </div>\r\n          </v-flex>\r\n\r\n          <map-extent-history-navigation\r\n            class=\"pl-2\"\r\n            v-show=\"$vuetify.breakpoint.mdAndUp\"\r\n            style=\"\"\r\n          />\r\n          <div class=\"mr-2 ml-2\" style=\"margin-top: -1px;\">\r\n            <v-progress-circular\r\n              style=\"\" aria-label=\"Kartet laster\"\r\n              v-if=\"showLoadingBar\"\r\n              size=\"16\"\r\n              indeterminate\r\n              color=\"red\"\r\n            ></v-progress-circular>\r\n            <v-progress-circular\r\n              v-else aria-label=\"Kartet er ferdig lastet\"\r\n              size=\"16\"\r\n              color=\"grey darken-2\"\r\n              :value=\"100\"\r\n            ></v-progress-circular>\r\n          </div>\r\n        </v-layout>\r\n      </v-layout>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { loadModules } from \"esri-loader\";\r\nimport MappingMixin from \"@/mixins/mappingMixin\";\r\nimport BasemapMixin from \"@/mixins/basemapMixin\";\r\nimport { mapState, mapActions } from \"vuex\";\r\nimport Vue from \"vue\";\r\n\r\nexport default {\r\n  name: \"TheMap\",\r\n\r\n  components: {\r\n    MapMeasure: () => import(\"@/pages/MapPage/Tools/Measuring/MapMeasure\"),\r\n    MapBasemapSelect: () => import(\"@/pages/MapPage/Map/MapBasemapSelect\"),\r\n    MapZoomNavigation: () => import(\"@/pages/MapPage/Map/MapZoomNavigation\"),\r\n    MapPhotoStreamToggler: () =>\r\n      import(\"@/pages/MapPage/Map/MapPhotoStreamToggler\"),\r\n    MapResetExtentButton: () =>\r\n      import(\"@/pages/MapPage/Map/MapResetExtentButton\"),\r\n    MapPrint: () => import(\"@/pages/MapPage/Tools/Printing/MapPrint\"),\r\n    MapCoordinates: () =>\r\n      import(\"@/pages/MapPage/Tools/Coordinates/MapCoordinates\"),\r\n    MapLocateButton: () => import(\"@/pages/MapPage/Map/MapLocateButton\"),\r\n    MapCompassNavigation: () =>\r\n      import(\"@/pages/MapPage/Map/MapCompassNavigation\"),\r\n    MapPanRotateToggleNavigation: () =>\r\n      import(\"@/pages/MapPage/Map/MapPanRotateToggleNavigation\"),\r\n    MapPopupInfoWindow: () => import(\"@/pages/MapPage/Map/MapPopupInfoWindow\"),\r\n    MapViewmodeToggler: () => import(\"@/pages/MapPage/Map/MapViewmodeToggler\"),\r\n    MapBuildingsToggler: () =>\r\n      import(\"@/pages/MapPage/Map/MapBuildingsToggler\"),\r\n    MapDrawing: () => import(\"@/pages/MapPage/Tools/Drawing/MapDrawing\"),\r\n    MapExtentHistoryNavigation: () =>\r\n      import(\"@/pages/MapPage/Map/MapExtentHistoryNavigation\")\r\n  },\r\n  mixins: [MappingMixin, BasemapMixin],\r\n  data: function() {\r\n    return {\r\n      // map: null,\r\n      // currentView: null,\r\n      sceneView: null,\r\n      // mapView: null,\r\n      elevLyr: null,\r\n      container: \"viewDiv\",\r\n      viewloaded: false,\r\n      zoom: 5,\r\n      showLoadingBar: false,\r\n      pointerCoords: null\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState([\r\n      \"coordinatesVisible\",\r\n      \"popupVisible\",\r\n      \"sidebarHasOpened\",\r\n      \"showSideMenu\",\r\n      \"measureActive\",\r\n      \"drawingActive\",\r\n      \"tools\",\r\n      \"extent\",\r\n      \"is3d\",\r\n      \"selectedPageFormat\",\r\n      \"selectedPrintScale\",\r\n      \"selectedExtent\",\r\n      \"mapProfiles\",\r\n      \"basemaps\",\r\n      \"selectedBasemap\",\r\n      \"userSettings\",\r\n      \"isConnectedToIntranet\"\r\n    ]),\r\n    printRectangle() {\r\n      if (this.mapView == null) {\r\n        return {\r\n          width: 100,\r\n          height: 100\r\n        };\r\n      }\r\n\r\n      return {\r\n        width: this.printWidth,\r\n        height: this.printHeight\r\n      };\r\n    },\r\n    printWidth() {\r\n      if (this.zoom) {\r\n        return (\r\n          (this.selectedPageFormat.width * this.selectedPrintScale.resolution) /\r\n          this.mapView.resolution\r\n        );\r\n      } else {\r\n        return 100;\r\n      }\r\n    },\r\n    printHeight() {\r\n      if (this.zoom) {\r\n        return (\r\n          (this.selectedPageFormat.height *\r\n            this.selectedPrintScale.resolution) /\r\n          this.mapView.resolution\r\n        );\r\n      } else {\r\n        return 100;\r\n      }\r\n    }\r\n  },\r\n  watch: {\r\n    selectedExtent(val) {\r\n      if (val !== null) {\r\n        loadModules([\"esri/Graphic\"]).then(\r\n          function([Graphic]) {\r\n            this.view.graphics.removeAll();\r\n            let symbol = this.getDefaultHighlightSymbol(this.view, val.type);\r\n\r\n            this.view.graphics.add(\r\n              new Graphic({\r\n                geometry: val,\r\n                symbol: symbol\r\n              })\r\n            );\r\n            this.view.goTo(val);\r\n          }.bind(this)\r\n        );\r\n      }\r\n    },\r\n    \"userSettings.sceneViewQualityProfile\": function(newVal, oldVal) {\r\n      if (newVal !== oldVal) {\r\n        this.setSceneViewQualityProfile(newVal);\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions([\r\n      \"setSceneViewLoaded\",\r\n      \"activateTool\",\r\n      \"setTheMap\",\r\n      \"setZoom\",\r\n      \"setIs3d\",\r\n      \"setSnack\",\r\n      \"setMapLoaded\",\r\n      \"setShowCatalogue\",\r\n      \"setShowPredefinedBookmarks\"\r\n    ]),\r\n    onDrop(evt) {\r\n      const item = JSON.parse(evt.dataTransfer.getData(\"mapProfile\"));\r\n      this.addMapProfile({\r\n        id: item.id,\r\n        type: item.type,\r\n        showInfoMenu: false\r\n      });\r\n    },\r\n    createTheMapObject() {\r\n      return new Promise((resolve, reject) => {\r\n        loadModules([\r\n          \"esri/Map\",\r\n          \"esri/config\",\r\n          \"esri/core/urlUtils\"\r\n        ])\r\n          .then(([Map, esriConfig, urlUtils]) => {\r\n            // IdentityManager.registerToken({\r\n            //   server: process.env.VUE_APP_GEODATA_SERVICE_URL,\r\n            //   token: process.env.VUE_APP_GEODATA_TOKEN\r\n            // });\r\n\r\n            urlUtils.addProxyRule({\r\n              urlPrefix: process.env.VUE_APP_MAP_SAVE_SERVICE_URL,\r\n              proxyUrl: process.env.VUE_APP_PROXY_URL\r\n            });\r\n\r\n            esriConfig.request.proxyUrl = process.env.VUE_APP_PROXY_URL;\r\n\r\n            let previouslyChosenBasemap = Vue.$cookies.get(\"basemap\");\r\n            let basemap =\r\n              previouslyChosenBasemap === null\r\n                ? this.basemaps[0]\r\n                : this.basemaps.find(aBasemap => {\r\n                    return aBasemap.id === previouslyChosenBasemap.id;\r\n                  });\r\n\r\n            this.setBasemap(basemap).then(arcgisBasemap => {\r\n              let theMap = new Map({\r\n                basemap: arcgisBasemap\r\n              });\r\n              this.setTheMap(theMap);\r\n              resolve(theMap);\r\n            });\r\n          })\r\n          .catch(err => {\r\n            reject(err);\r\n          });\r\n      });\r\n    },\r\n    createSceneView() {\r\n      return new Promise((resolve, reject) => {\r\n        loadModules([\"esri/views/SceneView\", \"esri/core/watchUtils\"])\r\n          .then(([SceneView, watchUtils]) => {\r\n            this.sceneView = new SceneView({\r\n              map: this.$theMapObject,\r\n              qualityProfile: this.userSettings.sceneViewQualityProfile,\r\n              viewingMode: \"local\",\r\n              container: null\r\n            });\r\n\r\n            watchUtils.whenFalse(this.sceneView, \"stationary\", () => {\r\n              this.setShowCatalogue(false);\r\n              if (!this.sceneView.stationary) {\r\n                watchUtils.whenTrueOnce(this.sceneView, \"stationary\", () => {\r\n                  this.saveExtent(this.sceneView.extent);\r\n                  this.setZoom(this.view.zoom);\r\n                });\r\n              } else {\r\n                watchUtils.whenFalseOnce(this.sceneView, \"interacting\", () => {\r\n                  this.saveExtent(this.sceneView.extent);\r\n                  this.setZoom(this.view.zoom);\r\n                });\r\n              }\r\n            });\r\n\r\n            watchUtils.whenTrue(this.sceneView, \"updating\", () => {\r\n              if (this.is3d) {\r\n                this.showLoadingBar = true;\r\n              }\r\n            });\r\n\r\n            watchUtils.whenFalse(this.sceneView, \"updating\", () => {\r\n              if (this.is3d) {\r\n                this.showLoadingBar = false;\r\n              }\r\n            });\r\n\r\n            this.sceneView.on(\"pointer-move\", evt => {\r\n              let convertedCoords = this.view.toMap({ x: evt.x, y: evt.y });\r\n              if (convertedCoords !== null) {\r\n                this.pointerCoords =\r\n                  convertedCoords.y.toFixed() +\r\n                  \"N \" +\r\n                  \" \" +\r\n                  convertedCoords.x.toFixed() +\r\n                  \"Ø\";\r\n              }\r\n            });\r\n\r\n            Vue.prototype.$theSceneViewObject = this.sceneView;\r\n\r\n            this.sceneView.ui._removeComponents([\r\n              \"attribution\",\r\n              \"zoom\",\r\n              \"navigation-toggle\",\r\n              \"compass\"\r\n            ]);\r\n\r\n            resolve(this.sceneView);\r\n          })\r\n          .catch(error => {\r\n            reject(error);\r\n          });\r\n      });\r\n    },\r\n    setSceneViewQualityProfile(qualityProfile) {\r\n      if (typeof this.$theSceneViewObject !== \"undefined\") {\r\n        this.$theSceneViewObject.qualityProfile = qualityProfile;\r\n      }\r\n    },\r\n    switchView(camera) {\r\n      let is3d = this.view.type === \"3d\";\r\n\r\n      let activeViewpoint = this.view.viewpoint.clone();\r\n\r\n      this.view.container = null;\r\n\r\n      if (is3d) {\r\n        this.mapView.viewpoint = activeViewpoint;\r\n        this.mapView.container = this.container;\r\n        this.view = this.mapView;\r\n        this.setIs3d(false);\r\n        this.enablePopupGeometryHighlight(this.view);\r\n      } else {\r\n        if (this.selectedBasemap.type === \"vector\") {\r\n          this.setSnack(\r\n            \"Vektor bakgrunnskart er ikke ennå tilgjengelig i 3D visning. Vennligst bytt til et annet bakgrunnskart før du fortsetter.\"\r\n          );\r\n        }\r\n        if (this.sceneView === null) {\r\n          this.createSceneView().then(sceneView => {\r\n            this.sceneView = sceneView;\r\n            this.setSceneViewLoaded();\r\n            this.sceneView.viewpoint = activeViewpoint;\r\n            this.sceneView.extent = activeViewpoint.extent;\r\n            this.sceneView.container = this.container;\r\n            this.view = this.sceneView;\r\n            if (camera !== undefined) {\r\n              this.sceneView.camera = camera;\r\n            }\r\n            this.enablePopupGeometryHighlight(this.view);\r\n            this.setIs3d(true);\r\n          });\r\n        } else {\r\n          this.sceneView.viewpoint = activeViewpoint;\r\n          this.sceneView.extent = activeViewpoint.extent;\r\n          this.sceneView.container = this.container;\r\n          this.view = this.sceneView;\r\n          this.setIs3d(true);\r\n          if (camera !== undefined) {\r\n            this.sceneView.camera = camera;\r\n          }\r\n          this.enablePopupGeometryHighlight(this.view);\r\n        }\r\n      }\r\n\r\n      this.enablePopupGeometryHighlight(this.view);\r\n    }\r\n  },\r\n  created: function() {\r\n    this.$eventHub.$on(\"switch-to-2d\", () => {\r\n      if (this.is3d) {\r\n        this.switchView();\r\n      }\r\n    });\r\n    this.$eventHub.$on(\"switch-to-3d\", camera => {\r\n      if (!this.is3d) {\r\n        this.switchView(camera);\r\n      } else {\r\n        if (camera !== undefined) {\r\n          this.sceneView.camera = camera;\r\n        }\r\n      }\r\n    });\r\n  },\r\n  beforeDestroy: function() {\r\n    if (this.sceneView !== null) {\r\n      this.sceneView.destroy();\r\n    }\r\n\r\n    if (this.mapView !== null) {\r\n      this.mapView.destroy();\r\n    }\r\n  },\r\n  mounted: function() {\r\n    loadModules([\r\n      \"esri/views/MapView\",\r\n      \"esri/core/watchUtils\",\r\n      \"esri/layers/ElevationLayer\",\r\n      \"esri/widgets/ScaleBar\",\r\n      \"esri/geometry/Extent\"\r\n    ]).then(\r\n      function([MapView, watchUtils, ElevationLayer, ScaleBar, Extent]) {\r\n        this.elevLyr = new ElevationLayer({\r\n          url: process.env.VUE_APP_ELEVATION_SERVICE_URL\r\n        });\r\n\r\n        this.createTheMapObject().then(theMap => {\r\n          theMap.ground.layers.add(this.elevLyr);\r\n\r\n          let urlQueries = this.$route.query;\r\n          let extentFromUrl = null;\r\n          if (urlQueries.hasOwnProperty(\"extent\")) {\r\n            let coords = urlQueries.extent.split(\"|\");\r\n\r\n            extentFromUrl = {\r\n              xmin: parseInt(coords[0]),\r\n              ymin: parseInt(coords[1]),\r\n              xmax: parseInt(coords[2]),\r\n              ymax: parseInt(coords[3]),\r\n              spatialReference: {\r\n                wkid: 25833\r\n              }\r\n            };\r\n          }\r\n\r\n          let previouslyChosenExtent = Vue.$cookies.get(\"extent\");\r\n\r\n          let startExtent =\r\n            extentFromUrl === null\r\n              ? previouslyChosenExtent === null\r\n                ? new Extent(this.extent)\r\n                : previouslyChosenExtent\r\n              : extentFromUrl;\r\n\r\n          this.mapView = new MapView({\r\n            map: theMap,\r\n            container: \"viewDiv\",\r\n            extent: startExtent,\r\n            spatialReference: { wkid: 25833 }\r\n          });\r\n\r\n\r\n          this.view = this.mapView;\r\n\r\n          watchUtils.whenFalse(this.view, \"stationary\", () => {\r\n            if (!this.view.stationary) {\r\n              watchUtils.whenTrueOnce(this.view, \"stationary\", () => {\r\n                this.setShowCatalogue(false);\r\n                this.setShowPredefinedBookmarks(false);\r\n                this.saveExtent(this.view.extent);\r\n\r\n                this.setZoom(this.view.zoom);\r\n              });\r\n            } else {\r\n              watchUtils.whenFalseOnce(this.view, \"interacting\", () => {\r\n                this.saveExtent(this.view.extent);\r\n                this.setZoom(this.view.zoom);\r\n              });\r\n            }\r\n          });\r\n\r\n          watchUtils.watch(this.view, \"zoom\", zoom => {\r\n            this.zoom = zoom;\r\n          });\r\n\r\n          watchUtils.whenTrue(this.view, \"updating\", () => {\r\n            if (!this.is3d) {\r\n              this.showLoadingBar = true;\r\n            }\r\n          });\r\n\r\n          watchUtils.whenFalse(this.view, \"updating\", () => {\r\n            if (!this.is3d) {\r\n              this.showLoadingBar = false;\r\n            }\r\n          });\r\n\r\n          this.view.on(\"pointer-move\", evt => {\r\n            let convertedCoords = this.view.toMap({ x: evt.x, y: evt.y });\r\n            if (convertedCoords !== null) {\r\n              this.pointerCoords =\r\n                convertedCoords.y.toFixed() +\r\n                \"N \" +\r\n                \" \" +\r\n                convertedCoords.x.toFixed() +\r\n                \"Ø\";\r\n            }\r\n          });\r\n\r\n          new ScaleBar({\r\n            view: this.view,\r\n            unit: \"metric\",\r\n            container: \"scaleBar\"\r\n          });\r\n\r\n          this.view.when(() => {\r\n            this.$emit(\"mapview-loaded\", this.view);\r\n\r\n            this.$emit(\"map-loaded\", theMap);\r\n\r\n            this.enablePopupGeometryHighlight(this.view);\r\n\r\n            Vue.prototype.$theMapObject = theMap;\r\n            Vue.prototype.$theMapViewObject = this.view;\r\n\r\n            this.setMapLoaded();\r\n            this.viewloaded = true;\r\n          });\r\n\r\n          this.view.ui._removeComponents([\"attribution\", \"zoom\"]);\r\n        });\r\n      }.bind(this)\r\n    );\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\r\nh3 {\r\n  margin: 40px 0 0;\r\n}\r\n\r\n.basemap-fix {\r\n  margin-left: 55px;\r\n}\r\n\r\nul {\r\n  list-style-type: none;\r\n  padding: 0;\r\n}\r\n\r\nli {\r\n  display: inline-block;\r\n  margin: 0 10px;\r\n}\r\n\r\na {\r\n  color: lightskyblue;\r\n}\r\n\r\n#viewDiv {\r\n  position: absolute;\r\n  height: 100%;\r\n  right: 0;\r\n}\r\n\r\n.sideMenuVisible {\r\n  left: 0px;\r\n}\r\n\r\n.sideMenuHidden {\r\n  left: 56px;\r\n}\r\n\r\n.bottom-left {\r\n  position: absolute;\r\n  bottom: 0px;\r\n  padding-left: 15px;\r\n  height: 40px;\r\n  left: 0px;\r\n  background: #00000070;\r\n  padding-top: 8px;\r\n  width: 100%;\r\n  font-size: 18px;\r\n}\r\n\r\n.image-container {\r\n  position: relative;\r\n  text-align: left;\r\n  color: white;\r\n  margin: 0px;\r\n}\r\n\r\n.box {\r\n  position: absolute;\r\n  left: 0px;\r\n  width: 400px;\r\n  height: 100vh;\r\n  overflow: hidden;\r\n}\r\n\r\n.transform {\r\n  -webkit-transition: all 0.2s ease;\r\n  -moz-transition: all 0.2s ease;\r\n  -o-transition: all 0.2s ease;\r\n  -ms-transition: all 0.2s ease;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.transform-active {\r\n  background-color: #45cee0;\r\n  height: 105px;\r\n  width: 400px;\r\n}\r\n\r\n.test:hover #move-in-to-place {\r\n  right: 0;\r\n  -webkit-transition: all 1s, -webkit-transform 1s;\r\n  transition: all 1s, transform 1s;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 1;\r\n}\r\n\r\n.basemap-menu-hidden {\r\n  left: 20px;\r\n}\r\n\r\n.basemap-menu-visible {\r\n  left: 20px;\r\n}\r\n\r\n.coordinates-menu-hidden {\r\n  left: 56px;\r\n}\r\n\r\n.coordinates-menu-visible {\r\n  left: 0px;\r\n}\r\n\r\n.slide-fade-enter-active {\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.slide-fade-leave-active {\r\n  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);\r\n}\r\n\r\n.slide-fade-enter,\r\n.slide-fade-leave-to\r\n/* .slide-fade-leave-active below version 2.1.8 */\r\n\r\n {\r\n  transform: translateX(10px);\r\n  opacity: 0;\r\n}\r\n\r\n.fade-enter-active,\r\n.fade-leave-active {\r\n  transition-duration: 0.1s;\r\n  transition-property: opacity;\r\n  transition-timing-function: ease;\r\n}\r\n\r\n.fade-enter,\r\n.fade-leave-active {\r\n  opacity: 0;\r\n}\r\n\r\n.hide {\r\n  background: transparent;\r\n}\r\n\r\n.show {\r\n  background: whitesmoke;\r\n}\r\n\r\n.esri-coordinate-conversion {\r\n  background: #00000054;\r\n}\r\n\r\n.bottom-bar-visible {\r\n  bottom: 70px;\r\n}\r\n\r\n.bottom-bar-hidden {\r\n  bottom: 20px;\r\n}\r\n\r\n.controls-bottom-bar-hidden {\r\n  bottom: 50px;\r\n}\r\n\r\n.controls-bottom-bar-visible {\r\n  bottom: 100px;\r\n}\r\n\r\n.esri-attribution {\r\n  display: none;\r\n}\r\n\r\n.hole {\r\n  position: absolute;\r\n  left: 50%;\r\n  border-radius: 5px;\r\n  top: 50%;\r\n  box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.6);\r\n  pointer-events: none;\r\n}\r\n\r\n.map-center-dummy {\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  width: 1px;\r\n  height: 1px;\r\n  pointer-events: none;\r\n}\r\n\r\n.map-corner-dummy {\r\n  position: absolute;\r\n  left: 0%;\r\n  top: 10%;\r\n  width: 1px;\r\n  height: 1px;\r\n  pointer-events: none;\r\n}\r\n\r\n.map-corner-dummy-drawing {\r\n  position: absolute;\r\n  left: 150px;\r\n  top: 80px;\r\n  width: 1px;\r\n  height: 1px;\r\n  pointer-events: none;\r\n}\r\n\r\n.esri-ui {\r\n  z-index: 1000;\r\n}\r\n\r\n.connected-to-intranet-signal {\r\n  height: 8px;\r\n  margin-left: 5px;\r\n  width: 8px;\r\n  background-color: greenyellow;\r\n  border-radius: 50%;\r\n  display: inline-block;\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!./TheMap.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!./TheMap.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TheMap.vue?vue&type=template&id=5dfc1042\"\nimport script from \"./TheMap.vue?vue&type=script&lang=js\"\nexport * from \"./TheMap.vue?vue&type=script&lang=js\"\nimport style0 from \"./TheMap.vue?vue&type=style&index=0&id=5dfc1042&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":""}