{"version":3,"sources":["webpack:///./src/views/GoodCausePublic.vue?5fbc","webpack:///./src/views/GoodCausePublic.vue","webpack:///src/views/GoodCausePublic.vue","webpack:///./src/views/GoodCausePublic.vue?8a7f","webpack:///./src/views/GoodCausePublic.vue?c3b1"],"names":["render","_vm","this","_c","_self","staticClass","attrs","$vuetify","breakpoint","mdAndUp","staticStyle","class","goodCauseHeadingContainer","goodCauseHeadingContainerMobile","smAndDown","_v","concat","goodCauseFilter","on","$event","model","value","callback","$$v","expression","_l","goodCauses","goodCause","isSchool","key","id","loadGoodCause","imageUrl","lgAndUp","_s","name","shortSummary","_e","staticRenderFns","data","formData","emailFormConfirmation","computed","_objectSpread","mapGetters","user","methods","goodCauseId","$router","push","component"],"mappings":"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","file":"js/chunk-4721dee6.6ea7182b.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.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!./GoodCausePublic.vue?vue&type=style&index=0&id=f3ce40b8&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pt-0\"},[_c('v-layout',[_c('section',{attrs:{\"id\":\"causeSectionHeader\"}},[(_vm.$vuetify.breakpoint.mdAndUp)?_c('v-img',{staticClass:\"backgroundImg\",staticStyle:{\"max-height\":\"1080px\"},attrs:{\"src\":'https://upstreamnz.s3.ap-southeast-2.amazonaws.com/resizedBanners/1366x400good_cause_header.jpg',\"position\":\"top\"}},[_c('div',{class:{\n              goodCauseHeadingContainer: _vm.$vuetify.breakpoint.mdAndUp,\n              goodCauseHeadingContainerMobile: _vm.$vuetify.breakpoint.smAndDown,\n            }},[_c('div',{staticClass:\"headingHeader mb-3\"},[_c('h1',{staticClass:\"mb-4\",staticStyle:{\"color\":\"white\"}},[_vm._v(\"Good Causes we partner with\")])]),_c('div',{staticClass:\"headingParagraph mb-3\"},[_c('p',{staticClass:\"mb-0\"},[_vm._v(\"\\n                We partner with these local charities and they receive Upstream contributions raised from sales\\n                through the Upstream community. They put this funding towards strengthening the well-being of\\n                children and young people in the communities they work with.\\n              \")])])])]):_c('div',[_c('div',{class:{\n              goodCauseHeadingContainer: _vm.$vuetify.breakpoint.mdAndUp,\n              goodCauseHeadingContainerMobile: _vm.$vuetify.breakpoint.smAndDown,\n            }},[_c('div',{staticClass:\"headingHeader mb-3\"},[_c('h1',{staticClass:\"mb-4\",staticStyle:{\"color\":\"white\"}},[_vm._v(\"Approved Good Causes\")])]),_c('div',{staticClass:\"headingParagraph mb-2\"},[_c('p',{staticClass:\"mb-0\"},[_vm._v(\"\\n                We partner with these local charities and they receive Upstream contributions raised from sales\\n                through the Upstream community. They put this funding towards strengthening the well-being of\\n                children and young people in the communities they work with.\\n              \")])]),_c('div',{staticClass:\"headingButtons\"},[_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"px-2\",attrs:{\"xs12\":\"\",\"md6\":\"\"}},[_c('v-btn',{staticClass:\"text-capitalize pa-4\",staticStyle:{\"color\":\"white\"},attrs:{\"block\":\"\",\"color\":`${\n                      _vm.goodCauseFilter == 'GoodCause' ? '#162c47' : '#162c4780'\n                    }`,\"depressed\":\"\"},on:{\"click\":function($event){_vm.goodCauseFilter = 'GoodCause'}}},[_vm._v(\"Charities\")])],1),_c('v-flex',{staticClass:\"px-2\",attrs:{\"xs12\":\"\",\"md6\":\"\"}},[_c('v-btn',{staticClass:\"text-capitalize pa-4\",staticStyle:{\"color\":\"white\"},attrs:{\"block\":\"\",\"color\":`${\n                      _vm.goodCauseFilter == 'School' ? '#162c47' : '#162c4780'\n                    }`,\"depressed\":\"\"},on:{\"click\":function($event){_vm.goodCauseFilter = 'School'}}},[_vm._v(\"Schools\")])],1)],1)],1)]),_c('v-img',{staticClass:\"backgroundImg\",attrs:{\"src\":'https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2FZhLz6xB4.png?alt=media&token=02a50b61-037c-48ca-873b-085de2e8643a',\"position\":\"top\"}})],1)],1)]),_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-container',{staticClass:\"pageContent\",attrs:{\"grid-list-xl\":\"\"}},[_c('v-tabs-items',{model:{value:(_vm.goodCauseFilter),callback:function ($$v) {_vm.goodCauseFilter=$$v},expression:\"goodCauseFilter\"}},[_c('v-tab-item',{attrs:{\"value\":`GoodCause`}},[_c('v-layout',{staticClass:\"mb-5\",attrs:{\"row\":\"\",\"wrap\":\"\",\"align-center\":\"\"}},_vm._l((_vm.goodCauses),function(goodCause){return (\n                  goodCause.isSchool == '0' ||\n                  goodCause.isSchool == null ||\n                  goodCause.isSchool == ''\n                )?_c('v-flex',{key:goodCause.id,staticClass:\"goodCauseCard py-0\",attrs:{\"xs12\":\"\",\"sm6\":\"\",\"md4\":\"\"}},[_c('router-link',{attrs:{\"to\":`/GoodCauses/${goodCause.id}`}},[_c('v-card',{staticClass:\"mb-4 elevation-0\",staticStyle:{\"background\":\"white\",\"height\":\"100%\"},on:{\"click\":function($event){return _vm.loadGoodCause(goodCause.id)}}},[_c('div',{staticStyle:{\"width\":\"100%\",\"padding-top\":\"20px\"}},[(goodCause.imageUrl)?_c('v-img',{class:_vm.$vuetify.breakpoint.lgAndUp\n                            ? 'grayscaleHoverOptions'\n                            : '',staticStyle:{\"margin\":\"auto\"},attrs:{\"src\":goodCause.imageUrl,\"width\":\"100%\"}}):_c('v-img',{class:_vm.$vuetify.breakpoint.lgAndUp\n                            ? 'grayscaleHoverOptions'\n                            : '',attrs:{\"src\":\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/upstream-logo-padded.png?alt=media&token=748dcd0a-a617-4173-b33b-57aed67c4bc6\",\"height\":\"200px\"}})],1),_c('v-card-title',[_c('div',{staticClass:\"aboutGCSection\"},[_c('div',{staticClass:\"aboutGCName title mt-2 mb-0\"},[_vm._v(\"\\n                          \"+_vm._s(goodCause.name)+\"\\n                        \")]),_c('div',{staticClass:\"aboutGCTitle nl2br\"},[_c('span',[_vm._v(_vm._s(goodCause.shortSummary)+\" \")])])])])],1)],1),_c('hr',{staticClass:\"divider\"})],1):_vm._e()}),1)],1),_c('v-tab-item',{attrs:{\"value\":`School`}},[_c('v-layout',{staticClass:\"mb-5\",attrs:{\"row\":\"\",\"wrap\":\"\",\"align-center\":\"\"}},_vm._l((_vm.goodCauses),function(goodCause){return (goodCause.isSchool == '1')?_c('v-flex',{key:goodCause.id,staticClass:\"goodCauseCard py-0\",attrs:{\"xs12\":\"\",\"sm6\":\"\",\"md4\":\"\"}},[_c('router-link',{attrs:{\"to\":`/GoodCauses/${goodCause.id}`}},[_c('v-card',{staticClass:\"mt-5 mb-4 elevation-0\",staticStyle:{\"background\":\"white\",\"height\":\"100%\"},on:{\"click\":function($event){return _vm.loadGoodCause(goodCause.id)}}},[_c('div',{staticStyle:{\"width\":\"100%\",\"padding-top\":\"20px\"}},[(goodCause.imageUrl)?_c('v-img',{class:_vm.$vuetify.breakpoint.lgAndUp\n                            ? 'grayscaleHoverOptions'\n                            : '',staticStyle:{\"margin\":\"auto\"},attrs:{\"src\":goodCause.imageUrl,\"width\":\"100%\"}}):_c('v-img',{class:_vm.$vuetify.breakpoint.lgAndUp\n                            ? 'grayscaleHoverOptions'\n                            : '',attrs:{\"src\":\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/upstream-logo-padded.png?alt=media&token=748dcd0a-a617-4173-b33b-57aed67c4bc6\",\"height\":\"200px\"}})],1),_c('v-card-title',[_c('div',{staticClass:\"aboutGCSection\"},[_c('div',{staticClass:\"aboutGCName title mt-2 mb-0\"},[_vm._v(\"\\n                          \"+_vm._s(goodCause.name)+\"\\n                        \")]),_c('div',{staticClass:\"aboutGCTitle nl2br\"},[_c('span',[_vm._v(_vm._s(goodCause.shortSummary))])])])])],1)],1),_c('hr',{staticClass:\"divider\"})],1):_vm._e()}),1)],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"pt-0\">\n    <!-- About Upstream section -->\n    <v-layout>\n      <section id=\"causeSectionHeader\">\n        <v-img\n          v-if=\"$vuetify.breakpoint.mdAndUp\"\n          class=\"backgroundImg\"\n          :src=\"'https://upstreamnz.s3.ap-southeast-2.amazonaws.com/resizedBanners/1366x400good_cause_header.jpg'\"\n          style=\"max-height: 1080px\"\n          position=\"top\"\n        >\n          <div\n            :class=\"{\n              goodCauseHeadingContainer: $vuetify.breakpoint.mdAndUp,\n              goodCauseHeadingContainerMobile: $vuetify.breakpoint.smAndDown,\n            }\"\n          >\n            <div class=\"headingHeader mb-3\">\n              <h1 class=\"mb-4\" style=\"color: white\">Good Causes we partner with</h1>\n            </div>\n            <div class=\"headingParagraph mb-3\">\n              <p class=\"mb-0\">\n                We partner with these local charities and they receive Upstream contributions raised from sales\n                through the Upstream community. They put this funding towards strengthening the well-being of\n                children and young people in the communities they work with.\n              </p>\n            </div>\n\n<!--            <div class=\"headingButtons\">-->\n<!--              <v-layout row wrap>-->\n<!--                <v-flex xs12 md6 class=\"px-2\">-->\n<!--                  <v-btn-->\n<!--                    class=\"text-capitalize pa-4\"-->\n<!--                    style=\"color: white\"-->\n<!--                    block-->\n<!--                    :color=\"`${-->\n<!--                      goodCauseFilter == 'GoodCause' ? '#162c47' : '#162c4780'-->\n<!--                    }`\"-->\n<!--                    depressed-->\n<!--                    @click=\"goodCauseFilter = 'GoodCause'\"-->\n<!--                    >Charities</v-btn-->\n<!--                  >-->\n<!--                </v-flex>-->\n<!--                <v-flex xs12 md6 class=\"px-2\">-->\n<!--                  <v-btn-->\n<!--                    class=\"text-capitalize pa-4\"-->\n<!--                    style=\"color: white\"-->\n<!--                    block-->\n<!--                    :color=\"`${-->\n<!--                      goodCauseFilter == 'School' ? '#162c47' : '#162c4780'-->\n<!--                    }`\"-->\n<!--                    depressed-->\n<!--                    @click=\"goodCauseFilter = 'School'\"-->\n<!--                    >Schools</v-btn-->\n<!--                  >-->\n<!--                </v-flex>-->\n<!--              </v-layout>-->\n<!--            </div>-->\n          </div>\n        </v-img>\n        <div v-else>\n          <div\n            :class=\"{\n              goodCauseHeadingContainer: $vuetify.breakpoint.mdAndUp,\n              goodCauseHeadingContainerMobile: $vuetify.breakpoint.smAndDown,\n            }\"\n          >\n            <div class=\"headingHeader mb-3\">\n              <h1 class=\"mb-4\" style=\"color: white\">Approved Good Causes</h1>\n            </div>\n            <div class=\"headingParagraph mb-2\">\n              <p class=\"mb-0\">\n                We partner with these local charities and they receive Upstream contributions raised from sales\n                through the Upstream community. They put this funding towards strengthening the well-being of\n                children and young people in the communities they work with.\n              </p>\n            </div>\n\n            <div class=\"headingButtons\">\n              <v-layout row wrap>\n                <v-flex xs12 md6 class=\"px-2\">\n                  <v-btn\n                    class=\"text-capitalize pa-4\"\n                    style=\"color: white\"\n                    block\n                    :color=\"`${\n                      goodCauseFilter == 'GoodCause' ? '#162c47' : '#162c4780'\n                    }`\"\n                    depressed\n                    @click=\"goodCauseFilter = 'GoodCause'\"\n                    >Charities</v-btn\n                  >\n                </v-flex>\n                <v-flex xs12 md6 class=\"px-2\">\n                  <v-btn\n                    class=\"text-capitalize pa-4\"\n                    style=\"color: white\"\n                    block\n                    :color=\"`${\n                      goodCauseFilter == 'School' ? '#162c47' : '#162c4780'\n                    }`\"\n                    depressed\n                    @click=\"goodCauseFilter = 'School'\"\n                    >Schools</v-btn\n                  >\n                </v-flex>\n              </v-layout>\n            </div>\n          </div>\n          <v-img\n            class=\"backgroundImg\"\n            :src=\"'https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/appImages%2FZhLz6xB4.png?alt=media&token=02a50b61-037c-48ca-873b-085de2e8643a'\"\n            position=\"top\"\n          >\n          </v-img>\n        </div>\n      </section>\n    </v-layout>\n    <v-layout row wrap>\n      <v-container grid-list-xl class=\"pageContent\">\n        <v-tabs-items v-model=\"goodCauseFilter\">\n          <!-- GC Table -->\n          <v-tab-item :value=\"`GoodCause`\">\n            <v-layout row wrap align-center class=\"mb-5\">\n              <v-flex\n                v-for=\"goodCause in goodCauses\"\n                :key=\"goodCause.id\"\n                xs12\n                sm6\n                md4\n                class=\"goodCauseCard py-0\"\n                v-if=\"\n                  goodCause.isSchool == '0' ||\n                  goodCause.isSchool == null ||\n                  goodCause.isSchool == ''\n                \"\n              >\n                <router-link :to=\"`/GoodCauses/${goodCause.id}`\">\n                  <v-card\n                    style=\"background: white; height: 100%\"\n                    class=\"mb-4 elevation-0\"\n                    @click=\"loadGoodCause(goodCause.id)\"\n                  >\n                    <div style=\"width: 100%; padding-top: 20px\">\n                      <v-img\n                        v-if=\"goodCause.imageUrl\"\n                        :src=\"goodCause.imageUrl\"\n                        width=\"100%\"\n                        style=\"margin: auto\"\n                        :class=\"\n                          $vuetify.breakpoint.lgAndUp\n                            ? 'grayscaleHoverOptions'\n                            : ''\n                        \"\n                      >\n                      </v-img>\n                      <v-img\n                        v-else\n                        :class=\"\n                          $vuetify.breakpoint.lgAndUp\n                            ? 'grayscaleHoverOptions'\n                            : ''\n                        \"\n                        src=\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/upstream-logo-padded.png?alt=media&token=748dcd0a-a617-4173-b33b-57aed67c4bc6\"\n                        height=\"200px\"\n                      />\n                    </div>\n                    <v-card-title>\n                      <div class=\"aboutGCSection\">\n                        <div class=\"aboutGCName title mt-2 mb-0\">\n                          {{ goodCause.name }}\n                        </div>\n                        <div class=\"aboutGCTitle nl2br\">\n                          <span>{{ goodCause.shortSummary }} </span>\n                        </div>\n                      </div>\n                    </v-card-title>\n\n                    <!--              <v-divider/>-->\n                    <!--              <v-card-actions style=\"height:44px\">-->\n                    <!--                <v-btn<a :href=\"`http://${goodCause.website}`\">{{ goodCause.website }}</a>-->\n                    <!--              </v-card-actions>-->\n                  </v-card>\n                </router-link>\n                <hr class=\"divider\" />\n              </v-flex>\n            </v-layout>\n          </v-tab-item>\n\n          <!-- Schools table -->\n          <v-tab-item :value=\"`School`\">\n            <v-layout row wrap align-center class=\"mb-5\">\n              <v-flex\n                v-for=\"goodCause in goodCauses\"\n                :key=\"goodCause.id\"\n                xs12\n                sm6\n                md4\n                class=\"goodCauseCard py-0\"\n                v-if=\"goodCause.isSchool == '1'\"\n              >\n                <router-link :to=\"`/GoodCauses/${goodCause.id}`\">\n                  <v-card\n                    style=\"background: white; height: 100%\"\n                    class=\"mt-5 mb-4 elevation-0\"\n                    @click=\"loadGoodCause(goodCause.id)\"\n                  >\n                    <div style=\"width: 100%; padding-top: 20px\">\n                      <v-img\n                        v-if=\"goodCause.imageUrl\"\n                        :src=\"goodCause.imageUrl\"\n                        width=\"100%\"\n                        style=\"margin: auto\"\n                        :class=\"\n                          $vuetify.breakpoint.lgAndUp\n                            ? 'grayscaleHoverOptions'\n                            : ''\n                        \"\n                      >\n                      </v-img>\n                      <v-img\n                        v-else\n                        :class=\"\n                          $vuetify.breakpoint.lgAndUp\n                            ? 'grayscaleHoverOptions'\n                            : ''\n                        \"\n                        src=\"https://firebasestorage.googleapis.com/v0/b/upstream-nz.appspot.com/o/upstream-logo-padded.png?alt=media&token=748dcd0a-a617-4173-b33b-57aed67c4bc6\"\n                        height=\"200px\"\n                      />\n                    </div>\n                    <v-card-title>\n                      <div class=\"aboutGCSection\">\n                        <div class=\"aboutGCName title mt-2 mb-0\">\n                          {{ goodCause.name }}\n                        </div>\n                        <div class=\"aboutGCTitle nl2br\">\n                          <span>{{ goodCause.shortSummary }}</span>\n                        </div>\n                      </div>\n                    </v-card-title>\n\n                    <!--              <v-divider/>-->\n                    <!--              <v-card-actions style=\"height:44px\">-->\n                    <!--                <v-btn<a :href=\"`http://${goodCause.website}`\">{{ goodCause.website }}</a>-->\n                    <!--              </v-card-actions>-->\n                  </v-card>\n                </router-link>\n                <hr class=\"divider\" />\n              </v-flex>\n            </v-layout>\n          </v-tab-item>\n        </v-tabs-items>\n      </v-container>\n    </v-layout>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport { sendGeneralEnquiry } from \"@/fireinit.js\";\n\nexport default {\n  data: () => ({\n    formData: {},\n    emailFormConfirmation: false,\n    goodCauseFilter: \"GoodCause\",\n  }),\n  computed: {\n    ...mapGetters({\n      user: \"user\",\n      goodCauses: \"goodCauses/approved\",\n    }),\n  },\n  methods: {\n    loadGoodCause(goodCauseId) {\n      this.$router.push(`/GoodCauses/${goodCauseId}`);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n#causeSectionHeader {\n  .goodCauseHeadingContainer {\n    text-align: left;\n    max-width: 75%;\n    padding-top: 45px;\n    padding-bottom: 45px;\n    width: 500px;\n    top: 50%;\n    transform: translateY(-50%);\n    position: absolute;\n    left: 10%;\n  }\n\n  .goodCauseHeadingContainerMobile {\n    h1 {\n      font-size: 2rem !important;\n      color: white !important;\n    }\n    background-color: #4cc7e8 !important;\n    text-align: left;\n    max-width: 100%;\n    margin: auto;\n    padding: 40px 10px;\n  }\n}\n\n.application {\n  background-color: white !important;\n}\n\n.divider {\n  border: none;\n  border-bottom: 2px solid #4cc7e8;\n}\n\n#causeSectionHeader {\n  color: #162c47 !important;\n  position: relative;\n  min-width: 100vw;\n}\n\n#causeSectionHeader p {\n  line-height: 1.8em !important;\n}\n\n.aboutGCSection {\n  min-height: 53px;\n  text-align: left;\n  margin: auto;\n}\n\n.aboutGCName {\n  font-weight: bold !important;\n  font-family: Gotham !important;\n  font-size: 15pt !important;\n  color: #4cc7e8;\n  margin-bottom: 0 !important;\n  min-height: 54px;\n}\n\n.aboutGCTitle {\n  // font-weight: bold !important;\n  font-family: Gotham !important;\n  font-size: 12pt !important;\n  color: #5a5a5c;\n  min-height: 100px;\n}\n\n.video-container {\n  position: relative;\n  padding-bottom: 56.25%;\n  padding-top: 30px;\n  height: 0;\n  overflow: hidden;\n}\n\n.video-container iframe,\n.video-container object,\n.video-container embed {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.nl2br {\n  white-space: pre-line;\n}\n\n@media only screen and (max-width: 600px) {\n  section#causeSectionHeader {\n    height: 100% !important;\n  }\n}\n\n@media only screen and (min-width: 1904px) {\n  .pageContent {\n    max-width: 1200px;\n  }\n}\n\n.display-3 {\n  font-family: Gotham !important;\n}\n\n.headline {\n  font-family: Gotham !important;\n}\n\n.subheading {\n  font-weight: bold;\n}\n\n.divider {\n  border-bottom: 1px solid #4cc7e8 !important;\n}\n</style>\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!./GoodCausePublic.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!./GoodCausePublic.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GoodCausePublic.vue?vue&type=template&id=f3ce40b8\"\nimport script from \"./GoodCausePublic.vue?vue&type=script&lang=js\"\nexport * from \"./GoodCausePublic.vue?vue&type=script&lang=js\"\nimport style0 from \"./GoodCausePublic.vue?vue&type=style&index=0&id=f3ce40b8&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}