{"version":3,"sources":["webpack:///./src/views/results/deep-ancestry/dashboard/MobileDeepAncestryMenu.vue?67db","webpack:///./src/views/results/deep-ancestry/dashboard/MobileDeepAncestryMenu.vue?b9f9","webpack:///src/views/results/deep-ancestry/dashboard/MobileDeepAncestryMenu.vue","webpack:///./src/views/results/deep-ancestry/dashboard/MobileDeepAncestryMenu.vue?8bc0","webpack:///./src/views/results/deep-ancestry/dashboard/MobileDeepAncestryMenu.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","selectedResultStatus","$store","state","appConfig","windowWidth","on","$event","navigateTo","menu","PERIODICAL","attrs","layout","skin","_v","HGFARMER","UNSUPERVISEDANALYSIS","GENETICDISTANCES","PCAPLOTS","DIYTOOLS","ENCYCLOPEDIA","DOWNLOADCOORDINATES","_e","staticRenderFns","components","PeriodicalMenuIcon","HgFarmerMenuIcon","UnsupervisedAnalysisMenuIcon","PcaPlotsMenuIcon","EncyclopediaMenuIcon","GeneticDistMenuIcon","DiyToolsMenuIcon","DownloadCoordsMenuIcon","DeepAncestryNoResultPage","methods","$router","push","computed","selectedResult","orderResultStatus","component"],"mappings":"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","file":"js/chunk-5a11e204.e14f642a.js","sourcesContent":["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!./MobileDeepAncestryMenu.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"deep-ancestry-layout\"},[(_vm.selectedResultStatus === 2 || _vm.selectedResultStatus === 3)?[(_vm.$store.state.appConfig.windowWidth <= 1079)?_c('div',{staticClass:\"da-card-container\"},[_c('div',{staticClass:\"da-card-row\"},[_c('a',{staticClass:\"da-card\",on:{\"click\":function($event){return _vm.navigateTo(_vm.menu.PERIODICAL)}}},[_c('div',{staticClass:\"da-card-image\"},[_c('PeriodicalMenuIcon',{attrs:{\"variant\":_vm.$store.state.appConfig.layout.skin,\"device\":\"MOBILE\"}})],1),_c('div',{staticClass:\"da-card-title\"},[_vm._v(\" Periodical Breakdown \")])]),_c('a',{staticClass:\"da-card\",on:{\"click\":function($event){return _vm.navigateTo(_vm.menu.HGFARMER)}}},[_c('div',{staticClass:\"da-card-image\"},[_c('HgFarmerMenuIcon',{attrs:{\"variant\":_vm.$store.state.appConfig.layout.skin,\"device\":\"MOBILE\"}})],1),_c('div',{staticClass:\"da-card-title\"},[_vm._v(\" Hunter-Farmer \")])])]),_c('div',{staticClass:\"da-card-row\"},[_c('a',{staticClass:\"da-card\",on:{\"click\":function($event){return _vm.navigateTo(_vm.menu.UNSUPERVISEDANALYSIS)}}},[_c('div',{staticClass:\"da-card-image\"},[_c('UnsupervisedAnalysisMenuIcon',{attrs:{\"variant\":_vm.$store.state.appConfig.layout.skin,\"device\":\"MOBILE\"}})],1),_c('div',{staticClass:\"da-card-title\"},[_vm._v(\" Unsupervised Analysis \")])]),_c('a',{staticClass:\"da-card\",on:{\"click\":function($event){return _vm.navigateTo(_vm.menu.GENETICDISTANCES)}}},[_c('div',{staticClass:\"da-card-image\"},[_c('GeneticDistMenuIcon',{attrs:{\"variant\":_vm.$store.state.appConfig.layout.skin,\"device\":\"MOBILE\"}})],1),_c('div',{staticClass:\"da-card-title\"},[_vm._v(\" Closest Populations \")])])]),_c('div',{staticClass:\"da-card-row\"},[_c('a',{staticClass:\"da-card\",on:{\"click\":function($event){return _vm.navigateTo(_vm.menu.PCAPLOTS)}}},[_c('div',{staticClass:\"da-card-image\"},[_c('PcaPlotsMenuIcon',{attrs:{\"variant\":_vm.$store.state.appConfig.layout.skin,\"device\":\"MOBILE\"}})],1),_c('div',{staticClass:\"da-card-title\"},[_vm._v(\" PCA Plots \")])]),_c('a',{staticClass:\"da-card\",on:{\"click\":function($event){return _vm.navigateTo(_vm.menu.DIYTOOLS)}}},[_c('div',{staticClass:\"da-card-image\"},[_c('DiyToolsMenuIcon',{attrs:{\"variant\":_vm.$store.state.appConfig.layout.skin,\"device\":\"MOBILE\"}})],1),_c('div',{staticClass:\"da-card-title\"},[_vm._v(\" DIY Tools \")])])]),_c('div',{staticClass:\"da-card-row\"},[_c('a',{staticClass:\"da-card\",on:{\"click\":function($event){return _vm.navigateTo(_vm.menu.ENCYCLOPEDIA)}}},[_c('div',{staticClass:\"da-card-image\"},[_c('EncyclopediaMenuIcon',{attrs:{\"variant\":_vm.$store.state.appConfig.layout.skin,\"device\":\"MOBILE\"}})],1),_c('div',{staticClass:\"da-card-title\"},[_vm._v(\" Encyclopedia \")])]),_c('a',{staticClass:\"da-card\",on:{\"click\":function($event){return _vm.navigateTo(_vm.menu.DOWNLOADCOORDINATES)}}},[_c('div',{staticClass:\"da-card-image\"},[_c('DownloadCoordsMenuIcon',{attrs:{\"variant\":_vm.$store.state.appConfig.layout.skin,\"device\":\"MOBILE\"}})],1),_c('div',{staticClass:\"da-card-title\"},[_vm._v(\" Download Coordinates \")])])])]):_vm._e()]:_c('DeepAncestryNoResultPage',{attrs:{\"orderResultStatus\":_vm.selectedResultStatus}})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"deep-ancestry-layout\">\r\n    <template v-if=\"selectedResultStatus === 2 || selectedResultStatus === 3\">\r\n      <div class=\"da-card-container\" v-if=\"$store.state.appConfig.windowWidth <= 1079\">\r\n        <div class=\"da-card-row\">\r\n          <a class=\"da-card\" @click=\"navigateTo(menu.PERIODICAL)\">\r\n            <div class=\"da-card-image\">\r\n              <PeriodicalMenuIcon :variant=\"$store.state.appConfig.layout.skin\" device=\"MOBILE\"/>\r\n            </div>\r\n            <div class=\"da-card-title\">\r\n              Periodical Breakdown\r\n            </div>\r\n          </a>\r\n          <a class=\"da-card\" @click=\"navigateTo(menu.HGFARMER)\">\r\n            <div class=\"da-card-image\">\r\n              <HgFarmerMenuIcon  :variant=\"$store.state.appConfig.layout.skin\" device=\"MOBILE\"/>\r\n            </div>\r\n            <div class=\"da-card-title\">\r\n              Hunter-Farmer\r\n            </div>\r\n          </a>\r\n        </div>\r\n        <div class=\"da-card-row\" >\r\n          <a class=\"da-card\" @click=\"navigateTo(menu.UNSUPERVISEDANALYSIS)\">\r\n            <div class=\"da-card-image\">\r\n              <UnsupervisedAnalysisMenuIcon :variant=\"$store.state.appConfig.layout.skin\" device=\"MOBILE\"/>\r\n            </div>\r\n            <div class=\"da-card-title\">\r\n              Unsupervised Analysis\r\n            </div>\r\n          </a>\r\n          <a class=\"da-card\" @click=\"navigateTo(menu.GENETICDISTANCES)\">\r\n            <div class=\"da-card-image\">\r\n              <GeneticDistMenuIcon  :variant=\"$store.state.appConfig.layout.skin\" device=\"MOBILE\"/>\r\n            </div>\r\n            <div class=\"da-card-title\">\r\n              Closest Populations\r\n            </div>\r\n          </a>\r\n        </div>\r\n        <div class=\"da-card-row\">\r\n          <a class=\"da-card\" @click=\"navigateTo(menu.PCAPLOTS)\">\r\n            <div class=\"da-card-image\">\r\n              <PcaPlotsMenuIcon :variant=\"$store.state.appConfig.layout.skin\" device=\"MOBILE\"/>\r\n            </div>\r\n            <div class=\"da-card-title\">\r\n              PCA Plots\r\n            </div>\r\n          </a>\r\n          <a class=\"da-card\" @click=\"navigateTo(menu.DIYTOOLS)\">\r\n            <div class=\"da-card-image\">\r\n              <DiyToolsMenuIcon  :variant=\"$store.state.appConfig.layout.skin\" device=\"MOBILE\"/>\r\n            </div>\r\n            <div class=\"da-card-title\">\r\n              DIY Tools\r\n            </div>\r\n          </a>\r\n        </div>\r\n        <div class=\"da-card-row\">\r\n          <a class=\"da-card\" @click=\"navigateTo(menu.ENCYCLOPEDIA)\">\r\n            <div class=\"da-card-image\">\r\n              <EncyclopediaMenuIcon :variant=\"$store.state.appConfig.layout.skin\" device=\"MOBILE\"/>\r\n            </div>\r\n            <div class=\"da-card-title\">\r\n              Encyclopedia\r\n            </div>\r\n          </a>\r\n          <a class=\"da-card\" @click=\"navigateTo(menu.DOWNLOADCOORDINATES)\">\r\n            <div class=\"da-card-image\">\r\n              <DownloadCoordsMenuIcon  :variant=\"$store.state.appConfig.layout.skin\" device=\"MOBILE\"/>\r\n            </div>\r\n            <div class=\"da-card-title\">\r\n              Download Coordinates\r\n            </div>\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </template>\r\n    <DeepAncestryNoResultPage v-else :orderResultStatus=\"selectedResultStatus\"/>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport PeriodicalMenuIcon from './icons/menu/PeriodicalMenuIcon.vue';\r\nimport HgFarmerMenuIcon from './icons/menu/HgFarmerMenuIcon.vue';\r\nimport UnsupervisedAnalysisMenuIcon from './icons/menu/UnsupervisedAnalysisMenuIcon.vue';\r\nimport PcaPlotsMenuIcon from './icons/menu/PcaPlotsMenuIcon.vue';\r\nimport EncyclopediaMenuIcon from './icons/menu/EncyclopediaMenuIcon.vue';\r\nimport GeneticDistMenuIcon from './icons/menu/GeneticDistMenuIcon.vue';\r\nimport DownloadCoordsMenuIcon from './icons/menu/DownloadCoordsMenuIcon.vue';\r\nimport DiyToolsMenuIcon from './icons/menu/DiyToolsMenuIcon.vue';\r\nimport menuConfig from './routesMenu';\r\nimport DeepAncestryNoResultPage from './DeepAncestryNoResultPage.vue';\r\n\r\nexport default {\r\n  components: {\r\n    PeriodicalMenuIcon,\r\n    HgFarmerMenuIcon,\r\n    UnsupervisedAnalysisMenuIcon,\r\n    PcaPlotsMenuIcon,\r\n    EncyclopediaMenuIcon,\r\n    GeneticDistMenuIcon,\r\n    DiyToolsMenuIcon,\r\n    DownloadCoordsMenuIcon,\r\n    DeepAncestryNoResultPage,\r\n  },\r\n  methods: {\r\n    navigateTo(routePath) {\r\n      this.$router.push({ name: routePath })\r\n    }\r\n  },\r\n  computed: {\r\n    menu() {\r\n      return menuConfig.menu; // Make menu reactive via computed\r\n    },\r\n    selectedResultStatus() {\r\n      const selectedResult = this.$store.state.daResult.selectedResult;\r\n      if (selectedResult) {\r\n        return selectedResult.orderResultStatus;\r\n      }\r\n\r\n      return 0;\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.deep-ancestry-layout {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n\r\n.da-card-container {\r\n  margin-top:60px;\r\n}\r\n\r\n.da-container {\r\n  height: calc(100vh - 0px);\r\n  display: flex;\r\n  flex-direction: row;\r\n  overflow: hidden;\r\n}\r\n\r\n.da-card-row {\r\n  display: flex;\r\n  width: 100%;\r\n  margin-bottom: 20pt;\r\n}\r\n\r\n.da-card {\r\n  --card-width: 50%; /* CSS variable */\r\n  width: 50%;\r\n  margin: 5px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  transition: 0.3s;\r\n  .da-card-image {\r\n    border: 2pt solid var(--lab-da-dashboard-card-color);\r\n    border-radius: 5px;\r\n    width: 70%;\r\n    text-align: center;\r\n    padding: 10px 0;\r\n    aspect-ratio: 1 / 1;\r\n    display: flex;\r\n    align-items: center;\r\n    transition: 0.3s;\r\n\r\n    svg {\r\n      width: 70%!important;\r\n      height: 70%!important;\r\n      path {\r\n        fill: var(--lab-da-dashboard-card-color)!important;\r\n        transition: 0.3s!important;\r\n      }\r\n      rect {\r\n        fill: var(--lab-da-dashboard-card-color)!important;\r\n        transition: 0.3s!important;\r\n      }\r\n      circle {\r\n        fill: var(--lab-da-dashboard-card-color)!important;\r\n        transition: 0.3s!important;\r\n      }\r\n    }\r\n  }\r\n\r\n}\r\n\r\n.da-card:hover {\r\n  .da-card-image {\r\n    border: 2pt solid #1bbdc1!important;\r\n  }\r\n  svg {\r\n    path {\r\n      fill: #1bbdc1!important;\r\n    }\r\n    rect {\r\n      fill: #1bbdc1!important;\r\n    }\r\n    circle {\r\n      fill: #1bbdc1!important;\r\n    }\r\n  }\r\n  color:#1bbdc1!important;\r\n}\r\n.da-card-title {\r\n  margin-top: 15pt;\r\n  text-align: center;\r\n  font-weight: 600;\r\n  font-size: 0.9em;\r\n  transition: 0.3s;\r\n}\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!./MobileDeepAncestryMenu.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!./MobileDeepAncestryMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MobileDeepAncestryMenu.vue?vue&type=template&id=5fd68aa1&\"\nimport script from \"./MobileDeepAncestryMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./MobileDeepAncestryMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MobileDeepAncestryMenu.vue?vue&type=style&index=0&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":""}