{"version":3,"sources":["webpack:///./src/views/H_WhereToBuy/c/WhereToBuyTable.vue?cb66","webpack:///../../../src/components/VGrid/VSpacer.ts","webpack:///../../../src/components/VIcon/index.ts","webpack:///../../src/util/mergeData.ts","webpack:///./src/views/H_WhereToBuy/H-1__WhereToBuy.vue?5ad1","webpack:///./src/views/H_WhereToBuy/c/WhereToBuyTable.vue?54c6","webpack:///src/views/H_WhereToBuy/c/WhereToBuyTable.vue","webpack:///./src/views/H_WhereToBuy/c/WhereToBuyTable.vue?eda9","webpack:///./src/views/H_WhereToBuy/c/WhereToBuyTable.vue?c7b9","webpack:///src/views/H_WhereToBuy/H-1__WhereToBuy.vue","webpack:///./src/views/H_WhereToBuy/H-1__WhereToBuy.vue?19f7","webpack:///./src/views/H_WhereToBuy/H-1__WhereToBuy.vue"],"names":["pattern","styleList","styleProp","parseStyle","styleMap","style","s","key","val","mergeTarget","i","arguments","Object","mergeClasses","mergeStyles","mergeListeners","prop","target","source","dest","arg","render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_v","on","$event","$router","push","name","staticRenderFns","staticStyle","directives","rawName","value","filter","expression","attrs","domProps","composing","$set","getBuyChannels","scopedSlots","_u","fn","lengthOfisCheckedList","indeterminate","changeAllCheckbox","model","callback","$$v","checkAllStatus","_s","multiDelete","_e","_l","item","id","title","type","country","bu","order","toWhereToBuyEdit","deleteItem","proxy","components","deleteDialog","BuTab","Pagination","data","computed","buyChannels","isCheckedListIds","watch","newValue","length","currentBuTabId","buId","methods","params","forEach","component","VCheckbox","VIcon","VSimpleTable","WhereToBuyTable","created","clear","VSpacer"],"mappings":"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","file":"js/chunk-afd5ae1c.7844259f.js","sourcesContent":["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/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WhereToBuyTable.vue?vue&type=style&index=0&id=90e1b18e&lang=scss&scoped=true&\"","import './_grid.sass'\nimport { createSimpleFunctional } from '../../util/helpers'\n\nexport default createSimpleFunctional('spacer', 'div', 'v-spacer')\n","import VIcon from './VIcon'\n\nexport { VIcon }\nexport default VIcon\n","/**\n * @copyright 2017 Alex Regan\n * @license MIT\n * @see https://github.com/alexsasharegan/vue-functional-data-merge\n */\n/* eslint-disable max-statements */\nimport { VNodeData } from 'vue'\nimport { camelize, wrapInArray } from './helpers'\n\nconst pattern = {\n  styleList: /;(?![^(]*\\))/g,\n  styleProp: /:(.*)/,\n} as const\n\nfunction parseStyle (style: string) {\n  const styleMap: Dictionary<any> = {}\n\n  for (const s of style.split(pattern.styleList)) {\n    let [key, val] = s.split(pattern.styleProp)\n    key = key.trim()\n    if (!key) {\n      continue\n    }\n    // May be undefined if the `key: value` pair is incomplete.\n    if (typeof val === 'string') {\n      val = val.trim()\n    }\n    styleMap[camelize(key)] = val\n  }\n\n  return styleMap\n}\n\n/**\n * Intelligently merges data for createElement.\n * Merges arguments left to right, preferring the right argument.\n * Returns new VNodeData object.\n */\nexport default function mergeData (...vNodeData: VNodeData[]): VNodeData\nexport default function mergeData (): VNodeData {\n  const mergeTarget: VNodeData & Dictionary<any> = {}\n  let i: number = arguments.length\n  let prop: string\n\n  // Allow for variadic argument length.\n  while (i--) {\n    // Iterate through the data properties and execute merge strategies\n    // Object.keys eliminates need for hasOwnProperty call\n    for (prop of Object.keys(arguments[i])) {\n      switch (prop) {\n        // Array merge strategy (array concatenation)\n        case 'class':\n        case 'directives':\n          if (arguments[i][prop]) {\n            mergeTarget[prop] = mergeClasses(mergeTarget[prop], arguments[i][prop])\n          }\n          break\n        case 'style':\n          if (arguments[i][prop]) {\n            mergeTarget[prop] = mergeStyles(mergeTarget[prop], arguments[i][prop])\n          }\n          break\n        // Space delimited string concatenation strategy\n        case 'staticClass':\n          if (!arguments[i][prop]) {\n            break\n          }\n          if (mergeTarget[prop] === undefined) {\n            mergeTarget[prop] = ''\n          }\n          if (mergeTarget[prop]) {\n            // Not an empty string, so concatenate\n            mergeTarget[prop] += ' '\n          }\n          mergeTarget[prop] += arguments[i][prop].trim()\n          break\n        // Object, the properties of which to merge via array merge strategy (array concatenation).\n        // Callback merge strategy merges callbacks to the beginning of the array,\n        // so that the last defined callback will be invoked first.\n        // This is done since to mimic how Object.assign merging\n        // uses the last given value to assign.\n        case 'on':\n        case 'nativeOn':\n          if (arguments[i][prop]) {\n            mergeTarget[prop] = mergeListeners(mergeTarget[prop], arguments[i][prop])\n          }\n          break\n        // Object merge strategy\n        case 'attrs':\n        case 'props':\n        case 'domProps':\n        case 'scopedSlots':\n        case 'staticStyle':\n        case 'hook':\n        case 'transition':\n          if (!arguments[i][prop]) {\n            break\n          }\n          if (!mergeTarget[prop]) {\n            mergeTarget[prop] = {}\n          }\n          mergeTarget[prop] = { ...arguments[i][prop], ...mergeTarget[prop] }\n          break\n        // Reassignment strategy (no merge)\n        default: // slot, key, ref, tag, show, keepAlive\n          if (!mergeTarget[prop]) {\n            mergeTarget[prop] = arguments[i][prop]\n          }\n      }\n    }\n  }\n\n  return mergeTarget\n}\n\nexport function mergeStyles (\n  target: undefined | string | object[] | object,\n  source: undefined | string | object[] | object\n) {\n  if (!target) return source\n  if (!source) return target\n\n  target = wrapInArray(typeof target === 'string' ? parseStyle(target) : target)\n\n  return (target as object[]).concat(typeof source === 'string' ? parseStyle(source) : source)\n}\n\nexport function mergeClasses (target: any, source: any) {\n  if (!source) return target\n  if (!target) return source\n\n  return target ? wrapInArray(target).concat(source) : source\n}\n\nexport function mergeListeners (...args: [\n  { [key: string]: Function | Function[] } | undefined,\n  { [key: string]: Function | Function[] } | undefined\n]) {\n  if (!args[0]) return args[1]\n  if (!args[1]) return args[0]\n\n  const dest: { [key: string]: Function | Function[] } = {}\n\n  for (let i = 2; i--;) {\n    const arg = args[i]\n    for (const event in arg) {\n      if (!arg[event]) continue\n\n      if (dest[event]) {\n        // Merge current listeners before (because we are iterating backwards).\n        // Note that neither \"target\" or \"source\" must be altered.\n        dest[event] = ([] as Function[]).concat(arg[event], dest[event])\n      } else {\n        // Straight assign.\n        dest[event] = arg[event]\n      }\n    }\n  }\n\n  return dest\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-custom\"},[_vm._m(0),_c('div',{staticClass:\"page-actions\"},[_c('h2',[_vm._v(\"Where To Buy\")]),_c('v-spacer'),_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":function($event){return _vm.$router.push({ name: 'WhereToBuyCreate' })}}},[_c('v-icon',{staticClass:\"mr-2 white--text\"},[_vm._v(\"add\")]),_c('span',[_vm._v(\"新增通路\")])],1)],1),_c('WhereToBuyTable')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"breadscrumbs\"},[_c('a',{staticClass:\"breadscrumbs-item active\"},[_vm._v(\"Where To Buy\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"margin-bottom\":\"170px\"}},[_c('BuTab'),_c('div',{staticClass:\"block\"},[_c('div',{staticClass:\"pa-5 d-flex\"},[_c('div',{staticClass:\"form-input-group w-702px mr-5\"},[_c('div',{staticClass:\"prepend-icon\"},[_c('v-icon',[_vm._v(\"search\")])],1),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.filter.keyword),expression:\"filter.keyword\"}],staticClass:\"pl-42px\",attrs:{\"type\":\"text\",\"placeholder\":\"搜尋\"},domProps:{\"value\":(_vm.filter.keyword)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.filter, \"keyword\", $event.target.value)}}})]),_c('button',{staticClass:\"btn btn-primary w-88px\",on:{\"click\":_vm.getBuyChannels}},[_vm._v(\"搜尋\")])]),_c('v-simple-table',{scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_c('thead',[(_vm.lengthOfisCheckedList > 0)?_c('div',{staticClass:\"form-item d-flex align-center px-5 h-60px batch\"},[_c('h5',{staticClass:\"col-checkbox\"},[_c('v-checkbox',{attrs:{\"indeterminate\":_vm.indeterminate},on:{\"click\":_vm.changeAllCheckbox},model:{value:(_vm.checkAllStatus),callback:function ($$v) {_vm.checkAllStatus=$$v},expression:\"checkAllStatus\"}})],1),_c('h5',{staticClass:\"mr-22px\"},[_vm._v(_vm._s(_vm.lengthOfisCheckedList)+\" 項已選取\")]),_c('div',[_c('button',{staticClass:\"btn btn-danger mr-10px\",on:{\"click\":_vm.multiDelete}},[_c('v-icon',{staticClass:\"mr-2\",attrs:{\"color\":\"white\"}},[_vm._v(\"delete\")]),_c('span',[_vm._v(\"刪除\")])],1)])]):_vm._e(),_c('tr',[_c('th',[_c('v-checkbox',{attrs:{\"indeterminate\":_vm.indeterminate},on:{\"click\":_vm.changeAllCheckbox},model:{value:(_vm.checkAllStatus),callback:function ($$v) {_vm.checkAllStatus=$$v},expression:\"checkAllStatus\"}})],1),_c('th',{staticClass:\"text-left\"},[_vm._v(\"Logo\")]),_c('th',{staticClass:\"text-left\"},[_vm._v(\"公司名稱\")]),_c('th',{staticClass:\"text-left\"},[_vm._v(\"通路形式\")]),_c('th',{staticClass:\"text-left\"},[_vm._v(\"通路國家\")]),_c('th',{staticClass:\"text-left\"},[_vm._v(\"BU\")]),_c('th',{staticClass:\"text-left\"},[_vm._v(\"Order\")]),_c('th',{staticClass:\"text-left\"},[_vm._v(\"編輯\")]),_c('th',{staticClass:\"text-left\"},[_vm._v(\"刪除\")])])]),_c('tbody',_vm._l((_vm.buyChannels),function(item){return _c('tr',{key:item.id},[_c('td',[_c('v-checkbox',{model:{value:(item.isChecked),callback:function ($$v) {_vm.$set(item, \"isChecked\", $$v)},expression:\"item.isChecked\"}})],1),_c('td',[_c('div',{staticClass:\"w-40px h-40px bg-cover bg-center\",style:({\n                'background-image': (\"url(\" + (item.logo) + \")\"),\n              })})]),_c('td',[_vm._v(_vm._s(item.title))]),_c('td',[_vm._v(_vm._s(item.type))]),_c('td',[_vm._v(_vm._s(item.country.name))]),_c('td',[_vm._v(_vm._s(item.bu.name))]),_c('td',[_vm._v(_vm._s(item.order))]),_c('td',[_c('button',{staticClass:\"btn square\",on:{\"click\":function($event){return _vm.toWhereToBuyEdit(item.id)}}},[_c('v-icon',[_vm._v(\"edit\")])],1)]),_c('td',[_c('deleteDialog',{on:{\"confirm-delete\":function($event){return _vm.deleteItem(item.id)}}})],1)])}),0)]},proxy:true}])}),_c('Pagination',{attrs:{\"model\":\"buyChannel\"},on:{\"handleNextPreEvent\":_vm.getBuyChannels}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div style=\"margin-bottom: 170px\">\r\n    <!-- Tab -->\r\n    <BuTab></BuTab>\r\n    <!-- Block -->\r\n    <div class=\"block\">\r\n      <!-- top search bar -->\r\n      <div class=\"pa-5 d-flex\">\r\n        <div class=\"form-input-group w-702px mr-5\">\r\n          <div class=\"prepend-icon\"><v-icon>search</v-icon></div>\r\n          <input\r\n            type=\"text\"\r\n            class=\"pl-42px\"\r\n            placeholder=\"搜尋\"\r\n            v-model=\"filter.keyword\"\r\n          />\r\n        </div>\r\n        <button class=\"btn btn-primary w-88px\" @click=\"getBuyChannels\">搜尋</button>\r\n      </div>\r\n\r\n      <!-- table -->\r\n      <v-simple-table>\r\n        <template v-slot:default>\r\n          <thead>\r\n          <div v-if=\"lengthOfisCheckedList > 0\"\r\n               class=\"form-item d-flex align-center px-5 h-60px batch\">\r\n            <h5 class=\"col-checkbox\">\r\n              <v-checkbox\r\n                v-model=\"checkAllStatus\"\r\n                :indeterminate=\"indeterminate\"\r\n                @click=\"changeAllCheckbox\"\r\n              ></v-checkbox>\r\n            </h5>\r\n            <h5 class=\"mr-22px\">{{ lengthOfisCheckedList }} 項已選取</h5>\r\n            <div>\r\n              <button class=\"btn btn-danger mr-10px\" @click=\"multiDelete\">\r\n                <v-icon color=\"white\" class=\"mr-2\">delete</v-icon>\r\n                <span>刪除</span>\r\n              </button>\r\n            </div>\r\n            <!--<div>-->\r\n              <!--<button class=\"btn mr-10px\" @click=\"changePublish(true)\">設為顯示</button>-->\r\n            <!--</div>-->\r\n            <!--<div>-->\r\n              <!--<button class=\"btn\" @click=\"changePublish(false)\">設為隱藏</button>-->\r\n            <!--</div>-->\r\n          </div>\r\n          <tr>\r\n            <th>\r\n              <v-checkbox\r\n                v-model=\"checkAllStatus\"\r\n                :indeterminate=\"indeterminate\"\r\n                @click=\"changeAllCheckbox\"\r\n              ></v-checkbox>\r\n            </th>\r\n            <th class=\"text-left\">Logo</th>\r\n            <th class=\"text-left\">公司名稱</th>\r\n            <th class=\"text-left\">通路形式</th>\r\n            <th class=\"text-left\">通路國家</th>\r\n            <th class=\"text-left\">BU</th>\r\n            <th class=\"text-left\">Order</th>\r\n            <th class=\"text-left\">編輯</th>\r\n            <th class=\"text-left\">刪除</th>\r\n          </tr>\r\n          </thead>\r\n          <tbody>\r\n          <tr\r\n            v-for=\"item in buyChannels\"\r\n            :key=\"item.id\"\r\n          >\r\n            <td>\r\n              <v-checkbox v-model=\"item.isChecked\"></v-checkbox>\r\n            </td>\r\n            <td>\r\n              <div\r\n                class=\"w-40px h-40px bg-cover bg-center\"\r\n                :style=\"{\r\n                  'background-image': `url(${item.logo})`,\r\n                }\"\r\n              ></div>\r\n            </td>\r\n            <td>{{ item.title }}</td>\r\n            <td>{{ item.type }}</td>\r\n            <td>{{ item.country.name }}</td>\r\n            <td>{{ item.bu.name }}</td>\r\n            <td>{{ item.order }}</td>\r\n            <td>\r\n              <button class=\"btn square\" @click=\"toWhereToBuyEdit(item.id)\">\r\n                <v-icon>edit</v-icon>\r\n              </button>\r\n            </td>\r\n            <td>\r\n              <deleteDialog @confirm-delete=\"deleteItem(item.id)\"></deleteDialog>\r\n            </td>\r\n          </tr>\r\n          </tbody>\r\n        </template>\r\n      </v-simple-table>\r\n      <!-- table footer -->\r\n      <Pagination @handleNextPreEvent=\"getBuyChannels\" model=\"buyChannel\"></Pagination>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapState } from 'vuex';\r\nimport BuTab from '@/components/BuTab.vue';\r\nimport Pagination from '@/components/Pagination.vue';\r\n// import FormSwitch from '@/components/FormSwitch.vue';\r\nimport deleteDialog from '@/components/C-1b__CategoriesList_Dialog-ConfirmDelete.vue';\r\n\r\nexport default {\r\n  components: {\r\n    deleteDialog,\r\n    BuTab,\r\n    Pagination,\r\n    // FormSwitch,\r\n  },\r\n  data: () => ({\r\n    checkAllStatus: false, // left top checkbox status\r\n  }),\r\n  computed: {\r\n    ...mapState(['currentBuTabId']),\r\n    ...mapState('buyChannel', ['buyChannels', 'filter']),\r\n    lengthOfisCheckedList() {\r\n      return this.buyChannels.filter((item) => item.isChecked)\r\n        .length;\r\n    },\r\n    indeterminate() {\r\n      const isCheckedList = this.buyChannels.filter(\r\n        (item) => item.isChecked,\r\n      );\r\n      if (\r\n        isCheckedList.length === 0 ||\r\n        isCheckedList.length === this.buyChannels.length\r\n      ) {\r\n        return false;\r\n      }\r\n      return true;\r\n    },\r\n    isCheckedListIds() {\r\n      return this.buyChannels.filter((item) => item.isChecked).map((item) => item.id);\r\n    },\r\n  },\r\n  watch: {\r\n    lengthOfisCheckedList(newValue) {\r\n      if (newValue < this.buyChannels.length) {\r\n        this.checkAllStatus = false;\r\n      }\r\n      if (newValue === this.buyChannels.length) {\r\n        this.checkAllStatus = true;\r\n      }\r\n    },\r\n    currentBuTabId(newValue) {\r\n      this.filter.buId = newValue;\r\n      this.getBuyChannels();\r\n    },\r\n  },\r\n  methods: {\r\n    ...mapActions('buyChannel', {\r\n      getBuyChannels: 'find',\r\n      destroyBuyChannel: 'destroy',\r\n    }),\r\n    toWhereToBuyEdit(id) {\r\n      this.$router.push({\r\n        name: 'WhereToBuyEdit',\r\n        params: { id },\r\n      });\r\n    },\r\n    changeAllCheckbox() {\r\n      if (this.checkAllStatus) {\r\n        this.buyChannels.forEach(\r\n          (item) => (item.isChecked = true),\r\n        );\r\n      } else {\r\n        this.buyChannels.forEach(\r\n          (item) => (item.isChecked = false),\r\n        );\r\n      }\r\n    },\r\n    async deleteItem(id) {\r\n      await this.destroyBuyChannel(id).then(() => {\r\n        this.getBuyChannels();\r\n      });\r\n    },\r\n    async multiDelete() {\r\n      await this.isCheckedListIds.forEach((id) => {\r\n        this.destroyBuyChannel(id).then(() => {});\r\n      });\r\n      this.getBuyChannels();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.table {\r\n  .col-logo {\r\n    width: 40px;\r\n    margin-right: 20px;\r\n  }\r\n  .col-company-name {\r\n    min-width: 100px;\r\n    margin-right: 45px;\r\n  }\r\n  .col-pathway {\r\n    width: 80px;\r\n    margin-right: 18px;\r\n  }\r\n  .col-bu {\r\n    min-width: 126px;\r\n    margin-right: 10px;\r\n  }\r\n  .col-order {\r\n    width: 80px;\r\n    margin-right: 10px;\r\n    text-align: right;\r\n  }\r\n\r\n  .col-show {\r\n    margin-right: 40px;\r\n  }\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!./WhereToBuyTable.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!./WhereToBuyTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WhereToBuyTable.vue?vue&type=template&id=90e1b18e&scoped=true&\"\nimport script from \"./WhereToBuyTable.vue?vue&type=script&lang=js&\"\nexport * from \"./WhereToBuyTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WhereToBuyTable.vue?vue&type=style&index=0&id=90e1b18e&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  \"90e1b18e\",\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 { VCheckbox } from 'vuetify/lib/components/VCheckbox';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VSimpleTable } from 'vuetify/lib/components/VDataTable';\ninstallComponents(component, {VCheckbox,VIcon,VSimpleTable})\n","<template>\n  <div class=\"container-custom\">\n    <!-- breadcrumbs -->\n    <div class=\"breadscrumbs\">\n      <a class=\"breadscrumbs-item active\">Where To Buy</a>\n    </div>\n    <!-- page-actions -->\n    <div class=\"page-actions\">\n      <h2>Where To Buy</h2>\n      <v-spacer></v-spacer>\n      <button\n        class=\"btn btn-primary\"\n        @click=\"$router.push({ name: 'WhereToBuyCreate' })\"\n      >\n        <v-icon class=\"mr-2 white--text\">add</v-icon>\n        <span>新增通路</span>\n      </button>\n    </div>\n    <!-- Table -->\n    <WhereToBuyTable></WhereToBuyTable>\n  </div>\n</template>\n\n<script>\nimport { mapActions } from 'vuex';\nimport WhereToBuyTable from '@/views/H_WhereToBuy/c/WhereToBuyTable.vue';\n\nexport default {\n  components: {\n    WhereToBuyTable,\n  },\n  created() {\n    this.clear();\n    this.getBuyChannels();\n  },\n  methods: {\n    ...mapActions('buyChannel', {\n      getBuyChannels: 'find',\n      clear: 'clear',\n    }),\n  },\n};\n</script>\n\n<style></style>\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!./H-1__WhereToBuy.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!./H-1__WhereToBuy.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./H-1__WhereToBuy.vue?vue&type=template&id=d5adbba2&\"\nimport script from \"./H-1__WhereToBuy.vue?vue&type=script&lang=js&\"\nexport * from \"./H-1__WhereToBuy.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 { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VIcon,VSpacer})\n"],"sourceRoot":""}