{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/TownSquare.vue?5ccd","webpack:///./src/App.vue?1267","webpack:///./src/components/TownSquare.vue?30ed","webpack:///./src/components/Player.vue?2126","webpack:///src/components/Player.vue","webpack:///./src/components/Player.vue?42e4","webpack:///./src/components/Player.vue","webpack:///src/components/TownSquare.vue","webpack:///./src/components/TownSquare.vue?c41d","webpack:///./src/components/TownSquare.vue","webpack:///src/App.vue","webpack:///./src/App.vue?8b47","webpack:///./src/App.vue","webpack:///./src/main.js","webpack:///./src/App.vue?f446","webpack:///./src/components/Player.vue?0fbc"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","render","_vm","this","_h","$createElement","_c","_self","staticClass","class","public","isPublic","attrs","on","togglePublic","_v","staticRenderFns","players","_l","player","roles","dead","hasDied","hasVoted","$event","toggleStatus","role","changeRole","_e","reminders","_s","ability","component","config","productionTip","h","App","$mount"],"mappings":"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","file":"js/app.4186bc0f.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/townsquare/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([\"56d7\",\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","import mod 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!./TownSquare.vue?vue&type=style&index=0&lang=scss&\"; export default mod; 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!./TownSquare.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:\"square\",class:{ public: _vm.isPublic },attrs:{\"id\":\"townsquare\"}},[_c('TownSquare',{attrs:{\"is-public\":_vm.isPublic}}),_c('div',{staticClass:\"controls\"},[_c('button',{on:{\"click\":_vm.togglePublic}},[_vm._v(\"Toggle\")])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"circle\",class:['size-' + _vm.players.length]},_vm._l((_vm.players),function(player){return _c('Player',{key:player.name,attrs:{\"player\":player,\"roles\":_vm.roles,\"is-public\":_vm.isPublic}})}),1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[_c('div',{staticClass:\"player\",class:{ dead: _vm.player.hasDied, 'no-vote': _vm.player.hasVoted }},[_c('div',{staticClass:\"shroud\",on:{\"click\":function($event){return _vm.toggleStatus()}}}),_c('div',{staticClass:\"token\",class:[_vm.player.role],on:{\"click\":function($event){return _vm.changeRole()}}},[(_vm.role.firstNight)?_c('span',{staticClass:\"leaf-left\"}):_vm._e(),(_vm.role.otherNight)?_c('span',{staticClass:\"leaf-right\"}):_vm._e(),(_vm.role.reminders.length)?_c('span',{class:['leaf-top' + _vm.role.reminders.length]}):_vm._e(),(_vm.role.setup)?_c('span',{staticClass:\"leaf-orange\"}):_vm._e(),_c('div',[_vm._v(_vm._s(_vm.role.name))])]),(_vm.role.ability)?_c('div',{staticClass:\"ability\"},[_vm._v(_vm._s(_vm.role.ability))]):_vm._e(),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.player.name))])]),_c('div',{staticClass:\"reminder add\"})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <li>\n    <div class=\"player\"\n         :class=\"{ dead: player.hasDied, 'no-vote': player.hasVoted }\">\n      <div class=\"shroud\" @click=\"toggleStatus()\"></div>\n      <div class=\"token\" @click=\"changeRole()\" :class=\"[player.role]\">\n        <span class=\"leaf-left\" v-if=\"role.firstNight\"></span>\n        <span class=\"leaf-right\" v-if=\"role.otherNight\"></span>\n        <span v-if=\"role.reminders.length\" v-bind:class=\"['leaf-top' + role.reminders.length]\"></span>\n        <span class=\"leaf-orange\" v-if=\"role.setup\"></span>\n        <div>{{ role.name }}</div>\n      </div>\n      <div class=\"ability\" v-if=\"role.ability\">{{ role.ability }}</div>\n      <div class=\"name\">{{ player.name }}</div>\n    </div>\n    <div class=\"reminder add\"></div>\n  </li>\n</template>\n\n<script>\n  export default {\n    props: {\n      player: {\n        type: Object,\n        required: true\n      },\n      roles: {\n        type: Map,\n        required: true\n      },\n      isPublic: {\n        type: Boolean,\n        required: true\n      }\n    },\n    data () {\n      return {\n        role: this.roles.get(this.player.role) || { reminders: [] }\n      }\n    },\n    methods: {\n      toggleStatus () {\n        if (!this.isPublic || !this.player.hasDied) {\n          this.$set(this.player, 'hasDied', !this.player.hasDied);\n          if (!this.player.hasDied) {\n            this.$set(this.player, 'hasVoted', false);\n          }\n        } else {\n          this.$set(this.player, 'hasVoted', !this.player.hasVoted);\n        }\n      },\n      changeRole () {\n        if (!this.isPublic) {\n          console.log('role change');\n        } else {\n          this.toggleStatus();\n        }\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\">\n  @import '../roles.scss';\n\n  // token size\n  $token: 150px;\n\n  /***** Player token *****/\n  .circle .player {\n    margin-bottom: 10px;\n\n    .shroud {\n      content: \" \";\n      background: url('../img/shroud.png') center -10px no-repeat;\n      background-size: auto 100%;\n      position: absolute;\n      margin-left: -2/6 * $token;\n      width: 2/3 * $token;\n      height: 2/3 * $token;\n      left: 50%;\n      top: 0;\n      cursor: pointer;\n      opacity: 0;\n      transition: opacity 200ms;\n      z-index: 2;\n      &:hover { opacity: 0.5; }\n    }\n\n    &.dead .shroud { opacity: 1; }\n    &.dead .name { color: #999; }\n  }\n\n  #townsquare.public .player.dead {\n    &:after {\n      content: \" \";\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      background: url('../img/vote.png') center center no-repeat;\n      background-size: 40%;\n      height: $token + 3px;\n      pointer-events: none;\n    }\n    &.traveller:after { filter: grayscale(100%); }\n    &.no-vote:after { display: none; }\n  }\n\n  #townsquare.public .player .shroud { display: none; }\n\n  /***** Role token ******/\n  .circle .token {\n    border-radius: 50%;\n    height: $token + 3px;\n    width: $token + 3px;\n    background: url('../img/token.png') center center;\n    background-size: 100%;\n    text-align: center;\n    position: relative;\n    color: black;\n    margin: auto;\n    font-weight: 600;\n    text-shadow:\n        -1px -1px 0 #fff,\n        1px -1px 0 #fff,\n        -1px 1px 0 #fff,\n        1px 1px 0 #fff,\n        0 0 5px rgba(0,0,0,0.75);\n    padding-top: $token * 0.7;\n    box-sizing: border-box;\n    font-family: 'Papyrus', serif;\n    border: 3px solid black;\n    box-shadow: 0 0 10px rgba(0,0,0,0.5);\n    cursor: pointer;\n\n    &:before {\n      content: \" \";\n      background-size: 100%;\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      left: 0;\n      top: 0;\n    }\n\n    span {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      background-size: 100%;\n      left: 0;\n      top: 0;\n      pointer-events: none;\n      &.leaf-left { background-image: url('../img/leaf-left.png'); }\n      &.leaf-orange { background-image: url('../img/leaf-orange.png'); }\n      &.leaf-right { background-image: url('../img/leaf-right.png'); }\n      &.leaf-top1 { background-image: url('../img/leaf-top1.png'); }\n      &.leaf-top2 { background-image: url('../img/leaf-top2.png'); }\n      &.leaf-top3 { background-image: url('../img/leaf-top3.png'); }\n      &.leaf-top4 { background-image: url('../img/leaf-top4.png'); }\n      &.leaf-top5 { background-image: url('../img/leaf-top5.png'); }\n    }\n  }\n\n  #townsquare.public .token {\n    background-image: url('../img/life.png');\n    div { display: none; }\n    &:before, &:after, span { display: none; }\n  }\n\n  #townsquare.public .player.dead .token {\n    background-image: url('../img/death.png');\n  }\n\n  #townsquare.public .player.traveller .token {\n    filter: grayscale(100%);\n  }\n\n  /***** Player name *****/\n  .name {\n    font-size: 120%;\n    line-height: 120%;\n    text-shadow:\n        -2px -2px 0 #000,\n        2px -2px 0 #000,\n        -2px 2px 0 #000,\n        2px 2px 0 #000,\n        0 0 10px rgba(0,0,0,0.75);\n  }\n\n  /***** Ability text *****/\n  #townsquare.public .ability { display: none; }\n  .circle .ability {\n    position: absolute;\n    padding: 5px 10px;\n    top: 20px;\n    right: 100%;\n    width: 200px;\n    z-index: 25;\n    font-size: 80%;\n    background: rgba(0,0,0,0.7);\n    border-radius: 10px;\n    border: 3px solid black;\n    text-align: left;\n    display: none;\n    &:after {\n      content: \" \";\n      border: 10px solid transparent;\n      position: absolute;\n      left: 100%;\n      width: 0;\n      height: 0;\n      border-left-color: black;\n      top: 20px;\n      margin: 0 2px;\n    }\n  }\n\n  .player:hover .ability { display: block; }\n\n  /***** Reminder token *****/\n  .circle .reminder {\n    background: url('../img/reminder.png') center center;\n    background-size: 100%;\n    width: $token / 2;\n    height: $token / 2;\n    color: black;\n    font-size: 50%;\n    font-weight: bold;\n    display: block;\n    margin: 5px ($token / -4) 0;\n    text-align: center;\n    position: relative;\n    box-sizing: border-box;\n    padding-top: $token * 0.3;\n    border-radius: 50%;\n    border: 3px solid black;\n    box-shadow: 0 0 10px rgba(0,0,0,0.5);\n    transition: opacity 200ms;\n    cursor: pointer;\n\n    &:before, &:after {\n      content: \" \";\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      background-size: 100%;\n      background-position: center 0;\n      background-repeat: no-repeat;\n      background-image: url('../img/icon-plus.png');\n      transition: opacity 200ms;\n    }\n\n    &:after {\n      background-image: url('../img/icon-x.png');\n      opacity: 0;\n    }\n\n    &.add {\n      opacity: 0;\n      &:after { display: none; }\n    }\n\n    &:hover:before { opacity: 0; }\n    &:hover:after { opacity: 1; }\n  }\n  .circle li:hover .reminder.add, { opacity: 1; }\n  .circle li:hover .reminder.add:before { opacity: 1; }\n\n  #townsquare.public .reminder { display: none; }\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Player.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Player.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Player.vue?vue&type=template&id=15e29aa4&\"\nimport script from \"./Player.vue?vue&type=script&lang=js&\"\nexport * from \"./Player.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Player.vue?vue&type=style&index=0&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","<template>\n  <ul class=\"circle\" v-bind:class=\"['size-' + players.length]\">\n    <Player\n        v-for=\"player in players\"\n        :key=\"player.name\"\n        :player=\"player\"\n        :roles=\"roles\"\n        :is-public=\"isPublic\"\n    ></Player>\n  </ul>\n</template>\n\n<script>\n  import Player from './Player.vue'\n  import roles from '../roles.json'\n\n  export default {\n    components: {\n      Player\n    },\n    props: ['isPublic'],\n    data () {\n      return {\n        players: [\n          { name: \"Steffen\", role: \"baron\" },\n          { name: \"Tino\", role: \"imp\" },\n          { name: \"Basti\", role: \"chef\" },\n          { name: \"Bernd\", role: \"ravenkeeper\" },\n          { name: \"Tim\", role: \"drunk\" },\n          { name: \"Yann\", role: \"librarian\" },\n          { name: \"Marie\", role: \"empath\" },\n          { name: \"Bogdan\", role: \"scarletwoman\" },\n          { name: \"Sean\", role: \"recluse\" },\n          { name: \"Petra\", role: \"undertaker\" },\n        ],\n        roles: new Map(roles.map(role => [role.id, role])),\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\">\n  @mixin on-circle($item-count) {\n    $angle: (360 / $item-count);\n    $rot: 0;\n\n    @for $i from 1 through $item-count {\n      &:nth-child(#{$i}) {\n        transform: rotate($rot * 1deg);\n        @if $i - 1 <= $item-count / 2 {\n          z-index: $item-count - $i + 1;\n          .ability {\n            left: 100%; right: auto;\n            &:after {\n              border-left-color: transparent;\n              border-right-color: black;\n              left: auto;\n              right: 100%;\n            }\n          }\n        } @else {\n          z-index: $i - 1;\n        }\n        > * {\n          transform: rotate($rot * -1deg);\n        }\n      }\n      $rot: $rot + $angle;\n    }\n  }\n\n  .circle {\n    padding: 0;\n    width: 100%;\n    height: 100%;\n    list-style: none;\n    overflow: hidden;\n    position: relative;\n    margin: 0;\n    box-sizing: border-box;\n\n    li {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      height: 50%;\n      transform-origin: 0 100%;\n      text-align: center;\n\n      &:hover {\n        z-index: 25 !important;\n      }\n\n      > * {\n        margin-left: -100px;\n        width: 200px;\n      }\n    }\n  }\n\n  @for $i from 5 through 20 {\n    .circle.size-#{$i} li {\n      @include on-circle($item-count: $i);\n    }\n  }\n\n  // player circle\n  .circle {\n    background: url('../img/demon-head2.png') center center no-repeat;\n    background-size: 10%;\n  }\n\n  #townsquare.public .circle {\n    background-image: url('../img/demon-head.png');\n  }\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TownSquare.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TownSquare.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TownSquare.vue?vue&type=template&id=ca5d0a74&\"\nimport script from \"./TownSquare.vue?vue&type=script&lang=js&\"\nexport * from \"./TownSquare.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TownSquare.vue?vue&type=style&index=0&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","<template>\n  <div id=\"townsquare\" class=\"square\"  v-bind:class=\"{ public: isPublic }\">\n    <TownSquare :is-public=\"isPublic\"></TownSquare>\n    <div class=\"controls\">\n      <button v-on:click=\"togglePublic\">Toggle</button>\n    </div>\n  </div>\n</template>\n\n<script>\n  import TownSquare from './components/TownSquare.vue'\n\n  export default {\n    components: {\n      TownSquare\n    },\n    data: () => ({\n      isPublic: false\n    }),\n    methods: {\n      togglePublic () {\n        this.isPublic = !this.isPublic;\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\">\n  @font-face { font-family: \"Papyrus\";\n    src: url(\"fonts/papyrus.eot\"); /* IE9*/\n    src: url(\"fonts/papyrus.eot?#iefix\") format(\"embedded-opentype\"), /* IE6-IE8 */\n    url(\"fonts/papyrus.woff2\") format(\"woff2\"), /* chrome firefox */\n    url(\"fonts/papyrus.woff\") format(\"woff\"), /* chrome firefox */\n    url(\"fonts/papyrus.ttf\") format(\"truetype\"), /* chrome firefox opera Safari, Android, iOS 4.2+*/\n    url(\"fonts/papyrus.svg#PapyrusW01\") format(\"svg\"); /* iOS 4.1- */\n  }\n\n  html, body {\n    font-size: 1.2em;\n    line-height: 1.4;\n    background: url('img/background.jpg') center center;\n    background-size: cover;\n    color: white;\n    height: 100%;\n    font-family: 'Roboto Condensed', sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    padding: 0;\n    margin: 0;\n  }\n\n  #townsquare {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    border-radius: 50%;\n    box-sizing: border-box;\n    padding: 20px;\n  }\n\n  // Controls\n  .controls {\n    position: absolute;\n    right: 0;\n    top: 0;\n  }\n</style>\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=3f91b7e8&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&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","import Vue from 'vue'\nimport App from './App'\n\nVue.config.productionTip = false;\n\nnew Vue({\n  render: h => h(App),\n}).$mount('#app')\n","import mod 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!./App.vue?vue&type=style&index=0&lang=scss&\"; export default mod; 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!./App.vue?vue&type=style&index=0&lang=scss&\"","import mod 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!./Player.vue?vue&type=style&index=0&lang=scss&\"; export default mod; 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!./Player.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}