{"version":3,"sources":["webpack:///./src/components/projects/detail/navigator/OutputCard.vue?8cfb","webpack:///src/components/projects/detail/navigator/OutputCard.vue","webpack:///./src/components/projects/detail/navigator/OutputCard.vue?9f67","webpack:///./src/components/projects/detail/navigator/OutputCard.vue","webpack:///./src/components/projects/detail/navigator/OutputCard.vue?3a39"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","title","replace","toLowerCase","attrs","routeTo","outputIcon","_v","_s","outputText","staticRenderFns","name","props","type","String","required","theme","validator","outputs","Array","study","Object","methods","goToTab","computed","component"],"mappings":"mJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,cAAeN,EAAIO,MAAMC,QAAQ,OAAQ,KAAKC,gBAAgB,CAACL,EAAG,cAAc,CAACM,MAAM,CAAC,GAAKV,EAAIW,YAAY,CAACP,EAAG,SAAS,CAACM,MAAM,CAAC,KAAOV,EAAIY,gBAAgBZ,EAAIa,GAAGb,EAAIc,GAAGd,EAAIe,gBAAgB,IAAI,IAChTC,EAAkB,G,oCCStB,GACEC,KAAM,aACNC,MAAO,CACLX,MAAO,CACLY,KAAMC,OACNC,UAAU,GAEZC,MAAO,CACLH,KAAMC,OACNC,UAAU,EACVE,UAAW,SAAjB,4DAEIC,QAAS,CACPL,KAAMM,MACNJ,UAAU,GAEZK,MAAO,CACLP,KAAMQ,OACNN,UAAU,IAGdO,QAAS,OAAX,OAAW,CAAX,CACIb,WADJ,WAEM,OAAN,YACA,kBACA,yBACA,eACA,sBACA,cACA,uBAGIH,WAXJ,WAYM,OAAN,YACA,kBACA,kBACA,eACA,kBACA,cACA,4BAGIiB,QArBJ,WAsBM,OAAN,YACA,kBACA,uDACA,4BACA,MACA,eACA,yDACA,4BACA,MACA,cACA,iEACA,wDACA,8BAGIlB,QArCJ,WAsCM,OAAN,YACA,kBACA,OACA,uBACA,QACA,2BACA,oBACA,8CACA,mBAGA,eACA,2CACA,CACA,uBACA,QACA,oBACA,8DACA,qBAIA,CACA,kCACA,QACA,oBACA,qBAIA,cACA,2CACA,CACA,uBACA,QACA,oBACA,8DACA,oBAIA,CACA,kCACA,QACA,oBACA,uBAMA,gBACI,mBAAJ,4CAGEmB,SAAU,OAAZ,OAAY,CAAZ,GACA,gDC7Hoa,I,wBCQhaC,EAAY,eACd,EACAhC,EACAiB,GACA,EACA,KACA,WACA,MAIa,aAAAe,E,oECnBf,yBAA+hB,EAAG","file":"js/projects-detail-navigator-OutputCard-vue.c8b9de2d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['output-card', _vm.title.replace(/\\s+/g, '-').toLowerCase()]},[_c('router-link',{attrs:{\"to\":_vm.routeTo()}},[_c('b-icon',{attrs:{\"icon\":_vm.outputIcon()}}),_vm._v(_vm._s(_vm.outputText()))],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"['output-card', title.replace(/\\s+/g, '-').toLowerCase()]\">\n    <router-link :to=\"routeTo()\"><b-icon :icon=\"outputIcon()\"></b-icon>{{ outputText() }}</router-link>\n    <!-- <a class=\"output\" @click='goToTab()'><b-icon :icon=\"outputIcon()\"></b-icon>{{ outputText() }}</a> -->\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex';\n\nexport default {\n  name: 'OutputCard',\n  props: {\n    title: {\n      type: String,\n      required: true\n    },\n    theme: {\n      type: String,\n      required: true,\n      validator: (theme) => ['reports', 'simulations', 'insights'].includes(theme)\n    },\n    outputs: {\n      type: Array,\n      required: true\n    },\n    study: {\n      type: Object,\n      required: true\n    }\n  },\n  methods: {\n    outputText() {\n      switch(this.theme) {\n      case 'simulations':\n        return 'View Simulations';\n      case 'insights':\n        return 'View Insights';\n      case 'reports':\n        return 'View Reports';\n      }\n    },\n    outputIcon() {\n      switch(this.theme) {\n      case 'simulations':\n        return 'lightning';\n      case 'insights':\n        return 'lightbulb';\n      case 'reports':\n        return 'file-earmark-text';\n      }\n    },\n    goToTab() {\n      switch(this.theme) {\n      case 'simulations':\n        this.$store.dispatch('project/setViewerMode', 'Viewer');\n        this.resizeViewerCanvas(true);\n        break;\n      case 'insights':\n        this.$store.dispatch('project/setViewerMode', 'Insights');\n        this.resizeViewerCanvas(true);\n        break;\n      case 'reports':\n        this.$store.dispatch('project/setCurrentReport', this.outputs[0]);\n        this.$store.dispatch('project/setViewerMode', 'Reports');\n        this.resizeViewerCanvas(true);\n      }\n    },\n    routeTo() {\n      switch(this.theme) {\n      case 'simulations':\n        return {\n          name: 'ViewerContainer',\n          params: {\n            id: this.selectedProject.id,\n            study: this.study.id,\n            configuration: this.outputs[0].configurationId,\n            tabName: 'Viewer'\n          }\n        };\n      case 'insights':\n        if(this.study.simulation_labels.length) {\n          return {\n            name: 'ViewerContainer',\n            params: {\n              study: this.study.id,\n              configuration: this.study.simulation_labels[0].configurationId,\n              tabName: 'insights'\n            }\n          };\n        } else {\n          return {\n            name: 'ViewerContainerNoScenarios',\n            params: {\n              study: this.study.id,\n              tabName: 'insights'\n            }\n          };\n        }\n      case 'reports':\n        if(this.study.simulation_labels.length) {\n          return {\n            name: 'ViewerContainer',\n            params: {\n              study: this.study.id,\n              configuration: this.study.simulation_labels[0].configurationId,\n              tabName: 'reports'\n            }\n          };\n        } else {\n          return {\n            name: 'ViewerContainerNoScenarios',\n            params: {\n              study: this.study.id,\n              tabName: 'reports'\n            }\n          };\n        }\n      }\n    },\n    ...mapActions({\n      resizeViewerCanvas: 'project/viewer/setWindowResizeRequired', //Force canvas to resize when collapse sidebar\n    })\n  },\n  computed: {\n    ...mapGetters('project', ['selectedProject'])\n  }\n};\n</script>\n\n<style scoped>\nh5 {\n  font-size: 1em;\n  font-weight: 700;\n  text-transform: capitalize;\n}\n\ndiv {\n  margin-top: 0.25em;\n}\n\nh5:before {\n  content: '';\n  display: inline-block;\n  vertical-align: middle;\n  width: 2em;\n  height: 2em;\n  overflow: hidden;\n  background-repeat: no-repeat;\n  background-position: 0.3rem 0.35rem;\n  background-size: 1.25em 1.25em;\n}\n\n.simulations h5:before {\n  background-image: url('~@/assets/svg/simulation-icon.svg');\n}\n\n.reports h5:before {\n  background-image: url('~@/assets/svg/report-icon.svg');\n}\n\n.output-card {\n  margin-top: 1em;\n}\n\na {\n  font-weight: 700;\n  font-size: 0.9em;\n  margin-left: 2em;\n}\n\na:hover {\n  text-decoration: underline;\n  /* color: var(--primary-blue); */\n  cursor: pointer;\n}\n\n.output {\n  color: var(--primary-blue);\n  text-decoration: none;\n  background-color: transparent;\n}\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OutputCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OutputCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OutputCard.vue?vue&type=template&id=2549003a&scoped=true&\"\nimport script from \"./OutputCard.vue?vue&type=script&lang=js&\"\nexport * from \"./OutputCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OutputCard.vue?vue&type=style&index=0&id=2549003a&scoped=true&lang=css&\"\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  \"2549003a\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OutputCard.vue?vue&type=style&index=0&id=2549003a&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OutputCard.vue?vue&type=style&index=0&id=2549003a&scoped=true&lang=css&\""],"sourceRoot":""}