{"version":3,"sources":["webpack:///./src/modals/games/crate-battles/battle-select-crates.vue?c7be","webpack:///./node_modules/vuetify/lib/components/VSlideGroup/VSlideGroup.js","webpack:///./src/modals/games/crate-battles/battle-select-crates.vue?f2dc","webpack:///src/modals/games/crate-battles/battle-select-crates.vue","webpack:///./src/modals/games/crate-battles/battle-select-crates.vue?0c45","webpack:///./src/modals/games/crate-battles/battle-select-crates.vue","webpack:///./src/views/games/CaseBattles/components/BattleCrate.vue?56af","webpack:///./node_modules/vuetify/lib/components/VChip/VChip.js","webpack:///./src/views/games/CaseBattles/components/BattleCrate.vue?8c52","webpack:///src/views/games/CaseBattles/components/BattleCrate.vue","webpack:///./src/views/games/CaseBattles/components/BattleCrate.vue?dd33","webpack:///./src/views/games/CaseBattles/components/BattleCrate.vue","webpack:///./node_modules/vuetify/lib/components/VChipGroup/VChipGroup.js"],"names":["BaseSlideGroup","extend","name","directives","Resize","Touch","props","activeClass","type","String","default","centerActive","Boolean","nextIcon","prevIcon","showArrows","validator","v","includes","data","internalItemsLength","isOverflowing","resizeTimeout","startX","isSwipingHorizontal","isSwiping","scrollOffset","widths","content","wrapper","computed","window","this","genTransition","options","classes","call","hasAffixes","isMobile","Math","abs","watch","internalValue","val","$refs","style","transform","$children","length","setWidths","methods","slot","$scopedSlots","next","$slots","__cachedNext","$createElement","staticClass","class","hasNext","on","click","onAffixClick","key","ref","value","onResize","location","icon","$vuetify","rtl","upperLocation","toUpperCase","slice","hasAffix","disabled","prev","__cachedPrev","hasPrev","genIcon","start","e","overflowCheck","onTouchStart","move","onTouchMove","end","onTouchEnd","genContent","direction","currentScrollOffset","sign","newAbosluteOffset","max","min","$emit","scrollTo","_isDestroyed","touchstartX","setProperty","canTouch","diffX","touchmoveX","diffY","touchmoveY","touchstartY","document","documentElement","overflowY","maxScrollOffset","clientWidth","removeProperty","fn","stopPropagation","selectedItem","items","lastItemPosition","$el","getBoundingClientRect","wrapperPosition","right","left","selectedIndex","calculateCenteredOffset","calculateUpdatedOffset","selectedElement","offsetLeft","totalWidth","itemOffset","additionalOffset","offsetCentered","calculateNewOffset","requestAnimationFrame","scrollIntoView","h","genData","genPrev","genWrapper","genNext","slideGroup","render","_vm","_h","_c","_self","attrs","model","filter","callback","$$v","$set","expression","_l","tag","_v","_s","$t","replaceAll","scopedSlots","_u","_g","sortIcon","domProps","sorting","field","$event","filteredCrates","crate","id","onSelect","onChangeAmount","roundsCount","roundsCost","rawName","close","canSubmit","onSubmit","staticRenderFns","SORT_ICONS","popularity","price","createdAt","components","BattleCrate","Function","required","payload","Object","loading","selected","search","query","CasesGame","orderBy","tags","orWhere","sortField","split","sortDir","get","crates","without","i","toLowerCase","map","keys","cratesById","reduce","acc","entries","amount","selectedRounds","diff","newAmount","config","maxRounds","component","VBtn","VChip","VChipGroup","VList","VListItem","VListItemTitle","VMenu","VTextField","active","chipGroup","closeIcon","closeLabel","draggable","filterIcon","label","link","outlined","pill","textColor","proxyClass","isClickable","isLink","color","hasClose","themeClasses","sizeableClasses","groupClasses","breakingProps","forEach","original","replacement","$attrs","hasOwnProperty","toggle","children","isActive","push","size","lang","t","preventDefault","genFilter","genClose","generateRouteLink","undefined","tabindex","setBackgroundColor","setTextColor","_e","caseImage","defaultCaseImg","dragHandle","VImg","VTooltip","column","$nextTick"],"mappings":"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","file":"js/games-crate-battles-battle-select-crates.modal.9102ebac.js","sourcesContent":["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/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./battle-select-crates.vue?vue&type=style&index=0&id=2201cd07&lang=scss&scoped=true&\"; 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/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./battle-select-crates.vue?vue&type=style&index=0&id=2201cd07&lang=scss&scoped=true&\"","// Styles\nimport \"../../../src/components/VSlideGroup/VSlideGroup.sass\"; // Components\n\nimport VIcon from '../VIcon';\nimport { VFadeTransition } from '../transitions'; // Extensions\n\nimport { BaseItemGroup } from '../VItemGroup/VItemGroup'; // Mixins\n\nimport Mobile from '../../mixins/mobile'; // Directives\n\nimport Resize from '../../directives/resize';\nimport Touch from '../../directives/touch'; // Utilities\n\nimport mixins from '../../util/mixins';\nexport const BaseSlideGroup = mixins(BaseItemGroup, Mobile).extend({\n  name: 'base-slide-group',\n  directives: {\n    Resize,\n    Touch\n  },\n  props: {\n    activeClass: {\n      type: String,\n      default: 'v-slide-item--active'\n    },\n    centerActive: Boolean,\n    nextIcon: {\n      type: String,\n      default: '$next'\n    },\n    prevIcon: {\n      type: String,\n      default: '$prev'\n    },\n    showArrows: {\n      type: [Boolean, String],\n      validator: v => typeof v === 'boolean' || ['always', 'desktop', 'mobile'].includes(v)\n    }\n  },\n  data: () => ({\n    internalItemsLength: 0,\n    isOverflowing: false,\n    resizeTimeout: 0,\n    startX: 0,\n    isSwipingHorizontal: false,\n    isSwiping: false,\n    scrollOffset: 0,\n    widths: {\n      content: 0,\n      wrapper: 0\n    }\n  }),\n  computed: {\n    canTouch() {\n      return typeof window !== 'undefined';\n    },\n\n    __cachedNext() {\n      return this.genTransition('next');\n    },\n\n    __cachedPrev() {\n      return this.genTransition('prev');\n    },\n\n    classes() {\n      return { ...BaseItemGroup.options.computed.classes.call(this),\n        'v-slide-group': true,\n        'v-slide-group--has-affixes': this.hasAffixes,\n        'v-slide-group--is-overflowing': this.isOverflowing\n      };\n    },\n\n    hasAffixes() {\n      switch (this.showArrows) {\n        // Always show arrows on desktop & mobile\n        case 'always':\n          return true;\n        // Always show arrows on desktop\n\n        case 'desktop':\n          return !this.isMobile;\n        // Show arrows on mobile when overflowing.\n        // This matches the default 2.2 behavior\n\n        case true:\n          return this.isOverflowing || Math.abs(this.scrollOffset) > 0;\n        // Always show on mobile\n\n        case 'mobile':\n          return this.isMobile || this.isOverflowing || Math.abs(this.scrollOffset) > 0;\n        // https://material.io/components/tabs#scrollable-tabs\n        // Always show arrows when\n        // overflowed on desktop\n\n        default:\n          return !this.isMobile && (this.isOverflowing || Math.abs(this.scrollOffset) > 0);\n      }\n    },\n\n    hasNext() {\n      if (!this.hasAffixes) return false;\n      const {\n        content,\n        wrapper\n      } = this.widths; // Check one scroll ahead to know the width of right-most item\n\n      return content > Math.abs(this.scrollOffset) + wrapper;\n    },\n\n    hasPrev() {\n      return this.hasAffixes && this.scrollOffset !== 0;\n    }\n\n  },\n  watch: {\n    internalValue: 'setWidths',\n    // When overflow changes, the arrows alter\n    // the widths of the content and wrapper\n    // and need to be recalculated\n    isOverflowing: 'setWidths',\n\n    scrollOffset(val) {\n      this.$refs.content.style.transform = `translateX(${-val}px)`;\n    }\n\n  },\n\n  beforeUpdate() {\n    this.internalItemsLength = (this.$children || []).length;\n  },\n\n  updated() {\n    if (this.internalItemsLength === (this.$children || []).length) return;\n    this.setWidths();\n  },\n\n  methods: {\n    // Always generate next for scrollable hint\n    genNext() {\n      const slot = this.$scopedSlots.next ? this.$scopedSlots.next({}) : this.$slots.next || this.__cachedNext;\n      return this.$createElement('div', {\n        staticClass: 'v-slide-group__next',\n        class: {\n          'v-slide-group__next--disabled': !this.hasNext\n        },\n        on: {\n          click: () => this.onAffixClick('next')\n        },\n        key: 'next'\n      }, [slot]);\n    },\n\n    genContent() {\n      return this.$createElement('div', {\n        staticClass: 'v-slide-group__content',\n        ref: 'content'\n      }, this.$slots.default);\n    },\n\n    genData() {\n      return {\n        class: this.classes,\n        directives: [{\n          name: 'resize',\n          value: this.onResize\n        }]\n      };\n    },\n\n    genIcon(location) {\n      let icon = location;\n\n      if (this.$vuetify.rtl && location === 'prev') {\n        icon = 'next';\n      } else if (this.$vuetify.rtl && location === 'next') {\n        icon = 'prev';\n      }\n\n      const upperLocation = `${location[0].toUpperCase()}${location.slice(1)}`;\n      const hasAffix = this[`has${upperLocation}`];\n      if (!this.showArrows && !hasAffix) return null;\n      return this.$createElement(VIcon, {\n        props: {\n          disabled: !hasAffix\n        }\n      }, this[`${icon}Icon`]);\n    },\n\n    // Always generate prev for scrollable hint\n    genPrev() {\n      const slot = this.$scopedSlots.prev ? this.$scopedSlots.prev({}) : this.$slots.prev || this.__cachedPrev;\n      return this.$createElement('div', {\n        staticClass: 'v-slide-group__prev',\n        class: {\n          'v-slide-group__prev--disabled': !this.hasPrev\n        },\n        on: {\n          click: () => this.onAffixClick('prev')\n        },\n        key: 'prev'\n      }, [slot]);\n    },\n\n    genTransition(location) {\n      return this.$createElement(VFadeTransition, [this.genIcon(location)]);\n    },\n\n    genWrapper() {\n      return this.$createElement('div', {\n        staticClass: 'v-slide-group__wrapper',\n        directives: [{\n          name: 'touch',\n          value: {\n            start: e => this.overflowCheck(e, this.onTouchStart),\n            move: e => this.overflowCheck(e, this.onTouchMove),\n            end: e => this.overflowCheck(e, this.onTouchEnd)\n          }\n        }],\n        ref: 'wrapper'\n      }, [this.genContent()]);\n    },\n\n    calculateNewOffset(direction, widths, rtl, currentScrollOffset) {\n      const sign = rtl ? -1 : 1;\n      const newAbosluteOffset = sign * currentScrollOffset + (direction === 'prev' ? -1 : 1) * widths.wrapper;\n      return sign * Math.max(Math.min(newAbosluteOffset, widths.content - widths.wrapper), 0);\n    },\n\n    onAffixClick(location) {\n      this.$emit(`click:${location}`);\n      this.scrollTo(location);\n    },\n\n    onResize() {\n      /* istanbul ignore next */\n      if (this._isDestroyed) return;\n      this.setWidths();\n    },\n\n    onTouchStart(e) {\n      const {\n        content\n      } = this.$refs;\n      this.startX = this.scrollOffset + e.touchstartX;\n      content.style.setProperty('transition', 'none');\n      content.style.setProperty('willChange', 'transform');\n    },\n\n    onTouchMove(e) {\n      if (!this.canTouch) return;\n\n      if (!this.isSwiping) {\n        // only calculate disableSwipeHorizontal during the first onTouchMove invoke\n        // in order to ensure disableSwipeHorizontal value is consistent between onTouchStart and onTouchEnd\n        const diffX = e.touchmoveX - e.touchstartX;\n        const diffY = e.touchmoveY - e.touchstartY;\n        this.isSwipingHorizontal = Math.abs(diffX) > Math.abs(diffY);\n        this.isSwiping = true;\n      }\n\n      if (this.isSwipingHorizontal) {\n        // sliding horizontally\n        this.scrollOffset = this.startX - e.touchmoveX; // temporarily disable window vertical scrolling\n\n        document.documentElement.style.overflowY = 'hidden';\n      }\n    },\n\n    onTouchEnd() {\n      if (!this.canTouch) return;\n      const {\n        content,\n        wrapper\n      } = this.$refs;\n      const maxScrollOffset = content.clientWidth - wrapper.clientWidth;\n      content.style.setProperty('transition', null);\n      content.style.setProperty('willChange', null);\n\n      if (this.$vuetify.rtl) {\n        /* istanbul ignore else */\n        if (this.scrollOffset > 0 || !this.isOverflowing) {\n          this.scrollOffset = 0;\n        } else if (this.scrollOffset <= -maxScrollOffset) {\n          this.scrollOffset = -maxScrollOffset;\n        }\n      } else {\n        /* istanbul ignore else */\n        if (this.scrollOffset < 0 || !this.isOverflowing) {\n          this.scrollOffset = 0;\n        } else if (this.scrollOffset >= maxScrollOffset) {\n          this.scrollOffset = maxScrollOffset;\n        }\n      }\n\n      this.isSwiping = false; // rollback whole page scrolling to default\n\n      document.documentElement.style.removeProperty('overflow-y');\n    },\n\n    overflowCheck(e, fn) {\n      e.stopPropagation();\n      this.isOverflowing && fn(e);\n    },\n\n    scrollIntoView\n    /* istanbul ignore next */\n    () {\n      if (!this.selectedItem && this.items.length) {\n        const lastItemPosition = this.items[this.items.length - 1].$el.getBoundingClientRect();\n        const wrapperPosition = this.$refs.wrapper.getBoundingClientRect();\n\n        if (this.$vuetify.rtl && wrapperPosition.right < lastItemPosition.right || !this.$vuetify.rtl && wrapperPosition.left > lastItemPosition.left) {\n          this.scrollTo('prev');\n        }\n      }\n\n      if (!this.selectedItem) {\n        return;\n      }\n\n      if (this.selectedIndex === 0 || !this.centerActive && !this.isOverflowing) {\n        this.scrollOffset = 0;\n      } else if (this.centerActive) {\n        this.scrollOffset = this.calculateCenteredOffset(this.selectedItem.$el, this.widths, this.$vuetify.rtl);\n      } else if (this.isOverflowing) {\n        this.scrollOffset = this.calculateUpdatedOffset(this.selectedItem.$el, this.widths, this.$vuetify.rtl, this.scrollOffset);\n      }\n    },\n\n    calculateUpdatedOffset(selectedElement, widths, rtl, currentScrollOffset) {\n      const clientWidth = selectedElement.clientWidth;\n      const offsetLeft = rtl ? widths.content - selectedElement.offsetLeft - clientWidth : selectedElement.offsetLeft;\n\n      if (rtl) {\n        currentScrollOffset = -currentScrollOffset;\n      }\n\n      const totalWidth = widths.wrapper + currentScrollOffset;\n      const itemOffset = clientWidth + offsetLeft;\n      const additionalOffset = clientWidth * 0.4;\n\n      if (offsetLeft <= currentScrollOffset) {\n        currentScrollOffset = Math.max(offsetLeft - additionalOffset, 0);\n      } else if (totalWidth <= itemOffset) {\n        currentScrollOffset = Math.min(currentScrollOffset - (totalWidth - itemOffset - additionalOffset), widths.content - widths.wrapper);\n      }\n\n      return rtl ? -currentScrollOffset : currentScrollOffset;\n    },\n\n    calculateCenteredOffset(selectedElement, widths, rtl) {\n      const {\n        offsetLeft,\n        clientWidth\n      } = selectedElement;\n\n      if (rtl) {\n        const offsetCentered = widths.content - offsetLeft - clientWidth / 2 - widths.wrapper / 2;\n        return -Math.min(widths.content - widths.wrapper, Math.max(0, offsetCentered));\n      } else {\n        const offsetCentered = offsetLeft + clientWidth / 2 - widths.wrapper / 2;\n        return Math.min(widths.content - widths.wrapper, Math.max(0, offsetCentered));\n      }\n    },\n\n    scrollTo\n    /* istanbul ignore next */\n    (location) {\n      this.scrollOffset = this.calculateNewOffset(location, {\n        // Force reflow\n        content: this.$refs.content ? this.$refs.content.clientWidth : 0,\n        wrapper: this.$refs.wrapper ? this.$refs.wrapper.clientWidth : 0\n      }, this.$vuetify.rtl, this.scrollOffset);\n    },\n\n    setWidths\n    /* istanbul ignore next */\n    () {\n      window.requestAnimationFrame(() => {\n        const {\n          content,\n          wrapper\n        } = this.$refs;\n        this.widths = {\n          content: content ? content.clientWidth : 0,\n          wrapper: wrapper ? wrapper.clientWidth : 0\n        }; // https://github.com/vuetifyjs/vuetify/issues/13212\n        // We add +1 to the wrappers width to prevent an issue where the `clientWidth`\n        // gets calculated wrongly by the browser if using a different zoom-level.\n\n        this.isOverflowing = this.widths.wrapper + 1 < this.widths.content;\n        this.scrollIntoView();\n      });\n    }\n\n  },\n\n  render(h) {\n    return h('div', this.genData(), [this.genPrev(), this.genWrapper(), this.genNext()]);\n  }\n\n});\nexport default BaseSlideGroup.extend({\n  name: 'v-slide-group',\n\n  provide() {\n    return {\n      slideGroup: this\n    };\n  }\n\n});\n//# sourceMappingURL=VSlideGroup.js.map","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"py-0 px-0 d-flex align-center justify-space-between mb-3\"},[_c('div',{staticClass:\"text-uppercase font-weight-bold\"},[_c('v-chip-group',{attrs:{\"column\":\"\",\"mandatory\":\"\",\"active-class\":\"primary700 primary100--text\"},model:{value:(_vm.filter.tag),callback:function ($$v) {_vm.$set(_vm.filter, \"tag\", $$v)},expression:\"filter.tag\"}},_vm._l((_vm.tags),function(tag){return _c('v-chip',{key:tag,staticClass:\"rounded-0 font-weight-semibold text-caption\",attrs:{\"ripple\":false,\"value\":tag}},[_vm._v(\" \"+_vm._s(_vm.$t((\"page.cases.tags.\" + (tag.replaceAll(' ', '_')))))+\" \")])}),1)],1),_c('div',{staticClass:\"d-flex fw-regular flex-center\"},[_c('v-menu',{attrs:{\"open-on-hover\":\"\",\"bottom\":\"\",\"offset-y\":\"\",\"left\":\"\",\"content-class\":\"rounded-0\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-btn',_vm._g({staticClass:\"text-none mr-3\",attrs:{\"color\":\"grey400\",\"ripple\":false,\"tile\":\"\"}},on),[_c('fai',{staticClass:\"text-body-1 mr-2\",attrs:{\"icon\":_vm.sortIcon}}),_c('span',{staticClass:\"mr-3 text-caption font-weight-semibold\",domProps:{\"textContent\":_vm._s(_vm.$t((\"page.cases.sorting.\" + (_vm.filter.sorting.replaceAll('-', '_')))))}}),_c('fai',{attrs:{\"icon\":['far', 'angle-down']}})],1)]}}])},[_c('v-list',{staticClass:\"py-0\",attrs:{\"color\":\"grey500\",\"dense\":\"\"}},_vm._l((_vm.sortFields),function(field){return _c('v-list-item',{key:field,attrs:{\"ripple\":false},on:{\"click\":function($event){_vm.filter.sorting = field}}},[_c('v-list-item-title',{staticClass:\"d-flex align-center text--secondary\"},[_vm._v(\" \"+_vm._s(_vm.$t((\"page.cases.sorting.\" + (field.replaceAll('-', '_')))))+\" \")])],1)}),1)],1),_c('v-text-field',{staticClass:\"rounded-0\",attrs:{\"background-color\":\"grey800\",\"hide-details\":\"\",\"solo\":\"\",\"dense\":\"\",\"flat\":\"\",\"placeholder\":_vm.$t('common.search')},model:{value:(_vm.filter.search),callback:function ($$v) {_vm.$set(_vm.filter, \"search\", $$v)},expression:\"filter.search\"}})],1)]),(_vm.filteredCrates.length)?_c('div',{staticClass:\"mb-3 crates\"},_vm._l((_vm.filteredCrates),function(crate){return _c('BattleCrate',{key:crate.id,staticClass:\"bg-ui-panel\",attrs:{\"crate\":crate},on:{\"add\":function($event){return _vm.onSelect(crate)},\"change-amount\":function($event){return _vm.onChangeAmount(crate, $event)}}})}),1):_c('div',{staticClass:\"text-center grey600 py-8 mb-3\"},[_vm._v(\" No crates found \")]),_c('div',{staticClass:\"d-flex pa-4 grey800 align-center justify-space-between\"},[_c('div',{staticClass:\"grey100--text px-3\"},[_c('span',[_vm._v(_vm._s(_vm.roundsCount)+\" crates\")]),_c('span',{staticClass:\"mx-2 font-weight-bold grey200--text\"},[_vm._v(\" · \")]),_c('scrap',{attrs:{\"amount\":_vm.roundsCost}})],1),_c('div',{staticClass:\"btns\"},[_c('v-btn',{directives:[{name:\"t\",rawName:\"v-t\",value:('cta.cancel'),expression:\"'cta.cancel'\"}],staticClass:\"rounded-0 px-5 primary300--text font-weight-bold mr-3\",attrs:{\"color\":\"primary700\",\"small\":\"\",\"depressed\":\"\",\"ripple\":false},on:{\"click\":_vm.close}}),_c('v-btn',{staticClass:\"rounded-0 px-8 font-weight-bold\",attrs:{\"color\":\"green800 green500--text\",\"large\":\"\",\"depressed\":\"\",\"ripple\":false,\"disabled\":!_vm.canSubmit},on:{\"click\":_vm.onSubmit}},[_c('span',{directives:[{name:\"t\",rawName:\"v-t\",value:('cta.add'),expression:\"'cta.add'\"}]}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.roundsCount),expression:\"roundsCount\"}],staticClass:\"ml-1\"},[_vm._v(\" \"+_vm._s(_vm.roundsCount)+\" crate(s) \")])])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"modal-content\">\n    <!-- Header -->\n    <div class=\"py-0 px-0 d-flex align-center justify-space-between mb-3\">\n      <div class=\"text-uppercase font-weight-bold\">\n        <v-chip-group\n          v-model=\"filter.tag\"\n          column mandatory\n          active-class=\"primary700 primary100--text\"\n        >\n          <v-chip\n            v-for=\"tag in tags\"\n            :key=\"tag\"\n            class=\"rounded-0 font-weight-semibold text-caption\"\n            :ripple=\"false\"\n            :value=\"tag\"\n          >\n            {{ $t(`page.cases.tags.${tag.replaceAll(' ', '_')}`) }}\n          </v-chip>\n        </v-chip-group>\n      </div>\n      <div class=\"d-flex fw-regular flex-center\">\n        <v-menu\n          open-on-hover\n          bottom offset-y left\n          content-class=\"rounded-0\"\n        >\n          <template #activator=\"{ on }\">\n            <v-btn\n              color=\"grey400\" class=\"text-none mr-3\"\n              :ripple=\"false\" tile\n              v-on=\"on\"\n            >\n              <fai :icon=\"sortIcon\" class=\"text-body-1 mr-2\" />\n              <span class=\"mr-3 text-caption font-weight-semibold\" v-text=\"$t(`page.cases.sorting.${filter.sorting.replaceAll('-', '_')}`)\" />\n              <fai :icon=\"['far', 'angle-down']\" />\n            </v-btn>\n          </template>\n\n          <v-list color=\"grey500\" class=\"py-0\" dense>\n            <v-list-item\n              v-for=\"field in sortFields\"\n              :key=\"field\"\n              :ripple=\"false\"\n              @click=\"filter.sorting = field\"\n            >\n              <v-list-item-title class=\"d-flex align-center text--secondary\">\n                {{ $t(`page.cases.sorting.${field.replaceAll('-', '_')}`) }}\n              </v-list-item-title>\n            </v-list-item>\n          </v-list>\n        </v-menu>\n\n        <v-text-field\n          v-model=\"filter.search\"\n          class=\"rounded-0\"\n          background-color=\"grey800\"\n          hide-details solo dense flat\n          :placeholder=\"$t('common.search')\"\n        />\n      </div>\n    </div>\n\n    <!-- Items -->\n    <div v-if=\"filteredCrates.length\" class=\"mb-3 crates\">\n      <BattleCrate\n        v-for=\"crate in filteredCrates\" :key=\"crate.id\" :crate=\"crate\" class=\"bg-ui-panel\"\n        @add=\"onSelect(crate)\"\n        @change-amount=\"onChangeAmount(crate, $event)\"\n      />\n    </div>\n    <div v-else class=\"text-center grey600 py-8 mb-3\">\n      No crates found\n    </div>\n\n    <!-- Footer -->\n    <div class=\"d-flex pa-4 grey800 align-center justify-space-between\">\n      <div class=\"grey100--text px-3\">\n        <span>{{ roundsCount }} crates</span>\n\n        <span class=\"mx-2 font-weight-bold grey200--text\">\n          &middot;\n        </span>\n\n        <scrap :amount=\"roundsCost\" />\n      </div>\n      <div class=\"btns\">\n        <v-btn\n          v-t=\"'cta.cancel'\"\n          color=\"primary700\" small depressed\n          :ripple=\"false\"\n          class=\"rounded-0 px-5 primary300--text font-weight-bold mr-3\"\n          @click=\"close\"\n        />\n\n        <v-btn\n          color=\"green800 green500--text\"\n          large depressed :ripple=\"false\"\n          class=\"rounded-0 px-8 font-weight-bold\"\n          :disabled=\"!canSubmit\"\n          @click=\"onSubmit\"\n        >\n          <span v-t=\"'cta.add'\" />\n          <span v-show=\"roundsCount\" class=\"ml-1\">\n            {{ roundsCount }} crate(s)\n          </span>\n        </v-btn>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport CasesGame from '@/store/models/games/cases/CasesGame'\nimport BattleCrate from '@/views/games/CaseBattles/components/BattleCrate'\n\nconst SORT_ICONS = {\n  popularity: ['fad', 'crown'],\n  price: ['fad', 'sack-dollar'],\n  createdAt: ['fad', 'history'],\n}\n\nexport default {\n  components: {\n    BattleCrate,\n  },\n  props: {\n    close: {\n      type: Function,\n      required: true,\n    },\n    payload: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      loading: false,\n      selected: {},\n      filter: {\n        tag: 'featured',\n        sorting: 'popularity-desc',\n        search: '',\n      },\n    }\n  },\n  computed: {\n    // props\n    config() {\n      return this.payload?.config ?? []\n    },\n    crates() {\n      const { sorting, tag } = this.filter\n      const query = CasesGame.query()\n\n      // featured category shows all but sorts by featured THEN custom sort\n      // other tags filter out cases\n      if (tag === 'featured') {\n        if (sorting === 'popularity-desc') {\n          query.orderBy(crate => +crate.tags.includes(tag), 'desc')\n        }\n      } else {\n        query.orWhere(crate => crate.tags.includes(tag))\n      }\n\n      const sortField = sorting.split('-')[0]\n      const sortDir = sorting.split('-')[1]\n\n      return query.orderBy(sortField, sortDir).get()\n    },\n    without() {\n      return this.payload?.without ?? []\n    },\n    filteredCrates() {\n      let crates = [...this.crates]\n      const { search } = this.filter\n      const { without, selected } = this\n\n      if (without.length) {\n        crates = crates.filter(i => !without.includes(i.id))\n      }\n\n      if (search !== '') {\n        crates = crates.filter(i => i.name.toLowerCase().includes(search.toLowerCase()))\n      }\n\n      // TODO keep selected at top\n\n      return crates.map(crate => ({\n        ...crate,\n        selected: !!selected[crate.id],\n        amount: selected[crate.id] ?? 0,\n      }))\n    },\n    sortIcon() {\n      return SORT_ICONS[this.filter.sorting.split('-')[0]]\n    },\n    sortFields() {\n      return ['popularity-desc', 'popularity-asc', 'price-desc', 'price-asc', 'createdAt-desc', 'createdAt-asc']\n    },\n    tags() {\n      return ['featured', 'low risk', 'high risk', '1%']\n    },\n    //\n    canSubmit() {\n      if (!Object.keys(this.selected).length) return false\n\n      return true\n    },\n    selectedRounds() {\n      const cratesById = this.crates.reduce((acc, crate) => {\n        acc[crate.id] = crate\n        return acc\n      }, {})\n\n      return Object.entries(this.selected).map(([id, amount]) => ({\n        ...cratesById[id],\n        amount,\n      }))\n    },\n    roundsCount() {\n      return this.selectedRounds.reduce((acc, v) => acc + v.amount, 0)\n    },\n    roundsCost() {\n      return this.selectedRounds.reduce((acc, v) => acc + (v.price * v.amount), 0)\n    },\n  },\n  methods: {\n    async onSubmit() {\n      if (!this.canSubmit) return\n\n      this.$emit('return-value', this.selected)\n      this.close()\n    },\n    onSelect(crate) {\n      this.selected = {\n        ...this.selected,\n        [crate.id]: 1,\n      }\n    },\n    onChangeAmount(crate, diff) {\n      const newAmount = crate.amount + diff\n\n      if (this.roundsCount - crate.amount + newAmount > this.config.maxRounds) {\n        return\n      }\n\n      if (newAmount < 1) {\n        const without = { ...this.selected }\n        delete without[crate.id]\n        this.selected = without\n        return\n      }\n\n      this.selected[crate.id] = newAmount\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.modal-content {\n  height: 80vh;\n  min-height: 300px;\n  max-height: 760px;\n\n  @include xs {\n    height: 90vh;\n    max-height: 100%;\n  }\n}\n\n.crates {\n  display: grid;\n  overflow: auto;\n  max-height: 500px;\n  grid-template-columns: repeat(auto-fill, minmax(164px, 1fr));\n  grid-gap: 8px;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./battle-select-crates.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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./battle-select-crates.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./battle-select-crates.vue?vue&type=template&id=2201cd07&scoped=true&\"\nimport script from \"./battle-select-crates.vue?vue&type=script&lang=js&\"\nexport * from \"./battle-select-crates.vue?vue&type=script&lang=js&\"\nimport style0 from \"./battle-select-crates.vue?vue&type=style&index=0&id=2201cd07&lang=scss&scoped=true&\"\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  \"2201cd07\",\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 { VChip } from 'vuetify/lib/components/VChip';\nimport { VChipGroup } from 'vuetify/lib/components/VChipGroup';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VChip,VChipGroup,VList,VListItem,VListItemTitle,VMenu,VTextField})\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/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BattleCrate.vue?vue&type=style&index=0&id=6f4b6856&lang=scss&scoped=true&\"; 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/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BattleCrate.vue?vue&type=style&index=0&id=6f4b6856&lang=scss&scoped=true&\"","// Styles\nimport \"../../../src/components/VChip/VChip.sass\";\nimport mixins from '../../util/mixins'; // Components\n\nimport { VExpandXTransition } from '../transitions';\nimport VIcon from '../VIcon'; // Mixins\n\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'; // Utilities\n\nimport { breaking } from '../../util/console';\n/* @vue/component */\n\nexport default mixins(Colorable, Sizeable, Routable, Themeable, GroupableFactory('chipGroup'), ToggleableFactory('inputValue')).extend({\n  name: 'v-chip',\n  props: {\n    active: {\n      type: Boolean,\n      default: true\n    },\n    activeClass: {\n      type: String,\n\n      default() {\n        if (!this.chipGroup) return '';\n        return this.chipGroup.activeClass;\n      }\n\n    },\n    close: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$delete'\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close'\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\n  },\n  data: () => ({\n    proxyClass: 'v-chip--active'\n  }),\n  computed: {\n    classes() {\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\n    hasClose() {\n      return Boolean(this.close);\n    },\n\n    isClickable() {\n      return Boolean(Routable.options.computed.isClickable.call(this) || this.chipGroup);\n    }\n\n  },\n\n  created() {\n    const breakingProps = [['outline', 'outlined'], ['selected', 'input-value'], ['value', 'active'], ['@input', '@active.sync']];\n    /* istanbul ignore next */\n\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);\n    });\n  },\n\n  methods: {\n    click(e) {\n      this.$emit('click', e);\n      this.chipGroup && this.toggle();\n    },\n\n    genFilter() {\n      const children = [];\n\n      if (this.isActive) {\n        children.push(this.$createElement(VIcon, {\n          staticClass: 'v-chip__filter',\n          props: {\n            left: true\n          }\n        }, this.filterIcon));\n      }\n\n      return this.$createElement(VExpandXTransition, children);\n    },\n\n    genClose() {\n      return this.$createElement(VIcon, {\n        staticClass: 'v-chip__close',\n        props: {\n          right: true,\n          size: 18\n        },\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(this.closeLabel)\n        },\n        on: {\n          click: e => {\n            e.stopPropagation();\n            e.preventDefault();\n            this.$emit('click:close');\n            this.$emit('update:active', false);\n          }\n        }\n      }, this.closeIcon);\n    },\n\n    genContent() {\n      return this.$createElement('span', {\n        staticClass: 'v-chip__content'\n      }, [this.filter && this.genFilter(), this.$slots.default, this.hasClose && this.genClose()]);\n    }\n\n  },\n\n  render(h) {\n    const children = [this.genContent()];\n    let {\n      tag,\n      data\n    } = this.generateRouteLink();\n    data.attrs = { ...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    const color = this.textColor || this.outlined && this.color;\n    return h(tag, this.setTextColor(color, data), children);\n  }\n\n});\n//# sourceMappingURL=VChip.js.map","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"game-case full-height d-block pa-4 text-center\"},[(_vm.dragHandle)?_c('fai',{staticClass:\"text--secondary drag-handle\",attrs:{\"icon\":['fas', 'bars']}}):_vm._e(),_c('v-img',{staticClass:\"mb-3\",attrs:{\"src\":_vm.caseImage,\"aspect-ratio\":1,\"contain\":\"\",\"transition\":false}}),_c('h4',{staticClass:\"text-body-1 grey100--text text-truncate mb-1\"},[_vm._v(\" \"+_vm._s(_vm.crate.name)+\" \")]),(_vm.featured)?_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"primary500\",\"content-class\":\"rounded-0\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('div',_vm._g({staticClass:\"py-2 px-3 featured\"},on),[_c('fai',{staticClass:\"text-h5 orange--text \",attrs:{\"icon\":['fad', 'fire-alt']}})],1)]}}],null,false,2303954877)},[_c('span',[_vm._v(\"Featured\")])]):_vm._e(),(_vm.crate.amount > 0)?_c('div',[_c('scrap',{staticClass:\"text-body-2 mb-4 text--secondary\",attrs:{\"amount\":_vm.crate.price}}),_c('div',{staticClass:\"amount-input d-flex align-center justify-center\"},[_c('v-btn',{staticClass:\"unwidth px-2\",attrs:{\"color\":\"blue700 blue100--text\",\"small\":\"\",\"ripple\":false,\"tile\":\"\",\"depressed\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.$emit('change-amount', -1)}}},[_c('fai',{attrs:{\"icon\":['fas', 'minus']}})],1),_c('div',{staticClass:\"px-5 bg-ui-panel lh-2 font-weight-bold text-body-2\"},[_vm._v(\" \"+_vm._s(_vm.crate.amount)+\"x \")]),_c('v-btn',{staticClass:\"unwidth px-2\",attrs:{\"color\":\"blue700 blue100--text\",\"small\":\"\",\"ripple\":false,\"tile\":\"\",\"depressed\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.$emit('change-amount', 1)}}},[_c('fai',{attrs:{\"icon\":['fas', 'plus']}})],1)],1)],1):(_vm.dragHandle)?_c('div',[_c('scrap',{staticClass:\"text-body-2 mb-4 text--secondary\",attrs:{\"amount\":_vm.crate.price}}),_c('v-btn',{attrs:{\"ripple\":false,\"tile\":\"\",\"depressed\":\"\",\"color\":\"primary700 primary200--text\",\"small\":\"\"},on:{\"click\":function($event){return _vm.$emit('remove')}}},[_c('fai',{staticClass:\"mr-2\",attrs:{\"icon\":['fad', 'trash']}}),_vm._v(\" Remove \")],1)],1):_c('div',{staticClass:\"mt-4\"},[_c('v-btn',{attrs:{\"ripple\":false,\"tile\":\"\",\"depressed\":\"\",\"color\":\"green700 green200--text\"},on:{\"click\":function($event){return _vm.$emit('add')}}},[_c('fai',{staticClass:\"mr-2\",attrs:{\"icon\":['fas', 'plus']}}),_c('scrap',{attrs:{\"amount\":_vm.crate.price}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"game-case full-height d-block pa-4 text-center\"\n  >\n    <fai v-if=\"dragHandle\" :icon=\"['fas', 'bars']\" class=\"text--secondary drag-handle\" />\n\n    <v-img\n      :src=\"caseImage\"\n      :aspect-ratio=\"1\"\n      contain\n      :transition=\"false\"\n      class=\"mb-3\"\n    />\n    <h4 class=\"text-body-1 grey100--text text-truncate mb-1\">\n      {{ crate.name }}\n    </h4>\n\n    <v-tooltip v-if=\"featured\" top color=\"primary500\" content-class=\"rounded-0\">\n      <template #activator=\"{ on }\">\n        <div class=\"py-2 px-3 featured\" v-on=\"on\">\n          <fai :icon=\"['fad', 'fire-alt']\" class=\"text-h5 orange--text \" />\n        </div>\n      </template>\n      <span>Featured</span>\n    </v-tooltip>\n\n    <div v-if=\"crate.amount > 0\">\n      <scrap :amount=\"crate.price\" class=\"text-body-2 mb-4 text--secondary\" />\n\n      <div class=\"amount-input d-flex align-center justify-center\">\n        <v-btn\n          color=\"blue700 blue100--text\"\n          class=\"unwidth px-2\"\n          small :ripple=\"false\" tile depressed\n          @click.stop=\"$emit('change-amount', -1)\"\n        >\n          <fai :icon=\"['fas', 'minus']\" />\n        </v-btn>\n\n        <div\n          class=\"px-5 bg-ui-panel lh-2 font-weight-bold text-body-2\"\n        >\n          {{ crate.amount }}x\n        </div>\n\n        <v-btn\n          color=\"blue700 blue100--text\"\n          class=\"unwidth px-2\"\n          small :ripple=\"false\" tile depressed\n          @click.stop=\"$emit('change-amount', 1)\"\n        >\n          <fai :icon=\"['fas', 'plus']\" />\n        </v-btn>\n      </div>\n    </div>\n\n    <div v-else-if=\"dragHandle\">\n      <scrap :amount=\"crate.price\" class=\"text-body-2 mb-4 text--secondary\" />\n\n      <v-btn\n        :ripple=\"false\" tile depressed\n        color=\"primary700 primary200--text\"\n        small @click=\"$emit('remove')\"\n      >\n        <fai :icon=\"['fad', 'trash']\" class=\"mr-2\" />\n        Remove\n      </v-btn>\n    </div>\n\n    <div v-else class=\"mt-4\">\n      <v-btn\n        :ripple=\"false\" tile depressed\n        color=\"green700 green200--text\"\n        @click=\"$emit('add')\"\n      >\n        <fai :icon=\"['fas', 'plus']\" class=\"mr-2\" />\n        <scrap :amount=\"crate.price\" />\n      </v-btn>\n    </div>\n  </div>\n</template>\n\n<script>\nconst defaultCaseImg = require('@/assets/img/games/cases/default-case.png')\n\nexport default {\n  props: {\n    crate: {\n      type: Object,\n      required: true,\n    },\n    dragHandle: Boolean,\n  },\n  computed: {\n    caseImage() {\n      return this.crate?.imageUrl || defaultCaseImg\n    },\n    featured() {\n      return this.crate.tags.includes('featured')\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.game-case {\n  position: relative;\n}\n\n.featured {\n  position: absolute;\n  z-index: 3;\n  top: 0;\n  right: 0;\n}\n\n.drag-handle {\n  position: absolute;\n  z-index: 3;\n  top: 8px;\n  left: 8px;\n  cursor: grab;\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BattleCrate.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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BattleCrate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BattleCrate.vue?vue&type=template&id=6f4b6856&scoped=true&\"\nimport script from \"./BattleCrate.vue?vue&type=script&lang=js&\"\nexport * from \"./BattleCrate.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BattleCrate.vue?vue&type=style&index=0&id=6f4b6856&lang=scss&scoped=true&\"\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  \"6f4b6856\",\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 { VImg } from 'vuetify/lib/components/VImg';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VBtn,VImg,VTooltip})\n","// Styles\nimport \"../../../src/components/VChipGroup/VChipGroup.sass\"; // Extensions\n\nimport { BaseSlideGroup } from '../VSlideGroup/VSlideGroup'; // Mixins\n\nimport Colorable from '../../mixins/colorable'; // Utilities\n\nimport mixins from '../../util/mixins';\n/* @vue/component */\n\nexport default mixins(BaseSlideGroup, Colorable).extend({\n  name: 'v-chip-group',\n\n  provide() {\n    return {\n      chipGroup: this\n    };\n  },\n\n  props: {\n    column: Boolean\n  },\n  computed: {\n    classes() {\n      return { ...BaseSlideGroup.options.computed.classes.call(this),\n        'v-chip-group': true,\n        'v-chip-group--column': this.column\n      };\n    }\n\n  },\n  watch: {\n    column(val) {\n      if (val) this.scrollOffset = 0;\n      this.$nextTick(this.onResize);\n    }\n\n  },\n  methods: {\n    genData() {\n      return this.setTextColor(this.color, { ...BaseSlideGroup.options.methods.genData.call(this)\n      });\n    }\n\n  }\n});\n//# sourceMappingURL=VChipGroup.js.map"],"sourceRoot":""}