{"version":3,"sources":["webpack:///./src/pages/MapPage/Map/MapBasemapSelect.vue","webpack:///src/pages/MapPage/Map/MapBasemapSelect.vue","webpack:///./src/pages/MapPage/Map/MapBasemapSelect.vue?fdf7","webpack:///./src/pages/MapPage/Map/MapBasemapSelect.vue?049b","webpack:///./src/pages/MapPage/Map/MapBasemapSelect.vue?6013"],"names":["staticStyle","_c","staticClass","attrs","basemaps","scopedSlots","_u","key","fn","data","domProps","item","title","callback","expression","staticRenderFns","component"],"mappings":"wLAAiHA,a,IAAa,O,EAAsB,QAAY,G,OAAQ,QAAW,C,YAAS,wBAAoB,aAAIC,gBAAc,MAACC,YAAY,QAAiBC,SAAM,SAAC,eAAYC,Q,CAAmB,SAAY,C,YAA+B,iB,MAAC,CAAkB,QAAY,SAAQ,QAAqB,aAAa,qBAAgB,QAACC,eAAgBC,GAAKC,YAAU,QAACC,iBAAYC,E,cAAiB,gB,YAA4C,EAAC,K,cAAwE,YAAC,MAAKR,CAAE,EAAC,UAAsB,MAAI,CAAqBS,OAAU,8BAAkC,aAAC,6BAAQ,oBAAG,UAAK,UAAW,uBAAmB,M,6BAAqID,G,MAAsB,oBAAG,YAAM,wBAA+CC,OAAU,qBAAwBC,EAAKC,KAAK,MAAC,6BAAQ,oBAAI,UAAO,iCAA6BC,Q,MAAkDC,CAA4B,wBAAI,SAAG,YACpnC,qBAGD,WAAiBC,sB,6CCmCjB,GACA,wBACA,0CACA,kCACA,iBACA,gBACA,oBAEA,eACA,6CAIA,gBACA,OACA,kBACA,oBAGA,iBC1DuX,I,wBCQnXC,EAAY,eACd,EACA,EACAD,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,2CCnBf","file":"js/chunk-33c658c5.16cd9b6f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"secondary elevation-2\",staticStyle:{\"border-radius\":\"5px\",\"min-width\":\"200px\",\"overflow\":\"hidden\",\"padding-left\":\"0px\"}},[_c('v-select',{staticClass:\"basemap-select\",attrs:{\"items\":_vm.basemaps,\"solo\":\"\",\"aria-label\":\"Velg bakgrunnskart\",\"flat\":\"\",\"hide-details\":\"\",\"item-text\":\"title\",\"return-object\":true,\"item-avatar\":\"thumbnailUrl\"},scopedSlots:_vm._u([{key:\"item\",fn:function(data){return [_c('v-list-tile-avatar',[_c('img',{attrs:{\"alt\":'Bakgrunnskart eksempel ' + data.item.title,\"src\":data.item.thumbnailUrl}})]),_c('v-list-tile-content',[_c('v-list-tile-title',{domProps:{\"innerHTML\":_vm._s(data.item.title)}})],1)]}},{key:\"selection\",fn:function(data){return [_c('v-list-tile-avatar',[_c('img',{staticClass:\"basemap-select-avatar\",attrs:{\"alt\":'Bakgrunnskart ' + data.item.title,\"src\":data.item.thumbnailUrl}})]),_c('v-list-tile-content',[_c('v-list-tile-title',{domProps:{\"innerHTML\":_vm._s(data.item.title)}})],1)]}}]),model:{value:(_vm.selectedBasemap),callback:function ($$v) {_vm.selectedBasemap=$$v},expression:\"selectedBasemap\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    style=\"border-radius: 5px; min-width: 200px; overflow: hidden; padding-left: 0px;\"\r\n    class=\"secondary elevation-2\"\r\n  >\r\n    <v-select\r\n      class=\"basemap-select\"\r\n      :items=\"basemaps\"\r\n      solo\r\n      aria-label=\"Velg bakgrunnskart\"           \r\n      flat\r\n      v-model=\"selectedBasemap\"\r\n      hide-details\r\n      item-text=\"title\"\r\n      :return-object=\"true\"\r\n      item-avatar=\"thumbnailUrl\"\r\n    >\r\n      <template slot=\"item\" slot-scope=\"data\">\r\n        <v-list-tile-avatar>\r\n          <img :alt=\"'Bakgrunnskart eksempel ' + data.item.title\" :src=\"data.item.thumbnailUrl\" />\r\n        </v-list-tile-avatar>\r\n        <v-list-tile-content>\r\n          <v-list-tile-title v-html=\"data.item.title\"></v-list-tile-title>\r\n        </v-list-tile-content>\r\n      </template>\r\n      <template slot=\"selection\" slot-scope=\"data\">\r\n        <v-list-tile-avatar>\r\n          <img :alt=\"'Bakgrunnskart ' + data.item.title\" :src=\"data.item.thumbnailUrl\" class=\"basemap-select-avatar\" />\r\n        </v-list-tile-avatar>\r\n        <v-list-tile-content>\r\n          <v-list-tile-title v-html=\"data.item.title\"></v-list-tile-title>\r\n        </v-list-tile-content>\r\n      </template>\r\n    </v-select>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapState } from \"vuex\";\r\nimport BasemapMixin from \"@/mixins/basemapMixin\";\r\nexport default {\r\n  name: \"MapBasemapSelect\",\r\n  computed: {\r\n    ...mapState([\"basemaps\"]),\r\n    selectedBasemap: {\r\n      set(selectedBasemap) {\r\n        this.setBasemap(selectedBasemap);\r\n      },\r\n      get() {\r\n        return this.$store.state.selectedBasemap;\r\n      }\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      basemapsLoaded: false,\r\n      loadedBasemaps: []\r\n    };\r\n  },\r\n  mixins: [BasemapMixin]\r\n};\r\n</script>\r\n<style>\r\n.basemap-select {\r\n  max-width: 215px;\r\n  margin-top: 4px;\r\n  z-index: 10000;\r\n}\r\n\r\n.basemap-select-avatar {\r\n  padding: 0px;\r\n  height: 10px;\r\n}\r\n\r\n.basemap-select .v-avatar {\r\n  height: 30px !important;\r\n  width: 30px !important;\r\n}\r\n\r\n.basemap-select .v-input__control {\r\n  min-height: 42px !important;\r\n}\r\n\r\n.map-thumbnail::after {\r\n  display: block;\r\n  position: relative;\r\n  background-image: linear-gradient(\r\n    to bottom,\r\n    transparent 50%,\r\n    rgba(0, 0, 0, 0.788) 100%\r\n  );\r\n\r\n  width: 100%;\r\n  content: \"\";\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!./MapBasemapSelect.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!./MapBasemapSelect.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MapBasemapSelect.vue?vue&type=template&id=44fa96f7\"\nimport script from \"./MapBasemapSelect.vue?vue&type=script&lang=js\"\nexport * from \"./MapBasemapSelect.vue?vue&type=script&lang=js\"\nimport style0 from \"./MapBasemapSelect.vue?vue&type=style&index=0&id=44fa96f7&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","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!./MapBasemapSelect.vue?vue&type=style&index=0&id=44fa96f7&prod&lang=css\""],"sourceRoot":""}