{"version":3,"sources":["webpack:///./src/components/Clip.vue?4ecd","webpack:///./src/components/Clip.vue?5ad3","webpack:///src/components/Clip.vue","webpack:///./src/components/Clip.vue?7d5a","webpack:///./src/components/ClipInformation.vue?56b4","webpack:///./src/components/ClipInformation.vue?4136","webpack:///src/components/ClipInformation.vue","webpack:///../../../src/components/VTimeline/VTimeline.ts","webpack:///../../../src/components/VTimeline/VTimelineItem.ts","webpack:///./src/components/ClipInformation.vue","webpack:///./src/components/BroadcasterChoice.vue?abc3","webpack:///./src/views/BroadcasterChoiceView.vue?3a1a","webpack:///./src/components/BroadcasterChoice.vue?2d45","webpack:///src/components/BroadcasterChoice.vue","webpack:///./src/components/BroadcasterChoice.vue?e440","webpack:///./src/components/BroadcasterChoice.vue?a59c","webpack:///src/views/BroadcasterChoiceView.vue","webpack:///./src/views/BroadcasterChoiceView.vue?1bdb","webpack:///./src/views/BroadcasterChoiceView.vue","webpack:///./src/assets/TOPCLIP_REMASTERED.png","webpack:///./src/components/Clip.vue?82c4"],"names":["name","props","clip","Object","computed","component","_vm","this","_h","$createElement","_c","_self","attrs","url","thumbnail_url","_e","isVideo","media_url","domProps","iso","Boolean","game","user","getDate","Date","parse","created_at","toLocaleString","getGameThumbnail","undefined","box_art_url","replace","methods","trackClick","$ga","event","eventCategory","eventAction","eventLabel","eventValue","id","mixins","provide","timeline","alignTop","dense","reverse","classes","themeClasses","render","h","staticClass","class","$slots","inject","color","type","default","fillDot","hideDot","icon","iconColor","large","left","right","small","hasIcon","genBody","genIcon","VIcon","dark","theme","genInnerDot","data","setBackgroundColor","genDot","genDivider","children","genOpposite","_v","_s","title","view_count","on","profile_image_url","display_name","VCard","VCardText","VCardTitle","VCol","VContainer","VImg","VListItem","VListItemAvatar","VListItemContent","VList","VListItemSubtitle","VListItemTitle","VRow","VTimeline","VTimelineItem","components","Clip","ClipInformation","broadcasterChoice","BroadcasterChoice","module","exports"],"mappings":"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","file":"js/broadcaster-choice-view.f648021f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.clip !== null)?[(_vm.isVideo)?_c('a',{attrs:{\"href\":_vm.clip.url,\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":_vm.clip.thumbnail_url}})]):_vm._e(),(!_vm.isVideo)?_c('video',{attrs:{\"src\":_vm.clip.media_url,\"poster\":_vm.clip.thumbnail_url,\"autoPlay\":false,\"controls\":\"true\"},domProps:{\"muted\":true}}):_vm._e()]:_vm._e(),(_vm.clip === null)?[_c('img',{attrs:{\"src\":require(\"@/assets/TOPCLIP_REMASTERED.png\")}})]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./Clip.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!./Clip.vue?vue&type=script&lang=js&\"","<template>\r\n  <div>\r\n    <template v-if=\"clip !== null\">\r\n      <a :href=\"clip.url\" v-if=\"isVideo\" target=\"_blank\"><img :src=\"clip.thumbnail_url\"/></a>\r\n      <video v-if=\"!isVideo\" :src=\"clip.media_url\"\r\n        :poster=\"clip.thumbnail_url\"\r\n        :autoPlay=\"false\"\r\n        controls=\"true\"\r\n        :muted=\"true\"\r\n        />\r\n    </template>\r\n    <template v-if=\"clip === null\">\r\n      <img src=\"@/assets/TOPCLIP_REMASTERED.png\"/>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\n\r\nexport default {\r\n  name: 'Clip',\r\n  props: {\r\n    clip: Object\r\n  },\r\n  computed: {\r\n    ...mapGetters([\r\n      'isVideo'\r\n    ])\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n\r\nvideo, img {\r\n  width: calc(100vw - 8px);\r\n  height:56.25vw\r\n}\r\n\r\nvideo, img {\r\n  object-fit: contain;\r\n}\r\n\r\n</style>\r\n","import { render, staticRenderFns } from \"./Clip.vue?vue&type=template&id=aa9df20c&\"\nimport script from \"./Clip.vue?vue&type=script&lang=js&\"\nexport * from \"./Clip.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Clip.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-container',{attrs:{\"fluid\":\"\",\"no-gutters\":\"\"}},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"subtitle-2\"},[_vm._v(_vm._s(_vm.clip.title))]),_c('v-card-text',[_c('v-timeline',{attrs:{\"align-top\":\"\",\"dense\":\"\"}},[_c('v-timeline-item',{attrs:{\"small\":\"\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('strong',[_vm._v(\"Created at\")]),_c('div',{staticClass:\"caption\"},[_vm._v(_vm._s(_vm.getDate))])])],1)],1),(_vm.clip.view_count > 0)?_c('v-timeline-item',{attrs:{\"small\":\"\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('strong',[_vm._v(\"View count\")]),_c('div',{staticClass:\"caption\"},[_vm._v(_vm._s(_vm.clip.view_count)+\" views\")])])],1)],1):_vm._e(),_c('v-timeline-item',{attrs:{\"small\":\"\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('div',{staticClass:\"caption\"},[_c('a',{attrs:{\"href\":_vm.clip.url,\"target\":\"_blank\"},on:{\"click\":_vm.trackClick}},[_vm._v(\"view in new window\")])])])],1)],1)],1)],1)],1)],1)],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[(_vm.user !== null && _vm.user != undefined)?_c('v-card',[_c('v-list-item',[_c('v-list-item-avatar',[_c('v-img',{attrs:{\"src\":_vm.user.profile_image_url}})],1),_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\"Created by\")]),_c('v-list-item-subtitle',[_vm._v(_vm._s(_vm.user.display_name))])],1)],1)],1):_vm._e()],1)],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[(_vm.game !== null && _vm.game != undefined)?_c('v-card',[_c('v-list-item',[_c('v-list-item-avatar',[_c('v-img',{attrs:{\"src\":_vm.getGameThumbnail}})],1),_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\"Playing\")]),_c('v-list-item-subtitle',[_vm._v(_vm._s(_vm.game.name))])],1)],1)],1):_vm._e()],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./ClipInformation.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!./ClipInformation.vue?vue&type=script&lang=js&\"","<template>\r\n  <v-col cols=\"12\">\r\n    <v-container fluid no-gutters>\r\n      <v-row>\r\n        <v-col cols=\"12\">\r\n          <v-card>\r\n            <v-card-title class=\"subtitle-2\">{{clip.title}}</v-card-title>\r\n            <v-card-text>\r\n              <v-timeline align-top dense>\r\n                <v-timeline-item small>\r\n                  <v-row no-gutters>\r\n                    <v-col>\r\n                      <strong>Created at</strong>\r\n                      <div class=\"caption\">{{ getDate }}</div>\r\n                    </v-col>\r\n                  </v-row>\r\n                </v-timeline-item>\r\n                <v-timeline-item small v-if=\"clip.view_count > 0\">\r\n                  <v-row no-gutters>\r\n                    <v-col>\r\n                      <strong>View count</strong>\r\n                      <div class=\"caption\">{{ clip.view_count }} views</div>\r\n                    </v-col>\r\n                  </v-row>\r\n                </v-timeline-item>\r\n                <v-timeline-item small>\r\n                  <v-row no-gutters>\r\n                    <v-col>\r\n                      <div class=\"caption\"><a :href=\"clip.url\" target=\"_blank\" @click=\"trackClick\">view in new window</a></div>\r\n                    </v-col>\r\n                  </v-row>\r\n                </v-timeline-item>\r\n              </v-timeline>\r\n            </v-card-text>\r\n          </v-card>\r\n        </v-col>\r\n      </v-row>\r\n      <v-row>\r\n        <v-col cols=\"12\">\r\n          <v-card v-if=\"user !== null && user != undefined\">\r\n            <v-list-item>\r\n              <v-list-item-avatar>\r\n                  <v-img :src=\"user.profile_image_url\"></v-img>\r\n              </v-list-item-avatar>\r\n              <v-list-item-content>\r\n                <v-list-item-title>Created by</v-list-item-title>\r\n                <v-list-item-subtitle>{{user.display_name}}</v-list-item-subtitle>\r\n              </v-list-item-content>\r\n            </v-list-item>\r\n          </v-card>\r\n        </v-col>\r\n      </v-row>\r\n      <v-row>\r\n        <v-col cols=\"12\">\r\n          <v-card v-if=\"game !== null && game != undefined\">\r\n            <v-list-item>\r\n              <v-list-item-avatar>\r\n                  <v-img :src=\"getGameThumbnail\"></v-img>\r\n              </v-list-item-avatar>\r\n              <v-list-item-content>\r\n                <v-list-item-title>Playing</v-list-item-title>\r\n                <v-list-item-subtitle>{{game.name}}</v-list-item-subtitle>\r\n              </v-list-item-content>\r\n            </v-list-item>\r\n          </v-card>\r\n        </v-col>\r\n      </v-row>\r\n    </v-container>\r\n  </v-col>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ClipInformation',\r\n  props: {\r\n    iso: Boolean,\r\n    clip: Object,\r\n    game: Object,\r\n    user: Object\r\n  },\r\n  computed: {\r\n    getDate () {\r\n      if (this.iso) {\r\n        return new Date(Date.parse(this.clip.created_at)).toLocaleString()\r\n      }\r\n      return new Date(this.clip.created_at).toLocaleString()\r\n    },\r\n    getGameThumbnail () {\r\n      if (this.game !== null && this.game !== undefined) {\r\n        return this.game.box_art_url.replace('{height}', '300').replace('{width}', '300')\r\n      }\r\n      return ''\r\n    }\r\n  },\r\n  methods: {\r\n    trackClick () {\r\n      this.$ga.event({\r\n        eventCategory: 'LinkClick',\r\n        eventAction: 'ExternalClip',\r\n        eventLabel: 'Id',\r\n        eventValue: this.clip.id\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n","// Styles\nimport './VTimeline.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\nexport default mixins(\n  Themeable\n/* @vue/component */\n).extend({\n  name: 'v-timeline',\n\n  provide (): object {\n    return { timeline: this }\n  },\n\n  props: {\n    alignTop: Boolean,\n    dense: Boolean,\n    reverse: Boolean,\n  },\n\n  computed: {\n    classes (): {} {\n      return {\n        'v-timeline--align-top': this.alignTop,\n        'v-timeline--dense': this.dense,\n        'v-timeline--reverse': this.reverse,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-timeline',\n      class: this.classes,\n    }, this.$slots.default)\n  },\n})\n","// Types\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { VNode, VNodeData } from 'vue'\n\n// Components\nimport VTimeline from './VTimeline'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\nimport Colorable from '../../mixins/colorable'\n\nconst baseMixins = mixins(\n  Colorable,\n  Themeable\n/* @vue/component */\n)\n\ntype VTimelineInstance = InstanceType<typeof VTimeline>\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  timeline: VTimelineInstance\n}\n\nexport default baseMixins.extend<options>().extend({\n  name: 'v-timeline-item',\n\n  inject: ['timeline'],\n\n  props: {\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    fillDot: Boolean,\n    hideDot: Boolean,\n    icon: String,\n    iconColor: String,\n    large: Boolean,\n    left: Boolean,\n    right: Boolean,\n    small: Boolean,\n  },\n\n  computed: {\n    hasIcon (): boolean {\n      return !!this.icon || !!this.$slots.icon\n    },\n  },\n\n  methods: {\n    genBody () {\n      return this.$createElement('div', {\n        staticClass: 'v-timeline-item__body',\n      }, this.$slots.default)\n    },\n    genIcon (): VNode | VNode[] {\n      if (this.$slots.icon) {\n        return this.$slots.icon\n      }\n\n      return this.$createElement(VIcon, {\n        props: {\n          color: this.iconColor,\n          dark: !this.theme.isDark,\n          small: this.small,\n        },\n      }, this.icon)\n    },\n    genInnerDot () {\n      const data: VNodeData = this.setBackgroundColor(this.color)\n\n      return this.$createElement('div', {\n        staticClass: 'v-timeline-item__inner-dot',\n        ...data,\n      }, [this.hasIcon && this.genIcon()])\n    },\n    genDot () {\n      return this.$createElement('div', {\n        staticClass: 'v-timeline-item__dot',\n        class: {\n          'v-timeline-item__dot--small': this.small,\n          'v-timeline-item__dot--large': this.large,\n        },\n      }, [this.genInnerDot()])\n    },\n    genDivider () {\n      const children = []\n\n      if (!this.hideDot) children.push(this.genDot())\n\n      return this.$createElement('div', {\n        staticClass: 'v-timeline-item__divider',\n      }, children)\n    },\n    genOpposite () {\n      return this.$createElement('div', {\n        staticClass: 'v-timeline-item__opposite',\n      }, this.$slots.opposite)\n    },\n  },\n\n  render (h): VNode {\n    const children = [\n      this.genBody(),\n      this.genDivider(),\n    ]\n\n    if (this.$slots.opposite) children.push(this.genOpposite())\n\n    return h('div', {\n      staticClass: 'v-timeline-item',\n      class: {\n        'v-timeline-item--fill-dot': this.fillDot,\n        'v-timeline-item--before': this.timeline.reverse ? this.right : this.left,\n        'v-timeline-item--after': this.timeline.reverse ? this.left : this.right,\n        ...this.themeClasses,\n      },\n    }, children)\n  },\n})\n","import { render, staticRenderFns } from \"./ClipInformation.vue?vue&type=template&id=31a849b1&\"\nimport script from \"./ClipInformation.vue?vue&type=script&lang=js&\"\nexport * from \"./ClipInformation.vue?vue&type=script&lang=js&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemAvatar } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemSubtitle } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTimeline } from 'vuetify/lib/components/VTimeline';\nimport { VTimelineItem } from 'vuetify/lib/components/VTimeline';\ninstallComponents(component, {VCard,VCardText,VCardTitle,VCol,VContainer,VImg,VListItem,VListItemAvatar,VListItemContent,VListItemSubtitle,VListItemTitle,VRow,VTimeline,VTimelineItem})\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BroadcasterChoice.vue?vue&type=style&index=0&id=fa699ce0&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('broadcaster-choice')}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./BroadcasterChoice.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!./BroadcasterChoice.vue?vue&type=script&lang=js&\"","<template>\r\n  <v-container fluid no-gutters>\r\n      <v-row no-gutters>\r\n        <v-col>\r\n          <clip :clip=\"broadcasterChoice.clip\"></clip>\r\n        </v-col>\r\n      </v-row>\r\n      <v-row no-gutters >\r\n        <clip-information :iso=\"false\" :clip=\"broadcasterChoice.clip\" :game=\"broadcasterChoice.game\" :user=\"broadcasterChoice.user\">\r\n        </clip-information>\r\n      </v-row>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport Clip from '@/components/Clip'\r\nimport ClipInformation from '@/components/ClipInformation'\r\nimport { mapGetters } from 'vuex'\r\n\r\nexport default {\r\n  name: 'BroadcasterChoice',\r\n  components: {\r\n    Clip,\r\n    ClipInformation\r\n  },\r\n  computed: {\r\n    ...mapGetters([\r\n      'broadcasterChoice'\r\n    ])\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n  .container {\r\n    padding: 0 !important;\r\n    overflow-y: scroll;\r\n    height: calc(100vh - 48px);\r\n\r\n  }\r\n  .container::-webkit-scrollbar {\r\n      width: 8px;\r\n  }\r\n  .container::-webkit-scrollbar-track {\r\n    background-color: #001529;\r\n    box-shadow: inset 0 0 6px #6441a4;\r\n    -webkit-box-shadow: inset 0 0 6px #6441a4;\r\n  }\r\n  .container::-webkit-scrollbar-thumb {\r\n    background-color:#6441a4;\r\n    outline: 1px solid #6441a4;\r\n  }\r\n\r\n</style>\r\n","import { render, staticRenderFns } from \"./BroadcasterChoice.vue?vue&type=template&id=fa699ce0&scoped=true&\"\nimport script from \"./BroadcasterChoice.vue?vue&type=script&lang=js&\"\nexport * from \"./BroadcasterChoice.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BroadcasterChoice.vue?vue&type=style&index=0&id=fa699ce0&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  \"fa699ce0\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCol,VContainer,VRow})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"fluid\":\"\",\"no-gutters\":\"\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('clip',{attrs:{\"clip\":_vm.broadcasterChoice.clip}})],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('clip-information',{attrs:{\"iso\":false,\"clip\":_vm.broadcasterChoice.clip,\"game\":_vm.broadcasterChoice.game,\"user\":_vm.broadcasterChoice.user}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <broadcaster-choice>\r\n  </broadcaster-choice>\r\n</template>\r\n\r\n<script>\r\nimport BroadcasterChoice from '@/components/BroadcasterChoice'\r\nexport default {\r\n  name: 'BroadcasterChoiceView',\r\n  components: {\r\n    BroadcasterChoice\r\n  }\r\n}\r\n</script>\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!./BroadcasterChoiceView.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!./BroadcasterChoiceView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BroadcasterChoiceView.vue?vue&type=template&id=23f6b656&\"\nimport script from \"./BroadcasterChoiceView.vue?vue&type=script&lang=js&\"\nexport * from \"./BroadcasterChoiceView.vue?vue&type=script&lang=js&\"\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","module.exports = __webpack_public_path__ + \"img/TOPCLIP_REMASTERED.4fc9442e.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Clip.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}