{"version":3,"sources":["webpack:///./src/pages/MapPage/Tools/Tips/AppTour.vue?b67a","webpack:///./src/assets/gifs/sidebar.gif","webpack:///./src/assets/gifs/layers.gif","webpack:///./src/assets/gifs/infowindow.gif","webpack:///./src/pages/MapPage/Tools/Tips/AppTour.vue","webpack:///src/pages/MapPage/Tools/Tips/AppTour.vue","webpack:///./src/pages/MapPage/Tools/Tips/AppTour.vue?4715","webpack:///./src/pages/MapPage/Tools/Tips/AppTour.vue?1aea"],"names":["module","exports","_c","_self","attrs","_vm","scopedSlots","fn","tour","index","isFirst","tourOptions","slot","$event","previousStep","apply","staticClass","staticStyle","_v","component","staticRenderFns"],"mappings":"kHAAA,W,gDCAAA,EAAOC,QAAU,IAA0B,4B,uBCA3CD,EAAOC,QAAU,IAA0B,2B,uBCA3CD,EAAOC,QAAU,IAA0B,+B,yDCACC,EAAOC,WAAS,MAAU,KAAUC,EAAK,EAAC,S,OAAC,EAAM,SAAS,C,MAAC,CAAkB,cAA0B,QAAYC,MAAgB,sBAACC,UAAYD,EAAM,a,YAAoB,EAADE,GAAUC,E,IAAM,U,GAAyBJ,SAAM,G,MAAC,GAAM,aAAC,CAAM,OAAGC,KAAQG,S,EAAqF,GAACC,EAAK,qB,OAAM,EAAC,4B,IAAC,E,MAAY,CAAkC,OAA0B,gBAAgB,eAAC,YAAWD,EAAKE,SAAQ,OAAUF,KAAY,WAASH,EAAIM,QAAkB,mBAAI,OAAS,EAAC,qB,CAAQ,SAAO,CAAS,MAAC,CAACC,KAAK,WAAwCR,KAAK,W,CAAE,UAA2P,OAA/O,UAAE,MAAC,CAAG,UAAC,I,GAA0BS,C,MAA+BL,SAAKM,GAAoC,OAAD,mBAAC,wCAAgIV,GAAK,GAAC,4DAAqP,OAArP,U,YAAY,kBAAG,MAAC,CAAG,UAAC,I,GAA0BS,C,MAA+BL,SAAcO,GAAuB,OAAD,mBAAC,oCAA6HX,GAAK,GAAC,oE,YAAY,kBAAG,MAAC,CAAG,UAAC,I,GAA0BS,C,MAA+BL,SAAYO,GAAuB,OAAD,mBAAC,kC,CAAmI,8DAAoB,wC,YAAC,CAAsB,qBAACX,aAAM,UAAiB,MAAC,CAACQ,KAAK,WAAsRI,gBAA0B,CAACd,EAAG,IAAI,CAAC,EAAI,kPAA6M,EAA4B,QAAO,CAAi4Ce,YAAY,c,CAAC,UAAY,KAAC,GAAO,0+C,YAAC,CAAsB,aAAa,QAAO,sBAACb,aAAM,QAAiB,MAAC,CAACQ,KAAK,WAAyZR,KAAK,W,CAAE,MAAO,CAAC,KAAO,6X,MAAM,CAAwC,cAAIF,IAAM,EAAQ,WAAsLG,EAAG,IAAI,oJAAoE,eAAoG,CAAYW,YAAY,QAAQ,CAACX,EAAIa,GAAG,4BAA4BhB,EAAG,IAAI,CAACG,EAAIa,GAAG,oBAAuB,GAAE,uGAAQ,QAAuIF,YAAY,QAAQ,CAACX,EAAIa,GAAG,4BAA4BhB,EAAG,IAAI,CAACG,EAAIa,GAAG,0BAA0BA,EAAG,iIAA+H,QAACF,YAAY,QAAQ,CAACX,EAAIa,GAAG,4BAA4BhB,EAAG,IAAI,CAACG,EAAIa,GAAG,sBAAsB,4HAA6G,QAACD,YAAY,Q,CAAC,iCAAoB,oI,YAAC,CAAsB,aAAa,QAAO,sBAACb,aAAM,QAAiB,MAAC,CAACQ,KAAK,WAAkQR,KAAK,W,CAAE,MAAO,CAAC,KAAO,sO,MAAM,CAAoC,cAAIF,IAAM,EAAQ,WAA8xC,SAAY,GAAC,yPAAO,ogC,YAAC,CAAsB,qBAACE,aAAM,UAAiB,MAAC,CAACQ,KAAK,WAAqSR,KAAK,W,CAAE,MAAO,CAAC,KAAO,yQ,MAAM,CAAqC,cAAIF,IAAM,EAAQ,WAAqX,0XAAG,W,6BCiO79O,GACA,eACA,2BACA,0DAEA,yCACA,2CACA,gCACA,8BAGA,gBACA,OACA,aACA,kCAEA,OACA,CACA,+BACA,QACA,qBAEA,QACA,oBAEA,2PAEA,CACA,oCACA,QACA,wBAEA,QACA,iBAEA,4KAEA,CACA,oCACA,QACA,mBAEA,QACA,iBAEA,qBAEA,CACA,gCACA,QACA,qBAEA,QACA,iBAEA,0JAEA,CACA,2BACA,QACA,yBAEA,oNAEA,CACA,2BACA,QACA,uBAEA,uLAEA,CACA,2BACA,QACA,iBAEA,QACA,kBAEA,iLAEA,CACA,2BACA,QACA,oBAEA,QACA,kBAEA,qIAEA,CACA,2BACA,QACA,sBAEA,QACA,kBAEA,uQAEA,CACA,2BACA,QACA,8BAEA,QACA,kBAEA,gGAEA,CACA,2BACA,QACA,cAEA,QACA,kBAEA,kHAEA,CACA,8BACA,QACA,mBAEA,eACA,QACA,mBAGA,CACA,6BACA,QACA,iBAEA,eACA,QACA,oBAGA,CACA,gCACA,QACA,qBAEA,QACA,kMACA,QACA,oBAGA,CACA,iCACA,QACA,sBAEA,QACA,uOACA,QACA,oBAGA,CACA,+BACA,QACA,kBAEA,QACA,sJACA,QACA,mBAGA,CACA,iCACA,QACA,qBAEA,QACA,kIACA,QACA,mBAGA,CACA,mCACA,QACA,mBAEA,QACA,gHACA,QACA,mBAGA,CACA,+BACA,QACA,qBAEA,QACA,+JACA,QACA,mBAGA,CACA,8BACA,QACA,uBAEA,QACA,6IACA,QACA,mBAGA,CACA,+BACA,QACA,gBAEA,QACA,oaACA,yBACA,gGACA,QACA,oBAIA,aACA,yBACA,aACA,QACA,0BACA,yBACA,mBACA,yBChd6X,I,wBCQzXiB,EAAY,eACd,EACA,EACAC,GACA,EACA,KACA,KACA,MAIa,aAAAD,E","file":"js/chunk-6c18546d.34e471dd.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppTour.vue?vue&type=style&index=0&id=847414c2&prod&lang=scss\"","module.exports = __webpack_public_path__ + \"img/sidebar.22bb5dd0.gif\";","module.exports = __webpack_public_path__ + \"img/layers.abf1f51b.gif\";","module.exports = __webpack_public_path__ + \"img/infowindow.c519a1e0.gif\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-tour',{attrs:{\"name\":\"myTour\",\"steps\":_vm.steps,\"options\":_vm.tourOptions,\"callbacks\":_vm.myCallbacks},scopedSlots:_vm._u([{key:\"default\",fn:function(tour){return [_c('transition',{attrs:{\"name\":\"fade\"}},_vm._l((tour.steps),function(step,index){return (tour.currentStep === index)?_c('v-step',{key:index,attrs:{\"step\":step,\"previous-step\":tour.previousStep,\"next-step\":tour.nextStep,\"stop\":tour.stop,\"is-first\":tour.isFirst,\"is-last\":tour.isLast,\"labels\":_vm.tourOptions.labels}},[[_c('div',{attrs:{\"slot\":\"actions\"},slot:\"actions\"},[(!tour.isFirst)?_c('v-btn',{attrs:{\"depressed\":\"\"},on:{\"click\":function($event){$event.preventDefault();return tour.previousStep.apply(null, arguments)}}},[_vm._v(\"\\r\\n                Forrige\\r\\n              \")]):_vm._e(),(!tour.isLast)?_c('v-btn',{staticClass:\"btn btn-primary\",attrs:{\"depressed\":\"\"},on:{\"click\":function($event){$event.preventDefault();return tour.nextStep.apply(null, arguments)}}},[_vm._v(\"\\r\\n                Neste\\r\\n              \")]):_vm._e(),(tour.isLast)?_c('v-btn',{staticClass:\"btn btn-primary\",attrs:{\"depressed\":\"\"},on:{\"click\":function($event){$event.preventDefault();return tour.finish.apply(null, arguments)}}},[_vm._v(\"\\r\\n                Gå til kartet\\r\\n              \")]):_vm._e()],1)],(tour.currentStep === 1)?[_c('div',{staticStyle:{\"max-height\":\"300px\",\"overflow-y\":\"scroll\"},attrs:{\"slot\":\"content\"},slot:\"content\"},[_c('p',[_vm._v(\"\\r\\n                Du kan navigere i kartet ved hjelp av mus, tastatur eller\\r\\n                berøring, alt etter hva du foretrekker. Tabellen under gir en\\r\\n                oversikt over navigeringsmulighetene.\\r\\n              \")]),_c('table',{staticClass:\"tour-table\"},[_c('tr',[_c('th',[_vm._v(\"Interaksjon\")]),_c('th',[_vm._v(\"Oppførsel\")])]),_c('tr',[_c('td',[_vm._v(\"Klikk og dra\")]),_c('td',[_vm._v(\"Panorerer kartet\")])]),_c('tr',[_c('td',[_vm._v(\"Dobbeltklikk\")]),_c('td',[_vm._v(\"Zoomer inn mot musepeker\")])]),_c('tr',[_c('td',[_vm._v(\"Ctrl + dobbeltklikk\")]),_c('td',[_vm._v(\"Zoomer ut fra musepeker\")])]),_c('tr',[_c('td',[_vm._v(\"Musehjul frem\")]),_c('td',[_vm._v(\"Zoomer inn mot musepeker\")])]),_c('tr',[_c('td',[_vm._v(\"Musehjul tilbake\")]),_c('td',[_vm._v(\"Zoomer ut fra musepeker\")])]),_c('tr',[_c('td',[_vm._v(\"Klikk høyre museknapp og dra\")]),_c('td',[_vm._v(\"Rotér kartet når det er i 2d\")])]),_c('tr',[_c('td',[_vm._v(\"Shift+venstreklikk+dra\")]),_c('td',[_vm._v(\"Zoom til utsnittet av rektangelet\")])]),_c('tr',[_c('td',[_vm._v(\"N tasten\")]),_c('td',[_vm._v(\"Tilbakestiller rotasjon mot nord\")])]),_c('tr',[_c('td',[_vm._v(\"A tasten\")]),_c('td',[_vm._v(\"Rotér kartet mot klokken\")])]),_c('tr',[_c('td',[_vm._v(\"D tasten\")]),_c('td',[_vm._v(\"Rotér kartet med klokken\")])]),_c('tr',[_c('td',[_vm._v(\"+ tasten\")]),_c('td',[_vm._v(\"Zoom inn mot senter av kartet\")])]),_c('tr',[_c('td',[_vm._v(\"- tasten\")]),_c('td',[_vm._v(\"Zoom ut fra senter av kartet\")])]),_c('tr',[_c('td',[_vm._v(\"Dra med en eller flere fingre\")]),_c('td',[_vm._v(\"Panorér\")])]),_c('tr',[_c('td',[_vm._v(\"Dobbeltapp med én finger\")]),_c('td',[_vm._v(\"Zoom inn\")])]),_c('tr',[_c('td',[_vm._v(\"Klyp innover/utover med to fingre\")]),_c('td',[_vm._v(\"Zoomer inn eller ut\")])]),_c('tr',[_c('td',[_vm._v(\"Flytt to fingre med eller mot klokken\")]),_c('td',[_vm._v(\"Rotér kartet i angitt retning\")])])])])]:_vm._e(),(tour.currentStep === 2)?[_c('div',{staticStyle:{\"max-height\":\"300px\",\"overflow-y\":\"scroll\",\"text-align\":\"left\"},attrs:{\"slot\":\"content\"},slot:\"content\"},[_c('p',[_vm._v(\"\\r\\n                Når du klikker på et element i kartet vil det dukke opp et\\r\\n                popupvindu som viser informasjon om elementet. I tilfeller der\\r\\n                det er flere overlappende elementer på samme sted kan man\\r\\n                navigere mellom elementene ved hjelp av pilene som vises i\\r\\n                popupvinduet.\\r\\n              \")]),_c('img',{attrs:{\"width\":\"280px\",\"src\":require(\"@/assets/gifs/infowindow.gif\")}}),_c('p',[_vm._v(\"\\r\\n                Popupvinduet inneholder også en rad med verktøy. Her er en\\r\\n                oversikt over disse:\\r\\n              \")]),_c('ul',[_c('li',{staticClass:\"pt-1\"},[_vm._v(\"\\r\\n                  • \"),_c('b',[_vm._v(\"Høydeprofil:\")]),_vm._v(\" Genererer en høydeprofil (vises\\r\\n                  kun på linjeelementer).\\r\\n                \")]),_c('li',{staticClass:\"pt-2\"},[_vm._v(\"\\r\\n                  • \"),_c('b',[_vm._v(\"Konsekvensberegning:\")]),_vm._v(\" Analyse for å hente\\r\\n                  konsekvensfaktorer for et område (vises kun på polygoner).\\r\\n                \")]),_c('li',{staticClass:\"pt-2\"},[_vm._v(\"\\r\\n                  • \"),_c('b',[_vm._v(\"Kopier geometri:\")]),_vm._v(\" Kopierer geometrien til\\r\\n                  elementet slik at den kan limes inn i tegnelag.\\r\\n                \")]),_c('li',{staticClass:\"pt-2\"},[_vm._v(\"\\r\\n                  • \"),_c('b',[_vm._v(\"Zoom til:\")]),_vm._v(\" Zoomer kartet inn mot elementet.\\r\\n                \")])])])]:_vm._e(),(tour.currentStep === 12)?[_c('div',{staticStyle:{\"max-height\":\"300px\",\"overflow-y\":\"scroll\",\"text-align\":\"left\"},attrs:{\"slot\":\"content\"},slot:\"content\"},[_c('p',[_vm._v(\"\\r\\n                Kartlagverktøyet viser alle kartlag som er lagt til i kartet. Et\\r\\n                kartlag består vanligvis av flere underkartlag som vist i bildet\\r\\n                nedenfor.\\r\\n              \")]),_c('img',{attrs:{\"width\":\"280px\",\"src\":require(\"@/assets/gifs/layers.gif\")}}),_c('p',[_vm._v(\"\\r\\n                I mange tilfeller er kartlag kun synlige ved visse\\r\\n                målestokker/zoomnivåer. Hvis et kartlag ikke er synlig gitt\\r\\n                kartets målestokk vil dette kartlaget gråes ut i listen.\\r\\n              \")]),_c('p',[_vm._v(\"\\r\\n                Man slår kartlag av eller på ved å klikke på øye-ikonet helt til\\r\\n                høyre på raden for kartlaget, og justerer synligheten til\\r\\n                kartlaget enten ved å scrolle opp eller ned mens musepekeren er\\r\\n                over øye-ikonet, eller ved å bruke pilknappene over- og under\\r\\n                øye-ikonet.\\r\\n              \")]),_c('p',[_vm._v(\"\\r\\n                Når man holder musepekeren over et kartlag dukker det opp\\r\\n                tilleggsvalg for kartlaget. Man kan blant annet se info om et\\r\\n                kartlag, åpne tabellvisning, og sette filter.\\r\\n              \")]),_c('p',[_vm._v(\"\\r\\n                Hvis du ønsker å legge til innhold i kartet klikker du på 'Legg\\r\\n                til innhold' knappen rett over kartlagslisten. Du kan legge til\\r\\n                NVE kartlag, tegnelag, og laste opp filer. Støttede filtyper er\\r\\n                shape (zippet), .geojson og .gpx.\\r\\n              \")])])]:_vm._e(),(tour.currentStep === 11)?[_c('div',{staticStyle:{\"max-height\":\"300px\",\"overflow-y\":\"scroll\"},attrs:{\"slot\":\"content\"},slot:\"content\"},[_c('p',[_vm._v(\"\\r\\n                Sidemenyen til venstre for kartet inneholder flere nyttige\\r\\n                verktøy. Man aktiverer et verktøy ved å klikke på et av\\r\\n                verktøyikonene som vises på verktøylinjen helt til venstre.\\r\\n              \")]),_c('img',{attrs:{\"width\":\"280px\",\"src\":require(\"@/assets/gifs/sidebar.gif\")}}),_c('p',[_vm._v(\"\\r\\n                Når løsningen starter opp er kartlagverktøyet automatisk\\r\\n                aktivert. I neste punkt skal vi se nærmere på kartlagverktøyet.\\r\\n                Hvis du allerede har prøvd å aktivere andre verktøy er det fint\\r\\n                om du aktiverer kartlagverktøyet før du klikker 'Neste'.\\r\\n              \")])])]:_vm._e()],2):_vm._e()}),1)]}}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template\r\n  ><v-tour\r\n    name=\"myTour\"\r\n    :steps=\"steps\"\r\n    :options=\"tourOptions\"\r\n    :callbacks=\"myCallbacks\"\r\n  >\r\n    <template slot-scope=\"tour\">\r\n      <transition name=\"fade\">\r\n        <v-step\r\n          v-for=\"(step, index) of tour.steps\"\r\n          v-if=\"tour.currentStep === index\"\r\n          :key=\"index\"\r\n          :step=\"step\"\r\n          :previous-step=\"tour.previousStep\"\r\n          :next-step=\"tour.nextStep\"\r\n          :stop=\"tour.stop\"\r\n          :is-first=\"tour.isFirst\"\r\n          :is-last=\"tour.isLast\"\r\n          :labels=\"tourOptions.labels\"\r\n        >\r\n          <template>\r\n            <div slot=\"actions\">\r\n              <v-btn\r\n                v-if=\"!tour.isFirst\"\r\n                @click.prevent=\"tour.previousStep\"\r\n                depressed\r\n              >\r\n                Forrige\r\n              </v-btn>\r\n              <v-btn\r\n                v-if=\"!tour.isLast\"\r\n                depressed\r\n                @click.prevent=\"tour.nextStep\"\r\n                class=\"btn btn-primary\"\r\n              >\r\n                Neste\r\n              </v-btn>\r\n              <v-btn\r\n                v-if=\"tour.isLast\"\r\n                depressed\r\n                @click.prevent=\"tour.finish\"\r\n                class=\"btn btn-primary\"\r\n              >\r\n                Gå til kartet\r\n              </v-btn>\r\n            </div>\r\n          </template>\r\n          <template v-if=\"tour.currentStep === 1\">\r\n            <div slot=\"content\" style=\"max-height: 300px; overflow-y: scroll\">\r\n              <p>\r\n                Du kan navigere i kartet ved hjelp av mus, tastatur eller\r\n                berøring, alt etter hva du foretrekker. Tabellen under gir en\r\n                oversikt over navigeringsmulighetene.\r\n              </p>\r\n              <table class=\"tour-table\">\r\n                <tr>\r\n                  <th>Interaksjon</th>\r\n                  <th>Oppførsel</th>\r\n                </tr>\r\n                <tr>\r\n                  <td>Klikk og dra</td>\r\n                  <td>Panorerer kartet</td>\r\n                </tr>\r\n                <tr>\r\n                  <td>Dobbeltklikk</td>\r\n                  <td>Zoomer inn mot musepeker</td>\r\n                </tr>\r\n                <tr>\r\n                  <td>Ctrl + dobbeltklikk</td>\r\n                  <td>Zoomer ut fra musepeker</td>\r\n                </tr>\r\n                <tr>\r\n                  <td>Musehjul frem</td>\r\n                  <td>Zoomer inn mot musepeker</td>\r\n                </tr>\r\n                <tr>\r\n                  <td>Musehjul tilbake</td>\r\n                  <td>Zoomer ut fra musepeker</td>\r\n                </tr>\r\n                <tr>\r\n                  <td>Klikk høyre museknapp og dra</td>\r\n                  <td>Rotér kartet når det er i 2d</td>\r\n                </tr>\r\n                <tr>\r\n                  <td>Shift+venstreklikk+dra</td>\r\n                  <td>Zoom til utsnittet av rektangelet</td>\r\n                </tr>\r\n                <tr>\r\n                  <td>N tasten</td>\r\n                  <td>Tilbakestiller rotasjon mot nord</td>\r\n                </tr>\r\n                <tr>\r\n                  <td>A tasten</td>\r\n                  <td>Rotér kartet mot klokken</td>\r\n                </tr>\r\n                <tr>\r\n                  <td>D tasten</td>\r\n                  <td>Rotér kartet med klokken</td>\r\n                </tr>\r\n                <tr>\r\n                  <td>+ tasten</td>\r\n                  <td>Zoom inn mot senter av kartet</td>\r\n                </tr>\r\n                <tr>\r\n                  <td>- tasten</td>\r\n                  <td>Zoom ut fra senter av kartet</td>\r\n                </tr>\r\n                <tr>\r\n                  <td>Dra med en eller flere fingre</td>\r\n                  <td>Panorér</td>\r\n                </tr>\r\n                <tr>\r\n                  <td>Dobbeltapp med én finger</td>\r\n                  <td>Zoom inn</td>\r\n                </tr>\r\n                <tr>\r\n                  <td>Klyp innover/utover med to fingre</td>\r\n                  <td>Zoomer inn eller ut</td>\r\n                </tr>\r\n                <tr>\r\n                  <td>Flytt to fingre med eller mot klokken</td>\r\n                  <td>Rotér kartet i angitt retning</td>\r\n                </tr>\r\n              </table>\r\n            </div>\r\n          </template>\r\n          <template v-if=\"tour.currentStep === 2\">\r\n            <div\r\n              slot=\"content\"\r\n              style=\"max-height: 300px; overflow-y: scroll; text-align: left;\"\r\n            >\r\n              <p>\r\n                Når du klikker på et element i kartet vil det dukke opp et\r\n                popupvindu som viser informasjon om elementet. I tilfeller der\r\n                det er flere overlappende elementer på samme sted kan man\r\n                navigere mellom elementene ved hjelp av pilene som vises i\r\n                popupvinduet.\r\n              </p>\r\n              <img width=\"280px\" src=\"@/assets/gifs/infowindow.gif\" />\r\n              <p>\r\n                Popupvinduet inneholder også en rad med verktøy. Her er en\r\n                oversikt over disse:\r\n              </p>\r\n              <ul>\r\n                <li class=\"pt-1\">\r\n                  &#8226; <b>Høydeprofil:</b> Genererer en høydeprofil (vises\r\n                  kun på linjeelementer).\r\n                </li>\r\n                <li class=\"pt-2\">\r\n                  &#8226; <b>Konsekvensberegning:</b> Analyse for å hente\r\n                  konsekvensfaktorer for et område (vises kun på polygoner).\r\n                </li>\r\n                <li class=\"pt-2\">\r\n                  &#8226; <b>Kopier geometri:</b> Kopierer geometrien til\r\n                  elementet slik at den kan limes inn i tegnelag.\r\n                </li>\r\n                <li class=\"pt-2\">\r\n                  &#8226; <b>Zoom til:</b> Zoomer kartet inn mot elementet.\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </template>\r\n          <template v-if=\"tour.currentStep === 12\">\r\n            <div\r\n              slot=\"content\"\r\n              style=\"max-height: 300px; overflow-y: scroll; text-align: left;\"\r\n            >\r\n              <p>\r\n                Kartlagverktøyet viser alle kartlag som er lagt til i kartet. Et\r\n                kartlag består vanligvis av flere underkartlag som vist i bildet\r\n                nedenfor.\r\n              </p>\r\n\r\n              <img width=\"280px\" src=\"@/assets/gifs/layers.gif\" />\r\n              <p>\r\n                I mange tilfeller er kartlag kun synlige ved visse\r\n                målestokker/zoomnivåer. Hvis et kartlag ikke er synlig gitt\r\n                kartets målestokk vil dette kartlaget gråes ut i listen.\r\n              </p>\r\n              <p>\r\n                Man slår kartlag av eller på ved å klikke på øye-ikonet helt til\r\n                høyre på raden for kartlaget, og justerer synligheten til\r\n                kartlaget enten ved å scrolle opp eller ned mens musepekeren er\r\n                over øye-ikonet, eller ved å bruke pilknappene over- og under\r\n                øye-ikonet.\r\n              </p>\r\n              <p>\r\n                Når man holder musepekeren over et kartlag dukker det opp\r\n                tilleggsvalg for kartlaget. Man kan blant annet se info om et\r\n                kartlag, åpne tabellvisning, og sette filter.\r\n              </p>\r\n              <p>\r\n                Hvis du ønsker å legge til innhold i kartet klikker du på 'Legg\r\n                til innhold' knappen rett over kartlagslisten. Du kan legge til\r\n                NVE kartlag, tegnelag, og laste opp filer. Støttede filtyper er\r\n                shape (zippet), .geojson og .gpx.\r\n              </p>\r\n            </div>\r\n          </template>\r\n          <template v-if=\"tour.currentStep === 11\">\r\n            <div slot=\"content\" style=\"max-height: 300px; overflow-y: scroll\">\r\n              <p>\r\n                Sidemenyen til venstre for kartet inneholder flere nyttige\r\n                verktøy. Man aktiverer et verktøy ved å klikke på et av\r\n                verktøyikonene som vises på verktøylinjen helt til venstre.\r\n              </p>\r\n\r\n              <img width=\"280px\" src=\"@/assets/gifs/sidebar.gif\" />\r\n              <p>\r\n                Når løsningen starter opp er kartlagverktøyet automatisk\r\n                aktivert. I neste punkt skal vi se nærmere på kartlagverktøyet.\r\n                Hvis du allerede har prøvd å aktivere andre verktøy er det fint\r\n                om du aktiverer kartlagverktøyet før du klikker 'Neste'.\r\n              </p>\r\n            </div>\r\n          </template>\r\n        </v-step>\r\n      </transition>\r\n    </template>\r\n  </v-tour>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapActions } from \"vuex\";\r\nexport default {\r\n  name: \"AppTour\",\r\n  computed: {\r\n    ...mapState([\"guideIsRunning\", \"appHelpEmailSubject\"])\r\n  },\r\n  methods: {\r\n    ...mapActions([\"setGuideIsRunning\"]),\r\n    updateGuideIsRunning: function() {\r\n      this.setGuideIsRunning(false);\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      myCallbacks: {\r\n        onStop: this.updateGuideIsRunning\r\n      },\r\n      steps: [\r\n        {\r\n          target: '[data-v-step=\"intro\"]',\r\n          header: {\r\n            title: \"Informasjon\"\r\n          },\r\n          params: {\r\n            placement: \"bottom\"\r\n          },\r\n          content: `Takk for at du tar deg tid til denne korte guiden. Vennligst vent med å interagere med løsningen inntil guiden er gjennomført. Du kan når som helst avbryte ved å trykke på ESC tasten på tastaturet. <br/><br/> Klikk på 'Neste' for å starte.`\r\n        },\r\n        {\r\n          target: '[data-v-step=\"navigation\"]',\r\n          header: {\r\n            title: \"Kartnavigasjon\"\r\n          },\r\n          params: {\r\n            placement: \"top\"\r\n          },\r\n          content: `Du kan navigere i kartet ved hjelp av mus, tastatur eller berøring, alt etter hvilken enhet du bruker. Tabellen under gir en oversikt over navigeringsmulighene.`\r\n        },\r\n        {\r\n          target: '[data-v-step=\"infowindow\"]',\r\n          header: {\r\n            title: \"Infovindu\"\r\n          },\r\n          params: {\r\n            placement: \"top\"\r\n          },\r\n          content: `Infovindu`\r\n        },\r\n        {\r\n          target: '[data-v-step=\"extent\"]',\r\n          header: {\r\n            title: \"Kartutsnitt\"\r\n          },\r\n          params: {\r\n            placement: \"top\"\r\n          },\r\n          content: `Når du åpner løsningen vil kartet automatisk vise sist brukte kartutsnitt (dvs. kartutsnittet du sist så på forrige gang du brukte løsningen).`\r\n        },\r\n        {\r\n          target: '[data-v-step=\"1\"]',\r\n          header: {\r\n            title: \"Temabeskrivelse\"\r\n          },\r\n          content: `Ved å klikke på knappen 'Vis temabeskrivelse' vil du få opp en beskrivelse av temaet du ser på. <br/><br/>Det finnes en temabeskrivelse for de fleste av NVE sine tema, men detaljeringsgraden varierer.`\r\n        },\r\n        {\r\n          target: '[data-v-step=\"2\"]',\r\n          header: {\r\n            title: \"Bakgrunnskart\"\r\n          },\r\n          content: `Du kan endre bakgrunnskart ved hjelp av denne menyen. Du kan velge mellom gråtone, basis, landskap og bilder. Valgt bakgrunnskart huskes til neste gang du åpner løsningen.`\r\n        },\r\n        {\r\n          target: '[data-v-step=\"3\"]',\r\n          header: {\r\n            title: \"Kompass\"\r\n          },\r\n          params: {\r\n            placement: \"left\"\r\n          },\r\n          content: `Når du roterer kartet vil kompassnålen rotere samtidig, slik at du alltid vet hvor nord ligger. Du kan tilbakestille rotasjonen til kartet ved å klikke på kompasset.`\r\n        },\r\n        {\r\n          target: '[data-v-step=\"4\"]',\r\n          header: {\r\n            title: \"3D visning\"\r\n          },\r\n          params: {\r\n            placement: \"left\"\r\n          },\r\n          content: `Denne knappen brukes for å bytte mellom 2D visning og 3D visning. Merk at 3D visning kan oppleves tregt på noen maskiner.`\r\n        },\r\n        {\r\n          target: '[data-v-step=\"5\"]',\r\n          header: {\r\n            title: \"Din posisjon\"\r\n          },\r\n          params: {\r\n            placement: \"left\"\r\n          },\r\n          content: `Denne knappen lar deg gå til din posisjon i kartet. Posisjonen din innhentes ved hjelp av GPS hvis enheten støtter det, eller ved hjelp av nettverksinformasjon. Hvis du bruker en enhet uten GPS vil posisjonen i de fleste tilfeller kun være omtrentlig.`\r\n        },\r\n        {\r\n          target: '[data-v-step=\"6\"]',\r\n          header: {\r\n            title: \"Tilbakestill utsnitt\"\r\n          },\r\n          params: {\r\n            placement: \"left\"\r\n          },\r\n          content: `Hvis du ønsker å tilbakestille kartutsnittet til å vise hele landet, klikker du her.`\r\n        },\r\n        {\r\n          target: '[data-v-step=\"7\"]',\r\n          header: {\r\n            title: \"Zoom\"\r\n          },\r\n          params: {\r\n            placement: \"left\"\r\n          },\r\n          content: `Disse knappene kan brukes for å zoome inn og ut dersom du ikke har scrollefunksjonalitet tilgjengelig.`\r\n        },\r\n        {\r\n          target: '[data-v-step=\"menu\"]',\r\n          header: {\r\n            title: \"Hovedmeny\"\r\n          },\r\n          content: \"test\",\r\n          params: {\r\n            placement: \"left\"\r\n          }\r\n        },\r\n        {\r\n          target: '[data-v-step=\"123\"]',\r\n          header: {\r\n            title: \"Kartlag\"\r\n          },\r\n          content: \"test\",\r\n          params: {\r\n            placement: \"right\"\r\n          }\r\n        },\r\n        {\r\n          target: '[data-v-step=\"search\"]',\r\n          header: {\r\n            title: \"Søkeverktøy\"\r\n          },\r\n          content:\r\n            \"Søkeverktøyet lar deg søke etter stedsnavn, adresser, gårds- og bruksnr, og i kartlagene som er lagt til i kartet. Resultatene fra søket oppdateres automatisk mens du skriver inn en søketerm.\",\r\n          params: {\r\n            placement: \"right\"\r\n          }\r\n        },\r\n        {\r\n          target: '[data-v-step=\"drawing\"]',\r\n          header: {\r\n            title: \"Tegneverktøy\"\r\n          },\r\n          content:\r\n            \"Tegneverktøyet lar deg tegne inn punkter, linjer og polygoner i kartet. Du kan gi navn til elementene, velge symbolisering, og ha flere tegnelag. Merk at når tegneverktøyet aktiveres vises det som en egen verktøylinje i kartet. \",\r\n          params: {\r\n            placement: \"right\"\r\n          }\r\n        },\r\n        {\r\n          target: '[data-v-step=\"print\"]',\r\n          header: {\r\n            title: \"Skriv ut\"\r\n          },\r\n          content:\r\n            \"Utskriftsverktøyet lar deg eksportere et utsnitt av kartet slik at du kan skrive det ut. Du kan velge mellom flere ulike formater og innstillinger.\",\r\n          params: {\r\n            placement: \"left\"\r\n          }\r\n        },\r\n        {\r\n          target: '[data-v-step=\"measure\"]',\r\n          header: {\r\n            title: \"Måleverktøy\"\r\n          },\r\n          content:\r\n            \"Måleverktøyet gjør det enkelt å måle avstand og areal direkte i kartet. Når 3D visning brukes kan man også måle høydeforskjell.\",\r\n          params: {\r\n            placement: \"left\"\r\n          }\r\n        },\r\n        {\r\n          target: '[data-v-step=\"bookmarks\"]',\r\n          header: {\r\n            title: \"Bokmerker\"\r\n          },\r\n          content:\r\n            \"Bokmerker gjør det enkelt å gå tilbake til steder du bruker ofte. Merk at bokmerker lagres i nettleseren din.\",\r\n          params: {\r\n            placement: \"left\"\r\n          }\r\n        },\r\n        {\r\n          target: '[data-v-step=\"share\"]',\r\n          header: {\r\n            title: \"Dele kartet\"\r\n          },\r\n          content:\r\n            \"Hvis du ønsker å dele kartet du ser på med andre kan du gjøre dette ved å klikke på deleikonet. Du vil da få en lenke til kartet som du kan sende til andre.\",\r\n          params: {\r\n            placement: \"left\"\r\n          }\r\n        },\r\n        {\r\n          target: '[data-v-step=\"help\"]',\r\n          header: {\r\n            title: \"Tips og triks\"\r\n          },\r\n          content:\r\n            \"For å gjøre det lettere å bruke løsningen har vi laget en liste med tips og triks. Du kan se listen ved å klikke på dette spørsmålsikonet.\",\r\n          params: {\r\n            placement: \"left\"\r\n          }\r\n        },\r\n        {\r\n          target: '[data-v-step=\"final\"]',\r\n          header: {\r\n            title: \"Hurra!\"\r\n          },\r\n          content:\r\n            \"Du har nå fått en gjennomgang av den mest essensielle funksjonaliteten i denne løsningen. For mer informasjon anbefaler vi at du ser på tips og triks listen som ble beskrevet i forrige punkt.<br/><br/>Hvis du ønsker å se denne guiden igjen velger du 'Vis guide' i hovedmenyen som vises når du klikker på 'hamburger'-ikonet øverst i verktøyslinjen på venstre side.<br/><br/><p><a href='mailto:gisstotte@nve.no?Subject=\" +\r\n            this.appHelpEmailSubject +\r\n            \"' target='_top'>Send oss gjerne en epost</a> hvis du har spørsmål eller tilbakemeldinger!</p>\",\r\n          params: {\r\n            placement: \"left\"\r\n          }\r\n        }\r\n      ],\r\n      tourOptions: {\r\n        useKeyboardNavigation: true,\r\n        highlight: true,\r\n        labels: {\r\n          buttonSkip: \"Avbryt guide\",\r\n          buttonPrevious: \"Forrige\",\r\n          buttonNext: \"Neste\",\r\n          buttonStop: \"Ferdig\"\r\n        }\r\n      }\r\n    };\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.tour-table {\r\n  table {\r\n    font-family: arial, sans-serif;\r\n    border-collapse: collapse;\r\n    width: 100%;\r\n  }\r\n\r\n  td,\r\n  th {\r\n    border: 1px solid #dddddd;\r\n    text-align: left;\r\n    padding: 8px;\r\n  }\r\n\r\n  tr:nth-child(even) {\r\n    background-color: #dddddd;\r\n  }\r\n}\r\n.v-step {\r\n  background: white !important;\r\n  color: #000 !important;\r\n  max-width: 320px !important;\r\n}\r\n.v-step .v-step__arrow {\r\n  border-color: white !important; /* #ffc107, #35495e */\r\n  &--dark {\r\n    border-color: #454d5d;\r\n  }\r\n}\r\n.v-step[x-placement^=\"top\"] {\r\n  margin-bottom: 0.5rem;\r\n}\r\n.v-step[x-placement^=\"top\"] .v-step__arrow {\r\n  border-width: 0.5rem 0.5rem 0 0.5rem;\r\n  border-left-color: transparent !important;\r\n  border-right-color: transparent !important;\r\n  border-bottom-color: transparent !important;\r\n  bottom: -0.5rem;\r\n  left: calc(50% - 1rem);\r\n  margin-top: 0;\r\n  margin-bottom: 0;\r\n}\r\n.v-step[x-placement^=\"bottom\"] {\r\n  margin-top: 0.5rem;\r\n}\r\n.v-step[x-placement^=\"bottom\"] .v-step__arrow {\r\n  border-width: 0 0.5rem 0.5rem 0.5rem;\r\n  border-left-color: transparent !important;\r\n  border-right-color: transparent !important ;\r\n  border-top-color: transparent !important;\r\n  top: -0.5rem;\r\n  left: calc(50% - 1rem);\r\n  margin-top: 0;\r\n  margin-bottom: 0;\r\n}\r\n.v-step[x-placement^=\"right\"] {\r\n  margin-left: 0.5rem;\r\n}\r\n.v-step[x-placement^=\"right\"] .v-step__arrow {\r\n  border-width: 0.5rem 0.5rem 0.5rem 0;\r\n  border-left-color: transparent !important;\r\n  border-top-color: transparent !important;\r\n  border-bottom-color: transparent !important;\r\n  left: -0.5rem;\r\n  top: calc(50% - 1rem);\r\n  margin-left: 0;\r\n  margin-right: 0;\r\n}\r\n.v-step[x-placement^=\"left\"] {\r\n  margin-right: 0.5rem;\r\n}\r\n.v-step[x-placement^=\"left\"] .v-step__arrow {\r\n  border-width: 0.5rem 0 0.5rem 0.5rem;\r\n  border-top-color: transparent !important;\r\n  border-right-color: transparent !important;\r\n  border-bottom-color: transparent !important;\r\n  right: -0.5rem;\r\n  top: calc(50% - 1rem);\r\n  margin-left: 0;\r\n  margin-right: 0;\r\n}\r\n\r\n.v-step__header {\r\n  background-color: #c8c8c8 !important;\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!./AppTour.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!./AppTour.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AppTour.vue?vue&type=template&id=847414c2\"\nimport script from \"./AppTour.vue?vue&type=script&lang=js\"\nexport * from \"./AppTour.vue?vue&type=script&lang=js\"\nimport style0 from \"./AppTour.vue?vue&type=style&index=0&id=847414c2&prod&lang=scss\"\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":""}