{"version":3,"sources":["webpack:///./src/components/container/multisection/TemplateLauncher.vue?573b","webpack:///src/components/container/multisection/TemplateLauncher.vue","webpack:///./src/components/container/multisection/TemplateLauncher.vue?1324","webpack:///./src/components/container/multisection/TemplateLauncher.vue?ad93","webpack:///./src/components/container/multisection/TemplateLauncher.vue?dd39"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","attrs","_v","_s","multiSectionTitle","_l","cell","index","key","on","$event","preventDefault","goDetail","thumbnail","getTitle","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,KAAK,CAACG,WAAW,CAAC,CAACC,KAAK,aAAaC,QAAQ,iBAAiBH,YAAY,aAAaI,MAAM,CAAC,SAAW,MAAM,CAACN,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,0BAA0BT,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,QAAQ,CAACA,EAAG,UAAU,CAACJ,EAAIW,GAAG,eAAeP,EAAG,QAAQ,CAACA,EAAG,KAAKJ,EAAIc,GAAId,EAAY,UAAE,SAASe,EAAKC,GAAO,OAAOZ,EAAG,KAAK,CAACa,IAAI,YAAcD,GAAO,CAACZ,EAAG,IAAI,CAACE,YAAY,qBAAqBI,MAAM,CAAC,KAAO,KAAKQ,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBpB,EAAIqB,SAASN,MAAS,CAACX,EAAG,MAAM,CAACA,EAAG,MAAM,CAACM,MAAM,CAAC,IAAMK,EAAKO,UAAU,IAAMtB,EAAIuB,SAASR,GAAQ,UAAUX,EAAG,OAAO,CAACJ,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIuB,SAASR,gBAAkB,cACn0BS,EAAkB,G,2FCgCtB,GACE,KAAF,uBACE,MAAF,CACI,YAAJ,CACM,KAAN,SAGE,WAAF,CACI,UAAJ,QAEE,KAVF,WAWI,MAAJ,CACM,SAAN,GACM,kBAAN,GACM,WAAN,EACM,WAAN,IAGE,QAAF,CACI,SADJ,SACA,GACM,OAAN,+BAEI,QAJJ,WAIM,IAAN,OAAM,OAAN,+IACA,sBADA,wDAEA,eAFA,SAGA,8BAHA,OAGA,EAHA,OAIA,6BACA,wCACA,eANA,8CAQI,SAZJ,SAYA,GACM,IAAN,yBACA,iDACM,OAAN,OAAM,CAAN,GACM,IAAN,kBACA,mCACA,oCACM,KAAN,kBAGE,QAxCF,WAyCI,KAAJ,UACI,KAAJ,qDC3EwX,I,wBCQpXC,EAAY,eACd,EACA1B,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,oECnBf","file":"js/chunk-27225b3f.58e73f77.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"multi\"},[_c('div',{staticClass:\"title\"},[_c('h2',{directives:[{name:\"band-title\",rawName:\"v-band-title\"}],staticClass:\"title-area\",attrs:{\"tabindex\":\"0\"}},[_c('span',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.multiSectionTitle))])])]),_c('div',[_c('div',{staticClass:\"launcher-band\"},[_c('table',[_c('caption',[_vm._v(\"런처 밴드 테이블\")]),_c('tbody',[_c('tr',_vm._l((_vm.cellList),function(cell,index){return _c('td',{key:'launcher_' + index},[_c('a',{staticClass:\"launcher-band-link\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.goDetail(cell)}}},[_c('div',[_c('img',{attrs:{\"src\":cell.thumbnail,\"alt\":_vm.getTitle(cell) + ' 이미지'}}),_c('span',[_vm._v(_vm._s(_vm.getTitle(cell)))])])])])}),0)])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"multi\">\n    <div class=\"title\">\n      <h2 class=\"title-area\" v-band-title tabindex=\"0\">\n        <span class=\"label\">{{multiSectionTitle}}</span>\n      </h2>\n    </div>\n    <div>\n      <div class=\"launcher-band\">\n        <table>\n          <caption>런처 밴드 테이블</caption>\n          <tbody>\n          <tr>\n            <td v-for=\"(cell, index) in cellList\" :key=\"'launcher_' + index\">\n              <a href=\"#\" class=\"launcher-band-link\" @click.prevent=\"goDetail(cell)\">\n                <div>\n                  <img :src=\"cell.thumbnail\" :alt=\"getTitle(cell) + ' 이미지'\">\n                  <span>{{getTitle(cell)}}</span>\n                </div>\n              </a>\n            </td>\n          </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\n  import _ from 'lodash'\n  import { fetchFromEventObject, fetchOnContent } from '@/common/utils/request.common'\n  import { CellEventMapper, getCellList } from '@/common/utils/gnb.fp'\n  import { bandTitle } from '@/common/resources/directives'\n  export default {\n    name: 'TemplateLauncherBand',\n    props: {\n      sectionInfo: {\n        type: Object\n      }\n    },\n    directives: {\n      bandTitle\n    },\n    data () {\n      return {\n        cellList: [],\n        multiSectionTitle: '',\n        isLoading: true,\n        isVisible: false\n      }\n    },\n    methods: {\n      getTitle (cell) {\n        return _.get(cell, 'title_list.0.text', '')\n      },\n      async setData () {\n        if (this.cellList.length !== 0) return\n        this.isLoading = true\n        const response = await fetchOnContent(this.sectionInfo)\n        this.cellList = getCellList(response)\n        if (this.cellList.length === 0) { this.isVisible = false }\n        this.isLoading = false\n      },\n      goDetail (cell) {\n        const eventList = _.get(cell, 'event_list', [])\n        const { onClick, onNavigation } = CellEventMapper(eventList)\n        fetchFromEventObject(onClick)\n        const navigationUrl = _.get(onNavigation, 'url', '')\n          .replace('http://www.wavve.com', '')\n          .replace('https://www.wavve.com', '')\n        this.$router.push(navigationUrl)\n      }\n    },\n    created () {\n      this.setData()\n      this.multiSectionTitle = _.get(this.sectionInfo, 'title', '')\n    }\n  }\n</script>\n<style scoped>\n  .multi{\n    width: 1240px;\n    margin: 0 auto;\n  }\n\n  .multi .title{\n    margin: 0 0 20px;\n  }\n\n  .multi .title h2{\n    display: inline-block;\n    font-size: 0;\n    line-height: 36px;\n    color: #fff;\n    font-weight: 400;\n    vertical-align: middle;\n  }\n\n  .title-area .label{\n    display: inline-block;\n    vertical-align: middle;\n    color: #fff;\n  }\n\n  .title-area span{\n    font-size: 24px;\n    line-height: 36px;\n  }\n\n  /* 런처 밴드 */\n  .launcher-band{\n    margin-bottom: 80px;\n  }\n\n  .launcher-band table{\n    width: 100%;\n    table-layout: fixed;\n    text-align: center;\n  }\n\n  .launcher-band table td{\n    padding: 0 5px;\n  }\n\n  .launcher-band table td:first-child{\n    padding-left: 0;\n  }\n\n  .launcher-band table td:last-child{\n    padding-right: 0;\n  }\n\n  .launcher-band-link{\n    display: block;\n    padding: 22px 0;\n    background-color: #252525;\n    font-size: 16px;\n    line-height: 24px;\n    color: #a5a5a5;\n  }\n\n  .launcher-band-link img{\n    height: 36px;\n  }\n\n  .launcher-band-link img,\n  .launcher-band-link span{\n    vertical-align: middle;\n  }\n\n  .launcher-band-link img + span{\n    display: inline-block;\n    margin-left: 12px;\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/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!./TemplateLauncher.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!./TemplateLauncher.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TemplateLauncher.vue?vue&type=template&id=662d658c&scoped=true&\"\nimport script from \"./TemplateLauncher.vue?vue&type=script&lang=js&\"\nexport * from \"./TemplateLauncher.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TemplateLauncher.vue?vue&type=style&index=0&id=662d658c&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"662d658c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TemplateLauncher.vue?vue&type=style&index=0&id=662d658c&scoped=true&lang=css&\""],"sourceRoot":""}