{"version":3,"sources":["webpack:///./src/views/results/traits-health/Traits/TraitDetail.vue?f129","webpack:///./src/views/results/traits-health/Traits/TraitDetail.vue?e3d1","webpack:///./src/views/results/traits-health/Traits/TraitDetail.vue?3d93","webpack:///./src/views/results/traits-health/Traits/TraitDetailList.vue?44c7","webpack:///./src/views/results/traits-health/Traits/TraitGenotypeIcon.vue?c1fa","webpack:///src/views/results/traits-health/Traits/TraitGenotypeIcon.vue","webpack:///./src/views/results/traits-health/Traits/TraitGenotypeIcon.vue?436a","webpack:///./src/views/results/traits-health/Traits/TraitGenotypeIcon.vue?0603","webpack:///src/views/results/traits-health/Traits/TraitDetailList.vue","webpack:///./src/views/results/traits-health/Traits/TraitDetailList.vue?b2b8","webpack:///./src/views/results/traits-health/Traits/TraitDetailList.vue","webpack:///./src/views/results/traits-health/Traits/TraitDetailSurvey.vue?5057","webpack:///src/views/results/traits-health/Traits/TraitDetailSurvey.vue","webpack:///./src/views/results/traits-health/Traits/TraitDetailSurvey.vue?d8fc","webpack:///./src/views/results/traits-health/Traits/TraitDetailSurvey.vue","webpack:///src/views/results/traits-health/Traits/TraitDetail.vue","webpack:///./src/views/results/traits-health/Traits/TraitDetail.vue?d4c9","webpack:///./src/views/results/traits-health/Traits/TraitDetail.vue","webpack:///./src/@core/components/toastification/ToastificationSuccess.vue?d49b","webpack:///./src/views/results/traits-health/Traits/TraitGenotypeIcon.vue?5d17","webpack:///./src/@core/components/toastification/ToastificationSuccess.vue?a1f8","webpack:///src/@core/components/toastification/ToastificationSuccess.vue","webpack:///./src/@core/components/toastification/ToastificationSuccess.vue?dec6","webpack:///./src/@core/components/toastification/ToastificationSuccess.vue","webpack:///./src/views/results/traits-health/Traits/TraitDetailSurvey.vue?2ea7","webpack:///./src/views/results/traits-health/Traits/TraitDetailList.vue?b50d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","$event","$router","push","name","attrs","_v","traitData","trait","traitFeature","iconUrl","_s","traitEffect","effect","class","rate","rateText","_e","_m","description","modernChart","staticRenderFns","traitDetailList","length","marker","mutantAllele","genotype","_l","item","key","id","traitPopulation","populationName","frequencyRatio","style","width","chartOptions","series","frequencyItem","components","props","data","component","VueApexCharts","TraitGenotypeIcon","type","Object","default","computed","mounted","traitSurveyItem","directives","rawName","value","surveyValueType","traitSurvey","expression","saveTraitSurvey","label","traitSurveyTypes","methods","orderResultTraitHealthId","selectedOrderResult","traitId","$store","dispatch","query","fetchTraitSurvey","getters","TraitDetailList","TraitDetailSurvey","onGetTrait","currentRoute","params","traitIdList","traitIds","split","map","Number","onCalculateTraitData","forEach","element","frequencyList","Math","round","onChangeChartOptions","colors","chart","plotOptions","radialBar","size","hollow","track","background","dataLabels","show","fontSize","fontFamily","color","state","appConfig","layout","skin","fontWeight","labels","ddAlpha","_opacity","toString","toUpperCase","selectedTraitResult","watch","created","variant","icon","domProps","title","text","$emit","hideClose","BAvatar","String","Boolean"],"mappings":"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","file":"js/chunk-eed5f4d8.fa1504f6.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!./TraitDetail.vue?vue&type=style&index=1&id=44dbbd6e&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!./TraitDetail.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-trait\"},[_c('div',{staticClass:\"trait-detail-container dashboard-card\"},[_c('button',{staticClass:\"lab-btn lab-btn-back\",on:{\"click\":function($event){return _vm.$router.push({ name: 'dashboard-traits'})}}},[_c('feather-icon',{attrs:{\"icon\":\"ArrowLeftIcon\",\"size\":\"20\"}}),_vm._v(\" Back \")],1),_c('div',{staticClass:\"traits-result-container \"},[(_vm.traitData !== null)?_c('div',{staticClass:\"trait-item hidden-mobile\"},[_c('div',{staticClass:\"trait-item-left\"},[_c('b-img',{attrs:{\"src\":_vm.traitData.trait.traitFeature.iconUrl,\"height\":\"40\",\"width\":\"40\"}}),_c('div',{staticClass:\"ml-2\"},[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.traitData.trait.traitFeature.name))]),_c('div',{staticClass:\"description\"},[_vm._v(_vm._s(_vm.traitData.trait.traitEffect.effect))])])],1),_c('div',{staticClass:\"trait-item-right\"},[_c('div',{staticClass:\"trait-rate-card\",class:{ 'trait-rate-low': _vm.traitData.trait.rate == 1, \n                        'trait-rate-intermediate': _vm.traitData.trait.rate == 2, \n                        'trait-rate-high': _vm.traitData.trait.rate == 3 }},[_vm._v(\" \"+_vm._s(_vm.traitData.trait.rateText)+\" \")])])]):_vm._e(),(_vm.traitData !== null)?_c('div',{staticClass:\"trait-item-mobile hidden-desktop\"},[_c('div',{staticClass:\"trait-item-top\"},[_c('b-img',{attrs:{\"src\":_vm.traitData.trait.traitFeature.iconUrl,\"height\":\"40\",\"width\":\"40\"}}),_c('div',{staticClass:\"trait-rate-card\",class:{ 'trait-rate-low': _vm.traitData.trait.rate == 1, \n                      'trait-rate-intermediate': _vm.traitData.trait.rate == 2, \n                      'trait-rate-high': _vm.traitData.trait.rate == 3 }},[_vm._v(\" \"+_vm._s(_vm.traitData.trait.rateText)+\" \")])],1),_c('div',{staticClass:\"trait-item-bottom\"},[_c('div',[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.traitData.trait.traitFeature.name))]),_c('div',{staticClass:\"description\"},[_vm._v(_vm._s(_vm.traitData.trait.traitEffect.effect))])])])]):_vm._e(),_c('hr'),(_vm.traitData !== null)?_c('div',{staticClass:\"trait-description mb-2 mt-3\"},[_vm._m(0),_c('hr'),_c('div',{staticClass:\"trait-info-body\"},[_c('p',[_vm._v(\" \"+_vm._s(_vm.traitData.trait.traitFeature.description)+\" \")])])]):_vm._e(),(_vm.traitData !== null)?_c('trait-detail-list',{attrs:{\"traitData\":_vm.traitData,\"modernChart\":_vm.modernChart}}):_vm._e(),(_vm.traitData !== null)?_c('trait-detail-survey',{attrs:{\"traitData\":_vm.traitData}}):_vm._e()],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title-header\"},[_c('h4',[_vm._v(\" Description \")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.traitData.traitDetailList.length === 1)?_c('div',[_c('div',{staticClass:\"trait-info mb-3 mt-3\"},[_vm._m(0),_c('hr'),_c('div',{staticClass:\"trait-info-body\"},[_c('div',{staticClass:\"trait-info-marker\"},[_vm._v(_vm._s(_vm.traitData.traitDetailList[0].trait.marker))]),_c('div',{staticClass:\"trait-info-genotype\"},[_c('span',{class:{ 'lab-text-sunrise': _vm.traitData.traitDetailList[0].trait.mutantAllele === _vm.traitData.traitDetailList[0].trait.genotype[0]}},[_vm._v(_vm._s(_vm.traitData.traitDetailList[0].trait.genotype[0]))]),_c('trait-genotype-icon'),_c('span',{class:{ 'lab-text-sunrise': _vm.traitData.traitDetailList[0].trait.mutantAllele === _vm.traitData.traitDetailList[0].trait.genotype[1]}},[_vm._v(_vm._s(_vm.traitData.traitDetailList[0].trait.genotype[1]))])],1)])]),_c('b-row',{attrs:{\"cols\":\"mb-2 justify-content-md-center\"}},[_c('b-col',{attrs:{\"cols\":\"12\",\"xl\":\"6\",\"md\":\"6\"}},[_c('div',{staticClass:\"trait-card\"},[_c('div',{staticClass:\"title-header\"},[_c('h4',[_vm._v(\" Frequency \")])]),_c('hr'),_c('div',{staticClass:\"trait-card-content\"},[_c('p',[_vm._v(\" Across world \")]),_vm._l((_vm.traitData.traitDetailList[0].frequencyList),function(item){return _c('div',{key:item.id,staticClass:\"trait-frequency-item\"},[_c('div',{staticClass:\"trait-frequency-header\"},[_c('div',{staticClass:\"trait-frequency-pop\"},[_vm._v(\" \"+_vm._s(item.traitPopulation.populationName)+\" \")]),_c('div',{staticClass:\"trait-frequency-value lab-text-sunrise\"},[_vm._v(\" \"+_vm._s(item.frequencyRatio)+\"% \")])]),_c('div',{staticClass:\"trait-frequency-bar\"},[_c('div',{staticClass:\"frequency-progress\"},[_c('div',{staticClass:\"pop-progress\"},[_c('div',{staticClass:\"pop-progress-fill\",style:({ width: item.frequencyRatio + '%' })})])])])])})],2)])]),_c('b-col',{attrs:{\"cols\":\"12\",\"xl\":\"6\",\"md\":\"6\"}},[_c('div',{staticClass:\"title-header\"},[_c('h4',[_vm._v(\" Frequency \")])]),_c('hr'),(_vm.modernChart)?_c('div',{staticClass:\"trait-card-content\"},[_c('p',[_vm._v(\" Among illustrativeDNA customers \")]),_c('vue-apex-charts',{attrs:{\"type\":\"radialBar\",\"height\":\"200\",\"options\":_vm.modernChart.chartOptions,\"series\":_vm.modernChart.series}})],1):_vm._e()])],1)],1):_vm._e(),(_vm.traitData.traitDetailList.length >= 2)?_c('div',[_c('div',{staticClass:\"trait-info mb-3 mt-3\"},[_vm._m(1),_c('hr'),_c('div',{staticClass:\"row\"},_vm._l((_vm.traitData.traitDetailList),function(frequencyItem){return _c('div',{key:frequencyItem.id,staticClass:\"col-md-6 mb-2\"},[_c('div',{staticClass:\"trait-info-body\"},[_c('div',{staticClass:\"trait-info-marker\"},[_vm._v(_vm._s(frequencyItem.trait.marker))]),_c('div',{staticClass:\"trait-info-genotype\"},[_c('span',{class:{ 'lab-text-sunrise': frequencyItem.trait.mutantAllele === frequencyItem.trait.genotype[0]}},[_vm._v(_vm._s(frequencyItem.trait.genotype[0]))]),_c('trait-genotype-icon'),_c('span',{class:{ 'lab-text-sunrise': frequencyItem.trait.mutantAllele === frequencyItem.trait.genotype[1]}},[_vm._v(_vm._s(frequencyItem.trait.genotype[1]))])],1)]),_c('div',{staticClass:\"trait-card mt-2\"},[_c('div',{staticClass:\"trait-card-content\"},[_c('p',[_vm._v(\" Frequency Across world \")]),_vm._l((frequencyItem.frequencyList),function(item){return _c('div',{key:item.id,staticClass:\"trait-frequency-item\"},[_c('div',{staticClass:\"trait-frequency-header\"},[_c('div',{staticClass:\"trait-frequency-pop\"},[_vm._v(\" \"+_vm._s(item.traitPopulation.populationName)+\" \")]),_c('div',{staticClass:\"trait-frequency-value lab-text-sunrise\"},[_vm._v(\" \"+_vm._s(item.frequencyRatio)+\"% \")])]),_c('div',{staticClass:\"trait-frequency-bar\"},[_c('div',{staticClass:\"frequency-progress\"},[_c('div',{staticClass:\"pop-progress\"},[_c('div',{staticClass:\"pop-progress-fill\",style:({ width: item.frequencyRatio + '%' })})])])])])})],2)])])}),0)]),_c('b-row',{attrs:{\"cols\":\"mb-2 justify-content-md-center\"}},[_c('b-col',{attrs:{\"cols\":\"12\",\"xl\":\"12\",\"md\":\"12\"}},[_c('div',{staticClass:\"title-header\"},[_c('h4',[_vm._v(\" Frequency \")])]),_c('hr'),(_vm.modernChart)?_c('div',{staticClass:\"trait-card-content\"},[_c('p',[_vm._v(\" Among illustrativeDNA customers \")]),_c('vue-apex-charts',{attrs:{\"type\":\"radialBar\",\"height\":\"200\",\"options\":_vm.modernChart.chartOptions,\"series\":_vm.modernChart.series}})],1):_vm._e()])],1)],1):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title-header\"},[_c('h4',[_vm._v(\" Your Information \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title-header\"},[_c('h4',[_vm._v(\" Your Information \")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"id\":\"Layer_2\",\"data-name\":\"Layer 2\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 100.67 115\"}},[_c('defs'),_c('g',{attrs:{\"id\":\"Layer_2-2\",\"data-name\":\"Layer 2\"}},[_c('g',[_c('path',{staticClass:\"cls-2\",attrs:{\"d\":\"M74.07,28.21V9.01c0-4.97-4.03-9.01-9.01-9.01s-9.01,4.03-9.01,9.01v23.44c0,3.95-3.2,7.16-7.16,7.16l-6.42,10.74,6.42,10.74c3.95,0,7.16,3.2,7.16,7.16v37.76c0,4.97,4.03,9.01,9.01,9.01s9.01-4.03,9.01-9.01v-33.52c0-5.05-1.78-9.93-5.02-13.8l-6.99-8.33,6.99-8.33c3.24-3.87,5.02-8.75,5.02-13.8h0Z\"}}),_c('path',{staticClass:\"cls-3\",attrs:{\"d\":\"M41.74,32.45V9.01c0-4.97-4.03-9.01-9.01-9.01s-9.01,4.03-9.01,9.01V28.21c0,5.05,1.78,9.93,5.02,13.8l6.99,8.33-6.99,8.33c-3.24,3.87-5.02,8.75-5.02,13.8v33.52c0,4.97,4.03,9.01,9.01,9.01s9.01-4.03,9.01-9.01v-37.76c0-3.95,3.2-7.16,7.16-7.16v-21.47c-3.95,0-7.16-3.2-7.16-7.16Z\"}})]),_c('line',{staticClass:\"cls-1\",attrs:{\"x1\":\"72.67\",\"y1\":\"50.34\",\"x2\":\"100.67\",\"y2\":\"50.34\"}}),_c('line',{staticClass:\"cls-1\",attrs:{\"x1\":\"28\",\"y1\":\"51.16\",\"y2\":\"51.16\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <svg id=\"Layer_2\" data-name=\"Layer 2\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100.67 115\">\r\n    <defs>\r\n    </defs>\r\n    <g id=\"Layer_2-2\" data-name=\"Layer 2\">\r\n      <g>\r\n        <path class=\"cls-2\" d=\"M74.07,28.21V9.01c0-4.97-4.03-9.01-9.01-9.01s-9.01,4.03-9.01,9.01v23.44c0,3.95-3.2,7.16-7.16,7.16l-6.42,10.74,6.42,10.74c3.95,0,7.16,3.2,7.16,7.16v37.76c0,4.97,4.03,9.01,9.01,9.01s9.01-4.03,9.01-9.01v-33.52c0-5.05-1.78-9.93-5.02-13.8l-6.99-8.33,6.99-8.33c3.24-3.87,5.02-8.75,5.02-13.8h0Z\"/>\r\n        <path class=\"cls-3\" d=\"M41.74,32.45V9.01c0-4.97-4.03-9.01-9.01-9.01s-9.01,4.03-9.01,9.01V28.21c0,5.05,1.78,9.93,5.02,13.8l6.99,8.33-6.99,8.33c-3.24,3.87-5.02,8.75-5.02,13.8v33.52c0,4.97,4.03,9.01,9.01,9.01s9.01-4.03,9.01-9.01v-37.76c0-3.95,3.2-7.16,7.16-7.16v-21.47c-3.95,0-7.16-3.2-7.16-7.16Z\"/>\r\n      </g>\r\n      <line class=\"cls-1\" x1=\"72.67\" y1=\"50.34\" x2=\"100.67\" y2=\"50.34\"/>\r\n      <line class=\"cls-1\" x1=\"28\" y1=\"51.16\" y2=\"51.16\"/>\r\n    </g>\r\n  </svg>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  components: {\r\n  },\r\n  props: {\r\n  },\r\n  data() {\r\n    return {\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"css\" scoped>  \r\nsvg {\r\n  height: 120px;\r\n  margin-top: 10px;\r\n}      \r\n.cls-1 {\r\n  fill: none;\r\n  opacity: .7;\r\n  stroke: #ef5e8b;\r\n  stroke-miterlimit: 10;\r\n}\r\n\r\n.cls-2, .cls-3 {\r\n  fill: #ef5e8b;\r\n}\r\n\r\n.cls-3 {\r\n  opacity: .15;\r\n}\r\n\r\n@media screen and (max-width: 769px) {\r\n  svg {\r\n    height: 80px;\r\n    margin-top: 10px;\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!./TraitGenotypeIcon.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!./TraitGenotypeIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TraitGenotypeIcon.vue?vue&type=template&id=4d45b75a&scoped=true&\"\nimport script from \"./TraitGenotypeIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./TraitGenotypeIcon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TraitGenotypeIcon.vue?vue&type=style&index=0&id=4d45b75a&lang=css&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4d45b75a\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <div v-if=\"traitData.traitDetailList.length === 1\">\r\n      <div class=\"trait-info mb-3 mt-3\"> \r\n        <div class=\"title-header\">\r\n          <h4>\r\n            Your Information\r\n          </h4>\r\n        </div>\r\n        <hr />\r\n        <div class=\"trait-info-body\">\r\n          <div class=\"trait-info-marker\">{{traitData.traitDetailList[0].trait.marker}}</div>\r\n          <div class=\"trait-info-genotype\">\r\n            <span :class=\"{ 'lab-text-sunrise': traitData.traitDetailList[0].trait.mutantAllele === traitData.traitDetailList[0].trait.genotype[0]}\">{{traitData.traitDetailList[0].trait.genotype[0]}}</span>\r\n            <trait-genotype-icon />\r\n            <span :class=\"{ 'lab-text-sunrise': traitData.traitDetailList[0].trait.mutantAllele === traitData.traitDetailList[0].trait.genotype[1]}\">{{traitData.traitDetailList[0].trait.genotype[1]}}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <b-row cols=\"mb-2 justify-content-md-center\">\r\n        <b-col cols=\"12\" xl=\"6\" md=\"6\">\r\n          <div class=\"trait-card\">\r\n            <div class=\"title-header\">\r\n              <h4>\r\n                Frequency\r\n              </h4>\r\n            </div>\r\n            <hr />\r\n            <div class=\"trait-card-content\">\r\n              <p>\r\n                Across world\r\n              </p>\r\n              <div class=\"trait-frequency-item\" v-for=\"item in traitData.traitDetailList[0].frequencyList\" :key=\"item.id\">\r\n                <div class=\"trait-frequency-header\">\r\n                    <div class=\"trait-frequency-pop\">\r\n                      {{item.traitPopulation.populationName}}\r\n                    </div>\r\n                    <div class=\"trait-frequency-value lab-text-sunrise\">\r\n                      {{ item.frequencyRatio }}%\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div class=\"trait-frequency-bar\">\r\n                    <div class=\"frequency-progress\">\r\n                      <div class=\"pop-progress\">\r\n                        <div class=\"pop-progress-fill\" :style=\"{ width: item.frequencyRatio + '%' }\"> </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </b-col>\r\n        <b-col cols=\"12\" xl=\"6\" md=\"6\">\r\n          <div class=\"title-header\">\r\n            <h4>\r\n              Frequency\r\n            </h4>\r\n          </div>\r\n          <hr />\r\n          <div class=\"trait-card-content\" v-if=\"modernChart\">\r\n            <p>\r\n              Among illustrativeDNA customers\r\n            </p>\r\n            <vue-apex-charts\r\n              type=\"radialBar\"\r\n              height=\"200\"\r\n              :options=\"modernChart.chartOptions\"\r\n              :series=\"modernChart.series\"\r\n            />\r\n          </div>\r\n        </b-col>\r\n      </b-row>\r\n    </div>\r\n\r\n    <div v-if=\"traitData.traitDetailList.length >= 2\">\r\n      <div class=\"trait-info mb-3 mt-3\"> \r\n        <div class=\"title-header\">\r\n          <h4>\r\n            Your Information\r\n          </h4>\r\n        </div>\r\n        <hr />\r\n\r\n        <div class=\"row\">\r\n          <div class=\"col-md-6 mb-2\" v-for=\"frequencyItem in traitData.traitDetailList\" :key=\"frequencyItem.id\">\r\n            <div class=\"trait-info-body\">\r\n              <div class=\"trait-info-marker\">{{frequencyItem.trait.marker}}</div>\r\n              <div class=\"trait-info-genotype\">\r\n                <span :class=\"{ 'lab-text-sunrise': frequencyItem.trait.mutantAllele === frequencyItem.trait.genotype[0]}\">{{frequencyItem.trait.genotype[0]}}</span>\r\n                <trait-genotype-icon />\r\n                <span :class=\"{ 'lab-text-sunrise': frequencyItem.trait.mutantAllele === frequencyItem.trait.genotype[1]}\">{{frequencyItem.trait.genotype[1]}}</span>\r\n              </div>\r\n            </div>\r\n            <div class=\"trait-card mt-2\">\r\n              <div class=\"trait-card-content\">\r\n                <p>\r\n                  Frequency Across world\r\n                </p>\r\n                <div class=\"trait-frequency-item\" v-for=\"item in frequencyItem.frequencyList\" :key=\"item.id\">\r\n                  <div class=\"trait-frequency-header\">\r\n                    <div class=\"trait-frequency-pop\">\r\n                      {{item.traitPopulation.populationName}}\r\n                    </div>\r\n                    <div class=\"trait-frequency-value lab-text-sunrise\">\r\n                      {{ item.frequencyRatio }}%\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div class=\"trait-frequency-bar\">\r\n                    <div class=\"frequency-progress\">\r\n                      <div class=\"pop-progress\">\r\n                        <div class=\"pop-progress-fill\" :style=\"{ width: item.frequencyRatio + '%' }\"> </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <b-row cols=\"mb-2 justify-content-md-center\">\r\n        <b-col cols=\"12\" xl=\"12\" md=\"12\">\r\n          <div class=\"title-header\">\r\n            <h4>\r\n              Frequency\r\n            </h4>\r\n          </div>\r\n          <hr />\r\n          <div class=\"trait-card-content\" v-if=\"modernChart\">\r\n            <p>\r\n              Among illustrativeDNA customers\r\n            </p>\r\n            <vue-apex-charts\r\n              type=\"radialBar\"\r\n              height=\"200\"\r\n              :options=\"modernChart.chartOptions\"\r\n              :series=\"modernChart.series\"\r\n            />\r\n          </div>\r\n        </b-col>\r\n      </b-row>\r\n    </div>\r\n  </div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport VueApexCharts from 'vue-apexcharts'\r\nimport TraitGenotypeIcon from './TraitGenotypeIcon.vue';\r\n\r\nexport default {\r\n  components: {\r\n    VueApexCharts,\r\n    TraitGenotypeIcon,\r\n  },\r\n  props: {\r\n    traitData: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n    modernChart: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n    }\r\n  },\r\n  computed: {\r\n  },\r\n  mounted() {\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.trait-info {\r\n  .trait-info-body {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-around;\r\n    \r\n    .trait-info-marker {\r\n      font-size: 1.4rem;\r\n      font-weight: bold;\r\n      color: var(--lab-fight-sunrise-color);\r\n    }\r\n    .trait-info-genotype {\r\n      font-size: 1.4rem;\r\n      font-weight: bold;\r\n      color: var(--lab-carbon-fiber);\r\n      span {\r\n        margin-right: 10px;\r\n        margin-left: 10px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.dark-layout {\r\n  .trait-info .trait-info-body  .trait-info-genotype {\r\n    color: var(--lab-white);\r\n  }\r\n}\r\n\r\n.trait-frequency-item {\r\n  margin-bottom: 1rem;\r\n\r\n  .trait-frequency-left {\r\n    width: 70%;\r\n  }\r\n\r\n  .trait-frequency-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    .trait-frequency-pop {\r\n      font-size: 0.9rem;\r\n      font-weight: bold;\r\n      margin-bottom: 0.2rem;\r\n    }\r\n\r\n    .trait-frequency-value {\r\n      border-radius: 10px;\r\n      font-size: 0.85rem;\r\n      font-weight: bold;\r\n      color: var(--lab-text-color-title-02);\r\n    }\r\n  }\r\n  \r\n  .pop-progress {\r\n    margin-top: 10px;\r\n    height: 10px;\r\n    border-radius: 15px;\r\n    background-color: rgba(247, 106, 140, 0.1);\r\n\r\n    .pop-progress-fill {\r\n      height: 10px;\r\n      border-radius: 15px;\r\n      background-color: var(--lab-fight-sunrise-color);;\r\n    }\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!./TraitDetailList.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!./TraitDetailList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TraitDetailList.vue?vue&type=template&id=33de5882&scoped=true&\"\nimport script from \"./TraitDetailList.vue?vue&type=script&lang=js&\"\nexport * from \"./TraitDetailList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TraitDetailList.vue?vue&type=style&index=0&id=33de5882&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  \"33de5882\",\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 (_vm.traitData)?_c('div',[_c('div',{staticClass:\"trait-info mb-3 mt-3\"},[_vm._m(0),_c('hr'),_c('div',{staticClass:\"trait-info-body\"},[_c('div',{staticClass:\"survey-question\"},[_vm._v(\"How accurate is this trait for you?\")]),_c('div',{staticClass:\"survey-answer\"},_vm._l((_vm.traitSurveyTypes),function(traitSurveyItem){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(traitSurveyItem.surveyValueType == _vm.traitSurvey.surveyValueType || !_vm.traitSurvey.surveyValueType),expression:\"traitSurveyItem.surveyValueType == traitSurvey.surveyValueType || !traitSurvey.surveyValueType\"}],key:traitSurveyItem.surveyValueType,staticClass:\"survey-answer-item\",class:{'active': _vm.traitSurvey.surveyValueType == traitSurveyItem.surveyValueType},on:{\"click\":function($event){return _vm.saveTraitSurvey(traitSurveyItem.surveyValueType)}}},[_vm._v(\" \"+_vm._s(traitSurveyItem.label)+\" \")])}),0)])])]):_vm._e()}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title-header\"},[_c('h4',[_vm._v(\" Your Feedback \")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div  v-if=\"traitData\">\r\n    <div class=\"trait-info mb-3 mt-3\"> \r\n      <div class=\"title-header\">\r\n        <h4>\r\n          Your Feedback\r\n        </h4>\r\n      </div>\r\n      <hr />\r\n      <div class=\"trait-info-body\">\r\n        <div class=\"survey-question\">How accurate is this trait for you?</div>\r\n        <div class=\"survey-answer\">\r\n          <div class=\"survey-answer-item\" \r\n            v-for=\"traitSurveyItem in traitSurveyTypes\" :key=\"traitSurveyItem.surveyValueType\"\r\n            @click=\"saveTraitSurvey(traitSurveyItem.surveyValueType)\"\r\n            :class=\"{'active': traitSurvey.surveyValueType == traitSurveyItem.surveyValueType}\"\r\n            v-show=\"traitSurveyItem.surveyValueType == traitSurvey.surveyValueType || !traitSurvey.surveyValueType\">\r\n            {{traitSurveyItem.label}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</template>\r\n\r\n<script>\r\n// Alert\r\nimport AlertService from '@/common/alert.service'\r\n// Toast\r\nimport ToastificationSuccess from '@core/components/toastification/ToastificationSuccess.vue'\r\n\r\nexport default {\r\n  components: {\r\n  },\r\n  props: {\r\n    traitData: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      traitSurvey: {},\r\n      traitSurveyTypes: [\r\n        {\r\n          surveyValueType: 1,\r\n          label: 'Low',\r\n        },\r\n        {\r\n          surveyValueType: 2,\r\n          label: 'Neutral',\r\n        },\r\n        {\r\n          surveyValueType: 3,\r\n          label: 'High',\r\n        },\r\n      ],\r\n    }\r\n  },\r\n  methods: {\r\n    saveTraitSurvey(type) {\r\n      const query = {\r\n        orderResultTraitHealthId: this.selectedOrderResult.id,\r\n        traitId: this.traitData.trait.id,\r\n        surveyValueType: type,\r\n        description: '',\r\n      };\r\n\r\n      this.$store.dispatch('traitsSurvey/saveTraitSurvey', query)\r\n        .then(response => {\r\n          if (response.statusCode === 200) {\r\n            this.$toast({\r\n              component: ToastificationSuccess,\r\n              position: 'top-right',\r\n              props: { text: response.message },\r\n            });\r\n          } else {\r\n            AlertService.warning(this, response.message)\r\n          }\r\n\r\n          this.fetchTraitSurvey();\r\n        });\r\n    },\r\n\r\n    fetchTraitSurvey() {\r\n      const query = {\r\n        orderResultTraitHealthId: this.selectedOrderResult.id,\r\n        traitId: this.traitData.trait.id,\r\n      };\r\n\r\n      this.$store.dispatch('traitsSurvey/fetchTraitSurvey', query)\r\n        .then(response => {\r\n          if (response.statusCode === 200) {\r\n            this.traitSurvey = response.result;\r\n          }\r\n        });\r\n    },\r\n  },\r\n  computed: {\r\n    selectedOrderResult() {\r\n      return this.$store.getters['orderResultTrait/getSelectedOrderResult'];\r\n    },\r\n  },\r\n  mounted() {\r\n    this.fetchTraitSurvey();\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.survey-answer {\r\n  margin-top: 1rem;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-evenly;\r\n\r\n  .survey-answer-item {\r\n    padding: 0.7rem;\r\n    background-color: var(--lab-light-house);\r\n    border-radius: 50%;\r\n    border: 1px solid var(--lab-hr-color);\r\n    cursor: pointer;\r\n    color: var(--lab-stieglitz-silver);\r\n    font-size: 0.85rem;\r\n    font-weight: bold;\r\n  }\r\n\r\n  .survey-answer-item:hover {\r\n    background-color: var(--lab-coronation);\r\n  }\r\n\r\n  .survey-answer-item.active {\r\n    background-color: var(--lab-night-sky);\r\n    color: var(--lab-white)\r\n  }\r\n}\r\n\r\n.dark-layout .survey-answer .survey-answer-item {\r\n  background-color: var(--lab-black);\r\n  color: var(--lab-white);\r\n}\r\n\r\n.dark-layout .survey-answer .survey-answer-item:hover {\r\n  background-color: var(--lab-carbon-fiber);\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!./TraitDetailSurvey.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!./TraitDetailSurvey.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TraitDetailSurvey.vue?vue&type=template&id=5f2d61a2&scoped=true&\"\nimport script from \"./TraitDetailSurvey.vue?vue&type=script&lang=js&\"\nexport * from \"./TraitDetailSurvey.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TraitDetailSurvey.vue?vue&type=style&index=0&id=5f2d61a2&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  \"5f2d61a2\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"main-trait\">\r\n    <div class=\"trait-detail-container dashboard-card\">\r\n      <button class=\"lab-btn lab-btn-back\" @click=\"$router.push({ name: 'dashboard-traits'})\"> \r\n        <feather-icon icon=\"ArrowLeftIcon\" size=\"20\"/>\r\n        Back\r\n      </button>\r\n      <div class=\"traits-result-container \">\r\n        <div class=\"trait-item hidden-mobile\" v-if=\"traitData !== null\">\r\n          <div class=\"trait-item-left\">\r\n            <b-img\r\n              :src=\"traitData.trait.traitFeature.iconUrl\" height=\"40\"  width=\"40\"\r\n            />\r\n            <div class=\"ml-2\">\r\n              <div class=\"name\">{{traitData.trait.traitFeature.name}}</div>\r\n              <div class=\"description\">{{traitData.trait.traitEffect.effect}}</div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"trait-item-right\">\r\n            <div class=\"trait-rate-card\"               \r\n                  :class=\"{ 'trait-rate-low': traitData.trait.rate == 1, \r\n                          'trait-rate-intermediate': traitData.trait.rate == 2, \r\n                          'trait-rate-high': traitData.trait.rate == 3 }\">\r\n              {{traitData.trait.rateText}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"trait-item-mobile hidden-desktop\" v-if=\"traitData !== null\">\r\n          <div class=\"trait-item-top\">\r\n            <b-img\r\n              :src=\"traitData.trait.traitFeature.iconUrl\" height=\"40\"  width=\"40\"\r\n            />\r\n            <div class=\"trait-rate-card\" \r\n              :class=\"{ 'trait-rate-low': traitData.trait.rate == 1, \r\n                        'trait-rate-intermediate': traitData.trait.rate == 2, \r\n                        'trait-rate-high': traitData.trait.rate == 3 }\">\r\n              {{traitData.trait.rateText}}\r\n            </div>\r\n          </div>\r\n          <div class=\"trait-item-bottom\">\r\n            <div>\r\n              <div class=\"name\">{{traitData.trait.traitFeature.name}}</div>\r\n              <div class=\"description\">{{traitData.trait.traitEffect.effect}}</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <hr />\r\n\r\n        <div class=\"trait-description mb-2 mt-3\" v-if=\"traitData !== null\"> \r\n          <div class=\"title-header\">\r\n            <h4>\r\n              Description\r\n            </h4>\r\n          </div>\r\n          <hr />\r\n          <div class=\"trait-info-body\">\r\n            <p>\r\n              {{traitData.trait.traitFeature.description}}\r\n            </p>\r\n          </div>\r\n        </div>\r\n\r\n        <trait-detail-list v-if=\"traitData !== null\" :traitData=\"traitData\" :modernChart=\"modernChart\"/>\r\n\r\n        <trait-detail-survey v-if=\"traitData !== null\" :traitData=\"traitData\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport TraitDetailList from './TraitDetailList.vue'\r\nimport TraitDetailSurvey from './TraitDetailSurvey.vue';\r\n\r\nexport default {\r\n  components: {\r\n    TraitDetailList,\r\n    TraitDetailSurvey,\r\n  },\r\n  data() {\r\n    return {\r\n      traitData: null,\r\n      modernChart: null,\r\n    }\r\n  },\r\n  methods: {\r\n    onGetTrait() {\r\n      const params = {\r\n        traitId: this.$router.currentRoute.params.id,\r\n        traitIdList: this.$router.currentRoute.params.traitIds.split(',').map(Number),\r\n      };\r\n\r\n      this.$store.dispatch('traitsAndHealths/fetchTraitDetailData', params)\r\n        .then(response => {\r\n          if (response.statusCode === 200) {\r\n            this.traitData = response.result;\r\n            this.onCalculateTraitData();\r\n            this.onChangeChartOptions(this.traitData.illustrativeCustomerAverage);\r\n          }\r\n        });\r\n    },\r\n    onCalculateTraitData() {\r\n      this.traitData.traitDetailList.forEach(element => {\r\n        element.frequencyList.forEach(item => {\r\n          item.frequencyRatio = Math.round(item.frequencyRatio * 1000) / 1000;\r\n        });\r\n      });\r\n    },\r\n    onChangeChartOptions(value) {\r\n      if (this.traitData) {\r\n        this.modernChart = {\r\n          series: [value],\r\n          chartOptions: {\r\n            colors: ['#EF5E8B'],\r\n            series: [value],\r\n            chart: {\r\n              type: 'radialBar',\r\n            },\r\n            plotOptions: {\r\n              radialBar: {\r\n                size: 80,\r\n                hollow: {\r\n                  size: '70%',\r\n                },\r\n                track: {\r\n                  background: '#ef5e8b33',\r\n                },\r\n                dataLabels: { \r\n                  name: {\r\n                    show: false,\r\n                  },\r\n                  value: {\r\n                    fontSize: '2rem',\r\n                    fontFamily: 'Montserrat',\r\n                    color: this.$store.state.appConfig.layout.skin === 'light' ? '#EF5E8B' : '#FCFCFC',\r\n                    fontWeight: 'bold',\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            labels: ['Cricket'],\r\n          },\r\n        };\r\n      }\r\n    },\r\n    ddAlpha(color, opacity) {\r\n      const _opacity = Math.round(Math.min(Math.max(opacity ?? 1, 0), 1) * 255);\r\n      return color + _opacity.toString(16).toUpperCase();\r\n    },\r\n  },\r\n  computed: {\r\n    selectedTraitResult() {\r\n      return this.$store.getters['orderResultTrait/getSelectedOrderResult'];\r\n    },\r\n  },\r\n  watch: {\r\n    selectedTraitResult(newValue, oldValue) {\r\n      this.$router.push({ name: 'dashboard-traits' });\r\n    },\r\n  },\r\n  created() {\r\n    this.onGetTrait();\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '../traits.scss';\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.trait-detail-container {\r\n  padding: 30px;\r\n}\r\n\r\n.traits-result-container {\r\n  width:100%;\r\n  padding: 30px 30px;\r\n}\r\n\r\n.trait-description {\r\n  .trait-info-body {\r\n    padding: 1rem;\r\n    p {\r\n      color: var(--lab-stieglitz-silver);\r\n      font-size: 0.8rem;\r\n    }\r\n  }\r\n}\r\n\r\n.dark-layout .trait-description .trait-info-body p {\r\n    color: var(--lab-doctor);\r\n}\r\n\r\n.lab-btn-back {\r\n  padding: 0.5rem 0.9rem 0.5rem 0.8rem;\r\n  background-color: var(--lab-light-house);\r\n  color: var(--lab-stieglitz-silver);\r\n  font-size: 1rem;\r\n  font-weight: bold;\r\n}\r\n\r\n.dark-layout .lab-btn-back {\r\n  background-color: var(--lab-neverything);\r\n  color: var(--lab-doctor);\r\n}\r\n\r\n@media screen and (max-width: 769px) { \r\n .trait-detail-container  {\r\n    padding: 15px;\r\n }\r\n .traits-result-container {\r\n    padding: 30px;\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!./TraitDetail.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!./TraitDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TraitDetail.vue?vue&type=template&id=44dbbd6e&scoped=true&\"\nimport script from \"./TraitDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./TraitDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TraitDetail.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./TraitDetail.vue?vue&type=style&index=1&id=44dbbd6e&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  \"44dbbd6e\",\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!./ToastificationSuccess.vue?vue&type=style&index=0&id=15895407&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TraitGenotypeIcon.vue?vue&type=style&index=0&id=4d45b75a&lang=css&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"toastification\"},[_c('div',{staticClass:\"d-flex align-items-start\"},[_c('b-avatar',{staticClass:\"mr-75 flex-shrink-0\",attrs:{\"variant\":_vm.variant,\"size\":\"1.8rem\"}},[_c('feather-icon',{attrs:{\"icon\":_vm.icon,\"size\":\"15\"}})],1),_c('div',{staticClass:\"d-flex flex-grow-1\"},[_c('div',[(_vm.title)?_c('h5',{staticClass:\"mb-0 font-weight-bolder toastification-title\",class:(\"text-\" + _vm.variant),domProps:{\"textContent\":_vm._s(_vm.title)}}):_vm._e(),(_vm.text)?_c('small',{staticClass:\"d-inline-block text-body\",domProps:{\"textContent\":_vm._s(_vm.text)}}):_vm._e()]),_c('span',{staticClass:\"cursor-pointer toastification-close-icon ml-auto \",on:{\"click\":function($event){return _vm.$emit('close-toast')}}},[(!_vm.hideClose)?_c('feather-icon',{staticClass:\"text-body\",attrs:{\"icon\":\"XIcon\"}}):_vm._e()],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"toastification\">\r\n    <div class=\"d-flex align-items-start\">\r\n      <b-avatar\r\n        :variant=\"variant\"\r\n        size=\"1.8rem\"\r\n        class=\"mr-75 flex-shrink-0\"\r\n      >\r\n        <feather-icon\r\n          :icon=\"icon\"\r\n          size=\"15\"\r\n        />\r\n      </b-avatar>\r\n      <div class=\"d-flex flex-grow-1\">\r\n        <div>\r\n          <h5\r\n            v-if=\"title\"\r\n            class=\"mb-0 font-weight-bolder toastification-title\"\r\n            :class=\"`text-${variant}`\"\r\n            v-text=\"title\"\r\n          />\r\n          <small\r\n            v-if=\"text\"\r\n            class=\"d-inline-block text-body\"\r\n            v-text=\"text\"\r\n          />\r\n        </div>\r\n        <span\r\n          class=\"cursor-pointer toastification-close-icon ml-auto \"\r\n          @click=\"$emit('close-toast')\"\r\n        >\r\n          <feather-icon\r\n            v-if=\"!hideClose\"\r\n            icon=\"XIcon\"\r\n            class=\"text-body\"\r\n          />\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAvatar } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatar,\r\n  },\r\n  props: {\r\n    variant: {\r\n      type: String,\r\n      default: 'success',\r\n    },\r\n    icon: {\r\n      type: String,\r\n      default: 'CheckIcon',\r\n    },\r\n    title: {\r\n      type: String,\r\n      default: 'Transaction Successful.',\r\n    },\r\n    text: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n    hideClose: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.toastification-close-icon,\r\n.toastification-title {\r\n  line-height: 26px;\r\n}\r\n\r\n.toastification-title {\r\n  color: inherit;\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!./ToastificationSuccess.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!./ToastificationSuccess.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToastificationSuccess.vue?vue&type=template&id=15895407&scoped=true&\"\nimport script from \"./ToastificationSuccess.vue?vue&type=script&lang=js&\"\nexport * from \"./ToastificationSuccess.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ToastificationSuccess.vue?vue&type=style&index=0&id=15895407&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  \"15895407\",\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!./TraitDetailSurvey.vue?vue&type=style&index=0&id=5f2d61a2&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!./TraitDetailList.vue?vue&type=style&index=0&id=33de5882&lang=scss&scoped=true&\""],"sourceRoot":""}