{"version":3,"sources":["webpack:///./src/views/results/deep-ancestry/hg-farmer/modals/HgFarmerProximityModal.vue?1169","webpack:///./src/views/results/deep-ancestry/hg-farmer/HgFarmerTopHeader.vue?207f","webpack:///./src/views/results/deep-ancestry/hg-farmer/HgFarmerResult.vue?9fc9","webpack:///./src/views/results/deep-ancestry/hg-farmer/services/utils.js","webpack:///./src/views/results/deep-ancestry/hg-farmer/services/HgFarmerCalculateWatcher.js","webpack:///./src/views/results/deep-ancestry/hg-farmer/maps/HgFarmerMap.vue?6ff9","webpack:///./src/views/results/deep-ancestry/hg-farmer/maps/hgFarmerMapHelper.js","webpack:///./src/views/results/deep-ancestry/hg-farmer/modals/HgFarmerProximityModal.vue?90be","webpack:///src/views/results/deep-ancestry/hg-farmer/modals/HgFarmerProximityModal.vue","webpack:///./src/views/results/deep-ancestry/hg-farmer/modals/HgFarmerProximityModal.vue?b8f0","webpack:///./src/views/results/deep-ancestry/hg-farmer/modals/HgFarmerProximityModal.vue","webpack:///src/views/results/deep-ancestry/hg-farmer/maps/HgFarmerMap.vue","webpack:///./src/views/results/deep-ancestry/hg-farmer/maps/HgFarmerMap.vue?02ce","webpack:///./src/views/results/deep-ancestry/hg-farmer/maps/HgFarmerMap.vue","webpack:///./src/views/results/deep-ancestry/hg-farmer/HgFarmerTopHeader.vue?1b7c","webpack:///./src/views/results/deep-ancestry/hg-farmer/modals/HgFarmerInfoModal.vue?b075","webpack:///src/views/results/deep-ancestry/hg-farmer/modals/HgFarmerInfoModal.vue","webpack:///./src/views/results/deep-ancestry/hg-farmer/modals/HgFarmerInfoModal.vue?ff0f","webpack:///./src/views/results/deep-ancestry/hg-farmer/modals/HgFarmerInfoModal.vue","webpack:///src/views/results/deep-ancestry/hg-farmer/HgFarmerTopHeader.vue","webpack:///./src/views/results/deep-ancestry/hg-farmer/HgFarmerTopHeader.vue?55c2","webpack:///./src/views/results/deep-ancestry/hg-farmer/HgFarmerTopHeader.vue","webpack:///./src/views/results/deep-ancestry/hg-farmer/details/HgFarmerPopView.vue?4c95","webpack:///src/views/results/deep-ancestry/hg-farmer/details/HgFarmerPopView.vue","webpack:///./src/views/results/deep-ancestry/hg-farmer/details/HgFarmerPopView.vue?0df6","webpack:///./src/views/results/deep-ancestry/hg-farmer/details/HgFarmerPopView.vue","webpack:///src/views/results/deep-ancestry/hg-farmer/HgFarmerResult.vue","webpack:///./src/views/results/deep-ancestry/hg-farmer/HgFarmerResult.vue?dee9","webpack:///./src/views/results/deep-ancestry/hg-farmer/HgFarmerResult.vue","webpack:///./src/views/results/deep-ancestry/hg-farmer/maps/HgFarmerMap.vue?c8d6","webpack:///./src/views/results/deep-ancestry/hg-farmer/details/HgFarmerPopView.vue?460d","webpack:///./src/views/results/deep-ancestry/hg-farmer/modals/HgFarmerInfoModal.vue?a04d","webpack:///./src/views/results/deep-ancestry/hg-farmer/HgFarmerResult.vue?95ca"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","$store","state","appConfig","windowWidth","style","transform","contentPosition","class","on","startDrag","onDrag","endDrag","attrs","staticRenderFns","ParseHgFarmerResult","result","tempResults","JSON","parse","stringify","outPuts","forEach","value","splitValue","resultsTable","split","length","findValue","find","x","currentResult","push","sort","a","b","DataWatcherService","isRunning","unwatchers","init","watchSelectedResultState","runHgFarmerResult","unwatch","store","watch","daResult","selectedResult","newValue","oldValue","resultId","id","tagetResolveSource","CalculateFMCService","codeDataToArray","targetCoordinate","isSuccess","onSetTarget","dataVersion","getters","dispatch","sourceDataResult","resolveSource","sourceData","onSetSource","getCurrentResult","calculatedResult","parsedCalculatedResult","commit","groupedSourceCodes","map","item","uiDetailDataResult","geoItem","isFoundData","title","resultItem","sourceCode","color","logoUrl","replaceAll","toFixed","name","ancestryValue","console","error","runABAlgorithm","cleanup","ref","staticStyle","attributionControl","zoom","maxZoom","minZoom","center","onMapReady","mapStyleUrl","zIndex","_l","key","geoJson","geoJsonStyle","options","hgFarmerDetailModal","_e","hgFarmerMapHelper","tipObj","offset","y","injectTooltip","event","data","valueColor","document","createElement","background","borderRadius","padding","fontFamily","textAlign","fontWeight","innerHTML","position","top","originalEvent","clientY","left","clientX","body","appendChild","moveTooltip","deleteTooltip","removeChild","hiddenModal","$event","_v","_s","dataSample","pictureUrl","domProps","formattedDescription","formattedTextHTML","referenceSamples","researchLinks","components","CloseModalIcon","props","modalObject","type","Object","methods","showModal","$refs","hide","text","replace","computed","hgFarmerResult","openedHgFarmerDetail","description","mounted","initialModal","component","LMap","LTileLayer","LGeoJson","HgFarmerProximityModal","attribution","mapInstance","onOpenDetailPage","geoJsonList","opacity","fillColor","weight","fillOpacity","onEachFeature","feature","properties","layer","tempOnOpenDetailPage","geoList","skin","layout","hgFarmerInfoModal","selectedInfoNumber","prevContainer","nextContainer","callback","Function","default","show","InfoIcon","HgFarmerInfoModal","Number","required","uiResults","getLoader","itemAncestry","onGetChartOption","VueApexCharts","directives","grid","right","bottom","colors","barColor","plotOptions","radialBar","hollow","size","track","ddAlpha","dataLabels","showOn","stroke","lineCap","_opacity","toString","toUpperCase","fitTitle","HgFarmerMap","HgFarmerTopHeader","HgFarmerPopView","startY","minPosition","maxPosition","touches","newY","HgFarmerCalculateWatcher","classList","add","beforeDestroy","remove"],"mappings":"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","file":"js/chunk-6761a46e.243f0c4d.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!./HgFarmerProximityModal.vue?vue&type=style&index=0&id=5725476e&lang=scss&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!./HgFarmerTopHeader.vue?vue&type=style&index=0&id=2107ff99&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"da-container\"},[(_vm.$store.state.appConfig.windowWidth >= 1079)?_c('div',{staticClass:\"hg-farmer\"},[_c('div',{staticClass:\"result-container cs-scroll-style\"},[_c('HgFarmerTopHeader'),_c('HgFarmerPopView')],1),_c('div',{staticClass:\"map-container\"},[_c('HgFarmerMap')],1)]):_c('div',{staticClass:\"hg-farmer-mobile\"},[_c('div',{staticClass:\"mobile-result-container\"},[_c('HgFarmerMap',{staticClass:\"mobile-map\"}),_c('div',{staticClass:\"mobile-container\",style:({ transform: 'translateY(' + _vm.contentPosition + 'px)' })},[_c('div',{class:{'scrollable-wrapper': _vm.contentPosition === 0}},[_c('div',{on:{\"touchstart\":_vm.startDrag,\"touchmove\":_vm.onDrag,\"touchend\":_vm.endDrag}},[_c('HgFarmerTopHeader',{staticClass:\"mobile-header\",attrs:{\"contentPosition\":_vm.contentPosition}})],1),_c('HgFarmerPopView')],1)])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const ParseHgFarmerResult = (result) => {\r\n  const tempResults = JSON.parse(JSON.stringify(result));\r\n  \r\n  tempResults.outPuts = [];\r\n  result.outPuts.forEach(value => {\r\n    const splitValue = value.resultsTable.split(':');\r\n    if (splitValue.length > 0) {\r\n      const findValue = tempResults.outPuts.find(x => x.resultsTable === splitValue[0]);\r\n      if (findValue) {\r\n        findValue.currentResult += value.currentResult;\r\n      } else {\r\n        value.resultsTable = splitValue[0];\r\n        tempResults.outPuts.push(value);\r\n      }\r\n    }\r\n  });\r\n  tempResults.outPuts.sort((a, b) => b.currentResult - a.currentResult);\r\n\r\n  return tempResults;\r\n}","import store from '@/store';\r\nimport ApiService from '@/common/api.service';\r\nimport CalculateFMCService from '@/common/custom-service/dna-source/CalculateFMCService'\r\nimport { ParseHgFarmerResult } from './utils'\r\n\r\nconst DataWatcherService = {\r\n  isRunning: false,\r\n  unwatchers: [],\r\n\r\n  init() {\r\n    this.watchSelectedResultState();\r\n    this.runHgFarmerResult();\r\n  },\r\n\r\n  watchSelectedResultState() {\r\n    const unwatch = store.watch(\r\n      (state) => state.daResult.selectedResult,\r\n      (newValue, oldValue) => {\r\n        if (newValue !== oldValue) {\r\n          this.runHgFarmerResult();\r\n        }\r\n      }\r\n    );\r\n\r\n    this.unwatchers.push(unwatch);\r\n  },\r\n\r\n  async runHgFarmerResult() {\r\n    try {\r\n      const resultId = store.state.daResult.selectedResult.id;\r\n      if (!resultId) {\r\n        return;\r\n      }\r\n      \r\n      if (this.isRunning) {\r\n        return;\r\n      }\r\n      this.isRunning = true;\r\n\r\n      const tagetResolveSource = CalculateFMCService.codeDataToArray(store.state.daResult.selectedResult.targetCoordinate);\r\n      if (tagetResolveSource.isSuccess) {\r\n        CalculateFMCService.onSetTarget(tagetResolveSource.result);\r\n      }\r\n\r\n      const dataVersion = store.getters['daResult/dataVersion'];\r\n      const sourceDataResult = await store.dispatch('hgFarmerSourceData/fetchHgFarmerSourceData', { dataVersion, resultId });\r\n      if (!sourceDataResult) {\r\n        this.isRunning = false;\r\n        return;\r\n      }\r\n      \r\n      const resolveSource = CalculateFMCService.codeDataToArray(sourceDataResult.sourceData);\r\n      if (resolveSource.isSuccess) {\r\n        CalculateFMCService.onSetSource(resolveSource.result);\r\n      }\r\n\r\n      const calculatedResult = await this.getCurrentResult(resultId, sourceDataResult);\r\n      \r\n      const parsedCalculatedResult = ParseHgFarmerResult(calculatedResult);\r\n  \r\n      store.commit('hgFarmerResult/setResults', parsedCalculatedResult);\r\n      \r\n      const groupedSourceCodes = parsedCalculatedResult.outPuts.map(item => item.resultsTable);\r\n      const uiDetailDataResult = await store.dispatch('hgFarmerResult/fetchHgFarmerDetails', { groupedSourceCodes, dataVersion });\r\n      if (!uiDetailDataResult) {\r\n        this.isRunning = false;\r\n        return;\r\n      }\r\n      \r\n      uiDetailDataResult.forEach(geoItem => {\r\n        /* eslint-disable */\r\n        let isFoundData = false;\r\n        geoItem.title = 'Map Title Not Found';\r\n        parsedCalculatedResult.outPuts.forEach(resultItem => {\r\n          if (resultItem.resultsTable === geoItem.sourceCode) {\r\n            resultItem.color = geoItem.color;\r\n            resultItem.logoUrl = geoItem.logoUrl;\r\n            resultItem.id = geoItem.id;\r\n            resultItem.sourceCode = geoItem.sourceCode;\r\n\r\n            geoItem.title = resultItem.resultsTable.replaceAll('*', ' ') + ' : ' + resultItem.currentResult.toFixed(1);\r\n            geoItem.name = resultItem.resultsTable.replaceAll('*', ' ');\r\n            geoItem.ancestryValue = resultItem.currentResult.toFixed(1);\r\n\r\n            isFoundData = true;\r\n          }\r\n        });\r\n        \r\n        if (isFoundData === false) {\r\n          geoItem.title = geoItem.sourceCode.replaceAll('*', ' ') + ' : ' + 0;\r\n          geoItem.name = geoItem.sourceCode.replaceAll('*', ' ');\r\n          geoItem.ancestryValue = 0;\r\n          geoItem.color = '#b8b8b8';\r\n        }\r\n      });\r\n      \r\n      store.commit('hgFarmerResult/setUiResults', parsedCalculatedResult);\r\n      store.commit('hgFarmerResult/setGeoJson', uiDetailDataResult);\r\n\r\n      if (parsedCalculatedResult.outPuts[0]) {\r\n        store.dispatch('hgFarmerResult/fetchHgFarmerDetail', parsedCalculatedResult.outPuts[0].id);\r\n      }\r\n    } catch (error) {\r\n      console.error('Error handling specific state change:', error);\r\n    }\r\n    this.isRunning = false;\r\n  },\r\n\r\n  async getCurrentResult(resultId, sourceDataResult) {\r\n    return CalculateFMCService.runABAlgorithm();\r\n    // if (sourceDataResult.calculatedResult === null || sourceDataResult.calculatedResult === '[]') {\r\n    //   const calculatedResult = CalculateFMCService.runABAlgorithm();\r\n      \r\n    //   const saveResultQuery = {\r\n    //     calculatedResult: JSON.stringify(calculatedResult),\r\n    //     orderResultId: resultId,\r\n    //   };\r\n\r\n    //   ApiService.postSilent('result/farmerhgs', saveResultQuery, this);\r\n\r\n    //   return calculatedResult;\r\n    // } else {\r\n    //   return JSON.parse(sourceDataResult.calculatedResult);\r\n    // }\r\n  },\r\n\r\n  cleanup() {\r\n    this.unwatchers.forEach(unwatch => unwatch());\r\n    this.unwatchers = [];\r\n    \r\n    this.isRunning = false;\r\n  },\r\n};\r\n\r\nexport default DataWatcherService;\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"hgfarmer-map\"}},[_c('l-map',{ref:\"hgFarmerMap\",staticStyle:{\"height\":\"100%\",\"width\":\"100%\"},attrs:{\"options\":{ attributionControl: false },\"zoom\":_vm.zoom,\"maxZoom\":_vm.maxZoom,\"minZoom\":_vm.minZoom,\"center\":_vm.center},on:{\"ready\":_vm.onMapReady}},[_c('l-tile-layer',{attrs:{\"url\":_vm.mapStyleUrl,\"zIndex\":_vm.zIndex}}),_vm._l((_vm.geoJsonList),function(item){return _c('l-geo-json',{key:item.sourceCode,attrs:{\"geojson\":item.geoJson,\"optionsStyle\":item.geoJsonStyle,\"options\":item.options}})})],2),(_vm.hgFarmerDetailModal.showModal)?_c('HgFarmerProximityModal',{attrs:{\"modalObject\":_vm.hgFarmerDetailModal}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/*eslint-disable*/\r\nconst hgFarmerMapHelper = {\r\n  //create a global variable that will point to the tooltip in the DOM\r\n  tipObj: null,\r\n\r\n  //offset along x and y in px\r\n  offset: {\r\n    x: 5,\r\n    y: -60\r\n  },\r\n\r\n  /********************************************************************\r\n   * injectTooltip(e,data)\r\n   * inject the custom tooltip into the DOM\r\n   ********************************************************************/\r\n  injectTooltip(event, data) {\r\n    if (!this.tipObj && event) {\r\n      const valueColor = (data.color) ? data.color : \"#393939\"\r\n      //create the tooltip object\r\n      this.tipObj = document.createElement(\"div\");\r\n      this.tipObj.style.background = \"white\";\r\n      this.tipObj.style.color = \"#393939\";\r\n      this.tipObj.style.borderRadius = \"5px\";\r\n      this.tipObj.style.padding = \"10px\";\r\n      this.tipObj.style.fontFamily = \"Arial,Helvetica\";\r\n      this.tipObj.style.textAlign = \"center\";\r\n      this.tipObj.style.fontWeight = \"600\";\r\n      this.tipObj.style.zIndex = \"999999\";\r\n      this.tipObj.innerHTML = data.name + ' <span style=\"color: ' + valueColor+ '\">' + data.ancestryValue + '%</span>';\r\n\r\n      //position it\r\n      this.tipObj.style.position = \"fixed\";\r\n      this.tipObj.style.top = event.originalEvent.clientY + this.offset.y + \"px\";\r\n      this.tipObj.style.left = event.originalEvent.clientX + this.offset.x + \"px\";\r\n\r\n      //add it to the body\r\n      document.body.appendChild(this.tipObj);\r\n    }\r\n  },\r\n\r\n  /********************************************************************\r\n   * moveTooltip(e)\r\n   * update the position of the tooltip based on the event data\r\n   ********************************************************************/\r\n  moveTooltip(event) {\r\n    if (this.tipObj && event) {\r\n      //position it\r\n      this.tipObj.style.top = event.originalEvent.clientY + this.offset.y + \"px\";\r\n      this.tipObj.style.left = event.originalEvent.clientX + this.offset.x + \"px\";\r\n    }\r\n  },\r\n\r\n  /********************************************************************\r\n   * deleteTooltip(e)\r\n   * delete the tooltip if it exists in the DOM\r\n   ********************************************************************/\r\n  deleteTooltip() {\r\n    if (this.tipObj) {\r\n      //delete the tooltip if it exists in the DOM\r\n      document.body.removeChild(this.tipObj);\r\n      this.tipObj = null;\r\n    }\r\n  }\r\n}\r\n\r\nexport default hgFarmerMapHelper\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"hg-farmer-proximity-modal\",attrs:{\"id\":\"modal-center\",\"hide-footer\":\"\",\"hide-header\":\"\",\"scrollable\":\"\",\"centered\":\"\",\"size\":\"lg\"},on:{\"hidden\":_vm.hiddenModal}},[_c('div',{staticClass:\"modal-close-container\"},[_c('button',{staticClass:\"close-modal-btn\",on:{\"click\":function($event){return _vm.hiddenModal()}}},[_c('CloseModalIcon')],1)]),(_vm.dataSample)?_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"xl\":\"12\",\"md\":\"12\"}},[_c('h5',[_vm._v(_vm._s(_vm.dataSample.title))])])],1):_vm._e(),(_vm.dataSample)?_c('b-row',{staticClass:\"model-content-area cs-scroll-style\"},[_c('div',{staticClass:\"col-12 col-sm-12 col-md-5\"},[_c('b-media-aside',{staticClass:\"proximity-modal-avatar-container\"},[_c('b-avatar',{attrs:{\"rounded\":\"\",\"size\":\"200\",\"src\":_vm.dataSample.pictureUrl}})],1)],1),_c('div',{staticClass:\"col-12 col-sm-12 col-md-7 cs-scroll-style pop-detail-modal-right\"},[_c('b-col',{attrs:{\"cols\":\"12\",\"xl\":\"12\",\"md\":\"12\"}},[_c('h5',[_vm._v(_vm._s('Description'))]),_c('hr'),_c('div',[_c('p',{staticClass:\"description\",domProps:{\"innerHTML\":_vm._s(_vm.formattedDescription)}})])]),_c('b-col',{staticClass:\"mt-2\",attrs:{\"cols\":\"12\",\"xl\":\"12\",\"md\":\"12\"}},[_c('h5',[_vm._v(_vm._s('Reference Samples'))]),_c('hr'),_c('div',[_c('p',{staticClass:\"description\",domProps:{\"innerHTML\":_vm._s(_vm.formattedTextHTML(_vm.dataSample.referenceSamples))}})])]),_c('b-col',{staticClass:\"mt-2\",attrs:{\"cols\":\"12\",\"xl\":\"12\",\"md\":\"12\"}},[_c('h5',[_vm._v(_vm._s('Research Links'))]),_c('hr'),_c('div',[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.dataSample.researchLinks)}})])])],1)]):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <b-modal\r\n      id=\"modal-center\"\r\n      ref=\"hg-farmer-proximity-modal\"\r\n      hide-footer\r\n      hide-header\r\n      scrollable\r\n      centered\r\n      @hidden=\"hiddenModal\"\r\n      size=\"lg\"\r\n    >\r\n      <div class=\"modal-close-container\">\r\n        <button class=\"close-modal-btn\" @click=\"hiddenModal()\"><CloseModalIcon /></button>\r\n      </div>\r\n      <b-row v-if=\"dataSample\">\r\n        <b-col cols=\"12\" xl=\"12\" md=\"12\">\r\n          <h5>{{ dataSample.title }}</h5>\r\n        </b-col>\r\n      </b-row>\r\n      \r\n      <b-row v-if=\"dataSample\" class=\"model-content-area cs-scroll-style\">\r\n        <div class=\"col-12 col-sm-12 col-md-5\">\r\n          <b-media-aside class=\"proximity-modal-avatar-container\">\r\n            <b-avatar\r\n              rounded\r\n              size=\"200\"\r\n              :src=\"dataSample.pictureUrl\"\r\n            />\r\n          </b-media-aside>\r\n        </div>\r\n        <div class=\"col-12 col-sm-12 col-md-7 cs-scroll-style pop-detail-modal-right\">\r\n          <b-col cols=\"12\" xl=\"12\" md=\"12\">\r\n            <h5>{{ 'Description' }}</h5>\r\n            <hr />\r\n            <div>\r\n              <p class=\"description\" v-html=\"formattedDescription\"></p>\r\n            </div>\r\n          </b-col>\r\n          <b-col cols=\"12\" xl=\"12\" md=\"12\" class=\"mt-2\">\r\n            <h5>{{ 'Reference Samples' }}</h5>\r\n            <hr />\r\n            <div>\r\n              <p class=\"description\" v-html=\"formattedTextHTML(dataSample.referenceSamples)\"></p>\r\n            </div>\r\n          </b-col>\r\n          <b-col cols=\"12\" xl=\"12\" md=\"12\" class=\"mt-2\">\r\n            <h5>{{ 'Research Links' }}</h5>\r\n            <hr />\r\n            <div>\r\n              <p v-html=\"dataSample.researchLinks\"></p>\r\n            </div>\r\n          </b-col>\r\n        </div>\r\n      </b-row>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CloseModalIcon from '@/layouts/icons/CloseModalIcon.vue';\r\n\r\nexport default {\r\n  components: {\r\n    CloseModalIcon,\r\n  },\r\n  props: {\r\n    modalObject: {\r\n      type: Object,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n    }\r\n  },\r\n  methods: {\r\n    async initialModal() {\r\n      this.$refs['hg-farmer-proximity-modal'].show();\r\n      this.$store.dispatch('hgFarmerResult/fetchHgFarmerDetail', this.modalObject.item.id);\r\n    },\r\n    hiddenModal() {\r\n      /* eslint-disable */\r\n      this.modalObject.showModal = false;\r\n      this.$refs['hg-farmer-proximity-modal'].hide();\r\n    },\r\n\r\n    formattedTextHTML(text) {\r\n      return text ? text.replace(/\\n/g, '<br>') : '';\r\n    },\r\n  },\r\n  computed: {\r\n    dataSample() {\r\n      return this.$store.state.hgFarmerResult.openedHgFarmerDetail;\r\n    },\r\n    formattedDescription() {\r\n      return this.dataSample ? this.dataSample.description.replace(/\\n/g, '<br>') : '';\r\n    },\r\n  },\r\n  mounted() {\r\n    this.initialModal()\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.model-content-area {\r\n  overflow: auto;\r\n  overflow-x: hidden;\r\n  max-height: calc(100vh - 5rem);\r\n  max-height: 70vh;\r\n  padding: 2rem !important;\r\n}\r\n\r\n.modal-body {\r\n  background: #ccc !important;\r\n  overflow: hidden;\r\n  overflow-y: scroll !important;\r\n}\r\n\r\n.pop-detail-modal-right {\r\n  max-height: 400px;\r\n  overflow: auto;\r\n}\r\nspan.b-avatar.badge-secondary.rounded {\r\n    background: var(--bg-card-color);\r\n}\r\n\r\n@media screen and (max-width: 1079px) {\r\n  .pop-detail-modal-right {\r\n    height: auto;\r\n    overflow:hidden;\r\n    max-height: none;\r\n  }\r\n}\r\n.modal-close-container {\r\n  position: absolute;\r\n  right: 5px;\r\n  top: 5px;\r\n  z-index: 99;\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!./HgFarmerProximityModal.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!./HgFarmerProximityModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HgFarmerProximityModal.vue?vue&type=template&id=5725476e&scoped=true&\"\nimport script from \"./HgFarmerProximityModal.vue?vue&type=script&lang=js&\"\nexport * from \"./HgFarmerProximityModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HgFarmerProximityModal.vue?vue&type=style&index=0&id=5725476e&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  \"5725476e\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div id=\"hgfarmer-map\">\r\n    <l-map ref=\"hgFarmerMap\" :options=\"{ attributionControl: false }\" \r\n      style=\"height: 100%; width: 100%;\" @ready=\"onMapReady\"\r\n      :zoom=\"zoom\" :maxZoom=\"maxZoom\" :minZoom=\"minZoom\" :center=\"center\">\r\n      <l-tile-layer :url=\"mapStyleUrl\" :zIndex=\"zIndex\"></l-tile-layer>\r\n      <l-geo-json \r\n        v-for=\"item in geoJsonList\"\r\n        :key=\"item.sourceCode\"\r\n        :geojson=\"item.geoJson\" \r\n        :optionsStyle=\"item.geoJsonStyle\"\r\n        :options=\"item.options\"\r\n      >\r\n      </l-geo-json>\r\n    </l-map>\r\n    <HgFarmerProximityModal v-if=\"hgFarmerDetailModal.showModal\" :modalObject=\"hgFarmerDetailModal\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { LMap, LTileLayer, LGeoJson } from 'vue2-leaflet'\r\nimport hgFarmerMapHelper from './hgFarmerMapHelper'\r\nimport HgFarmerProximityModal from '../modals/HgFarmerProximityModal.vue';\r\n\r\nexport default {\r\n  components: {\r\n    LMap,\r\n    LTileLayer,\r\n    LGeoJson,\r\n    HgFarmerProximityModal,\r\n  },\r\n  props: {\r\n  },\r\n  data() {\r\n    return {\r\n      zoom: 3,\r\n      maxZoom: 6,\r\n      minZoom: 2,\r\n      zIndex: 4,\r\n      center: [44.312223, 30.046882],\r\n      attribution: '&copy; <a target=\"_blank\" href=\"http://osm.org/copyright\">OpenStreetMap</a> contributors',\r\n      map: null, // Store the map instance here\r\n\r\n      hgFarmerDetailModal: {\r\n        showModal: false,\r\n        item: null,\r\n      },\r\n    }\r\n  },\r\n  methods: {\r\n    onMapReady(mapInstance) {\r\n      this.map = mapInstance;\r\n    },\r\n    onOpenDetailPage(item) {\r\n      this.hgFarmerDetailModal.item = item;\r\n      this.hgFarmerDetailModal.showModal = true;\r\n    },\r\n  },\r\n  computed: {\r\n    geoJsonList() {\r\n      /* eslint-disable*/\r\n      let tempOnOpenDetailPage = this.onOpenDetailPage;\r\n      const geoJson = this.$store.getters['hgFarmerResult/getGeoJson']\r\n      \r\n      const geoList = geoJson.map(item => {\r\n        if(typeof item.geoJson == 'string')\r\n          item.geoJson = JSON.parse(item.geoJson);\r\n        \r\n        let opacity = parseFloat(item.ancestryValue) / 100;\r\n        opacity = opacity === 0 ? 0.30 : (opacity > 0.5 ? 0.5 : (opacity < 0.07 ? 0.07 : opacity));\r\n        item.geoJsonStyle = {\r\n          fillColor: item.color,\r\n          color: item.color,\r\n          weight: 0,\r\n          fillOpacity: opacity,\r\n        };\r\n\r\n        item.options = {\r\n          onEachFeature: function(feature, layer) {\r\n            if (feature.properties) {\r\n              layer.on('mouseover', function(e) { \r\n                hgFarmerMapHelper.injectTooltip(e, item);\r\n              });\r\n              layer.on('mousemove', function(e) { \r\n                hgFarmerMapHelper.moveTooltip(e);\r\n              });\r\n              layer.on('mouseout', function() {  \r\n                hgFarmerMapHelper.deleteTooltip(); \r\n              });\r\n              layer.on('click', function() {  \r\n                tempOnOpenDetailPage(item);\r\n              });\r\n            }\r\n          },\r\n        };\r\n\r\n        return item;\r\n      });\r\n\r\n      return geoList;\r\n    },\r\n    mapStyleUrl() {\r\n      return this.skin === 'light' ? 'https://api.mapbox.com/styles/v1/ozenkaraocak/cl3r3gh12000c14nym9fgjwve/tiles/256/{z}/{x}/{y}@2x?access_token=pk.eyJ1Ijoib3plbmthcmFvY2FrIiwiYSI6ImNsZDR2ajFocjBkcXIzb21wb250dGFuZXEifQ.A9TP4DXt4G4zYafoO7j5GQ'\r\n        : 'https://api.mapbox.com/styles/v1/ozenkaraocak/cls68a1jk00pd01qq04jxf0y6/tiles/256/{z}/{x}/{y}@2x?access_token=pk.eyJ1Ijoib3plbmthcmFvY2FrIiwiYSI6ImNsZDR2ajFocjBkcXIzb21wb250dGFuZXEifQ.A9TP4DXt4G4zYafoO7j5GQ';\r\n    },\r\n    skin() {\r\n      return this.$store.state.appConfig.layout.skin;\r\n    },\r\n  },\r\n  watch: {\r\n  },\r\n}\r\n\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n#hgfarmer-map {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n\r\n  @media screen and (max-width: 1079px) {\r\n    height: 260px !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!./HgFarmerMap.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!./HgFarmerMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HgFarmerMap.vue?vue&type=template&id=4705801e&scoped=true&\"\nimport script from \"./HgFarmerMap.vue?vue&type=script&lang=js&\"\nexport * from \"./HgFarmerMap.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HgFarmerMap.vue?vue&type=style&index=0&id=4705801e&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  \"4705801e\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"top-header-container\",class:{'top-header-container-remove-radius' : _vm.contentPosition === -250}},[_c('h4',{staticClass:\"report-title\"},[_vm._v(\" Hunter-Gatherer and Farmer \"),_c('span',{staticClass:\"open-info-modal-btn\",on:{\"click\":function($event){_vm.hgFarmerInfoModal.showModal = true}}},[_c('sup',{staticClass:\"title-info-button-area\"},[_c('InfoIcon')],1)])]),_c('hr'),_c('p',{staticClass:\"description\"},[_vm._v(\" The Hunter-Gatherer and Farmer report breaks down the distinct genetic origins that emerged as ancient populations transitioned from hunting and gathering to farming. \")]),(_vm.hgFarmerInfoModal.showModal)?_c('hgFarmerInfoModal',{attrs:{\"modalObject\":_vm.hgFarmerInfoModal}}):_vm._e()],1)}\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',[_c('b-modal',{ref:\"origin-breakdown-info-modal\",attrs:{\"hide-footer\":\"\",\"hide-header\":\"\",\"scrollable\":\"\",\"size\":\"md\"},on:{\"hidden\":_vm.hiddenModal}},[_c('div',{staticClass:\"modal-close-container\"},[_c('button',{staticClass:\"close-modal-btn\",on:{\"click\":function($event){return _vm.hiddenModal()}}},[_c('CloseModalIcon')],1)]),_c('div',{staticClass:\"info-modal-container\"},[_c('div',{staticClass:\"info-modal-body\",class:{'active' : _vm.selectedInfoNumber === 1}},[_c('div',{staticClass:\"info-modal-header\"},[_c('h5',[_vm._v(\"About the Hunter-Gatherer and Farmer Breakdown\")])]),_c('p',{staticClass:\"description\"},[_vm._v(\" As ancient populations transitioned from hunting and gathering to farming, distinct genetic and cultural lineages emerged. As a result, many people today carry traces of both hunter-gatherer and early farmer DNA. When viewing your results, the higher the percentage, the more closely your DNA resembles the genetic markers from each group. \")])]),_c('div',{staticClass:\"info-modal-body\",class:{'active' : _vm.selectedInfoNumber === 2}},[_c('div',{staticClass:\"info-modal-header\"},[_c('h5',[_vm._v(\"About the Hunter-Gatherer and Farmer Breakdown\")])]),_c('div',{staticClass:\"third-info-content\"},[_c('div',{staticClass:\"third-info-content__reminder-box\"},[_c('h5',[_vm._v(\"Hunter-gatherers\")]),_c('p',{staticClass:\"description\"},[_vm._v(\" Ancient hunter-gatherers played a key role in early human migration as they moved in search of food, favorable climates, and natural resources. They gradually migrated from Africa to Eurasia, Australia, and the Americas over tens of thousands of years, often influenced by climate shifts. As they migrated, hunter-gatherers adapted to diverse landscapes and developed new survival strategies, laying the groundwork for genetic diversity and cultural development. \")])])])]),_c('div',{staticClass:\"info-modal-body\",class:{'active' : _vm.selectedInfoNumber === 3}},[_c('div',{staticClass:\"info-modal-header\"},[_c('h5',[_vm._v(\"About the Hunter-Gatherer and Farmer Breakdown\")])]),_c('div',{staticClass:\"third-info-content\"},[_c('div',{staticClass:\"third-info-content__reminder-box\"},[_c('h5',[_vm._v(\"Farmers\")]),_c('p',{staticClass:\"description\"},[_vm._v(\" The Neolithic Revolution, also known as the first Agricultural Revolution, saw human societies transition to an agricultural way of life by cultivating crops and domesticating animals. This created a more stable food supply, enabling the establishment of larger population settlements and more complex societies. \")])])])]),_c('div',{staticClass:\"info-modal-body\",class:{'active' : _vm.selectedInfoNumber === 4}},[_c('div',{staticClass:\"info-modal-header\"},[_c('h5',[_vm._v(\"Hunter-gatherer and farmer migration\")])]),_c('div',{staticClass:\"third-info-content\"},[_c('div',{staticClass:\"third-info-content__reminder-box\"},[_c('h5',[_vm._v(\"Hunter-gatherer and farmer migration\")]),_c('p',{staticClass:\"description\"},[_vm._v(\" As farming techniques spread, so did the migration of early farming communities, who brought seeds, tools, and knowledge with them. These migrations helped transform Europe, Asia, and Africa, often intermingling with local hunter-gatherer groups, and blending their distinct genetic makeup. \")])])])])]),_c('div',{staticClass:\"model-info-bottom\"},[_c('div',[(_vm.selectedInfoNumber > 1)?_c('button',{staticClass:\"info-modal-btn-prev\",on:{\"click\":function($event){return _vm.prevContainer()}}},[_vm._v(\"Previous\")]):_c('div',{staticStyle:{\"width\":\"60px\"}})]),_c('div',{staticClass:\"dot-container\"},[_c('div',{staticClass:\"dot dot-1\",class:{'active' : _vm.selectedInfoNumber === 1},on:{\"click\":function($event){_vm.selectedInfoNumber = 1}}}),_c('div',{staticClass:\"dot dot-2\",class:{'active' : _vm.selectedInfoNumber === 2},on:{\"click\":function($event){_vm.selectedInfoNumber = 2}}}),_c('div',{staticClass:\"dot dot-3\",class:{'active' : _vm.selectedInfoNumber === 3},on:{\"click\":function($event){_vm.selectedInfoNumber = 3}}}),_c('div',{staticClass:\"dot dot-3\",class:{'active' : _vm.selectedInfoNumber === 4},on:{\"click\":function($event){_vm.selectedInfoNumber = 4}}})]),_c('button',{staticClass:\"lab-btn info-modal-btn\",on:{\"click\":function($event){return _vm.nextContainer()}}},[_vm._v(_vm._s(_vm.selectedInfoNumber === 4 ? 'Got it' : 'Next'))])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- select 2 demo -->\r\n  <div>\r\n    <b-modal\r\n      ref=\"origin-breakdown-info-modal\"\r\n      hide-footer\r\n      hide-header\r\n      scrollable\r\n      @hidden=\"hiddenModal\"\r\n      size=\"md\"\r\n    >\r\n     <div class=\"modal-close-container\">\r\n      <button class=\"close-modal-btn\" @click=\"hiddenModal()\"><CloseModalIcon /></button>\r\n     </div>\r\n     <div class=\"info-modal-container\">\r\n        <div class=\"info-modal-body\" :class=\"{'active' : selectedInfoNumber === 1}\">\r\n          <div class=\"info-modal-header\">\r\n            <h5>About the Hunter-Gatherer and Farmer Breakdown</h5>\r\n          </div>\r\n          <p class=\"description\">\r\n            As ancient populations transitioned from hunting and gathering to farming, distinct genetic and cultural lineages emerged. \r\n            As a result, many people today carry traces of both hunter-gatherer and early farmer DNA. When viewing your results, \r\n            the higher the percentage, the more closely your DNA resembles the genetic markers from each group.\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"info-modal-body\" :class=\"{'active' : selectedInfoNumber === 2}\">\r\n          <div class=\"info-modal-header\">\r\n            <h5>About the Hunter-Gatherer and Farmer Breakdown</h5>\r\n          </div>\r\n          <div class=\"third-info-content\">\r\n            <div class=\"third-info-content__reminder-box\">\r\n              <h5>Hunter-gatherers</h5> \r\n              <p class=\"description\">\r\n                Ancient hunter-gatherers played a key role in early human migration as they moved in search of food, favorable climates, and natural resources. \r\n                They gradually migrated from Africa to Eurasia, Australia, and the Americas over tens of thousands of years, often influenced by climate shifts. \r\n                As they migrated, hunter-gatherers adapted to diverse landscapes and developed new survival strategies, \r\n                laying the groundwork for genetic diversity and cultural development.\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"info-modal-body\" :class=\"{'active' : selectedInfoNumber === 3}\">\r\n          <div class=\"info-modal-header\">\r\n            <h5>About the Hunter-Gatherer and Farmer Breakdown</h5>\r\n          </div>\r\n          <div class=\"third-info-content\">\r\n            <div class=\"third-info-content__reminder-box\">\r\n              <h5>Farmers</h5> \r\n              <p class=\"description\">\r\n                The Neolithic Revolution, also known as the first Agricultural Revolution, saw human societies transition to an agricultural way of life \r\n                by cultivating crops and domesticating animals. \r\n                This created a more stable food supply, enabling the establishment of larger population settlements and more complex societies.\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"info-modal-body\" :class=\"{'active' : selectedInfoNumber === 4}\">\r\n          <div class=\"info-modal-header\">\r\n            <h5>Hunter-gatherer and farmer migration</h5>\r\n          </div>\r\n          <div class=\"third-info-content\">\r\n            <div class=\"third-info-content__reminder-box\">\r\n              <h5>Hunter-gatherer and farmer migration</h5> \r\n              <p class=\"description\">\r\n                As farming techniques spread, so did the migration of early farming communities, who brought seeds, tools, and knowledge with them. \r\n                These migrations helped transform Europe, Asia, and Africa, often intermingling with local hunter-gatherer groups, and blending their \r\n                distinct genetic makeup.\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        \r\n     </div>\r\n     <div class=\"model-info-bottom\">\r\n      <div>\r\n        <button class=\"info-modal-btn-prev\" @click=\"prevContainer()\" v-if=\"selectedInfoNumber > 1\">Previous</button>\r\n        <div v-else style=\"width: 60px;\"> </div>\r\n      </div>\r\n      <div class=\"dot-container\">\r\n        <div class=\"dot dot-1\" :class=\"{'active' : selectedInfoNumber === 1}\" @click=\"selectedInfoNumber = 1\"></div>\r\n        <div class=\"dot dot-2\" :class=\"{'active' : selectedInfoNumber === 2}\" @click=\"selectedInfoNumber = 2\"></div>\r\n        <div class=\"dot dot-3\" :class=\"{'active' : selectedInfoNumber === 3}\" @click=\"selectedInfoNumber = 3\"></div>\r\n        <div class=\"dot dot-3\" :class=\"{'active' : selectedInfoNumber === 4}\" @click=\"selectedInfoNumber = 4\"></div>\r\n      </div>\r\n      <button class=\"lab-btn info-modal-btn\" @click=\"nextContainer()\">{{ selectedInfoNumber === 4 ? 'Got it' : 'Next'}}</button>\r\n     </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CloseModalIcon from '@/layouts/icons/CloseModalIcon.vue';\r\n\r\nexport default {\r\n  components: {\r\n    CloseModalIcon,\r\n  },\r\n  props: {\r\n    modalObject: {\r\n      type: Object,\r\n    },\r\n    callback: {\r\n      type: Function,\r\n      default() {\r\n        return {}\r\n      },\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      selectedInfoNumber: 1,\r\n    }\r\n  },\r\n  methods: {\r\n    initialModal() {\r\n      this.$refs['origin-breakdown-info-modal'].show();\r\n    },\r\n    hiddenModal() {\r\n      /* eslint-disable */\r\n      this.modalObject.showModal = false;\r\n      this.$refs['origin-breakdown-info-modal'].hide();\r\n    },\r\n\r\n    nextContainer() {\r\n      if (this.selectedInfoNumber === 4) {\r\n        this.selectedInfoNumber = 1;\r\n        this.hiddenModal();\r\n      } else {\r\n        this.selectedInfoNumber = this.selectedInfoNumber + 1;\r\n      }\r\n    },\r\n    prevContainer() {\r\n      this.selectedInfoNumber = this.selectedInfoNumber - 1;\r\n    },\r\n  },\r\n  computed: {\r\n  },\r\n  mounted() {\r\n    this.initialModal()\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.scale-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  width: 100%;\r\n  margin: 20px auto;\r\n  .scale-bar {\r\n    width: 100%;\r\n    height: 18px;\r\n    border-radius: 10px;\r\n    background: linear-gradient(to right, #5BD67E, #FFCE55, #FF7C55, #EF4232);\r\n    position: relative;\r\n  }\r\n\r\n  .labels {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .label {\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    color: var(--black-40);\r\n  }\r\n}\r\n\r\n.info-fit-container {\r\n  width: 100%;\r\n  max-width: 500px;\r\n  background-color: var(--bg-note-color);\r\n  padding: 20px;\r\n  border-radius: 8px;\r\n  margin: 20px auto;\r\n  font-family: Arial, sans-serif;\r\n\r\n  &-item {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  &-color-box {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 6px;\r\n    margin-right: 15px;\r\n  }\r\n\r\n  &-text-content {\r\n    color: #333;\r\n\r\n    strong {\r\n      font-size: 0.95rem;\r\n      color: var(--black-70);\r\n    }\r\n\r\n    p {\r\n      font-size: 0.93rem;\r\n      line-height: 1.35rem;\r\n      font-weight: 400;\r\n      color: var(--black-70);\r\n      margin: 4px 0 0;\r\n    }\r\n  }\r\n\r\n  /* Color variations */\r\n  &-very-close { background-color: #5BD67E; }\r\n  &-close { background-color: #FFCE55; }\r\n  &-moderate { background-color: #FF7C55; }\r\n  &-distant { background-color: #EF4232; }\r\n}\r\n\r\n.third-info-content {\r\n    width: 100%;\r\n    max-width: 600px;\r\n    margin: 20px auto;\r\n    font-family: Arial, sans-serif;\r\n    color: #333!important;\r\n    h5 {\r\n      color: #333!important;\r\n    }\r\n    ul {\r\n      padding-left: 20px;\r\n      list-style-type: disc;\r\n\r\n      li {\r\n        margin: 10px 0;\r\n        font-size: 0.95rem;\r\n        color: var(--black-70);\r\n      }\r\n    }\r\n\r\n    &__reminder-box {\r\n      background-color: var(--bg-note-color);\r\n      padding: 15px;\r\n      border-radius: 8px;\r\n      margin-top: 20px;\r\n\r\n      strong {\r\n        font-weight: bold;\r\n        font-size: 0.95rem;\r\n        color: var(--black-70);\r\n      }\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!./HgFarmerInfoModal.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!./HgFarmerInfoModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HgFarmerInfoModal.vue?vue&type=template&id=75b8b282&scoped=true&\"\nimport script from \"./HgFarmerInfoModal.vue?vue&type=script&lang=js&\"\nexport * from \"./HgFarmerInfoModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HgFarmerInfoModal.vue?vue&type=style&index=0&id=75b8b282&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  \"75b8b282\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"top-header-container\" :class=\"{'top-header-container-remove-radius' : contentPosition === -250}\">\r\n    <h4 class=\"report-title\">\r\n      Hunter-Gatherer and Farmer\r\n      <span @click=\"hgFarmerInfoModal.showModal = true\" class=\"open-info-modal-btn\">\r\n        <sup class=\"title-info-button-area\">\r\n            <InfoIcon />\r\n        </sup>\r\n      </span>\r\n    </h4>\r\n    <hr />\r\n    <p class=\"description\">\r\n      The Hunter-Gatherer and Farmer report breaks down the distinct genetic origins that emerged as ancient populations transitioned from hunting and gathering to farming.\r\n    </p>\r\n\r\n    <hgFarmerInfoModal v-if=\"hgFarmerInfoModal.showModal\" :modalObject=\"hgFarmerInfoModal\"/>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport MobileHeaderIcon from '@/layouts/icons/MobileHeaderIcon.vue';\r\nimport InfoIcon from '@/layouts/icons/InfoIcon.vue';\r\nimport HgFarmerInfoModal from './modals/HgFarmerInfoModal.vue';\r\n\r\nexport default {\r\n  components: {\r\n    InfoIcon,\r\n    HgFarmerInfoModal,\r\n  },\r\n  props: {\r\n    contentPosition: {\r\n      type: Number,\r\n      required: false,\r\n      default: 0,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      hgFarmerInfoModal: {\r\n        showModal: false,\r\n      },\r\n    };\r\n  },\r\n  methods: {\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.top-header-container {\r\n  padding: 28px;\r\n  background-color: var(--bg-card-color);\r\n}\r\n\r\n.top-header-container-remove-radius {\r\n  border-top-left-radius: 0 !important;\r\n  border-top-right-radius: 0 !important;\r\n}\r\n\r\n@media screen and (max-width: 1079px) {\r\n  .top-header-container {\r\n    border-top-left-radius: 20px!important;\r\n    border-top-right-radius: 20px!important;\r\n  }\r\n}\r\n\r\n.open-select-region {\r\n  cursor: pointer;\r\n  text-decoration: underline;\r\n  color: var(--lab-main-color);\r\n}\r\n</style>","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!./HgFarmerTopHeader.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!./HgFarmerTopHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HgFarmerTopHeader.vue?vue&type=template&id=2107ff99&scoped=true&\"\nimport script from \"./HgFarmerTopHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./HgFarmerTopHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HgFarmerTopHeader.vue?vue&type=style&index=0&id=2107ff99&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  \"2107ff99\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"result-list-container cs-scroll-style\"},[(_vm.uiResults && !_vm.$store.getters.getLoader)?[_c('b-alert',{attrs:{\"variant\":\"warning\",\"show\":\"\"}},[_c('div',{staticClass:\"alert-body\"},[_c('span',{staticClass:\"mr-1 mt-1\"},[_c('strong',[_vm._v(\"Caution:\")]),_vm._v(\" These results are subject to change\")])])]),(_vm.uiResults)?_c('div',{staticClass:\"pop-view\"},_vm._l((_vm.uiResults.outPuts),function(itemAncestry){return _c('div',{key:itemAncestry.resultsTable,staticClass:\"pop-view-item\",on:{\"click\":function($event){return _vm.onOpenDetailPage(itemAncestry)}}},[_c('div',{staticClass:\"d-flex\"},[_c('b-media-aside',{staticClass:\"mr-75\"},[_c('b-avatar',{staticStyle:{\"background-color\":\"transparent\"},attrs:{\"rounded\":\"\",\"size\":\"55\",\"src\":itemAncestry.logoUrl}})],1),_c('b-media-body',{staticClass:\"my-auto\"},[_c('h6',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(itemAncestry.resultsTable.replaceAll('*', ' '))+\" \")])])],1),_c('div',{staticClass:\"d-flex align-items-center lab-p-8\"},[_c('span',{staticClass:\"mr-75 percent-txt\",style:({'color': _vm.skin === 'light' ? '#595959' : itemAncestry.color })},[_c('b',[_vm._v(_vm._s(itemAncestry.currentResult.toFixed(1))+\"%\")])]),_c('vue-apex-charts',{attrs:{\"type\":\"radialBar\",\"height\":\"40\",\"width\":\"40\",\"options\":_vm.onGetChartOption(itemAncestry.color),\"series\":[itemAncestry.currentResult.toFixed(1)]}})],1)])}),0):_vm._e()]:_c('SpinnerContainer')],2),(_vm.hgFarmerDetailModal.showModal)?_c('HgFarmerProximityModal',{attrs:{\"modalObject\":_vm.hgFarmerDetailModal}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"result-list-container cs-scroll-style\">\r\n      <template v-if=\"uiResults && !$store.getters.getLoader\">\r\n        \r\n        <b-alert variant=\"warning\" show>\r\n          <div class=\"alert-body\">\r\n            <span class=\"mr-1 mt-1\"><strong>Caution:</strong>  These results are subject to change</span>\r\n          </div>\r\n        </b-alert>\r\n\r\n        <div class=\"pop-view\" v-if=\"uiResults\">\r\n          <div v-for=\"itemAncestry in uiResults.outPuts\"\r\n              :key=\"itemAncestry.resultsTable\" \r\n              @click=\"onOpenDetailPage(itemAncestry)\" class=\"pop-view-item\">\r\n            <div class=\"d-flex\">\r\n              <b-media-aside class=\"mr-75\">\r\n                <b-avatar\r\n                  rounded\r\n                  size=\"55\"\r\n                  :src=\"itemAncestry.logoUrl\"\r\n                  style=\"background-color: transparent;\"\r\n                />\r\n              </b-media-aside>\r\n              <b-media-body class=\"my-auto\">\r\n                <h6 class=\"mb-0\">\r\n                  {{ itemAncestry.resultsTable.replaceAll('*', ' ') }}\r\n                </h6>\r\n              </b-media-body>\r\n            </div>\r\n            <div class=\"d-flex align-items-center lab-p-8\">\r\n              <span class=\"mr-75 percent-txt\" :style=\"{'color': skin === 'light' ? '#595959' : itemAncestry.color }\"><b>{{ itemAncestry.currentResult.toFixed(1) }}%</b></span>\r\n              <vue-apex-charts\r\n                type=\"radialBar\"\r\n                height=\"40\"\r\n                width=\"40\"\r\n                :options=\"onGetChartOption(itemAncestry.color)\"\r\n                :series=\"[itemAncestry.currentResult.toFixed(1)]\"\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </template>\r\n      <SpinnerContainer v-else />\r\n    </div>\r\n    \r\n    <HgFarmerProximityModal v-if=\"hgFarmerDetailModal.showModal\" :modalObject=\"hgFarmerDetailModal\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VueApexCharts from 'vue-apexcharts'\r\nimport HgFarmerProximityModal from '../modals/HgFarmerProximityModal.vue';\r\n\r\nexport default {\r\n  components: {\r\n    VueApexCharts,\r\n    HgFarmerProximityModal,\r\n  },\r\n  directives: {\r\n  },\r\n  data() {\r\n    return {\r\n      hgFarmerDetailModal: {\r\n        showModal: false,\r\n        item: null,\r\n      },\r\n    }\r\n  },\r\n  methods: {\r\n    /* eslint-disable */\r\n    onGetChartOption(color) {\r\n      const barColor = color ? color : '#00ADB5';\r\n      return {\r\n        grid: {\r\n          show: false,\r\n          padding: {\r\n            left: -15,\r\n            right: -15,\r\n            top: -12,\r\n            bottom: -15,\r\n          },\r\n        },\r\n        colors: [barColor],\r\n        plotOptions: {\r\n          radialBar: {\r\n            hollow: {\r\n              size: '22%',\r\n            },\r\n            track: {\r\n              background: this.ddAlpha(color, 0.1),\r\n            },\r\n            dataLabels: {\r\n              showOn: 'always',\r\n              name: {\r\n                show: false,\r\n              },\r\n              value: {\r\n                show: false,\r\n              },\r\n            },\r\n          },\r\n        },\r\n        stroke: {\r\n          lineCap: 'round',\r\n        },\r\n      };\r\n    },\r\n    ddAlpha(color, opacity) {\r\n      let _opacity = Math.round(Math.min(Math.max(opacity ?? 1, 0), 1) * 255);\r\n      return color + _opacity.toString(16).toUpperCase();\r\n    },\r\n    fitTitle(value) {\r\n      if(value > 0 && value <= 3) {\r\n        return 'Very close';\r\n      }\r\n      if(value > 3 && value <= 5) {\r\n        return 'Close';\r\n      }\r\n      if(value > 5 && value <= 6) {\r\n        return 'Moderate';\r\n      }\r\n      return 'Distant';\r\n    },\r\n\r\n    onOpenDetailPage(item) {\r\n      this.hgFarmerDetailModal.item = item;\r\n      this.hgFarmerDetailModal.showModal = true;\r\n    },\r\n  },\r\n  computed: {\r\n    uiResults() {\r\n      return this.$store.getters['hgFarmerResult/getUiResults'];\r\n    },\r\n    skin() {\r\n      return this.$store.state.appConfig.layout.skin;\r\n    },\r\n  },\r\n  mounted() {\r\n\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.result-list-container {\r\n  padding: 28px;\r\n  flex: 1;\r\n  overflow-y: auto;\r\n\r\n  .pop-view-item.selected {\r\n    // box-shadow: 0px 0px 10px 0px var(--bg-card-shadow);\r\n    border: 1px solid #1BBFCC;\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!./HgFarmerPopView.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!./HgFarmerPopView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HgFarmerPopView.vue?vue&type=template&id=1badd314&scoped=true&\"\nimport script from \"./HgFarmerPopView.vue?vue&type=script&lang=js&\"\nexport * from \"./HgFarmerPopView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HgFarmerPopView.vue?vue&type=style&index=0&id=1badd314&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  \"1badd314\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"da-container\">\r\n    <div class=\"hg-farmer\" v-if=\"$store.state.appConfig.windowWidth >= 1079\">\r\n      <div class=\"result-container cs-scroll-style\">\r\n        <HgFarmerTopHeader />\r\n        <HgFarmerPopView />\r\n      </div>\r\n      <div class=\"map-container\">\r\n        <HgFarmerMap />\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"hg-farmer-mobile\" v-else>\r\n      <div class=\"mobile-result-container\">\r\n        <HgFarmerMap class=\"mobile-map\"/>\r\n        <div class=\"mobile-container\"\r\n          :style=\"{ transform: 'translateY(' + contentPosition + 'px)' }\">\r\n          <div  :class=\"{'scrollable-wrapper': contentPosition === 0}\">\r\n            <div @touchstart=\"startDrag\"\r\n                @touchmove=\"onDrag\"\r\n                @touchend=\"endDrag\">\r\n              <HgFarmerTopHeader class=\"mobile-header\" :contentPosition=\"contentPosition\"/>\r\n            </div>\r\n            <HgFarmerPopView />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport HgFarmerCalculateWatcher from './services/HgFarmerCalculateWatcher';\r\n\r\nimport HgFarmerMap from './maps/HgFarmerMap.vue';\r\nimport HgFarmerTopHeader from './HgFarmerTopHeader.vue';\r\nimport HgFarmerPopView from './details/HgFarmerPopView.vue';\r\n\r\nexport default {\r\n  components: {\r\n    HgFarmerMap,\r\n    HgFarmerTopHeader,\r\n    HgFarmerPopView,\r\n  },\r\n  data() {\r\n    return {\r\n      startY: 0,\r\n      contentPosition: 250,\r\n      minPosition: 0,\r\n      maxPosition: 250,\r\n    };\r\n  },\r\n  methods: {\r\n    startDrag(event) {\r\n      this.startY = event.touches[0].clientY - this.contentPosition;\r\n    },\r\n    onDrag(event) {\r\n      let newY = event.touches[0].clientY - this.startY;\r\n      if (newY < this.minPosition) newY = this.minPosition;\r\n      if (newY > this.maxPosition) newY = this.maxPosition;\r\n      if (newY >= 0) {\r\n        this.contentPosition = newY;\r\n      }\r\n    },\r\n    endDrag() {\r\n      if (this.contentPosition < 245) {\r\n        this.contentPosition = 0;\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    HgFarmerCalculateWatcher.init();\r\n    document.body.classList.add('fix-scroll');\r\n  },\r\n  beforeDestroy() {\r\n    HgFarmerCalculateWatcher.cleanup();\r\n    document.body.classList.remove('fix-scroll');\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.hg-farmer {\r\n  display: flex;\r\n  width: 100%;\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  .result-container {\r\n    width: 30%;\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n    padding-right: 10px;\r\n    height: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .map-container {\r\n    width: 70%;\r\n    height: 100%;\r\n    position: relative;\r\n  }\r\n}\r\n\r\n.hg-farmer-mobile {\r\n  height: 100vh;\r\n\r\n  .mobile-result-container {\r\n    flex-direction: column;\r\n    display: flex;\r\n    height: 100%;\r\n    box-sizing: border-box;\r\n\r\n    .mobile-map {\r\n      position: fixed;\r\n      top: 60px;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    .mobile-container {\r\n      display: flex;\r\n      flex-direction: column;\r\n      position: fixed;\r\n      left: 0;\r\n      bottom: 0;\r\n      top: 60px;\r\n      width: 100%;\r\n      height: calc(100% - 100px);\r\n      transition: transform 0.3s ease;\r\n      will-change: transform;\r\n\r\n      .scrollable-wrapper {\r\n        overflow-y: auto;\r\n        background-color: var(--bg-body-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n</style>","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!./HgFarmerResult.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!./HgFarmerResult.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HgFarmerResult.vue?vue&type=template&id=3629927f&scoped=true&\"\nimport script from \"./HgFarmerResult.vue?vue&type=script&lang=js&\"\nexport * from \"./HgFarmerResult.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HgFarmerResult.vue?vue&type=style&index=0&id=3629927f&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  \"3629927f\",\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!./HgFarmerMap.vue?vue&type=style&index=0&id=4705801e&lang=scss&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!./HgFarmerPopView.vue?vue&type=style&index=0&id=1badd314&lang=scss&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!./HgFarmerInfoModal.vue?vue&type=style&index=0&id=75b8b282&lang=scss&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!./HgFarmerResult.vue?vue&type=style&index=0&id=3629927f&lang=scss&scoped=true&\""],"sourceRoot":""}