{"version":3,"sources":["webpack:///./src/components/Plays/Record/SelectPlayers.vue?661b","webpack:///src/components/Plays/Record/SelectPlayers.vue","webpack:///./src/components/Plays/Record/SelectPlayers.vue?e878","webpack:///./src/components/Plays/Record/SelectPlayers.vue","webpack:///./node_modules/core-js/modules/es.string.search.js","webpack:///../../../src/components/VChip/VChip.ts"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","attrs","_l","player","key","id","on","$event","removeFromSelection","profilePicture","fullName","_s","allSelected","_e","ref","model","value","callback","$$v","search","expression","member","selected","includes","addToSelection","staticRenderFns","name","data","computed","members","set","$store","commit","get","state","record","players","loadingMembers","length","searchFilteredMembers","methods","push","index","splice","watch","component","VAvatar","VChip","VCol","VDivider","VImg","VList","VListItem","VListItemAvatar","VListItemTitle","VRow","VTextField","fixRegExpWellKnownSymbolLogic","anObject","requireObjectCoercible","sameValue","regExpExec","SEARCH","nativeSearch","maybeCallNative","regexp","O","searcher","undefined","call","RegExp","String","res","done","rx","S","previousLastIndex","lastIndex","result","props","active","type","default","activeClass","chipGroup","close","closeIcon","disabled","draggable","filter","filterIcon","label","link","outlined","pill","tag","textColor","proxyClass","classes","groupClasses","hasClose","Boolean","isClickable","created","breakingProps","original","replacement","click","genFilter","children","staticClass","left","genClose","right","size","e","genContent","$slots","tabindex","setBackgroundColor","color","h","setTextColor"],"mappings":"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","file":"js/chunk-bcbabd06.36080802.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h2',[_vm._v(\"Select Players\")]),_c('p',[_vm._v(\"Which members of your gaming group participated?\")]),_c('v-row',{attrs:{\"align\":\"center\",\"justify\":\"start\"}},[_vm._l((_vm.selected),function(player){return _c('v-col',{key:player.id},[_c('v-chip',{attrs:{\"label\":\"\",\"close\":\"\"},on:{\"click:close\":function($event){return _vm.removeFromSelection(player)}}},[_c('v-avatar',{attrs:{\"left\":\"\"}},[_c('v-img',{attrs:{\"src\":'../img/profiles/' + player.profilePicture,\"alt\":player.fullName + ' avatar icon'}})],1),_vm._v(\" \"+_vm._s(player.fullName)+\" \")],1)],1)}),(!_vm.allSelected)?_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-text-field',{ref:\"search\",attrs:{\"prepend-inner-icon\":\"mdi-magnify\",\"full-width\":\"\",\"label\":\"Search\",\"single-line\":\"\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1):_vm._e()],2),_c('v-divider'),_c('v-list',[_vm._l((_vm.searchFilteredMembers),function(member){return [(!_vm.selected.includes(member))?_c('v-list-item',{key:member.id,on:{\"click\":function($event){return _vm.addToSelection(member)}}},[_c('v-list-item-avatar',[_c('v-img',{attrs:{\"src\":'../img/profiles/' + member.profilePicture,\"alt\":member.fullName + ' avatar icon'}})],1),_c('v-list-item-title',[_vm._v(_vm._s(member.fullName))])],1):_vm._e()]})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <h2>Select Players</h2>\n    <p>Which members of your gaming group participated?</p>\n\n    <!-- Selected players as chips and search bar -->\n    <v-row align=\"center\" justify=\"start\">\n      <!-- Selected players -->\n      <v-col v-for=\"(player) in selected\" :key=\"player.id\">\n        <v-chip label close @click:close=\"removeFromSelection(player)\">\n          <v-avatar left>\n            <v-img :src=\"'../img/profiles/' + player.profilePicture\" :alt=\"player.fullName + ' avatar icon'\"></v-img>\n          </v-avatar>\n          {{ player.fullName }}\n        </v-chip>\n      </v-col>\n      <!-- Search -->\n      <v-col\n          v-if=\"!allSelected\"\n          cols=\"12\"\n        >\n          <v-text-field\n            ref=\"search\"\n            v-model=\"search\"\n            prepend-inner-icon=\"mdi-magnify\"\n            full-width\n            label=\"Search\"\n            single-line\n          ></v-text-field>\n        </v-col>\n    </v-row>\n\n    <v-divider></v-divider>\n\n    <!-- Unselected players in list -->\n    <v-list>\n      <template v-for=\"member in searchFilteredMembers\">\n        <v-list-item v-if=\"!selected.includes(member)\" @click=\"addToSelection(member)\" :key=\"member.id\">\n          <v-list-item-avatar>\n            <v-img :src=\"'../img/profiles/' + member.profilePicture\" :alt=\"member.fullName + ' avatar icon'\"></v-img>\n          </v-list-item-avatar>\n          <v-list-item-title>{{ member.fullName }}</v-list-item-title>\n        </v-list-item>\n      </template>\n    </v-list>\n\n  </div>\n</template>\n\n\n<script>\nexport default {\n  name: \"SelectPlayers\",\n  data() {\n    return {\n      search: \"\",\n    };\n  },\n  async created() {\n    await this.$store.dispatch(\"members/fetch\");\n  },\n  computed: {\n    members() { return this.$store.getters[\"members/members\"]; },\n    selected: {\n      set(selected) {\n        this.$store.commit(\"record/updatePlayers\", selected);\n      },\n      get() {\n        return this.$store.state.record.players;\n      },\n    },\n    loadingMembers() { return this.$store.state.members.loadingMembers; },\n    allSelected() {\n      return this.selected.length === this.members.length;\n    },\n    searchFilteredMembers() {\n      const search = this.search.toLowerCase();\n      // Return all unselected group members if the search bar is empty\n      if (!search) {\n        return this.members;\n      }\n      // Return a filtered list of the unselected group members \n      else {\n        return this.members.filter(player => {\n          const text = player.fullName.toLowerCase();\n          return text.indexOf(search) > -1;\n        });\n      }\n    },\n  },\n  methods: {\n    addToSelection(player) {\n      this.selected.push(player);\n      this.selected = this.selected;                // seemingly redundant, but triggers Vue's\n                                                    // reactivity so that the changes are actually made in Vuex\n    },\n    removeFromSelection(player) {\n      // this.selected.splice(i, 1)\n      const index = this.selected.indexOf(player);\n      if (index > -1) {\n        this.selected.splice(index, 1);\n        this.selected = this.selected;                // seemingly redundant, but triggers Vue's\n                                                    // reactivity so that the changes are actually made in Vuex\n      }\n    }\n  },\n  watch: {\n    // Reset search bar text if one is selected\n    selected() {\n      this.search = \"\";\n      // // this.$store.mutations.record.commit(\"updateRecordPlayers\", this.selected);\n      // if (this.selected.length === 0) {\n      //   this.$store.commit(\"record/changeRecordStep\", 2);\n      // }\n      // else {\n      //   this.$store.commit(\"record/changeRecordStep\", 3);\n      // }\n    },\n  },\n}\n</script>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../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!./SelectPlayers.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../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!./SelectPlayers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectPlayers.vue?vue&type=template&id=4b5d50c8&\"\nimport script from \"./SelectPlayers.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectPlayers.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 { VAvatar } from 'vuetify/lib/components/VAvatar';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemAvatar } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VAvatar,VChip,VCol,VDivider,VImg,VList,VListItem,VListItemAvatar,VListItemTitle,VRow,VTextField})\n","'use strict';\nvar fixRegExpWellKnownSymbolLogic = require('../internals/fix-regexp-well-known-symbol-logic');\nvar anObject = require('../internals/an-object');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar sameValue = require('../internals/same-value');\nvar regExpExec = require('../internals/regexp-exec-abstract');\n\n// @@search logic\nfixRegExpWellKnownSymbolLogic('search', 1, function (SEARCH, nativeSearch, maybeCallNative) {\n  return [\n    // `String.prototype.search` method\n    // https://tc39.github.io/ecma262/#sec-string.prototype.search\n    function search(regexp) {\n      var O = requireObjectCoercible(this);\n      var searcher = regexp == undefined ? undefined : regexp[SEARCH];\n      return searcher !== undefined ? searcher.call(regexp, O) : new RegExp(regexp)[SEARCH](String(O));\n    },\n    // `RegExp.prototype[@@search]` method\n    // https://tc39.github.io/ecma262/#sec-regexp.prototype-@@search\n    function (regexp) {\n      var res = maybeCallNative(nativeSearch, regexp, this);\n      if (res.done) return res.value;\n\n      var rx = anObject(regexp);\n      var S = String(this);\n\n      var previousLastIndex = rx.lastIndex;\n      if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;\n      var result = regExpExec(rx, S);\n      if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;\n      return result === null ? -1 : result.index;\n    }\n  ];\n});\n","// Styles\nimport './VChip.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Components\nimport { VExpandXTransition } from '../transitions'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport { breaking } from '../../util/console'\n\n// Types\nimport { PropValidator, PropType } from 'vue/types/options'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Sizeable,\n  Routable,\n  Themeable,\n  GroupableFactory('chipGroup'),\n  ToggleableFactory('inputValue')\n).extend({\n  name: 'v-chip',\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    activeClass: {\n      type: String,\n      default (): string | undefined {\n        if (!this.chipGroup) return ''\n\n        return this.chipGroup.activeClass\n      },\n    } as any as PropValidator<string>,\n    close: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$delete',\n    },\n    disabled: Boolean,\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete',\n    },\n    label: Boolean,\n    link: Boolean,\n    outlined: Boolean,\n    pill: Boolean,\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    textColor: String,\n    value: null as any as PropType<any>,\n  },\n\n  data: () => ({\n    proxyClass: 'v-chip--active',\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-chip': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-chip--clickable': this.isClickable,\n        'v-chip--disabled': this.disabled,\n        'v-chip--draggable': this.draggable,\n        'v-chip--label': this.label,\n        'v-chip--link': this.isLink,\n        'v-chip--no-color': !this.color,\n        'v-chip--outlined': this.outlined,\n        'v-chip--pill': this.pill,\n        'v-chip--removable': this.hasClose,\n        ...this.themeClasses,\n        ...this.sizeableClasses,\n        ...this.groupClasses,\n      }\n    },\n    hasClose (): boolean {\n      return Boolean(this.close)\n    },\n    isClickable (): boolean {\n      return Boolean(\n        Routable.options.computed.isClickable.call(this) ||\n        this.chipGroup\n      )\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['outline', 'outlined'],\n      ['selected', 'input-value'],\n      ['value', 'active'],\n      ['@input', '@active.sync'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    click (e: MouseEvent): void {\n      this.$emit('click', e)\n\n      this.chipGroup && this.toggle()\n    },\n    genFilter (): VNode {\n      const children = []\n\n      if (this.isActive) {\n        children.push(\n          this.$createElement(VIcon, {\n            staticClass: 'v-chip__filter',\n            props: { left: true },\n          }, this.filterIcon)\n        )\n      }\n\n      return this.$createElement(VExpandXTransition, children)\n    },\n    genClose (): VNode {\n      return this.$createElement(VIcon, {\n        staticClass: 'v-chip__close',\n        props: {\n          right: true,\n          size: 18,\n        },\n        on: {\n          click: (e: Event) => {\n            e.stopPropagation()\n            e.preventDefault()\n\n            this.$emit('click:close')\n            this.$emit('update:active', false)\n          },\n        },\n      }, this.closeIcon)\n    },\n    genContent (): VNode {\n      return this.$createElement('span', {\n        staticClass: 'v-chip__content',\n      }, [\n        this.filter && this.genFilter(),\n        this.$slots.default,\n        this.hasClose && this.genClose(),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    const children = [this.genContent()]\n    let { tag, data } = this.generateRouteLink()\n\n    data.attrs = {\n      ...data.attrs,\n      draggable: this.draggable ? 'true' : undefined,\n      tabindex: this.chipGroup && !this.disabled ? 0 : data.attrs!.tabindex,\n    }\n    data.directives!.push({\n      name: 'show',\n      value: this.active,\n    })\n    data = this.setBackgroundColor(this.color, data)\n\n    const color = this.textColor || (this.outlined && this.color)\n\n    return h(tag, this.setTextColor(color, data), children)\n  },\n})\n"],"sourceRoot":""}