{"version":3,"sources":["webpack:///./src/Pages/_OrgUsername/Images.vue?43fe","webpack:///./src/components/Organization/LogoSelector.vue?5085","webpack:///./src/components/Organization/LogoPreview.vue?b74f","webpack:///src/components/Organization/LogoPreview.vue","webpack:///./src/components/Organization/LogoPreview.vue?27ec","webpack:///./src/components/Organization/LogoPreview.vue","webpack:///src/components/Organization/LogoSelector.vue","webpack:///./src/components/Organization/LogoSelector.vue?4a4c","webpack:///./src/components/Organization/LogoSelector.vue","webpack:///src/Pages/_OrgUsername/Images.vue","webpack:///./src/Pages/_OrgUsername/Images.vue?c512","webpack:///./src/Pages/_OrgUsername/Images.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","model","value","callback","$$v","tab","expression","key","staticClass","_v","username","staticRenderFns","logoToPreview","ref","saving","currentLogo","images","on","onPreviewClick","staticStyle","$event","stopPropagation","_e","save","previewTheme","color1","color1Text","$emit","logoUrl","style","$vuetify","breakpoint","smAndUp","_s","name","headers","rows","scopedSlots","_u","fn","item","logo","dayDisplay","dateDisplay","_f","divisions","props","data","loading","computed","orgTheme","getTheme","orgTheme2","themes","find","selectedLogo","Object","assign","theme","mounted","$store","dispatch","component","VAppBarNavIcon","VBtn","VCard","VCardText","VDataTable","VIcon","VProgressLinear","VToolbar","VToolbarTitle","organizationId","page","id","methods","image","onUploadClick","$refs","library","$VBL","post","components","ImageLibrary","LogoPreview","VAlert","VCol","VContainer","VFabTransition","VRow","watch","LogoSelector","VTab","VTabItem","VTabs","VTabsItems"],"mappings":"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","file":"js/chunk-2d20eb7a.2e18b6df.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-tabs',{attrs:{\"background-color\":\"color3Text\",\"fixed\":\"\",\"slider-color\":\"color3\"},model:{value:(_vm.tab),callback:function ($$v) {_vm.tab=$$v},expression:\"tab\"}},[_c('v-tab',{key:1,staticClass:\"color3--text\"},[_vm._v(\" Logo \")]),_c('v-tab',{key:2,staticClass:\"color3--text\"},[_vm._v(\" Library \")]),_c('v-tabs-items',{attrs:{\"touchless\":_vm.tab === 1},model:{value:(_vm.tab),callback:function ($$v) {_vm.tab=$$v},expression:\"tab\"}},[_c('v-tab-item',{key:1},[_c('logo-selector',{attrs:{\"username\":_vm.username}})],1),_c('v-tab-item',{key:2},[_c('image-library',{attrs:{\"username\":_vm.username}})],1)],1)],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('v-card',{attrs:{\"flat\":\"\"}},[_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"dense\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-alert',{attrs:{\"type\":\"info\",\"value\":true,\"dense\":\"\"}},[(!_vm.logoToPreview)?_c('span',[_vm._v(\"To preview a new logo select an image from below or upload a new one\")]):_c('span',[_vm._v(\"To save this new logo click the save buttom on the bottom right of the screen\")])])],1)],1),_c('v-row',{attrs:{\"dense\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('image-library',{ref:\"library\",attrs:{\"username\":_vm.username,\"noPreview\":\"\",\"singleRow\":\"\",\"imgWidth\":192,\"imgHeight\":64,\"disabled\":_vm.saving,\"exclude\":_vm.currentLogo,\"images\":_vm.images},on:{\"preview-click\":_vm.onPreviewClick}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('logo-preview',{attrs:{\"logo\":_vm.logoToPreview,\"username\":_vm.username}})],1)],1)],1),_c('v-fab-transition',[(_vm.logoToPreview && !_vm.saving)?_c('v-btn',{staticStyle:{\"margin-right\":\"60px\"},attrs:{\"color\":\"error white--text\",\"fab\":\"\",\"fixed\":\"\",\"bottom\":\"\",\"right\":\"\"},on:{\"click\":function($event){$event.stopPropagation();_vm.logoToPreview = null}}},[_c('v-icon',[_vm._v(\"fas fa-times\")])],1):_vm._e()],1),_c('v-fab-transition',[(_vm.logoToPreview)?_c('v-btn',{attrs:{\"color\":\"color3 color3Text--text\",\"fab\":\"\",\"fixed\":\"\",\"bottom\":\"\",\"right\":\"\",\"loading\":_vm.saving},on:{\"click\":function($event){$event.stopPropagation();return _vm.save($event)}}},[_c('v-icon',[_vm._v(\"fas fa-save\")])],1):_vm._e()],1)],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('v-card',[(_vm.loading)?_c('v-card-text',{staticClass:\"pa-12 text-center body-2\"},[_c('v-progress-linear',{attrs:{\"indeterminate\":true,\"color\":\"color3\"}}),_vm._v(\" Please be patient while we load your theme. \")],1):[_c('v-toolbar',{attrs:{\"color\":_vm.previewTheme.color1}},[_c('v-app-bar-nav-icon',[_c('v-btn',{attrs:{\"color\":_vm.previewTheme.color1Text,\"icon\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.$emit('toggle-drawer')}}},[_c('v-icon',[_vm._v(\"far fa-bars\")])],1)],1),(_vm.previewTheme.logoUrl)?_c('img',{staticStyle:{\"height\":\"100%\",\"max-height\":\"100%\",\"position\":\"relative\"},attrs:{\"src\":_vm.previewTheme.logoUrl,\"alt\":\"logo\"}}):_c('v-toolbar-title',{staticClass:\"ml-0 pl-4\",style:(((_vm.$vuetify.breakpoint.smAndUp ? 'width: 300px; min-width: 250px;' : 'min-width: 72px;') + \" color:  \" + (_vm.previewTheme.color1Text))),attrs:{\"color\":_vm.previewTheme.color1Text}},[_vm._v(\" \"+_vm._s(_vm.previewTheme.name)+\" \")])],1),_c('v-card-text',[_c('v-data-table',{attrs:{\"headers\":_vm.headers,\"items\":_vm.rows,\"hide-default-footer\":\"\"},scopedSlots:_vm._u([{key:\"item.sanctionedBy\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('img',{key:item.logo,staticClass:\"table-logo\",style:({'background-color': _vm.previewTheme.color1}),attrs:{\"src\":item.logo,\"alt\":item.logo}})]}},{key:\"item.startDate\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('div',[_vm._v(_vm._s(item.dayDisplay))]),_c('div',[_vm._v(_vm._s(item.dateDisplay))])]}},{key:\"item.name\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('div',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"font-weight-thin\"},[_vm._v(_vm._s(_vm._f(\"formatArray\")(item.divisions)))])]}}],null,true)})],1)]],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-card>\r\n    <v-card-text v-if=\"loading\" class=\"pa-12 text-center body-2\">\r\n      <v-progress-linear :indeterminate=\"true\" color=\"color3\"></v-progress-linear>\r\n      Please be patient while we load your theme.\r\n    </v-card-text>\r\n    <template v-else>\r\n      <v-toolbar :color=\"previewTheme.color1\">\r\n        <v-app-bar-nav-icon>\r\n          <v-btn :color=\"previewTheme.color1Text\" icon @click.stop=\"$emit('toggle-drawer')\">\r\n            <v-icon>far fa-bars</v-icon>\r\n          </v-btn>\r\n        </v-app-bar-nav-icon>\r\n        <img v-if=\"previewTheme.logoUrl\" :src=\"previewTheme.logoUrl\" alt=\"logo\" style=\"height: 100%; max-height: 100%; position: relative\">\r\n        <v-toolbar-title v-else\r\n          :style=\"`${$vuetify.breakpoint.smAndUp ? 'width: 300px; min-width: 250px;' : 'min-width: 72px;'} color:  ${previewTheme.color1Text}`\"\r\n          :color=\"previewTheme.color1Text\"\r\n          class=\"ml-0 pl-4\"\r\n        >\r\n          {{previewTheme.name}}\r\n        </v-toolbar-title>\r\n      </v-toolbar>\r\n      <v-card-text>\r\n        <v-data-table\r\n          :headers=\"headers\"\r\n          :items=\"rows\"\r\n          hide-default-footer\r\n        >\r\n          <template v-slot:[`item.sanctionedBy`]=\"{item}\">\r\n            <img class=\"table-logo\" :src=\"item.logo\" :alt=\"item.logo\" :key=\"item.logo\" :style=\"{'background-color': previewTheme.color1}\">\r\n          </template>\r\n          <template v-slot:[`item.startDate`]=\"{item}\">\r\n              <div>{{ item.dayDisplay }}</div>\r\n              <div>{{ item.dateDisplay }}</div>\r\n          </template>\r\n          <template v-slot:[`item.name`]=\"{item}\">\r\n              <div class=\"font-weight-bold\">{{ item.name }}</div>\r\n              <div class=\"font-weight-thin\">{{ item.divisions | formatArray }}</div>\r\n          </template>\r\n        </v-data-table>\r\n      </v-card-text>\r\n    </template>\r\n  </v-card>\r\n</template>\r\n\r\n<script>\r\nimport moment from 'moment'\r\nimport { mapGetters } from 'vuex'\r\nimport * as actions from '../../store/ActionTypes'\r\n\r\nexport default {\r\n  props: ['username', 'logo'],\r\n  data () {\r\n    return {\r\n      loading: false\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters(['theme', 'getTheme', 'themes']),\r\n    orgTheme () {\r\n      return this.getTheme(this.username)\r\n    },\r\n    orgTheme2 () {\r\n      return this.username && this.themes && this.themes.find(f => f.username === this.username)\r\n    },\r\n    previewTheme () {\r\n      var selectedLogo = this.logo ? { logoUrl: this.logo.url } : {}\r\n      return Object.assign({}, this.orgTheme || this.theme, selectedLogo)\r\n    },\r\n    headers () {\r\n      return [\r\n        { value: 'sanctionedBy', align: 'left', sortable: false },\r\n        { text: 'Date', value: 'startDate', align: 'left', sortable: false },\r\n        { text: 'Name', value: 'name', align: 'left', sortable: false }\r\n      ]\r\n    },\r\n    rows () {\r\n      return [\r\n        {\r\n          logo: this.previewTheme.logoUrl,\r\n          dateDisplay: moment().format('MMM Do'),\r\n          dayDisplay: moment().format('dddd'),\r\n          name: 'Logo Preview Tournament'\r\n        },\r\n        {\r\n          logo: this.previewTheme.logoUrl,\r\n          dateDisplay: moment().format('MMM Do'),\r\n          dayDisplay: moment().format('dddd'),\r\n          name: 'Logo Preview Tournament'\r\n        },\r\n        {\r\n          logo: this.previewTheme.logoUrl,\r\n          dateDisplay: moment().format('MMM Do'),\r\n          dayDisplay: moment().format('dddd'),\r\n          name: 'Logo Preview Tournament'\r\n        }\r\n      ]\r\n    }\r\n  },\r\n  mounted () {\r\n    if (!this.orgTheme) {\r\n      this.loading = true\r\n      this.$store.dispatch(actions.LOAD_THEME, this.username)\r\n        .finally(() => {\r\n          this.loading = false\r\n        })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n\r\n</style>\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!./LogoPreview.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!./LogoPreview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LogoPreview.vue?vue&type=template&id=fb88adc2&\"\nimport script from \"./LogoPreview.vue?vue&type=script&lang=js&\"\nexport * from \"./LogoPreview.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 { VAppBarNavIcon } from 'vuetify/lib/components/VAppBar';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VProgressLinear } from 'vuetify/lib/components/VProgressLinear';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VAppBarNavIcon,VBtn,VCard,VCardText,VDataTable,VIcon,VProgressLinear,VToolbar,VToolbarTitle})\n","<template>\r\n  <v-card flat>\r\n    <v-container fluid>\r\n      <v-row dense>\r\n        <v-col cols=\"12\">\r\n          <v-alert type=\"info\" :value=\"true\" dense>\r\n            <span v-if=\"!logoToPreview\">To preview a new logo select an image from below or upload a new one</span>\r\n            <span v-else>To save this new logo click the save buttom on the bottom right of the screen</span>\r\n          </v-alert>\r\n        </v-col>\r\n      </v-row>\r\n      <v-row dense>\r\n        <v-col cols=\"12\">\r\n          <image-library\r\n            :username=\"username\"\r\n            ref=\"library\"\r\n            noPreview\r\n            @preview-click=\"onPreviewClick\"\r\n            singleRow\r\n            :imgWidth=\"192\"\r\n            :imgHeight=\"64\"\r\n            :disabled=\"saving\"\r\n            :exclude=\"currentLogo\"\r\n            :images=\"images\"\r\n          />\r\n        </v-col>\r\n        <v-col cols=\"12\">\r\n          <logo-preview :logo=\"logoToPreview\" :username=\"username\"></logo-preview>\r\n        </v-col>\r\n      </v-row>\r\n    </v-container>\r\n\r\n    <v-fab-transition>\r\n      <v-btn\r\n        color=\"error white--text\"\r\n        fab\r\n        fixed\r\n        bottom right\r\n        v-if=\"logoToPreview && !saving\"\r\n        @click.stop=\"logoToPreview = null\"\r\n        style=\"margin-right: 60px\"\r\n      >\r\n        <v-icon>fas fa-times</v-icon>\r\n      </v-btn>\r\n    </v-fab-transition>\r\n    <v-fab-transition>\r\n      <v-btn\r\n      color=\"color3 color3Text--text\"\r\n        fab\r\n        fixed\r\n        bottom right\r\n        v-if=\"logoToPreview\"\r\n        @click.stop=\"save\"\r\n        :loading=\"saving\"\r\n      >\r\n        <v-icon>fas fa-save</v-icon>\r\n      </v-btn>\r\n    </v-fab-transition>\r\n  </v-card>\r\n</template>\r\n\r\n<script>\r\nimport ImageLibrary from '@/components/Organization/OrganizationImageLibrary.vue'\r\nimport LogoPreview from '@/components/Organization/LogoPreview.vue'\r\nimport * as actions from '@/store/ActionTypes'\r\nimport { mapGetters } from 'vuex'\r\n\r\nexport default {\r\n  props: ['username', 'images'],\r\n  data () {\r\n    return {\r\n      logoToPreview: null,\r\n      saving: false\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters(['getTheme']),\r\n    organizationId () {\r\n      const page = this.$store.getters.user.pages.find(f => f.username === this.username)\r\n      return page && page.id\r\n    },\r\n    currentLogo () {\r\n      const theme = this.getTheme(this.username)\r\n      return theme && theme.logoUrl\r\n    }\r\n  },\r\n  methods: {\r\n    onPreviewClick (image) {\r\n      this.logoToPreview = image\r\n    },\r\n    onUploadClick () {\r\n      this.$refs.library.onUploadClick()\r\n    },\r\n    save () {\r\n      if (this.logoToPreview) {\r\n        this.saving = true\r\n        this.$VBL.post.logo(this.logoToPreview.id, this.organizationId)\r\n          .then(response => {\r\n            this.$store.dispatch(actions.UPDATE_THEME, { username: this.username, logoUrl: this.logoToPreview.url })\r\n            this.logoToPreview = null\r\n          })\r\n          .catch(err => console.log(err.response))\r\n          .finally(() => {\r\n            this.saving = false\r\n          })\r\n      }\r\n    }\r\n  },\r\n  components: {\r\n    ImageLibrary,\r\n    LogoPreview\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n\r\n</style>\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!./LogoSelector.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!./LogoSelector.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LogoSelector.vue?vue&type=template&id=0aee8edc&\"\nimport script from \"./LogoSelector.vue?vue&type=script&lang=js&\"\nexport * from \"./LogoSelector.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 { VAlert } from 'vuetify/lib/components/VAlert';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VFabTransition } from 'vuetify/lib/components/transitions';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VAlert,VBtn,VCard,VCol,VContainer,VFabTransition,VIcon,VRow})\n","<template>\r\n    <v-tabs\r\n      v-model=\"tab\"\r\n      background-color=\"color3Text\"\r\n      fixed\r\n      slider-color=\"color3\"\r\n    >\r\n      <v-tab :key=\"1\" class=\"color3--text\">\r\n        Logo\r\n      </v-tab>\r\n      <v-tab :key=\"2\" class=\"color3--text\">\r\n        Library\r\n      </v-tab>\r\n\r\n      <v-tabs-items :touchless=\"tab === 1\" v-model=\"tab\">\r\n        <v-tab-item :key=\"1\">\r\n          <logo-selector :username=\"username\"/>\r\n        </v-tab-item>\r\n        <v-tab-item :key=\"2\">\r\n          <image-library\r\n            :username=\"username\"\r\n          />\r\n        </v-tab-item>\r\n      </v-tabs-items>\r\n    </v-tabs>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport ImageLibrary from '@/components/Organization/OrganizationImageLibrary.vue'\r\nimport LogoSelector from '@/components/Organization/LogoSelector.vue'\r\n\r\nexport default {\r\n  props: ['username'],\r\n  data () {\r\n    return {\r\n      tab: null\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters(['user']),\r\n    organizationId () {\r\n      const page = this.user.pages.find(f => f.username === this.username)\r\n      return page && page.id\r\n    }\r\n  },\r\n  methods: {\r\n  },\r\n  watch: {\r\n  },\r\n  mounted () {\r\n  },\r\n  components: {\r\n    ImageLibrary,\r\n    LogoSelector\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n</style>\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!./Images.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!./Images.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Images.vue?vue&type=template&id=1716c9c3&\"\nimport script from \"./Images.vue?vue&type=script&lang=js&\"\nexport * from \"./Images.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 { VTab } from 'vuetify/lib/components/VTabs';\nimport { VTabItem } from 'vuetify/lib/components/VTabs';\nimport { VTabs } from 'vuetify/lib/components/VTabs';\nimport { VTabsItems } from 'vuetify/lib/components/VTabs';\ninstallComponents(component, {VTab,VTabItem,VTabs,VTabsItems})\n"],"sourceRoot":""}