{"version":3,"sources":["webpack:///./src/components/BandAlien.vue?7ed1","webpack:///./src/components/PwaBlob.vue?8777","webpack:///./src/components/BandRed.vue?8c61","webpack:///./src/components/PwaBlobSmallScreen.vue?ef28","webpack:///./src/views/Home.vue?d779","webpack:///./src/components/BandAlien.vue?dbde","webpack:///src/components/BandAlien.vue","webpack:///./src/components/BandAlien.vue?e1bb","webpack:///./src/components/BandAlien.vue?b831","webpack:///./src/components/BandRed.vue?5db7","webpack:///src/components/BandRed.vue","webpack:///./src/components/BandRed.vue?df90","webpack:///./src/components/BandRed.vue?1d7d","webpack:///./src/components/PwaBlob.vue?f033","webpack:///src/components/PwaBlob.vue","webpack:///./src/components/PwaBlob.vue?d7b8","webpack:///./src/components/PwaBlob.vue?a6a8","webpack:///./src/components/PwaBlobSmallScreen.vue?6573","webpack:///src/components/PwaBlobSmallScreen.vue","webpack:///./src/components/PwaBlobSmallScreen.vue?8825","webpack:///./src/components/PwaBlobSmallScreen.vue?afc2","webpack:///src/views/Home.vue","webpack:///./src/views/Home.vue?493c","webpack:///./src/views/Home.vue","webpack:///./src/components/CategoriesButtons.vue?e346","webpack:///src/components/CategoriesButtons.vue","webpack:///./src/components/CategoriesButtons.vue?f970","webpack:///./src/components/CategoriesButtons.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_e","attrs","$vuetify","breakpoint","mdAndUp","on","sendSearch","scopedSlots","_u","key","fn","staticStyle","_v","proxy","model","value","callback","$$v","search","expression","categories","_l","species","id","$_colsWidth","staticRenderFns","$_getImage","li_image_id","_s","name_lat","name_sve","domProps","text_sve","$event","$router","push","name","params","nameUrl","url","mixins","Misc","data","computed","filter","Math","floor","random","length","methods","component","VBtn","VCol","VContainer","VIcon","VImg","VRow","show","components","BandAlien","BandRed","CategoriesButtons","SpeciesCard","PwaBlob","PwaBlobSmallScreen","Setup","created","mounted","$store","dispatch","featuredSpecies","getters","getFeaturedSpecies","state","setup","e","type","VTextField","subCategories","category","categoryNameUrl","category_url","sub_category_url","activeSubCategoryName","subCategoryNameUrl","sub_category","props","Array","Boolean","$route"],"mappings":"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","file":"js/Home.cb111b15.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./BandAlien.vue?vue&type=style&index=0&id=5eb48fd0&lang=css&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./PwaBlob.vue?vue&type=style&index=0&id=252d0c5f&lang=scss&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./BandRed.vue?vue&type=style&index=0&id=26c593a3&lang=css&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./PwaBlobSmallScreen.vue?vue&type=style&index=0&id=6ac9850b&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-100\"},[(_vm.isOnline)?_c('PwaBlob'):_vm._e(),_c('router-view'),_c('v-container',[_c('v-row',{staticClass:\"flex justify-center ma-0 mt-5\"},[_c('v-col',{attrs:{\"cols\":_vm.$vuetify.breakpoint.mdAndUp ? 6 : 12}},[_c('v-text-field',{attrs:{\"label\":\"Vad letar du efter?\",\"solo\":\"\",\"filled\":\"\"},on:{\"keydown\":_vm.sendSearch},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [_c('div',{staticStyle:{\"transform\":\"translateY(-12px)\"}},[_c('v-btn',{attrs:{\"color\":\"primary\",\"fab\":\"\",\"dark\":\"\"},on:{\"click\":_vm.sendSearch}},[_c('v-icon',[_vm._v(\" mdi-magnify \")])],1)],1)]},proxy:true}]),model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1)],1),_c('v-row',{staticClass:\"mb-5\"},[_c('v-col',{attrs:{\"cols\":\"12\"}},[(_vm.isOnline)?_c('PwaBlobSmallScreen'):_vm._e()],1)],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('CategoriesButtons',{attrs:{\"categories\":_vm.categories}})],1)],1),_c('v-row',_vm._l((_vm.featuredSpecies),function(species){return _c('v-col',{key:species.id,staticClass:\"d-flex child-flex\",attrs:{\"cols\":_vm.$_colsWidth}},[_c('SpeciesCard',{attrs:{\"species\":species}})],1)}),1)],1),_c('BandAlien'),_c('BandRed')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.species)?_c('div',{staticClass:\"art-container py-10\"},[_c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"text-h4\"},[_vm._v(\"Främmande arter\")])])],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":_vm.$vuetify.breakpoint.mdAndUp ? 6 : 12}},[_c('v-img',{attrs:{\"src\":_vm.$_getImage(_vm.species.li_image_id)}})],1),_c('v-col',{attrs:{\"cols\":_vm.$vuetify.breakpoint.mdAndUp ? 6 : 12}},[_c('span',{staticClass:\"subtitle-1 text-uppercase color-primary\"},[_vm._v(_vm._s(_vm.species.name_lat))]),_c('h3',[_vm._v(_vm._s(_vm.species.name_sve))]),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.species.text_sve)}})])],1),_c('v-row',[_c('v-col',{staticClass:\"text-right\"},[_c('v-btn',{attrs:{\"color\":\"primary\",\"darken-2\":\"\",\"text\":\"\"},on:{\"click\":function($event){return _vm.$router.push({\n              name: 'SingleSpecies',\n              params: { nameUrl: _vm.species.url }\n            })}}},[_vm._v(\" Läs mer om \"+_vm._s(_vm.species.name_sve)+\" \"),_c('v-icon',{attrs:{\"right\":\"\"}},[_vm._v(\" mdi-arrow-right \")])],1)],1)],1)],1)],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"art-container py-10\" v-if=\"species\">\n    <v-container>\n      <v-row>\n        <v-col cols=\"12\">\n          <div class=\"text-h4\">Främmande arter</div>\n        </v-col>\n      </v-row>\n      <v-row>\n        <v-col :cols=\"$vuetify.breakpoint.mdAndUp ? 6 : 12\">\n          <v-img :src=\"$_getImage(species.li_image_id)\"> </v-img>\n        </v-col>\n        <v-col :cols=\"$vuetify.breakpoint.mdAndUp ? 6 : 12\">\n          <span class=\"subtitle-1 text-uppercase color-primary\">{{\n            species.name_lat\n          }}</span>\n          <h3>{{ species.name_sve }}</h3>\n          <p v-html=\"species.text_sve\"></p>\n        </v-col>\n      </v-row>\n      <v-row\n        ><v-col class=\"text-right\">\n          <v-btn\n            color=\"primary\"\n            darken-2\n            text\n            @click=\"\n              $router.push({\n                name: 'SingleSpecies',\n                params: { nameUrl: species.url }\n              })\n            \"\n          >\n            Läs mer om {{ species.name_sve }}\n            <v-icon right>\n              mdi-arrow-right\n            </v-icon>\n          </v-btn>\n        </v-col></v-row\n      >\n    </v-container>\n  </div>\n</template>\n\n<script>\nimport Misc from '@/mixins/Misc'\nexport default {\n  name: 'AlienBand',\n  mixins: [Misc],\n  data() {\n    return {\n      key: null\n    }\n  },\n  computed: {\n    species() {\n      let species = this.$store.getters.getAllSpecies\n      species = species.filter(s => s.alien === 'on')\n      return species[Math.floor(Math.random() * species.length)]\n    }\n  },\n  methods: {}\n}\n</script>\n\n<style lang=\"css\" scoped>\n.art-container {\n  background-color: #ebf9e4;\n  margin-top: 50px;\n}\n.subtitle-1 {\n  color: #7ead61;\n}\n</style>\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!./BandAlien.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!./BandAlien.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BandAlien.vue?vue&type=template&id=5eb48fd0&scoped=true&\"\nimport script from \"./BandAlien.vue?vue&type=script&lang=js&\"\nexport * from \"./BandAlien.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BandAlien.vue?vue&type=style&index=0&id=5eb48fd0&lang=css&scoped=true&\"\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  \"5eb48fd0\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCol,VContainer,VIcon,VImg,VRow})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.species)?_c('div',{staticClass:\"art-container py-10\"},[_c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"text-h4\"},[_vm._v(\"Rödlistade arter\")])])],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":_vm.$vuetify.breakpoint.mdAndUp ? 6 : 12}},[_c('span',{staticClass:\"subtitle-1 text-uppercase color-primary\"},[_vm._v(_vm._s(_vm.species.name_lat))]),_c('h3',[_vm._v(_vm._s(_vm.species.name_sve))]),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.species.text_sve)}})]),_c('v-col',{attrs:{\"cols\":_vm.$vuetify.breakpoint.mdAndUp ? 6 : 12}},[_c('v-img',{attrs:{\"src\":_vm.$_getImage(_vm.species.li_image_id)}})],1)],1),_c('v-row',[_c('v-col',{staticClass:\"text-right\"},[_c('v-btn',{attrs:{\"color\":\"primary\",\"darken-2\":\"\",\"text\":\"\"},on:{\"click\":function($event){return _vm.$router.push({\n              name: 'SingleSpecies',\n              params: { nameUrl: _vm.species.url }\n            })}}},[_vm._v(\" Läs mer om \"+_vm._s(_vm.species.name_sve)+\" \"),_c('v-icon',{attrs:{\"right\":\"\"}},[_vm._v(\" mdi-arrow-right \")])],1)],1)],1)],1)],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"art-container py-10\" v-if=\"species\">\n    <v-container>\n      <v-row>\n        <v-col cols=\"12\">\n          <div class=\"text-h4\">Rödlistade arter</div>\n        </v-col>\n      </v-row>\n      <v-row>\n        <v-col :cols=\"$vuetify.breakpoint.mdAndUp ? 6 : 12\">\n          <span class=\"subtitle-1 text-uppercase color-primary\">{{\n            species.name_lat\n          }}</span>\n          <h3>{{ species.name_sve }}</h3>\n          <p v-html=\"species.text_sve\"></p>\n        </v-col>\n        <v-col :cols=\"$vuetify.breakpoint.mdAndUp ? 6 : 12\">\n          <v-img :src=\"$_getImage(species.li_image_id)\"> </v-img>\n        </v-col>\n      </v-row>\n      <v-row\n        ><v-col class=\"text-right\">\n          <v-btn\n            color=\"primary\"\n            darken-2\n            text\n            @click=\"\n              $router.push({\n                name: 'SingleSpecies',\n                params: { nameUrl: species.url }\n              })\n            \"\n          >\n            Läs mer om {{ species.name_sve }}\n            <v-icon right>\n              mdi-arrow-right\n            </v-icon>\n          </v-btn>\n        </v-col></v-row\n      >\n    </v-container>\n  </div>\n</template>\n\n<script>\nimport Misc from '@/mixins/Misc'\nexport default {\n  name: 'AlienBand',\n  mixins: [Misc],\n  data() {\n    return {\n      key: null\n    }\n  },\n  computed: {\n    species() {\n      let species = this.$store.getters.getAllSpecies\n      species = species.filter(s => {\n        return (\n          s.redlist_lc === 'on' ||\n          s.redlist_nt === 'on' ||\n          s.redlist_vu === 'on' ||\n          s.redlist_en === 'on' ||\n          s.redlist_cr === 'on' ||\n          s.redlist_re === 'on'\n        )\n      })\n      return species[Math.floor(Math.random() * species.length)]\n    }\n  },\n  methods: {}\n}\n</script>\n\n<style lang=\"css\" scoped>\n.art-container {\n  background-color: rgb(226, 245, 251);\n}\n.subtitle-1 {\n  color: #7ead61;\n}\n</style>\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!./BandRed.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!./BandRed.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BandRed.vue?vue&type=template&id=26c593a3&scoped=true&\"\nimport script from \"./BandRed.vue?vue&type=script&lang=js&\"\nexport * from \"./BandRed.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BandRed.vue?vue&type=style&index=0&id=26c593a3&lang=css&scoped=true&\"\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  \"26c593a3\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCol,VContainer,VIcon,VImg,VRow})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"blob-container\",on:{\"click\":_vm.show}},[_c('v-icon',[_vm._v(\" mdi-information-outline \")]),_c('div',{staticClass:\"blob-text\"},[_vm._v(\" Ladda ner Livet i havet till din telefon. Klicka här för att se hur man gör! \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"blob-container\" @click=\"show\">\n    <v-icon>\n      mdi-information-outline\n    </v-icon>\n    <div class=\"blob-text\">\n      Ladda ner Livet i havet till din telefon. Klicka här för att se hur man\n      gör!\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  methods: {\n    show() {\n      this.$router.push({ name: 'Video' })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.blob-container {\n  z-index: 4;\n  position: absolute;\n  width: 200px;\n  height: 100px;\n  padding: 10px;\n  display: flex;\n  cursor: pointer;\n  background-color: rgb(254, 226, 89) !important;\n  align-items: center;\n}\n\n.blob-text {\n  font-size: 14px;\n  color: #000;\n  margin-left: 10px;\n}\n@media screen and (max-width: 975px) {\n  .blob-container {\n    display: none;\n  }\n}\n</style>\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!./PwaBlob.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!./PwaBlob.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PwaBlob.vue?vue&type=template&id=252d0c5f&scoped=true&\"\nimport script from \"./PwaBlob.vue?vue&type=script&lang=js&\"\nexport * from \"./PwaBlob.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PwaBlob.vue?vue&type=style&index=0&id=252d0c5f&lang=scss&scoped=true&\"\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  \"252d0c5f\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VIcon})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"blob-container\",on:{\"click\":_vm.show}},[_c('div',{staticClass:\"inner\"},[_c('v-icon',[_vm._v(\" mdi-information-outline \")]),_c('div',{staticClass:\"blob-text p-2\"},[_vm._v(\" Ladda ner Livet i havet till din telefon. Klicka här för att se hur man gör! \")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"blob-container\" @click=\"show\">\n    <div class=\"inner\">\n      <v-icon>\n        mdi-information-outline\n      </v-icon>\n      <div class=\"blob-text p-2\">\n        Ladda ner Livet i havet till din telefon. Klicka här för att se hur man\n        gör!\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  methods: {\n    show() {\n      this.$router.push({ name: 'Video' })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.blob-container {\n  display: flex;\n  justify-content: center;\n  cursor: pointer;\n  width: 100%;\n}\n.inner {\n  background-color: rgb(254, 226, 89) !important;\n  display: flex;\n  padding: 10px 20px;\n}\n.blob-text {\n  font-size: 16px;\n  color: #000;\n  text-align: center;\n  padding-left: 10px;\n}\n.blob-text span.text-bold {\n  font-weight: 500;\n}\n@media screen and (min-width: 975px) {\n  .blob-container {\n    display: none;\n  }\n}\n</style>\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!./PwaBlobSmallScreen.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!./PwaBlobSmallScreen.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PwaBlobSmallScreen.vue?vue&type=template&id=6ac9850b&scoped=true&\"\nimport script from \"./PwaBlobSmallScreen.vue?vue&type=script&lang=js&\"\nexport * from \"./PwaBlobSmallScreen.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PwaBlobSmallScreen.vue?vue&type=style&index=0&id=6ac9850b&lang=scss&scoped=true&\"\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  \"6ac9850b\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VIcon})\n","<template>\n  <div class=\"w-100\">\n    <PwaBlob v-if=\"isOnline\" />\n    <router-view></router-view>\n    <v-container>\n      <v-row class=\"flex justify-center ma-0 mt-5\">\n        <v-col :cols=\"$vuetify.breakpoint.mdAndUp ? 6 : 12\">\n          <v-text-field\n            v-model=\"search\"\n            label=\"Vad letar du efter?\"\n            solo\n            filled\n            @keydown=\"sendSearch\"\n          >\n            <template v-slot:append-outer>\n              <div style=\"transform: translateY(-12px);\">\n                <v-btn color=\"primary\" fab dark @click=\"sendSearch\">\n                  <v-icon>\n                    mdi-magnify\n                  </v-icon>\n                </v-btn>\n              </div>\n            </template>\n          </v-text-field>\n        </v-col>\n      </v-row>\n      <v-row class=\"mb-5\">\n        <v-col cols=\"12\">\n          <PwaBlobSmallScreen v-if=\"isOnline\" />\n        </v-col>\n      </v-row>\n      <v-row>\n        <v-col cols=\"12\">\n          <CategoriesButtons :categories=\"categories\" />\n        </v-col>\n      </v-row>\n      <v-row>\n        <v-col\n          v-for=\"species in featuredSpecies\"\n          :key=\"species.id\"\n          :cols=\"$_colsWidth\"\n          class=\"d-flex child-flex\"\n        >\n          <SpeciesCard class=\"\" :species=\"species\" />\n        </v-col>\n      </v-row>\n    </v-container>\n\n    <BandAlien />\n    <BandRed />\n  </div>\n</template>\n\n<script>\n/* eslint-disable no-unused-vars */\n\nimport BandAlien from '@/components/BandAlien.vue'\nimport BandRed from '@/components/BandRed.vue'\nimport CategoriesButtons from '@/components/CategoriesButtons.vue'\nimport SpeciesCard from '@/components/SpeciesCard.vue'\nimport Setup from '@/mixins/Setup.js'\nimport Misc from '@/mixins/Misc.js'\nimport PwaBlob from '@/components/PwaBlob'\nimport PwaBlobSmallScreen from '@/components/PwaBlobSmallScreen'\n\nexport default {\n  name: 'Home',\n  components: {\n    BandAlien,\n    BandRed,\n    CategoriesButtons,\n    SpeciesCard,\n    PwaBlob,\n    PwaBlobSmallScreen\n  },\n  mixins: [Setup, Misc],\n  data() {\n    return {\n      search: ''\n    }\n  },\n  created() {},\n  mounted() {\n    this.$store.dispatch('setGeneralArea', 'all')\n  },\n  computed: {\n    featuredSpecies() {\n      return this.$store.getters.getFeaturedSpecies\n    },\n    categories() {\n      return this.$store.state.categories\n    }\n  },\n  methods: {\n    setup() {},\n    sendSearch(e) {\n      if (e.type === 'keydown') {\n        if (e.key === 'Enter') {\n          this.$router.push({ name: 'Search', query: { q: this.search } })\n        }\n      } else {\n        this.$router.push({ name: 'Search', query: { q: this.search } })\n      }\n    }\n  }\n}\n</script>\n\n<style scoped></style>\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!./Home.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!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=d761bd14&scoped=true&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.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  \"d761bd14\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCol,VContainer,VIcon,VRow,VTextField})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mt-4\"},[(!_vm.subCategories)?_c('div',{staticClass:\"buttons d-flex justify-center align-center flex-wrap\"},_vm._l((_vm.categories),function(category){return _c('v-btn',{key:category.id,staticClass:\"mb-5 ml-5\",attrs:{\"elevation\":\"2\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.$router.push({\n          name: 'SpeciesCategory',\n          params: { categoryNameUrl: category.url }\n        })}}},[_vm._v(_vm._s(category.name))])}),1):_vm._e(),(_vm.subCategories)?_c('div',{staticClass:\"buttons d-flex justify-center align-center flex-wrap\"},[(_vm.activeSubCategoryName)?_c('v-btn',{staticClass:\"mb-5 ml-5\",attrs:{\"elevation\":\"2\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.$router.push({\n          name: 'SpeciesCategory',\n          params: { categoryNameUrl: _vm.categories[0].category_url }\n        })}}},[_c('v-icon',{attrs:{\"color\":\"white\"}},[_vm._v(\"mdi-arrow-left\")])],1):_vm._e(),_vm._l((_vm.categories),function(category){return _c('v-btn',{key:category.id,staticClass:\"mb-5 ml-5\",attrs:{\"outlined\":category.sub_category_url === _vm.activeSubCategoryName,\"elevation\":\"2\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.$router.push({\n          name: 'SpeciesSubCategory',\n          params: {\n            categoryNameUrl: category.category_url,\n            subCategoryNameUrl: category.sub_category_url\n          }\n        })}}},[_vm._v(_vm._s(category.sub_category))])})],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mt-4\">\n    <div\n      v-if=\"!subCategories\"\n      class=\"buttons d-flex justify-center align-center flex-wrap\"\n    >\n      <v-btn\n        @click=\"\n          $router.push({\n            name: 'SpeciesCategory',\n            params: { categoryNameUrl: category.url }\n          })\n        \"\n        class=\"mb-5 ml-5\"\n        elevation=\"2\"\n        color=\"primary\"\n        v-for=\"category in categories\"\n        :key=\"category.id\"\n        >{{ category.name }}</v-btn\n      >\n    </div>\n    <div\n      v-if=\"subCategories\"\n      class=\"buttons d-flex justify-center align-center flex-wrap\"\n    >\n      <v-btn\n        v-if=\"activeSubCategoryName\"\n        class=\"mb-5 ml-5\"\n        elevation=\"2\"\n        color=\"primary\"\n        @click=\"\n          $router.push({\n            name: 'SpeciesCategory',\n            params: { categoryNameUrl: categories[0].category_url }\n          })\n        \"\n      >\n        <v-icon color=\"white\">mdi-arrow-left</v-icon>\n      </v-btn>\n      <v-btn\n        @click=\"\n          $router.push({\n            name: 'SpeciesSubCategory',\n            params: {\n              categoryNameUrl: category.category_url,\n              subCategoryNameUrl: category.sub_category_url\n            }\n          })\n        \"\n        :outlined=\"category.sub_category_url === activeSubCategoryName\"\n        class=\"mb-5 ml-5\"\n        elevation=\"2\"\n        color=\"primary\"\n        v-for=\"category in categories\"\n        :key=\"category.id\"\n        >{{ category.sub_category }}</v-btn\n      >\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable no-unused-vars */\nexport default {\n  name: 'CategoryButtons',\n  props: {\n    categories: Array,\n    subCategories: Boolean\n  },\n  computed: {\n    activeSubCategoryName() {\n      if (this.$route.name === 'SpeciesSubCategory') {\n        return this.$route.params.subCategoryNameUrl\n      } else {\n        return null\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"sss\" scoped></style>\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!./CategoriesButtons.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!./CategoriesButtons.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CategoriesButtons.vue?vue&type=template&id=f022c4e6&scoped=true&\"\nimport script from \"./CategoriesButtons.vue?vue&type=script&lang=js&\"\nexport * from \"./CategoriesButtons.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  \"f022c4e6\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VIcon})\n"],"sourceRoot":""}