{"version":3,"sources":["webpack:///./src/views/results/deep-ancestry/dashboard/DeepAncestryDashboard.vue?f29f","webpack:///./src/views/results/deep-ancestry/dashboard/DeepAncestryMenu.vue?6162","webpack:///./src/views/results/deep-ancestry/dashboard/DeepAncestryDashboard.vue?9732","webpack:///./src/views/results/deep-ancestry/dashboard/DeepAncestryMenu.vue?7586","webpack:///./src/views/results/deep-ancestry/dashboard/icons/menu/ArrowMenuIcon.vue?611d","webpack:///src/views/results/deep-ancestry/dashboard/icons/menu/ArrowMenuIcon.vue","webpack:///./src/views/results/deep-ancestry/dashboard/icons/menu/ArrowMenuIcon.vue?d3c6","webpack:///./src/views/results/deep-ancestry/dashboard/icons/menu/ArrowMenuIcon.vue","webpack:///src/views/results/deep-ancestry/dashboard/DeepAncestryMenu.vue","webpack:///./src/views/results/deep-ancestry/dashboard/DeepAncestryMenu.vue?1a95","webpack:///./src/views/results/deep-ancestry/dashboard/DeepAncestryMenu.vue","webpack:///src/views/results/deep-ancestry/dashboard/DeepAncestryDashboard.vue","webpack:///./src/views/results/deep-ancestry/dashboard/DeepAncestryDashboard.vue?9d8f","webpack:///./src/views/results/deep-ancestry/dashboard/DeepAncestryDashboard.vue","webpack:///./src/views/results/deep-ancestry/dashboard/icons/menu/ArrowMenuIcon.vue?056c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","selectedResultStatus","$store","state","appConfig","windowWidth","_e","attrs","staticRenderFns","class","fixed","isFixed","on","$event","checkArrow","onScrollWheel","scrollMenu","layout","skin","$route","meta","code","name","menu","PERIODICAL","_v","HGFARMER","UNSUPERVISEDANALYSIS","GENETICDISTANCES","PCAPLOTS","DIYTOOLS","ENCYCLOPEDIA","DOWNLOADCOORDINATES","variant","device","components","props","type","String","required","data","component","ArrowMenuIcon","PeriodicalMenuIcon","HgFarmerMenuIcon","UnsupervisedAnalysisMenuIcon","PcaPlotsMenuIcon","EncyclopediaMenuIcon","GeneticDistMenuIcon","DiyToolsMenuIcon","DownloadCoordsMenuIcon","isDragging","startX","scrollLeft","computed","theme","iconUrl","beforeUnmount","mounted","defineListeners","methods","addEventListener","style","cursor","update","alert","scrollBy","leftArrow","display","rightArrow","scrollWidth","clientWidth","event","deltaY","getPath","routesMenu","routeName","DeepAncestryMenu","DeepAncestryNoResultPage","selectedResult","orderResultStatus"],"mappings":"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","file":"js/chunk-3829fed8.ecc597be.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!./DeepAncestryDashboard.vue?vue&type=style&index=0&lang=scss&\"","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!./DeepAncestryMenu.vue?vue&type=style&index=0&id=94079196&lang=scss&scoped=true&\"","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('DeepAncestryMenu'):_vm._e(),_c('router-view',{})]:_c('DeepAncestryNoResultPage',{attrs:{\"orderResultStatus\":_vm.selectedResultStatus}})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:\"dp-menu-header\",class:{ fixed: _vm.isFixed }},[_c('div',{staticClass:\"menu-content\",attrs:{\"id\":\"menu-area\"},on:{\"scroll\":function($event){return _vm.checkArrow()},\"wheel\":_vm.onScrollWheel}},[_c('button',{staticClass:\"menu-arrow left\",attrs:{\"id\":\"left-arrow\"},on:{\"click\":function($event){return _vm.scrollMenu(-250)}}},[_c('ArrowMenuIcon',{attrs:{\"variant\":_vm.$store.state.appConfig.layout.skin,\"device\":\"DESKTOP\"}})],1),_c('ul',{staticClass:\"menu-items\"},[_c('li',{staticClass:\"menu-item-li\"},[_c('router-link',{staticClass:\"menu-link dp-menu-item\",class:{ 'active': _vm.$route.meta.code == 'PERIODICAL'},attrs:{\"draggable\":\"false\",\"to\":{ name: _vm.menu.PERIODICAL}}},[_c('PeriodicalMenuIcon',{staticClass:\"dp-icon\",attrs:{\"variant\":_vm.$store.state.appConfig.layout.skin,\"device\":\"DESKTOP\"}}),_vm._v(\" Periodical Breakdown \")],1)],1),_c('li',{staticClass:\"menu-item-li\"},[_c('router-link',{staticClass:\"menu-link dp-menu-item\",class:{ 'active': _vm.$route.meta.code == 'HG-FARMER'},attrs:{\"draggable\":\"false\",\"to\":{ name: _vm.menu.HGFARMER }}},[_c('HgFarmerMenuIcon',{staticClass:\"dp-icon\",attrs:{\"variant\":_vm.$store.state.appConfig.layout.skin,\"device\":\"DESKTOP\"}}),_vm._v(\" Hunter-Gatherer & Farmer \")],1)],1),_c('li',{staticClass:\"menu-item-li\"},[_c('router-link',{staticClass:\"menu-link dp-menu-item\",class:{ 'active': _vm.$route.meta.code == 'UNSUPERVISED-ANALYSIS'},attrs:{\"draggable\":\"false\",\"to\":{ name: _vm.menu.UNSUPERVISEDANALYSIS }}},[_c('UnsupervisedAnalysisMenuIcon',{staticClass:\"dp-icon\",attrs:{\"variant\":_vm.$store.state.appConfig.layout.skin,\"device\":\"DESKTOP\"}}),_vm._v(\" Unsupervised Analysis \")],1)],1),_c('li',{staticClass:\"menu-item-li\"},[_c('router-link',{staticClass:\"menu-link dp-menu-item\",class:{ 'active': _vm.$route.meta.code == 'GENETIC-DISTANCES'},attrs:{\"draggable\":\"false\",\"to\":{ name: _vm.menu.GENETICDISTANCES }}},[_c('GeneticDistMenuIcon',{staticClass:\"dp-icon\",attrs:{\"variant\":_vm.$store.state.appConfig.layout.skin,\"device\":\"DESKTOP\"}}),_vm._v(\" Closest Populations \")],1)],1),_c('li',{staticClass:\"menu-item-li\"},[_c('router-link',{staticClass:\"menu-link dp-menu-item\",class:{ 'active': _vm.$route.meta.code == 'PCA-PLOTS'},attrs:{\"draggable\":\"false\",\"to\":{ name: _vm.menu.PCAPLOTS }}},[_c('PcaPlotsMenuIcon',{staticClass:\"dp-icon\",attrs:{\"variant\":_vm.$store.state.appConfig.layout.skin,\"device\":\"DESKTOP\"}}),_vm._v(\" PCA Plots \")],1)],1),_c('li',{staticClass:\"menu-item-li\"},[_c('router-link',{staticClass:\"menu-link dp-menu-item\",class:{ 'active': _vm.$route.meta.code == 'DIY-TOOLS'},attrs:{\"draggable\":\"false\",\"to\":{ name: _vm.menu.DIYTOOLS }}},[_c('DiyToolsMenuIcon',{staticClass:\"dp-icon\",attrs:{\"variant\":_vm.$store.state.appConfig.layout.skin,\"device\":\"DESKTOP\"}}),_vm._v(\" DIY Tools \")],1)],1),_c('li',{staticClass:\"menu-item-li\"},[_c('router-link',{staticClass:\"menu-link dp-menu-item\",class:{ 'active': _vm.$route.meta.code == 'SAMPLE-DATABASE'},attrs:{\"draggable\":\"false\",\"to\":{ name: _vm.menu.ENCYCLOPEDIA }}},[_c('EncyclopediaMenuIcon',{staticClass:\"dp-icon\",attrs:{\"variant\":_vm.$store.state.appConfig.layout.skin,\"device\":\"DESKTOP\"}}),_vm._v(\" Encyclopedia \")],1)],1),_c('li',{staticClass:\"menu-item-li\"},[_c('router-link',{staticClass:\"menu-link dp-menu-item\",class:{ 'active': _vm.$route.meta.code == 'DOWNLOAD-COORDINATES'},attrs:{\"draggable\":\"false\",\"to\":{ name: _vm.menu.DOWNLOADCOORDINATES }}},[_c('DownloadCoordsMenuIcon',{staticClass:\"dp-icon\",attrs:{\"variant\":_vm.$store.state.appConfig.layout.skin,\"device\":\"DESKTOP\"}}),_vm._v(\" Download Coordinates \")],1)],1)]),_c('button',{staticClass:\"menu-arrow right\",attrs:{\"id\":\"right-arrow\"},on:{\"click\":function($event){return _vm.scrollMenu(250)}}},[_c('ArrowMenuIcon',{attrs:{\"variant\":_vm.$store.state.appConfig.layout.skin,\"device\":\"DESKTOP\"}})],1),_c('div',{})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.variant == 'light' && _vm.device == 'DESKTOP')?_c('svg',{attrs:{\"id\":\"light\",\"data-name\":\"Layer 1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 18.25 26.25\"}},[_c('defs'),_c('path',{staticClass:\"cls-1\",attrs:{\"d\":\"M0,2.6L2.53,0l15.72,13.12L2.53,26.25l-2.53-2.57L12.75,13.17,0,2.6Z\"}})]):_vm._e(),(_vm.variant == 'dark' && _vm.device == 'DESKTOP')?_c('svg',{attrs:{\"id\":\"dark\",\"data-name\":\"Layer 1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 18.25 26.25\"}},[_c('defs'),_c('path',{staticClass:\"cls-1\",attrs:{\"d\":\"M0,2.6L2.53,0l15.72,13.12L2.53,26.25l-2.53-2.57L12.75,13.17,0,2.6Z\"}})]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <svg id=\"light\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18.25 26.25\"  v-if=\"variant == 'light' && device == 'DESKTOP'\">\r\n        <defs>\r\n        </defs>\r\n        <path class=\"cls-1\" d=\"M0,2.6L2.53,0l15.72,13.12L2.53,26.25l-2.53-2.57L12.75,13.17,0,2.6Z\"/>\r\n    </svg>\r\n    <svg id=\"dark\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18.25 26.25\"  v-if=\"variant == 'dark' && device == 'DESKTOP'\">\r\n        <defs>\r\n        </defs>\r\n        <path class=\"cls-1\" d=\"M0,2.6L2.53,0l15.72,13.12L2.53,26.25l-2.53-2.57L12.75,13.17,0,2.6Z\"/>\r\n    </svg>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  components: {\r\n  },\r\n  props: {\r\n    variant: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    device: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\nsvg {\r\n  height: 15px;\r\n}\r\n#mobile {\r\n  .cls-1 {\r\n    fill: #666666;\r\n  }\r\n}\r\n\r\n#light {\r\n  .cls-1 {\r\n    fill: #666666;\r\n  }\r\n}\r\n\r\n#dark {\r\n  .cls-1 {\r\n    fill: #1bddcc;\r\n  }\r\n}\r\n\r\n#hover {\r\n  display: none;\r\n  .cls-1 {\r\n    fill: #ddd;\r\n  }\r\n}\r\n\r\n#hover_dark {\r\n  display: none;\r\n  .cls-1 {\r\n    fill: #ddd;\r\n  }\r\n}\r\n\r\n\r\n.dp-menu-item:hover, .dp-menu-item.active {\r\n  #hover, #hover_dark {\r\n    display: block;\r\n  }\r\n  #light, #dark {\r\n    display: none;\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!./ArrowMenuIcon.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!./ArrowMenuIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArrowMenuIcon.vue?vue&type=template&id=9c40711e&scoped=true&\"\nimport script from \"./ArrowMenuIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./ArrowMenuIcon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ArrowMenuIcon.vue?vue&type=style&index=0&id=9c40711e&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  \"9c40711e\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <nav class=\"dp-menu-header\" :class=\"{ fixed: isFixed }\">\r\n    <div class=\"menu-content\" id=\"menu-area\"  @scroll=\"checkArrow()\" @wheel=\"onScrollWheel\">\r\n      <button class=\"menu-arrow left\" id=\"left-arrow\" @click=\"scrollMenu(-250)\">\r\n        <ArrowMenuIcon :variant=\"$store.state.appConfig.layout.skin\" device=\"DESKTOP\" />\r\n      </button>\r\n      <ul class=\"menu-items\">\r\n        <li class=\"menu-item-li\"  >\r\n          <router-link draggable=\"false\" class=\"menu-link dp-menu-item\" :class=\"{ 'active': $route.meta.code == 'PERIODICAL'}\"  :to=\"{ name: menu.PERIODICAL}\">\r\n            <PeriodicalMenuIcon class=\"dp-icon\" :variant=\"$store.state.appConfig.layout.skin\" device=\"DESKTOP\"/>\r\n            Periodical Breakdown\r\n          </router-link>\r\n        </li>\r\n        <li class=\"menu-item-li\">\r\n          <router-link draggable=\"false\" class=\"menu-link dp-menu-item\" :class=\"{ 'active': $route.meta.code == 'HG-FARMER'}\" :to=\"{ name: menu.HGFARMER }\" >\r\n            <HgFarmerMenuIcon class=\"dp-icon\" :variant=\"$store.state.appConfig.layout.skin\" device=\"DESKTOP\"/>\r\n            Hunter-Gatherer & Farmer\r\n          </router-link>\r\n        </li>\r\n        <li class=\"menu-item-li\">\r\n          <router-link draggable=\"false\" class=\"menu-link dp-menu-item\" :class=\"{ 'active': $route.meta.code == 'UNSUPERVISED-ANALYSIS'}\" :to=\"{ name: menu.UNSUPERVISEDANALYSIS }\" >\r\n            <UnsupervisedAnalysisMenuIcon class=\"dp-icon\" :variant=\"$store.state.appConfig.layout.skin\" device=\"DESKTOP\"/>\r\n            Unsupervised Analysis\r\n          </router-link>\r\n        </li>\r\n        <li class=\"menu-item-li\">\r\n          <router-link draggable=\"false\" class=\"menu-link dp-menu-item\" :class=\"{ 'active': $route.meta.code == 'GENETIC-DISTANCES'}\" :to=\"{ name: menu.GENETICDISTANCES }\" >\r\n            <GeneticDistMenuIcon class=\"dp-icon\" :variant=\"$store.state.appConfig.layout.skin\" device=\"DESKTOP\"/>\r\n            Closest Populations\r\n          </router-link>\r\n        </li>\r\n        <li class=\"menu-item-li\">\r\n          <router-link draggable=\"false\" class=\"menu-link dp-menu-item\" :class=\"{ 'active': $route.meta.code == 'PCA-PLOTS'}\" :to=\"{ name: menu.PCAPLOTS }\" >\r\n            <PcaPlotsMenuIcon class=\"dp-icon\" :variant=\"$store.state.appConfig.layout.skin\" device=\"DESKTOP\"/>\r\n            PCA Plots\r\n          </router-link>\r\n        </li>\r\n        <li class=\"menu-item-li\">\r\n          <router-link draggable=\"false\" class=\"menu-link dp-menu-item\" :class=\"{ 'active': $route.meta.code == 'DIY-TOOLS'}\" :to=\"{ name: menu.DIYTOOLS }\" >\r\n            <DiyToolsMenuIcon class=\"dp-icon\" :variant=\"$store.state.appConfig.layout.skin\" device=\"DESKTOP\"/>\r\n            DIY Tools\r\n          </router-link>\r\n        </li>\r\n        <li class=\"menu-item-li\">\r\n          <router-link draggable=\"false\" class=\"menu-link dp-menu-item\" :class=\"{ 'active': $route.meta.code == 'SAMPLE-DATABASE'}\" :to=\"{ name: menu.ENCYCLOPEDIA }\"  >\r\n            <EncyclopediaMenuIcon class=\"dp-icon\" :variant=\"$store.state.appConfig.layout.skin\" device=\"DESKTOP\"/>\r\n            Encyclopedia\r\n          </router-link>\r\n        </li>\r\n        <li class=\"menu-item-li\">\r\n          <router-link draggable=\"false\" class=\"menu-link dp-menu-item\" :class=\"{ 'active': $route.meta.code == 'DOWNLOAD-COORDINATES'}\" :to=\"{ name: menu.DOWNLOADCOORDINATES }\" >\r\n            <DownloadCoordsMenuIcon class=\"dp-icon\" :variant=\"$store.state.appConfig.layout.skin\" device=\"DESKTOP\"/>\r\n            Download Coordinates\r\n          </router-link>\r\n        </li>\r\n      </ul>\r\n      <button class=\"menu-arrow right\" id=\"right-arrow\" @click=\"scrollMenu(250)\">\r\n        <ArrowMenuIcon :variant=\"$store.state.appConfig.layout.skin\" device=\"DESKTOP\" />\r\n      </button>\r\n      <div class=\"\">\r\n      </div>\r\n    </div>\r\n    \r\n  </nav>\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 DiyToolsMenuIcon from './icons/menu/DiyToolsMenuIcon.vue';\r\nimport DownloadCoordsMenuIcon from './icons/menu/DownloadCoordsMenuIcon.vue';\r\nimport ArrowMenuIcon from './icons/menu/ArrowMenuIcon.vue';\r\nimport menuConfig from './routesMenu'\r\n\r\nexport default {\r\n  components: {\r\n    ArrowMenuIcon,\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  },\r\n  data() {\r\n    return {\r\n      isFixed: false,\r\n      isDragging: false,\r\n      startX: 0,\r\n      scrollLeft: 0,\r\n    };\r\n  },\r\n  computed: {\r\n    theme() {\r\n      return this.$store.state.appConfig.layout.skin;\r\n    },\r\n    iconUrl() {\r\n      /* eslint-disable */\r\n      return 'https://image.illustrativedna.com/assets/icons/' + this.theme + '/icon-text.svg';\r\n    },\r\n  },\r\n\r\n  beforeUnmount(){\r\n    this.checkArrow();\r\n  },\r\n\r\n  mounted () {\r\n    this.defineListeners();\r\n    this.checkArrow();\r\n  },\r\n\r\n  methods: {\r\n    defineListeners () {\r\n      const menu = document.getElementById('menu-area');\r\n\r\n      menu.addEventListener('mousedown', (e) => {\r\n        this.isDragging = true;\r\n        this.startX = e.pageX - menu.offsetLeft;\r\n        this.scrollLeft = menu.scrollLeft;\r\n        menu.style.cursor = 'grabbing';\r\n      });\r\n      menu.addEventListener('touchstart', (e) => {\r\n        this.startX = e.touches[0].pageX - menu.offsetLeft;\r\n        this.scrollLeft = menu.scrollLeft;\r\n      });\r\n      menu.addEventListener('mousemove', (e) => {\r\n        if (!this.isDragging) return;\r\n        const x = e.pageX - menu.offsetLeft;\r\n        const walk = x - this.startX;\r\n        menu.scrollLeft = this.scrollLeft - walk;\r\n      });\r\n      menu.addEventListener('touchmove', (e) => {\r\n        const x = e.touches[0].pageX - menu.offsetLeft;\r\n        const walk = x - this.startX;\r\n        this.menu.scrollLeft = this.scrollLeft - walk;\r\n      });\r\n      // Touch and Mouse Up\r\n      menu.addEventListener('mouseup', () => {\r\n          this.isDragging = false;\r\n          menu.style.cursor = 'grab';\r\n      });\r\n\r\n      menu.addEventListener('mouseleave', () => {\r\n          this.isDragging = false;\r\n          menu.style.cursor = 'grab';\r\n      });\r\n\r\n      menu.addEventListener('touchend', () => {\r\n        this.isDragging = false;\r\n      });\r\n    },\r\n    update() {\r\n      // Güncelleme işlemleri\r\n      alert('Update butonuna tıklandı!');\r\n    },\r\n    scrollMenu(distance) {\r\n      const menu = document.getElementById('menu-area');\r\n      menu.scrollBy({ left: distance, behavior: 'smooth' });\r\n    },\r\n    checkArrow() {\r\n      const menu = document.getElementById('menu-area');\r\n      const leftArrow = document.getElementById('left-arrow');\r\n      const rightArrow = document.getElementById('right-arrow');\r\n      leftArrow.style.display = menu.scrollLeft > 0 ? 'block' : 'none';\r\n      rightArrow.style.display = menu.scrollLeft < menu.scrollWidth - menu.clientWidth ? 'block' : 'none';\r\n    },\r\n    onScrollWheel(event) {\r\n      const menu = document.getElementById('menu-area');\r\n      menu.scrollLeft += event.deltaY * 0.5; // Adjust scroll speed here\r\n      this.checkArrow();\r\n    },\r\n    getPath(routeName){\r\n      return routesMenu[routeName];\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    menu() {\r\n      return menuConfig.menu; // Make menu reactive via computed\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dp-icon {\r\n  width: 30px;\r\n  height: 30px;\r\n}\r\n.dp-menu-header {\r\n  // border-top: 2px solid var(--lab-hr-color);\r\n  background-color: var(--bg-card-color);\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n  transition: all 0.3s ease;\r\n  width: 100%;\r\n  min-height: 63px;\r\n  top: 0;\r\n  z-index: 1002;\r\n  position: sticky;\r\n  display: flex;\r\n  align-items: end;\r\n  justify-content: start;\r\n  line-height: 1;\r\n\r\n  .menu-content {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin: 0 auto;\r\n    overflow: hidden;\r\n    -webkit-overflow-scrolling: touch;\r\n    user-select: none;\r\n  }\r\n\r\n  .logo img {\r\n    height: 40px;\r\n  }\r\n\r\n  .menu-arrow {\r\n    z-index:5;\r\n    position: absolute;\r\n    flex: 0 0 auto;\r\n    cursor: pointer;\r\n    font-size: 24px;\r\n    border: none;\r\n    top: 5;\r\n    width: 50px;\r\n    height: 50px;\r\n  }\r\n\r\n\r\n  .menu-arrow.left {\r\n    left: 0px;\r\n    background: linear-gradient(90deg, rgba(2,0,36,0) 0%, var(--bg-card-color) 60%);\r\n    transform: rotate(180deg);\r\n  }\r\n  .menu-arrow.right {\r\n    background: linear-gradient(90deg, rgba(2,0,36,0) 0%, var(--bg-card-color) 60%);\r\n    right: 0;\r\n  }\r\n  .menu-arrow:hover {\r\n    background:var(--bg-menu-arrow-hover);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .menu-items {\r\n    position: relative;\r\n    list-style: none;\r\n    display: flex;\r\n    gap: 20px;\r\n    margin: 0; \r\n    padding: 0;\r\n    border-bottom: 4px solid var(--lab-hr-color);\r\n\r\n    .menu-item-li {\r\n      flex: 0 0 auto;\r\n      padding: 20px 20px;\r\n      margin: 0 5px;\r\n      color: white;\r\n      text-align: center;\r\n      border-radius: 5px;\r\n      cursor: pointer;\r\n      white-space: nowrap;\r\n    }\r\n\r\n\r\n    .menu-link {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center; \r\n      gap: 8px;\r\n      margin-right: 10px;\r\n      text-decoration: none;\r\n      color: var(--lab-header-menu-color);\r\n      font-size: 0.8rem;\r\n      font-weight: 600;\r\n\r\n      \r\n\r\n      &:hover,\r\n      &.active {\r\n        color: var(--lab-main-color);\r\n      }\r\n      &:hover::after,\r\n      &.active::after {\r\n        width: 115%;\r\n        left: -7.5%; \r\n        opacity: 1;\r\n      }\r\n\r\n      &::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -24px;\r\n        left: 0;\r\n        width: 0;\r\n        height: 4px;\r\n        border-bottom: 3pt solid var(--lab-main-color);\r\n        border-radius: 0px;\r\n        height: 180%;\r\n        background-color: transparent; \r\n        transition: width 0.3s ease, opacity 0.3s ease;\r\n        opacity: 0; \r\n      }\r\n    }\r\n  }\r\n\r\n  .update-button {\r\n    // background-color: #6BD67B;\r\n    background-color: var(--lab-main-color);\r\n  }\r\n}\r\n\r\n.g25-main-icon svg {\r\n    height: 25px!important;\r\n    \r\n}\r\n\r\n.menu-arrow {\r\n  svg {\r\n        height: 10px!important;\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!./DeepAncestryMenu.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!./DeepAncestryMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DeepAncestryMenu.vue?vue&type=template&id=94079196&scoped=true&\"\nimport script from \"./DeepAncestryMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./DeepAncestryMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DeepAncestryMenu.vue?vue&type=style&index=0&id=94079196&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  \"94079196\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"deep-ancestry-layout\">\r\n    <template v-if=\"selectedResultStatus === 2 || selectedResultStatus === 3\">\r\n      <DeepAncestryMenu v-if=\"$store.state.appConfig.windowWidth >= 1079\"/>\r\n      <router-view class=\"\" />\r\n    </template>\r\n    <DeepAncestryNoResultPage v-else :orderResultStatus=\"selectedResultStatus\"/>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport DeepAncestryMenu from './DeepAncestryMenu.vue';\r\nimport DeepAncestryNoResultPage from './DeepAncestryNoResultPage.vue';\r\n\r\nexport default {\r\n  components: {\r\n    DeepAncestryMenu,\r\n    DeepAncestryNoResultPage,\r\n  },\r\n  computed: {\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.dashboard-card-container {\r\n  margin-top:60px;\r\n}\r\n\r\n.da-container {\r\n  height: calc(100vh - 220px);\r\n  display: flex;\r\n  flex-direction: row;\r\n  overflow: hidden;\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!./DeepAncestryDashboard.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!./DeepAncestryDashboard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DeepAncestryDashboard.vue?vue&type=template&id=26c2a73e&\"\nimport script from \"./DeepAncestryDashboard.vue?vue&type=script&lang=js&\"\nexport * from \"./DeepAncestryDashboard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DeepAncestryDashboard.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","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!./ArrowMenuIcon.vue?vue&type=style&index=0&id=9c40711e&lang=scss&scoped=true&\""],"sourceRoot":""}