{"version":3,"sources":["webpack:///../../../src/components/VItemGroup/VItemGroup.ts","webpack:///./src/views/Design/DesignEnv.vue?19d3","webpack:///src/views/Design/DesignEnv.vue","webpack:///./src/views/Design/DesignEnv.vue?32a7","webpack:///./src/views/Design/DesignEnv.vue?6a51","webpack:///./src/views/Design/DesignEnv.vue?35a4","webpack:///./node_modules/core-js/modules/es.array.splice.js","webpack:///../../../src/components/VCard/VCard.ts","webpack:///./node_modules/core-js/modules/es.array.find-index.js","webpack:///../../../src/components/VItemGroup/VItem.ts"],"names":["BaseItemGroup","name","props","activeClass","type","default","mandatory","max","Number","multiple","Boolean","data","internalLazyValue","undefined","this","value","items","computed","classes","themeClasses","selectedIndex","selectedItem","indexOf","selectedItems","filter","selectedValues","internalValue","Array","toggleMethod","v","watch","created","methods","genData","class","getValue","item","i","onClick","register","index","push","unregister","valueIndex","updateInternalValue","updateItem","updateItemsState","updateMultiple","updateSingle","updateMandatory","defaultValue","val","isSame","render","h","$slots","provide","itemGroup","_vm","_h","$createElement","_c","_self","staticClass","attrs","$i18n","_v","_s","$t","staticStyle","model","callback","$$v","selected","expression","_l","idx","key","scopedSlots","_u","fn","ref","active","toggle","on","envLocale","startDesign","staticRenderFns","locale","envs","length","forEach","setEnvIds","selectedEnvs","$route","params","id","component","VBtn","VCard","VItem","VItemGroup","$","toAbsoluteIndex","toInteger","toLength","toObject","arraySpeciesCreate","createProperty","arrayMethodHasSpeciesSupport","arrayMethodUsesToLength","HAS_SPECIES_SUPPORT","USES_TO_LENGTH","ACCESSORS","0","1","Math","min","MAX_SAFE_INTEGER","MAXIMUM_ALLOWED_LENGTH_EXCEEDED","target","proto","forced","splice","start","deleteCount","insertCount","actualDeleteCount","A","k","from","to","O","len","actualStart","argumentsLength","arguments","TypeError","flat","hover","img","link","loaderHeight","raised","styles","style","genProgress","tag","setBackgroundColor","$findIndex","findIndex","addToUnscopables","FIND_INDEX","SKIPS_HOLES","callbackfn","BaseItem","required","isActive","$scopedSlots","element","_b"],"mappings":"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","file":"js/chunk-56933512.688752f4.js","sourcesContent":["// Styles\nimport './VItemGroup.sass'\n\n// Mixins\nimport Groupable from '../../mixins/groupable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue/types'\n\nexport type GroupableInstance = InstanceType<typeof Groupable> & {\n  id?: string\n  to?: any\n  value?: any\n }\n\nexport const BaseItemGroup = mixins(\n  Proxyable,\n  Themeable\n).extend({\n  name: 'base-item-group',\n\n  props: {\n    activeClass: {\n      type: String,\n      default: 'v-item--active',\n    },\n    mandatory: Boolean,\n    max: {\n      type: [Number, String],\n      default: null,\n    },\n    multiple: Boolean,\n  },\n\n  data () {\n    return {\n      // As long as a value is defined, show it\n      // Otherwise, check if multiple\n      // to determine which default to provide\n      internalLazyValue: this.value !== undefined\n        ? this.value\n        : this.multiple ? [] : undefined,\n      items: [] as GroupableInstance[],\n    }\n  },\n\n  computed: {\n    classes (): Record<string, boolean> {\n      return {\n        'v-item-group': true,\n        ...this.themeClasses,\n      }\n    },\n    selectedIndex (): number {\n      return (this.selectedItem && this.items.indexOf(this.selectedItem)) || -1\n    },\n    selectedItem (): GroupableInstance | undefined {\n      if (this.multiple) return undefined\n\n      return this.selectedItems[0]\n    },\n    selectedItems (): GroupableInstance[] {\n      return this.items.filter((item, index) => {\n        return this.toggleMethod(this.getValue(item, index))\n      })\n    },\n    selectedValues (): any[] {\n      if (this.internalValue == null) return []\n\n      return Array.isArray(this.internalValue)\n        ? this.internalValue\n        : [this.internalValue]\n    },\n    toggleMethod (): (v: any) => boolean {\n      if (!this.multiple) {\n        return (v: any) => this.internalValue === v\n      }\n\n      const internalValue = this.internalValue\n      if (Array.isArray(internalValue)) {\n        return (v: any) => internalValue.includes(v)\n      }\n\n      return () => false\n    },\n  },\n\n  watch: {\n    internalValue: 'updateItemsState',\n    items: 'updateItemsState',\n  },\n\n  created () {\n    if (this.multiple && !Array.isArray(this.internalValue)) {\n      consoleWarn('Model must be bound to an array if the multiple property is true.', this)\n    }\n  },\n\n  methods: {\n\n    genData (): object {\n      return {\n        class: this.classes,\n      }\n    },\n    getValue (item: GroupableInstance, i: number): unknown {\n      return item.value == null || item.value === ''\n        ? i\n        : item.value\n    },\n    onClick (item: GroupableInstance) {\n      this.updateInternalValue(\n        this.getValue(item, this.items.indexOf(item))\n      )\n    },\n    register (item: GroupableInstance) {\n      const index = this.items.push(item) - 1\n\n      item.$on('change', () => this.onClick(item))\n\n      // If no value provided and mandatory,\n      // assign first registered item\n      if (this.mandatory && !this.selectedValues.length) {\n        this.updateMandatory()\n      }\n\n      this.updateItem(item, index)\n    },\n    unregister (item: GroupableInstance) {\n      if (this._isDestroyed) return\n\n      const index = this.items.indexOf(item)\n      const value = this.getValue(item, index)\n\n      this.items.splice(index, 1)\n\n      const valueIndex = this.selectedValues.indexOf(value)\n\n      // Items is not selected, do nothing\n      if (valueIndex < 0) return\n\n      // If not mandatory, use regular update process\n      if (!this.mandatory) {\n        return this.updateInternalValue(value)\n      }\n\n      // Remove the value\n      if (this.multiple && Array.isArray(this.internalValue)) {\n        this.internalValue = this.internalValue.filter(v => v !== value)\n      } else {\n        this.internalValue = undefined\n      }\n\n      // If mandatory and we have no selection\n      // add the last item as value\n      /* istanbul ignore else */\n      if (!this.selectedItems.length) {\n        this.updateMandatory(true)\n      }\n    },\n    updateItem (item: GroupableInstance, index: number) {\n      const value = this.getValue(item, index)\n\n      item.isActive = this.toggleMethod(value)\n    },\n    // https://github.com/vuetifyjs/vuetify/issues/5352\n    updateItemsState () {\n      this.$nextTick(() => {\n        if (this.mandatory &&\n          !this.selectedItems.length\n        ) {\n          return this.updateMandatory()\n        }\n\n        // TODO: Make this smarter so it\n        // doesn't have to iterate every\n        // child in an update\n        this.items.forEach(this.updateItem)\n      })\n    },\n    updateInternalValue (value: any) {\n      this.multiple\n        ? this.updateMultiple(value)\n        : this.updateSingle(value)\n    },\n    updateMandatory (last?: boolean) {\n      if (!this.items.length) return\n\n      const items = this.items.slice()\n\n      if (last) items.reverse()\n\n      const item = items.find(item => !item.disabled)\n\n      // If no tabs are available\n      // aborts mandatory value\n      if (!item) return\n\n      const index = this.items.indexOf(item)\n\n      this.updateInternalValue(\n        this.getValue(item, index)\n      )\n    },\n    updateMultiple (value: any) {\n      const defaultValue = Array.isArray(this.internalValue)\n        ? this.internalValue\n        : []\n      const internalValue = defaultValue.slice()\n      const index = internalValue.findIndex(val => val === value)\n\n      if (\n        this.mandatory &&\n        // Item already exists\n        index > -1 &&\n        // value would be reduced below min\n        internalValue.length - 1 < 1\n      ) return\n\n      if (\n        // Max is set\n        this.max != null &&\n        // Item doesn't exist\n        index < 0 &&\n        // value would be increased above max\n        internalValue.length + 1 > this.max\n      ) return\n\n      index > -1\n        ? internalValue.splice(index, 1)\n        : internalValue.push(value)\n\n      this.internalValue = internalValue\n    },\n    updateSingle (value: any) {\n      const isSame = value === this.internalValue\n\n      if (this.mandatory && isSame) return\n\n      this.internalValue = isSame ? undefined : value\n    },\n  },\n\n  render (h): VNode {\n    return h('div', this.genData(), this.$slots.default)\n  },\n})\n\nexport default BaseItemGroup.extend({\n  name: 'v-item-group',\n\n  provide (): object {\n    return {\n      itemGroup: this,\n    }\n  },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex w-100\"},[_c('div',{staticClass:\"w-15\"},[_c('router-link',{staticClass:\"d-flex flex-column ai-center w-20 mt-4 back-link\",attrs:{\"tag\":\"a\",\"to\":(\"/\" + (_vm.$i18n.locale) + \"/design\")}},[_c('img',{staticClass:\"mb-1\",attrs:{\"src\":\"/assets/ic/backstage/info/ic_backstage_info_back.png\",\"alt\":\"home\"}}),_c('span',[_vm._v(_vm._s(_vm.$t(\"back\")))])])],1),_c('div',{staticClass:\"flex-1\"},[_c('div',{staticClass:\"d-flex flex-column h-100\"},[_c('div',{staticClass:\"d-flex flex-column mb-6\"},[_c('span',{staticClass:\"mb-1\"},[_vm._v(_vm._s(_vm.$t(\"designEnv.title\")))]),_c('span',{staticStyle:{\"font-size\":\"0.85rem\"}},[_vm._v(_vm._s(_vm.$t(\"designEnv.content\")))])]),_c('v-item-group',{attrs:{\"multiple\":\"\"},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}},[_c('div',{staticClass:\"d-flex flex-wrap overflow-y-overlay\",staticStyle:{\"height\":\"27.5rem\"}},_vm._l((_vm.envs),function(item,idx){return _c('div',{key:'envs' + idx,staticClass:\"mr-9 mb-5\"},[_c('v-item',{scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar active = ref.active;\nvar toggle = ref.toggle;\nreturn [_c('v-card',{staticClass:\"d-flex align-center card-border\",attrs:{\"color\":active ? '#287FCE' : 'rgba(90,90,90,0.10)',\"height\":\"12.5rem\",\"width\":\"12.5rem\",\"flat\":\"\"},on:{\"click\":toggle}},[_c('div',{staticClass:\"flex-grow-1 text-center\"},[_vm._v(\" \"+_vm._s(item[_vm.envLocale])+\" \")])])]}}],null,true)})],1)}),0)]),_c('div',{staticClass:\"p-absolute btn-fixed\"},[_c('v-btn',{staticClass:\"btn-rounded\",attrs:{\"color\":\"orange\",\"width\":\"8rem\",\"outlined\":\"\",\"x-large\":\"\",\"depressed\":\"\"},on:{\"click\":_vm.startDesign}},[_vm._v(\" \"+_vm._s(_vm.$t(\"design.start\"))+\" \")])],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"d-flex w-100\">\r\n    <div class=\"w-15\">\r\n      <router-link\r\n        tag=\"a\"\r\n        :to=\"`/${$i18n.locale}/design`\"\r\n        class=\"d-flex flex-column ai-center w-20 mt-4 back-link\"\r\n      >\r\n        <img\r\n          src=\"/assets/ic/backstage/info/ic_backstage_info_back.png\"\r\n          class=\"mb-1\"\r\n          alt=\"home\"\r\n        />\r\n        <span>{{ $t(\"back\") }}</span>\r\n      </router-link>\r\n    </div>\r\n    <div class=\"flex-1\">\r\n      <div class=\"d-flex flex-column h-100\">\r\n        <div class=\"d-flex flex-column mb-6\">\r\n          <span class=\"mb-1\">{{ $t(\"designEnv.title\") }}</span>\r\n          <span style=\"font-size: 0.85rem;\">{{ $t(\"designEnv.content\") }}</span>\r\n        </div>\r\n        <v-item-group v-model=\"selected\" multiple>\r\n          <div\r\n            class=\"d-flex flex-wrap overflow-y-overlay\"\r\n            style=\"height: 27.5rem;\"\r\n          >\r\n            <div\r\n              class=\"mr-9 mb-5\"\r\n              v-for=\"(item, idx) in envs\"\r\n              :key=\"'envs' + idx\"\r\n            >\r\n              <v-item v-slot:default=\"{ active, toggle }\">\r\n                <v-card\r\n                  :color=\"active ? '#287FCE' : 'rgba(90,90,90,0.10)'\"\r\n                  class=\"d-flex align-center card-border\"\r\n                  height=\"12.5rem\"\r\n                  width=\"12.5rem\"\r\n                  flat\r\n                  @click=\"toggle\"\r\n                >\r\n                  <div class=\"flex-grow-1 text-center\">\r\n                    {{ item[envLocale] }}\r\n                  </div>\r\n                </v-card>\r\n              </v-item>\r\n            </div>\r\n          </div>\r\n        </v-item-group>\r\n        <div class=\"p-absolute btn-fixed\">\r\n          <v-btn\r\n            class=\"btn-rounded\"\r\n            color=\"orange\"\r\n            width=\"8rem\"\r\n            @click=\"startDesign\"\r\n            outlined\r\n            x-large\r\n            depressed\r\n          >\r\n            {{ $t(\"design.start\") }}\r\n          </v-btn>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapMutations } from \"vuex\";\r\nexport default {\r\n  computed: {\r\n    envLocale() {\r\n      if (this.$i18n.locale === \"zh-TW\") return \"nameTW\";\r\n      else if (this.$i18n.locale === \"zh-CN\") return \"nameCN\";\r\n      else if (this.$i18n.locale === \"en\") return \"nameEN\";\r\n      return \"nameTW\";\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      selected: [],\r\n      envs: []\r\n    };\r\n  },\r\n  methods: {\r\n    ...mapMutations(\"environment\", [\"setEnvIds\"]),\r\n    startDesign() {\r\n      if (this.selected.length < 1) return;\r\n      const selectedEnvs = [];\r\n      this.selected.forEach(s => selectedEnvs.push(this.envs[s].environmentId));\r\n      this.setEnvIds(selectedEnvs);\r\n      if (this.$route.params.id)\r\n        this.$router.push(\r\n          `/${this.$i18n.locale}/design/editor/${this.$route.params.id}`\r\n        );\r\n      else this.$router.push(`/${this.$i18n.locale}/design/editor`);\r\n    },\r\n    async fetch() {\r\n      console.log(\"fetch\");\r\n      const res = await this.$http.get(\"environments\");\r\n      console.log(\"fetched\");\r\n      this.envs = res.data.items;\r\n    }\r\n  },\r\n  async created() {\r\n    console.log(\"created\");\r\n  },\r\n  async mounted() {\r\n    await this.fetch();\r\n    if (!this.$route.params.id) return;\r\n    console.log(\"mounted\");\r\n    console.log(\"fetch design\");\r\n    const res = await this.$http.get(`design/${this.$route.params.id}`);\r\n    console.log(\"fetched design\");\r\n    res.data.environmentIds.forEach(envId => {\r\n      this.selected.push(\r\n        this.envs.findIndex(env => env.environmentId === envId)\r\n      );\r\n    });\r\n\r\n    this.setEnvIds(res.data.environmentIds);\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"sass\" scoped>\r\n.back-link\r\n  user-select: none\r\n  cursor: pointer\r\n  color: #d8d8d8\r\n  font-size: 0.85rem\r\n  > img\r\n    width: 1.5rem\r\n.btn-rounded\r\n  border-radius: 0.5rem\r\n.btn-fixed\r\n  right: 5.2rem\r\n  bottom: 2.3rem\r\n.card-border\r\n  border: 1px solid #2980CE !important\r\n  border-radius: 0.5rem\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!./DesignEnv.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!./DesignEnv.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DesignEnv.vue?vue&type=template&id=a44224d2&scoped=true&\"\nimport script from \"./DesignEnv.vue?vue&type=script&lang=js&\"\nexport * from \"./DesignEnv.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DesignEnv.vue?vue&type=style&index=0&id=a44224d2&lang=sass&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  \"a44224d2\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VItem } from 'vuetify/lib/components/VItemGroup';\nimport { VItemGroup } from 'vuetify/lib/components/VItemGroup';\ninstallComponents(component, {VBtn,VCard,VItem,VItemGroup})\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DesignEnv.vue?vue&type=style&index=0&id=a44224d2&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DesignEnv.vue?vue&type=style&index=0&id=a44224d2&lang=sass&scoped=true&\"","'use strict';\nvar $ = require('../internals/export');\nvar toAbsoluteIndex = require('../internals/to-absolute-index');\nvar toInteger = require('../internals/to-integer');\nvar toLength = require('../internals/to-length');\nvar toObject = require('../internals/to-object');\nvar arraySpeciesCreate = require('../internals/array-species-create');\nvar createProperty = require('../internals/create-property');\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\nvar arrayMethodUsesToLength = require('../internals/array-method-uses-to-length');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('splice');\nvar USES_TO_LENGTH = arrayMethodUsesToLength('splice', { ACCESSORS: true, 0: 0, 1: 2 });\n\nvar max = Math.max;\nvar min = Math.min;\nvar MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF;\nvar MAXIMUM_ALLOWED_LENGTH_EXCEEDED = 'Maximum allowed length exceeded';\n\n// `Array.prototype.splice` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.splice\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT || !USES_TO_LENGTH }, {\n  splice: function splice(start, deleteCount /* , ...items */) {\n    var O = toObject(this);\n    var len = toLength(O.length);\n    var actualStart = toAbsoluteIndex(start, len);\n    var argumentsLength = arguments.length;\n    var insertCount, actualDeleteCount, A, k, from, to;\n    if (argumentsLength === 0) {\n      insertCount = actualDeleteCount = 0;\n    } else if (argumentsLength === 1) {\n      insertCount = 0;\n      actualDeleteCount = len - actualStart;\n    } else {\n      insertCount = argumentsLength - 2;\n      actualDeleteCount = min(max(toInteger(deleteCount), 0), len - actualStart);\n    }\n    if (len + insertCount - actualDeleteCount > MAX_SAFE_INTEGER) {\n      throw TypeError(MAXIMUM_ALLOWED_LENGTH_EXCEEDED);\n    }\n    A = arraySpeciesCreate(O, actualDeleteCount);\n    for (k = 0; k < actualDeleteCount; k++) {\n      from = actualStart + k;\n      if (from in O) createProperty(A, k, O[from]);\n    }\n    A.length = actualDeleteCount;\n    if (insertCount < actualDeleteCount) {\n      for (k = actualStart; k < len - actualDeleteCount; k++) {\n        from = k + actualDeleteCount;\n        to = k + insertCount;\n        if (from in O) O[to] = O[from];\n        else delete O[to];\n      }\n      for (k = len; k > len - actualDeleteCount + insertCount; k--) delete O[k - 1];\n    } else if (insertCount > actualDeleteCount) {\n      for (k = len - actualDeleteCount; k > actualStart; k--) {\n        from = k + actualDeleteCount - 1;\n        to = k + insertCount - 1;\n        if (from in O) O[to] = O[from];\n        else delete O[to];\n      }\n    }\n    for (k = 0; k < insertCount; k++) {\n      O[k + actualStart] = arguments[k + 2];\n    }\n    O.length = len - actualDeleteCount + insertCount;\n    return A;\n  }\n});\n","// Styles\nimport './VCard.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Mixins\nimport Loadable from '../../mixins/loadable'\nimport Routable from '../../mixins/routable'\n\n// Helpers\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  Loadable,\n  Routable,\n  VSheet\n).extend({\n  name: 'v-card',\n\n  props: {\n    flat: Boolean,\n    hover: Boolean,\n    img: String,\n    link: Boolean,\n    loaderHeight: {\n      type: [Number, String],\n      default: 4,\n    },\n    raised: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-card': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-card--flat': this.flat,\n        'v-card--hover': this.hover,\n        'v-card--link': this.isClickable,\n        'v-card--loading': this.loading,\n        'v-card--disabled': this.disabled,\n        'v-card--raised': this.raised,\n        ...VSheet.options.computed.classes.call(this),\n      }\n    },\n    styles (): object {\n      const style: Dictionary<string> = {\n        ...VSheet.options.computed.styles.call(this),\n      }\n\n      if (this.img) {\n        style.background = `url(\"${this.img}\") center center / cover no-repeat`\n      }\n\n      return style\n    },\n  },\n\n  methods: {\n    genProgress () {\n      const render = Loadable.options.methods.genProgress.call(this)\n\n      if (!render) return null\n\n      return this.$createElement('div', {\n        staticClass: 'v-card__progress',\n        key: 'progress',\n      }, [render])\n    },\n  },\n\n  render (h): VNode {\n    const { tag, data } = this.generateRouteLink()\n\n    data.style = this.styles\n\n    if (this.isClickable) {\n      data.attrs = data.attrs || {}\n      data.attrs.tabindex = 0\n    }\n\n    return h(tag, this.setBackgroundColor(this.color, data), [\n      this.genProgress(),\n      this.$slots.default,\n    ])\n  },\n})\n","'use strict';\nvar $ = require('../internals/export');\nvar $findIndex = require('../internals/array-iteration').findIndex;\nvar addToUnscopables = require('../internals/add-to-unscopables');\nvar arrayMethodUsesToLength = require('../internals/array-method-uses-to-length');\n\nvar FIND_INDEX = 'findIndex';\nvar SKIPS_HOLES = true;\n\nvar USES_TO_LENGTH = arrayMethodUsesToLength(FIND_INDEX);\n\n// Shouldn't skip holes\nif (FIND_INDEX in []) Array(1)[FIND_INDEX](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.findIndex` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.findindex\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES || !USES_TO_LENGTH }, {\n  findIndex: function findIndex(callbackfn /* , that = undefined */) {\n    return $findIndex(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND_INDEX);\n","// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport Vue from 'vue'\nimport { VNode, ScopedSlotChildren } from 'vue/types/vnode'\n\n/* @vue/component */\nexport const BaseItem = Vue.extend({\n  props: {\n    activeClass: String,\n    value: {\n      required: false,\n    },\n  },\n\n  data: () => ({\n    isActive: false,\n  }),\n\n  methods: {\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (): VNode {\n    if (!this.$scopedSlots.default) {\n      consoleWarn('v-item is missing a default scopedSlot', this)\n\n      return null as any\n    }\n\n    let element: VNode | ScopedSlotChildren\n\n    /* istanbul ignore else */\n    if (this.$scopedSlots.default) {\n      element = this.$scopedSlots.default({\n        active: this.isActive,\n        toggle: this.toggle,\n      })\n    }\n\n    if (Array.isArray(element) && element.length === 1) {\n      element = element[0]\n    }\n\n    if (!element || Array.isArray(element) || !element.tag) {\n      consoleWarn('v-item should only contain a single element', this)\n\n      return element as any\n    }\n\n    element.data = this._b(element.data || {}, element.tag!, {\n      class: { [this.activeClass]: this.isActive },\n    })\n\n    return element\n  },\n})\n\nexport default mixins(\n  BaseItem,\n  GroupableFactory('itemGroup', 'v-item', 'v-item-group')\n).extend({\n  name: 'v-item',\n})\n"],"sourceRoot":""}