{"version":3,"sources":["webpack:///./src/components/AppView/GroupSelect.vue?0129","webpack:///src/components/AppView/GroupSelect.vue","webpack:///./src/components/AppView/GroupSelect.vue?1259","webpack:///./src/components/AppView/GroupSelect.vue","webpack:///./src/components/AppView/GroupSelect.vue?db97"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","dropAbove","dropBelow","scopedSlots","_u","key","fn","ref","on","_g","_b","_v","_s","currentGroup","name","model","value","callback","$$v","groupSelectDropdown","expression","_l","group","id","$event","changeGroup","showJoinGroup","showCreateGroup","$vuetify","breakpoint","xsOnly","createGroupDialog","joinGroupDialog","staticRenderFns","components","JoinGroup","CreateGroup","props","Boolean","data","computed","groups","methods","component","VBtn","VDialog","VDivider","VIcon","VList","VListItem","VMenu"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,SAAS,CAACE,YAAY,mBAAmBC,MAAM,CAAC,iBAAiB,GAAG,yBAAyB,GAAG,IAAMP,EAAIQ,UAAU,OAASR,EAAIS,UAAU,WAAW,IAAIC,YAAYV,EAAIW,GAAG,CAAC,CAACC,IAAI,YAAYC,GAAG,SAASC,GACrV,IAAIC,EAAKD,EAAIC,GACTR,EAAQO,EAAIP,MAChB,MAAO,CAACH,EAAG,QAAQJ,EAAIgB,GAAGhB,EAAIiB,GAAG,CAACV,MAAM,CAAC,MAAQ,GAAG,MAAQ,cAAc,QAAQA,GAAM,GAAOQ,GAAI,CAAEf,EAAgB,aAAEI,EAAG,OAAO,CAACE,YAAY,YAAY,CAACN,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAIoB,aAAaC,SAASjB,EAAG,OAAO,CAACJ,EAAIkB,GAAG,cAAelB,EAAuB,oBAAEI,EAAG,SAAS,CAACJ,EAAIkB,GAAG,oBAAoBd,EAAG,SAAS,CAACJ,EAAIkB,GAAG,uBAAuB,QAAQI,MAAM,CAACC,MAAOvB,EAAuB,oBAAEwB,SAAS,SAAUC,GAAMzB,EAAI0B,oBAAoBD,GAAKE,WAAW,wBAAwB,CAACvB,EAAG,SAAS,CAACJ,EAAI4B,GAAI5B,EAAU,QAAE,SAAS6B,GAAO,OAAOzB,EAAG,cAAc,CAACQ,IAAIiB,EAAMC,GAAGxB,YAAY,OAAOS,GAAG,CAAC,MAAQ,SAASgB,GAAQ,OAAO/B,EAAIgC,YAAYH,MAAU,CAACzB,EAAG,OAAO,CAACJ,EAAIkB,GAAGlB,EAAImB,GAAGU,EAAMR,cAAajB,EAAG,aAAaA,EAAG,cAAc,CAACE,YAAY,OAAOS,GAAG,CAAC,MAAQf,EAAIiC,gBAAgB,CAAC7B,EAAG,SAAS,CAACE,YAAY,QAAQ,CAACN,EAAIkB,GAAG,6BAA6Bd,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIkB,GAAG,mBAAmB,GAAGd,EAAG,cAAc,CAACE,YAAY,OAAOS,GAAG,CAAC,MAAQf,EAAIkC,kBAAkB,CAAC9B,EAAG,SAAS,CAACE,YAAY,QAAQ,CAACN,EAAIkB,GAAG,cAAcd,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIkB,GAAG,qBAAqB,IAAI,IAAI,GAAGd,EAAG,WAAW,CAACG,MAAM,CAAC,YAAY,QAAQ,WAAa,GAAG,WAAaP,EAAImC,SAASC,WAAWC,OAAO,WAAa,4BAA4Bf,MAAM,CAACC,MAAOvB,EAAqB,kBAAEwB,SAAS,SAAUC,GAAMzB,EAAIsC,kBAAkBb,GAAKE,WAAW,sBAAsB,CAACvB,EAAG,cAAc,CAACW,GAAG,CAAC,cAAc,SAASgB,GAAQ/B,EAAIsC,mBAAoB,OAAW,GAAGlC,EAAG,WAAW,CAACG,MAAM,CAAC,YAAY,QAAQ,WAAa,GAAG,WAAaP,EAAImC,SAASC,WAAWC,OAAO,WAAa,4BAA4Bf,MAAM,CAACC,MAAOvB,EAAmB,gBAAEwB,SAAS,SAAUC,GAAMzB,EAAIuC,gBAAgBd,GAAKE,WAAW,oBAAoB,CAACvB,EAAG,YAAY,CAACW,GAAG,CAAC,cAAc,SAASgB,GAAQ/B,EAAIuC,iBAAkB,OAAW,IAAI,IAChxDC,EAAkB,G,kCC6CtB,GACEnB,KAAM,cACNoB,WAAY,CACVC,UAAW,WAAf,6FACIC,YAAa,WAAjB,8FAEEC,MAAO,CACLpC,UAAWqC,QACXpC,UAAWoC,SAEbC,KAVF,WAWI,MAAO,CACLpB,qBAAqB,EACrBa,iBAAiB,EACjBD,mBAAmB,IAGvBS,SAAU,CACR3B,aADJ,WACA,8CACI4B,OAFJ,WAEA,yCAEEC,QAAS,CACP,YADJ,SACA,kKACA,8CADA,SAGA,mCAHA,uBAIA,sCAJA,uBAKA,iCALA,8CAOIhB,cARJ,WASMhC,KAAKsC,iBAAkB,GAEzBL,gBAXJ,WAYMjC,KAAKqC,mBAAoB,KClFqR,I,iICQhTY,EAAY,eACd,EACAnD,EACAyC,GACA,EACA,KACA,WACA,MAIa,aAAAU,EAAiB,QAWhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,UAAA,KAAQC,WAAA,KAASC,QAAA,KAAMC,QAAA,KAAMC,YAAA,KAAUC,QAAA,Q,kCC9B1E,W","file":"js/chunk-cb1ed474.e74dfa57.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"button-width\"},[_c('v-menu',{staticClass:\"group-menu-align\",attrs:{\"close-on-click\":\"\",\"close-on-content-click\":\"\",\"top\":_vm.dropAbove,\"bottom\":_vm.dropBelow,\"offset-y\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({attrs:{\"block\":\"\",\"color\":\"secondary\"}},'v-btn',attrs,false),on),[(_vm.currentGroup)?_c('span',{staticClass:\"truncate\"},[_vm._v(_vm._s(_vm.currentGroup.name))]):_c('span',[_vm._v(\"No Group\")]),(_vm.groupSelectDropdown)?_c('v-icon',[_vm._v(\"mdi-chevron-up\")]):_c('v-icon',[_vm._v(\"mdi-chevron-down\")])],1)]}}]),model:{value:(_vm.groupSelectDropdown),callback:function ($$v) {_vm.groupSelectDropdown=$$v},expression:\"groupSelectDropdown\"}},[_c('v-list',[_vm._l((_vm.groups),function(group){return _c('v-list-item',{key:group.id,staticClass:\"px-4\",on:{\"click\":function($event){return _vm.changeGroup(group)}}},[_c('span',[_vm._v(_vm._s(group.name))])])}),_c('v-divider'),_c('v-list-item',{staticClass:\"px-4\",on:{\"click\":_vm.showJoinGroup}},[_c('v-icon',{staticClass:\"pr-3\"},[_vm._v(\"mdi-account-arrow-right\")]),_c('span',{staticClass:\"mx-auto\"},[_vm._v(\"Join a Group\")])],1),_c('v-list-item',{staticClass:\"px-4\",on:{\"click\":_vm.showCreateGroup}},[_c('v-icon',{staticClass:\"pr-3\"},[_vm._v(\"mdi-plus\")]),_c('span',{staticClass:\"mx-auto\"},[_vm._v(\"Create a Group\")])],1)],2)],1),_c('v-dialog',{attrs:{\"max-width\":\"550px\",\"scrollable\":\"\",\"fullscreen\":_vm.$vuetify.breakpoint.xsOnly,\"transition\":\"dialog-bottom-transition\"},model:{value:(_vm.createGroupDialog),callback:function ($$v) {_vm.createGroupDialog=$$v},expression:\"createGroupDialog\"}},[_c('CreateGroup',{on:{\"close-modal\":function($event){_vm.createGroupDialog = false}}})],1),_c('v-dialog',{attrs:{\"max-width\":\"550px\",\"scrollable\":\"\",\"fullscreen\":_vm.$vuetify.breakpoint.xsOnly,\"transition\":\"dialog-bottom-transition\"},model:{value:(_vm.joinGroupDialog),callback:function ($$v) {_vm.joinGroupDialog=$$v},expression:\"joinGroupDialog\"}},[_c('JoinGroup',{on:{\"close-modal\":function($event){_vm.joinGroupDialog = false}}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"button-width\">\n\n    <v-menu v-model=\"groupSelectDropdown\" close-on-click close-on-content-click :top=\"dropAbove\" :bottom=\"dropBelow\" offset-y class=\"group-menu-align\">\n      <template v-slot:activator=\"{ on, attrs }\">\n        <v-btn v-bind=\"attrs\" v-on=\"on\" block color=\"secondary\">\n          <span v-if=\"currentGroup\" class=\"truncate\">{{ currentGroup.name }}</span>\n          <span v-else>No Group</span>\n          <v-icon v-if=\"groupSelectDropdown\">mdi-chevron-up</v-icon>\n          <v-icon v-else>mdi-chevron-down</v-icon>\n        </v-btn>\n      </template>\n      <v-list>\n        <v-list-item v-for=\"group in groups\" :key=\"group.id\" @click=\"changeGroup(group)\" class=\"px-4\">\n          <span>{{ group.name }}</span>\n        </v-list-item>\n        <v-divider></v-divider>\n        <v-list-item @click=\"showJoinGroup\" class=\"px-4\">\n          <v-icon class=\"pr-3\">mdi-account-arrow-right</v-icon>\n          <span class=\"mx-auto\">Join a Group</span>\n        </v-list-item>\n        <v-list-item @click=\"showCreateGroup\" class=\"px-4\">\n          <v-icon class=\"pr-3\">mdi-plus</v-icon>\n          <span class=\"mx-auto\">Create a Group</span>\n        </v-list-item>\n      </v-list>\n    </v-menu>\n    <v-dialog\n      v-model=\"createGroupDialog\"\n      max-width=\"550px\"\n      scrollable\n      :fullscreen=\"$vuetify.breakpoint.xsOnly\"\n      transition=\"dialog-bottom-transition\"\n    >\n      <CreateGroup v-on:close-modal=\"createGroupDialog = false\"/>\n    </v-dialog>\n    <v-dialog\n      v-model=\"joinGroupDialog\"\n      max-width=\"550px\"\n      scrollable\n      :fullscreen=\"$vuetify.breakpoint.xsOnly\"\n      transition=\"dialog-bottom-transition\"\n    >\n      <JoinGroup v-on:close-modal=\"joinGroupDialog = false\"/>\n    </v-dialog>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"GroupSelect\",\n  components: {\n    JoinGroup: () => import(\"@/components/GroupManagement/JoinGroup\"),\n    CreateGroup: () => import(\"@/components/GroupManagement/CreateGroup\"),\n  },\n  props: {\n    dropAbove: Boolean,\n    dropBelow: Boolean,\n  },\n  data() {\n    return {\n      groupSelectDropdown: false,\n      joinGroupDialog: false,\n      createGroupDialog: false,\n    }\n  },\n  computed: {\n    currentGroup() { return this.$store.state.groups.currentGroup; },\n    groups() { return this.$store.state.groups.groups; }\n  },\n  methods: {\n    async changeGroup(group) {\n      this.$store.dispatch(\"groups/setCurrentGroup\", group);\n      // Re-fetch everything (probably a way to specify only the active page, which would be better, just need to record that in state\n      await this.$store.dispatch(\"members/fetch\");\n      await this.$store.dispatch(\"collection/fetch\");\n      await this.$store.dispatch(\"plays/fetch\");\n    },\n    showJoinGroup() {\n      this.joinGroupDialog = true;\n    },\n    showCreateGroup() {\n      this.createGroupDialog = true;\n    }\n  },\n}\n</script>\n\n<style scoped>\n\n.truncate {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 250px;\n}\n\n@media (max-width: 600px){\n  .truncate {\n    max-width: 75vw;\n  }\n}\n\n.button-width {\n  max-width: 100%;\n}\n\n</style>","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!./GroupSelect.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!./GroupSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GroupSelect.vue?vue&type=template&id=5edd5512&scoped=true&\"\nimport script from \"./GroupSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./GroupSelect.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GroupSelect.vue?vue&type=style&index=0&id=5edd5512&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  \"5edd5512\",\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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\ninstallComponents(component, {VBtn,VDialog,VDivider,VIcon,VList,VListItem,VMenu})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GroupSelect.vue?vue&type=style&index=0&id=5edd5512&scoped=true&lang=css&\""],"sourceRoot":""}