{"version":3,"sources":["webpack:///./src/views/resources/mrp/TopicDetail.vue?f0c7","webpack:///src/views/resources/mrp/TopicDetail.vue","webpack:///./src/views/resources/mrp/TopicDetail.vue?0578","webpack:///./src/views/resources/mrp/TopicDetail.vue","webpack:///./src/mixins/staffUserMixin.js","webpack:///./src/components/BannerAid.vue?9558","webpack:///./src/views/resources/mrp/TopicDetail.vue?b216","webpack:///./src/components/BannerAid.vue?8b4a","webpack:///src/components/BannerAid.vue","webpack:///./src/components/BannerAid.vue?e4ee","webpack:///./src/components/BannerAid.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","mrpTopic","name","attrs","mrpSelectedProgramId","mrpSelectedCategory","mrpSelectedTopicId","topicSelectText","translations","tcTopic","topicsOptions","on","$event","topicChange","model","value","callback","$$v","selectedTopicId","expression","components","description","ref","videoID","onReady","_e","videos","videosFields","videoTitle","videoSortOptions","sortChanged","nameLinkClick","resources","resourcesFields","resourceTitle","resourceSortOptions","staticRenderFns","mixins","translationMixin","data","itemsDisplayCount","defaultVideoLink","playerReady","search","resourceSort","videoSort","BannerAid","card","SearchForm","vueVimeoPlayer","methods","createTitle","ax","cm","co","gc","ff","mb","of","pw","sd","st","xx","loadTranslations","category","window","open","link_url","setMRPSelectedVideoId","itemId","showVideo","video_link","download_link","nameLink","programCategory","topicSort","sortBy","linkSort","setTimeout","fileId","replace","videoFileDownloadLink","fileDownloadLink","videoName","filename","$refs","player","pause","displayVideo","elmnt","document","getElementById","scrollIntoView","sortTheArray","listingArray","sort","computed","videoListing","includes","v","VideoId","VideoName","icon","VideoThumbnailId","icon_alt_text","VideoLink","downloadIcon","VideoDownload","updated","VideoUpdated","newVideoList","slice","resourceListing","r","ResourceId","ResourceName","ResourceThumbnailId","ResourceType","ResourceLink","ResourceUpdated","newResourceList","mrpProgramInfo","topicListing","t","TopicId","text","TopicName","newTopicsOptionsList","component","staffUserMixin","mapGetters","userLogin","userStaffLogin","isStaffMember","campnumber","handleLinkClick","class","isOn","off","bannerLink","props"],"mappings":"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","file":"js/chunk-1ae39a0e.1fc5b978.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"church-ministry template-1\"},[_c('header',{staticClass:\"page-header container\"},[_c('h1',[_vm._v(_vm._s(_vm.mrpTopic.name))]),_c('BannerAid',{attrs:{\"bannerLink\":(\"mrp-topic-detail|\" + _vm.mrpSelectedProgramId + \"|\" + _vm.mrpSelectedCategory + \"|\" + _vm.mrpSelectedTopicId)}})],1),_c('b-container',{staticClass:\"page-body\"},[_c('b-row',{staticClass:\"mb-5\"},[_c('b-col',{staticClass:\"topic-col\",attrs:{\"sm\":\"6\"}},[_c('h4',{staticClass:\"mr-3\"},[_vm._v(_vm._s(_vm.mrpTopic.topicSelectText))]),_c('b-form-select',{staticClass:\"form-control\",attrs:{\"id\":\"topic-select\",\"name\":\"topic-select\",\"title\":_vm.translations.tcTopic,\"options\":_vm.topicsOptions},on:{\"change\":function($event){return _vm.topicChange()}},model:{value:(_vm.selectedTopicId),callback:function ($$v) {_vm.selectedTopicId=$$v},expression:\"selectedTopicId\"}})],1),_c('b-col',{staticClass:\"search-col\",attrs:{\"sm\":\"6\"}},[_c('search-form',{attrs:{\"i18n\":_vm.translations.components}})],1)],1),_c('b-row',[_c('b-col',{attrs:{\"sm\":\"12\"}},[_c('p',[_vm._v(\" \"+_vm._s(_vm.mrpTopic.description)+\" \")])])],1),(_vm.mrpTopic.videoListing)?_c('b-row',[_c('b-col',{staticClass:\"video-col\",attrs:{\"sm\":\"12\"}},[_c('div',{staticClass:\"embed-responsive embed-responsive-16by9\",attrs:{\"id\":\"videoPlayerContainer\"}},[_c('vueVimeoPlayer',{ref:\"player\",attrs:{\"video-id\":_vm.videoID,\"player-height\":720,\"autoplay\":false},on:{\"ready\":this.onReady}})],1)])],1):_vm._e(),_c('b-row',{staticClass:\"tile-row\"},[_c('b-col',{staticClass:\"tile-col mt-5\",attrs:{\"sm\":\"6\",\"xs\":\"12\"}},[_c('card',{staticClass:\"tile-col-card\",attrs:{\"category\":\"videos\",\"items\":_vm.videos,\"fields\":_vm.videosFields,\"cardTitle\":_vm.mrpTopic.videoTitle,\"showLinkButton\":false,\"sortOptions\":_vm.videoSortOptions,\"sortBy\":\"VideoUpdated\",\"translations\":_vm.translations},on:{\"sort_changed\":function($event){return _vm.sortChanged($event)},\"name_link_click\":function($event){return _vm.nameLinkClick($event)}}})],1),_c('b-col',{staticClass:\"tile-col mt-5\",attrs:{\"sm\":\"6\",\"xs\":\"12\"}},[_c('card',{staticClass:\"tile-col-card\",attrs:{\"category\":\"resources\",\"items\":_vm.resources,\"fields\":_vm.resourcesFields,\"cardTitle\":_vm.mrpTopic.resourceTitle,\"showLinkButton\":false,\"sortOptions\":_vm.resourceSortOptions,\"sortBy\":\"ResourceUpdated\",\"translations\":_vm.translations},on:{\"sort_changed\":function($event){return _vm.sortChanged($event)},\"name_link_click\":function($event){return _vm.nameLinkClick($event)}}})],1)],1)],1),_c('footer',{staticClass:\"page-footer\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"church-ministry template-1\">\n    <header class=\"page-header container\">\n      <h1>{{ mrpTopic.name }}</h1>\n      <BannerAid\n        :bannerLink=\"`mrp-topic-detail|${mrpSelectedProgramId}|${mrpSelectedCategory}|${mrpSelectedTopicId}`\"\n      />\n    </header>\n    <b-container class=\"page-body\">\n      <b-row class=\"mb-5\">\n        <b-col sm=\"6\" class=\"topic-col\">\n          <h4 class=\"mr-3\">{{ mrpTopic.topicSelectText }}</h4>\n          <b-form-select\n            id=\"topic-select\"\n            name=\"topic-select\"\n            :title=\"translations.tcTopic\"\n            v-model=\"selectedTopicId\"\n            :options=\"topicsOptions\"\n            class=\"form-control\"\n            @change=\"topicChange()\"\n          ></b-form-select>\n        </b-col>\n        <b-col sm=\"6\" class=\"search-col\">\n          <search-form :i18n=\"translations.components\" />\n        </b-col>\n      </b-row>\n      <b-row>\n        <b-col sm=\"12\">\n          <p>\n            {{ mrpTopic.description }}\n          </p>\n        </b-col>\n      </b-row>\n      <b-row v-if=\"mrpTopic.videoListing\">\n        <b-col sm=\"12\" class=\"video-col\">\n          <div class=\"embed-responsive embed-responsive-16by9\" id=\"videoPlayerContainer\">\n            <vueVimeoPlayer\n              ref=\"player\"\n              :video-id=\"videoID\"\n              :player-height=\"720\"\n              :autoplay=\"false\"\n              @ready=\"this.onReady\"\n            ></vueVimeoPlayer>\n          </div>\n        </b-col>\n      </b-row>\n      <b-row class=\"tile-row\">\n        <b-col sm=\"6\" xs=\"12\" class=\"tile-col mt-5\">\n          <card\n            :category=\"`videos`\"\n            :items=\"videos\"\n            :fields=\"videosFields\"\n            :cardTitle=\"mrpTopic.videoTitle\"\n            :showLinkButton=\"false\"\n            :sortOptions=\"videoSortOptions\"\n            :sortBy=\"`VideoUpdated`\"\n            :translations=\"translations\"\n            @sort_changed=\"sortChanged($event)\"\n            @name_link_click=\"nameLinkClick($event)\"\n            class=\"tile-col-card\"\n          >\n          </card>\n        </b-col>\n        <b-col sm=\"6\" xs=\"12\" class=\"tile-col mt-5\">\n          <card\n            :category=\"`resources`\"\n            :items=\"resources\"\n            :fields=\"resourcesFields\"\n            :cardTitle=\"mrpTopic.resourceTitle\"\n            :showLinkButton=\"false\"\n            :sortOptions=\"resourceSortOptions\"\n            :sortBy=\"`ResourceUpdated`\"\n            :translations=\"translations\"\n            @sort_changed=\"sortChanged($event)\"\n            @name_link_click=\"nameLinkClick($event)\"\n            class=\"tile-col-card\"\n          >\n          </card>\n        </b-col>\n      </b-row>\n    </b-container>\n    <footer class=\"page-footer\"></footer>\n  </div>\n</template>\n\n<script>\n/* eslint-disable */\nimport { mapActions, mapGetters } from 'vuex'\nimport BannerAid from '@/components/BannerAid.vue'\nimport Card from './CardMRPProgram.vue'\nimport searchForm from './SearchForm.vue'\nimport { translationMixin } from '@/mixins/translationMixin'\nimport { vueVimeoPlayer } from 'vue-vimeo-player'\n\nexport default {\n  name: 'mrp-topic',\n  mixins: [translationMixin],\n  data() {\n    return {\n      translations: {},\n      itemsDisplayCount: 999,\n      videoID: '288800270',\n      defaultVideoLink: 'https://player.vimeo.com/video/288800270',\n      playerReady: false,\n      search: '',\n      selectedTopicId: null,\n      resourceSort: 'ResourceUpdated',\n      resourceSortOptions: [\n        {\n          value: 'ResourceName',\n          text: '', // 'Name'\n        },\n        {\n          value: 'ResourceUpdated',\n          text: '', // 'Most Recent'\n        },\n      ],\n      resourcesFields: [\n        {\n          key: 'icon',\n          label: 'icon',\n          thStyle: {\n            display: 'none',\n          },\n          tdClass: 'mrpIconClass',\n        },\n        {\n          key: 'nameLink',\n          label: 'nameLink',\n          thStyle: {\n            display: 'none',\n          },\n        },\n        {\n          key: 'download_link',\n          label: 'download_link',\n          thStyle: {\n            display: 'none',\n          },\n          tdClass: 'mrpDownloadClass',\n        },\n      ],\n      videoSort: 'VideoUpdated',\n      videoSortOptions: [\n        {\n          value: 'VideoName',\n          text: '', // 'Name'\n        },\n        {\n          value: 'VideoUpdated',\n          text: '', // 'Most Recent'\n        },\n      ],\n      videosFields: [\n        {\n          key: 'icon',\n          label: 'icon',\n          thStyle: {\n            display: 'none',\n          },\n          tdClass: 'mrpIconClass',\n        },\n        {\n          key: 'nameLink',\n          label: 'nameLink',\n          thStyle: {\n            display: 'none',\n          },\n        },\n        {\n          key: 'download_link',\n          label: 'download_link',\n          thStyle: {\n            display: 'none',\n          },\n          tdClass: 'mrpDownloadClass',\n        },\n      ],\n    }\n  },\n  components: {\n    BannerAid: BannerAid,\n    card: Card,\n    SearchForm: searchForm,\n    vueVimeoPlayer: vueVimeoPlayer,\n  },\n  methods: {\n    ...mapActions({\n      loadMRPProgramInfo: 'mrp/loadMRPProgramInfo',\n      loadMRPTopicInfo: 'mrp/loadMRPTopicInfo',\n      setLoadingStatus: 'menu/setLoadingStatus',\n      setMRPSearchVideoId: 'mrp/setMRPSearchVideoId',\n      setMRPSelectedTopicId: 'mrp/setMRPSelectedTopicId',\n      setMRPSelectedVideoId: 'mrp/setMRPSelectedVideoId',\n    }),\n    createTitle(code) {\n      return {\n        ax: 'Auxiliary',\n        cm: 'Church Ministry',\n        co: 'Officer',\n        gc: 'GideonCard',\n        ff: 'Faith Fund',\n        mb: 'Membership',\n        of: 'Officer',\n        pw: 'Prayer & Personal Witnessing',\n        sd: 'Scripture Distribution',\n        st: 'Officer',\n        xx: 'Program',\n      }[code || 'xx']\n    },\n    loadTranslations() {\n      this.resourceSortOptions = [\n        {\n          value: 'ResourceName',\n          text: this.translations.tcName,\n        },\n        {\n          value: 'ResourceUpdated',\n          text: this.translations.tcMostRecent,\n        },\n      ]\n      this.videoSortOptions = [\n        {\n          value: 'VideoName',\n          text: this.translations.tcName,\n        },\n        {\n          value: 'VideoUpdated',\n          text: this.translations.tcMostRecent,\n        },\n      ]\n    },\n    async pageLoad() {\n      await Promise.all([\n        this.setLoadingStatus(true),\n        this.loadMRPTopicInfo({\n          lang: this.prefCulture,\n          topicid: this.mrpSelectedTopicId,\n        }),\n      ]).then(() => {\n        this.selectedTopicId = this.mrpSelectedTopicId\n        if (this.mrpTopic.videoListing.length > 0) {\n          let watchVideoIndex = 0\n          if (this.mrpSearchVideoId.length > 0) {\n            const vidIndex = this.videos.map((e) => e.itemId).indexOf(this.mrpSearchVideoId)\n            watchVideoIndex = vidIndex >= 0 ? vidIndex : 0\n            this.setMRPSearchVideoId('')\n          }\n          this.showVideo(\n            this.videos[watchVideoIndex].video_link,\n            this.videos[watchVideoIndex].download_link,\n            this.videos[watchVideoIndex].nameLink\n          )\n        } else {\n          this.showVideo(this.defaultVideoLink, '', '')\n        }\n        this.setLoadingStatus(false)\n      })\n    },\n    nameLinkClick(data) {\n      switch (data.category) {\n        case 'resources':\n          window.open(data.link_url, '_blank')\n          break\n        case 'videos':\n          this.setMRPSelectedVideoId(data.itemId)\n          this.showVideo(data.video_link, data.download_link, data.nameLink)\n          break\n        default:\n          break\n      }\n    },\n    sortChanged(data) {\n      switch (data.programCategory) {\n        case 'topics':\n          this.topicSort = data.sortBy\n          break\n        case 'resources':\n          this.resourceSort = data.sortBy\n          break\n        case 'videos':\n          this.videoSort = data.sortBy\n          break\n        case 'links':\n          this.linkSort = data.sortBy\n          break\n        default:\n          break\n      }\n    },\n    topicChange() {\n      setTimeout(() => {\n        // this is to give the change event a tick to update the value\n        this.setMRPSelectedTopicId(this.selectedTopicId)\n        this.pageLoad()\n      }, 0)\n    },\n    showVideo(fileId, fileDownloadLink, filename) {\n      this.videoID = fileId.replace('https://player.vimeo.com/video/', '')\n      this.videoFileDownloadLink = fileDownloadLink\n      this.videoName = filename\n      this.$refs.player.pause()\n      this.displayVideo = 'block'\n      var elmnt = document.getElementById('videoPlayerContainer')\n      elmnt.scrollIntoView()\n    },\n    onReady() {\n      this.playerReady = true\n    },\n    sortTheArray(listingArray, sortOn, makeDesc) {\n      let s1 = makeDesc ? -1 : 1\n      let s2 = makeDesc ? 1 : -1\n      return listingArray.sort((a, b) => (a[sortOn] > b[sortOn] ? s1 : s2))\n    },\n  },\n  computed: {\n    ...mapGetters({\n      mrpProgramInfo: 'mrp/mrpProgramInfo',\n      mrpSearchVideoId: 'mrp/mrpSearchVideoId',\n      mrpSelectedCategory: 'mrp/mrpSelectedCategory',\n      mrpSelectedProgramId: 'mrp/mrpSelectedProgramId',\n      mrpSelectedTopicId: 'mrp/mrpSelectedTopicId',\n      mrpSelectedVideoId: 'mrp/mrpSelectedVideoId',\n      mrpTopic: 'mrp/mrpTopic',\n      prefCulture: 'user/userPreferredCulture',\n    }),\n    videos() {\n      this.sortTheArray(this.mrpTopic.videoListing, this.videoSort, this.videoSort.includes('Updated'))\n      let newVideoList = this.mrpTopic.videoListing.map((v) => {\n        return {\n          category: 'videos',\n          itemId: v.VideoId,\n          nameLink: v.VideoName,\n          icon: v.VideoThumbnailId,\n          icon_alt_text: 'Click to play',\n          video_link: v.VideoLink,\n          downloadIcon: '479F189B-353E-48B3-817E-FC784AC59C1B', //GUID in sitecore for download icon\n          download_link: v.VideoDownload,\n          link_url: '',\n          updated: v.VideoUpdated,\n        }\n      })\n      return newVideoList.slice(0, this.itemsDisplayCount)\n    },\n    resources() {\n      this.sortTheArray(this.mrpTopic.resourceListing, this.resourceSort, this.resourceSort.includes('Updated'))\n      let newResourceList = this.mrpTopic.resourceListing.map((r) => {\n        return {\n          category: 'resources',\n          itemId: r.ResourceId,\n          nameLink: r.ResourceName,\n          icon: r.ResourceThumbnailId,\n          icon_alt_text: r.ResourceType,\n          downloadIcon: '479F189B-353E-48B3-817E-FC784AC59C1B', //GUID in sitecore for download icon\n          download_link: r.ResourceLink,\n          link_url: r.ResourceLink,\n          updated: r.ResourceUpdated,\n        }\n      })\n\n      return newResourceList.slice(0, this.itemsDisplayCount)\n    },\n    topicsOptions() {\n      this.sortTheArray(this.mrpProgramInfo.topicListing, 'TopicName', false)\n      let newTopicsOptionsList = this.mrpProgramInfo.topicListing.map((t) => {\n        return {\n          value: t.TopicId,\n          text: t.TopicName,\n        }\n      })\n\n      return newTopicsOptionsList\n    },\n  },\n  async created() {\n    //need a selected mrp program and topic\n    if (!this.mrpSelectedProgramId) {\n      this.$router.push('/resources/media-portal/')\n    } else if (!this.mrpSelectedTopicId) {\n      this.$router.push('/resources/media-portal/program')\n    }\n    await Promise.all([\n      this.getViewTranslations(),\n      this.getComponentTranslations('mrp-search-form'),\n      this.pageLoad(),\n    ]).then((results) => {\n      const componentTranslations = results[1]\n      this.$set(this.translations, 'components', componentTranslations)\n\n      this.loadTranslations()\n    })\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n/* eslint-disable */\n@import '@/styles/global.scss';\n@import '@/styles/bootstrap/b-button.scss';\n.page {\n  .page-body {\n    @include breakpoint(sm) {\n      margin-top: 3rem;\n    }\n    h4 {\n      margin-bottom: 10px;\n    }\n  }\n}\n.topic-col {\n  h4 {\n    display: inline-block;\n  }\n  select.form-control {\n    max-width: 320px;\n    padding: 6px 28px 6px 12px;\n  }\n}\n.video-col {\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: column;\n}\n.tile-row {\n  display: flex;\n  flex-wrap: wrap;\n  align-content: stretch;\n  .tile-col {\n    display: flex;\n    flex-direction: column;\n    align-content: stretch;\n    .tile-col-card {\n      flex-grow: 2;\n    }\n  }\n}\n\n#videoPlayerContainer {\n  max-height: 400px;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./TopicDetail.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/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!./TopicDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopicDetail.vue?vue&type=template&id=302c22ae&scoped=true&\"\nimport script from \"./TopicDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./TopicDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TopicDetail.vue?vue&type=style&index=0&id=302c22ae&prod&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  \"302c22ae\",\n  null\n  \n)\n\nexport default component.exports","/* eslint-disable */\nimport { mapGetters } from 'vuex'\n\nexport const staffUserMixin = {\n  computed: {\n    ...mapGetters({\n      userLogin: 'user/userLogin',\n      userStaffLogin: 'user/userStaffLogin'\n    }),\n    isStaffMember() {\n      return (\n        (!!this.userStaffLogin.campnumber && this.userStaffLogin.campnumber === 'U50000') ||\n        this.userLogin.campnumber === 'U50000'\n      )\n    }\n  }\n}\n","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!./BannerAid.vue?vue&type=style&index=0&id=34ee2404&prod&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopicDetail.vue?vue&type=style&index=0&id=302c22ae&prod&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isStaffMember)?_c('dl',{on:{\"click\":_vm.handleLinkClick}},[_vm._v(\" * \"),_c('dt',{class:{ on: _vm.isOn, off: !_vm.isOn }},[_vm._v(_vm._s(_vm.bannerLink))])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <dl v-if=\"isStaffMember\" @click=\"handleLinkClick\">\n    *\n    <dt :class=\"{ on: isOn, off: !isOn }\">{{ bannerLink }}</dt>\n  </dl>\n</template>\n\n<script>\n/* eslint-disable */\nimport { staffUserMixin } from '@/mixins/staffUserMixin'\n\nexport default {\n  name: 'banner-aid',\n  props: ['bannerLink'],\n  mixins: [staffUserMixin],\n  data() {\n    return {\n      isOn: false,\n    }\n  },\n  methods: {\n    handleLinkClick() {\n      this.isOn = !this.isOn\n    },\n  },\n}\n</script>\n\n<style scoped>\n.off {\n  display: none;\n}\n.on {\n  display: inline-flex;\n}\ndl,\n.bannerlink {\n  text-align: center;\n  font-size: 14px;\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/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!./BannerAid.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/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!./BannerAid.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BannerAid.vue?vue&type=template&id=34ee2404&scoped=true&\"\nimport script from \"./BannerAid.vue?vue&type=script&lang=js&\"\nexport * from \"./BannerAid.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BannerAid.vue?vue&type=style&index=0&id=34ee2404&prod&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  \"34ee2404\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}