{"version":3,"sources":["webpack:///./src/common/image.util.js","webpack:///./src/assets/svg/common/tags/age lazy ^\\.\\/.*\\.svg$ namespace object","webpack:///./src/components/section/template/cell/SmrCellList.vue?63e7","webpack:///./src/components/section/template/cell/SmrCellList.vue?6d92","webpack:///src/components/section/template/cell/SmrCellList.vue","webpack:///./src/components/section/template/cell/SmrCellList.vue?0eb3","webpack:///./src/components/section/template/cell/SmrCellList.vue","webpack:///./src/common/image.filter.js","webpack:///./src/components/tags/AgeTag.vue?cd86","webpack:///src/components/tags/AgeTag.vue","webpack:///./src/components/tags/AgeTag.vue?39e4","webpack:///./src/components/tags/AgeTag.vue"],"names":["Multiply","getBandTypeInfoByCellType","cellType","number","Number","match","res","type","typeNumber","width","height","CELL_TYPE_THUMBNAIL","loadingImageUrl","CELL_TYPE_POSTER","CELL_TYPE_CIRCLE","CELL_TYPE_LAUNCHER","getCellListContainerClassName","concat","getBandTypeInfoBySmrCellType","map","./ic_tag_6_1.svg","./ic_tag_6_2.svg","./ic_tag_6_3.svg","./ic_tag_6_4.svg","./ic_tag_6_5.svg","webpackAsyncContext","req","ids","__webpack_require__","e","then","id","Promise","resolve","Error","code","keys","Object","module","exports","_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_SmrCellList_vue_vue_type_style_index_0_id_7dadd2f5_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","_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_SmrCellList_vue_vue_type_style_index_0_id_7dadd2f5_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","cellList","length","staticClass","_v","_s","getTitle","class","containerClassName","_l","cell","index","key","bandType","on","click","$event","preventDefault","goClip","isPosterImage","$route","name","attrs","src","getImageSrc","targetage","showAge","age-code","_e","playtimetext","cliptitle","programtitle","staticRenderFns","SmrCellListvue_type_script_lang_js_","components","AgeTag","props","Array","String","data","thumbnailInfo","methods","$router","push","params","section","query","clipid","image_filter","image","replace","indexOf","created","image_util","popular","cell_SmrCellListvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__","DEFAULT_IMAGE_QUALITY","widthHeightQuality","quality","arguments","undefined","isSquare","addPrefixThumbnail","url","resize","_ref","_ref$quality","_ref$isSquare","urlArr","split","postfix","pop","join","resizeThumbnail","_ref2","_ref2$quality","_ref2$isSquare","_ref2$multiply","multiply","completedUrl","tag","AgeTagvue_type_script_lang_js_","computed","loader","ageTagIcon","contentType","ageCode","mounted","_this","catch","tags_AgeTagvue_type_script_lang_js_"],"mappings":"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","file":"js/chunk-81d024ae.5e4c593b.js","sourcesContent":["import { CELL_TYPE_THUMBNAIL, CELL_TYPE_POSTER, CELL_TYPE_CIRCLE, CELL_TYPE_LAUNCHER } from '@/common/constant'\nconst Multiply = 3\n\nexport const getBandTypeInfoByCellType = (cellType) => {\n  if (cellType === '') return\n  let number = Number(cellType.match(/\\d+/g)[0])\n  let res = {\n    type: '',\n    typeNumber: '',\n    width: '',\n    height: ''\n  }\n  if (number < 8) {\n    res.type = CELL_TYPE_THUMBNAIL\n    res.width = 320 * Multiply\n    res.height = 180 * Multiply\n    res.typeNumber = 2\n    res.loadingImageUrl = '/img/common/img_default_thum_2.png'\n  } else if (number < 15) {\n    res.type = CELL_TYPE_POSTER\n    res.typeNumber = 1\n    res.width = 104 * Multiply\n    res.height = 148 * Multiply\n    res.loadingImageUrl = '/img/common/img_default_thum_1.png'\n  } else if (number < 22) {\n    res.type = CELL_TYPE_CIRCLE\n    res.width = 160 * Multiply\n    res.height = 90 * Multiply\n    res.typeNumber = 3\n    res.loadingImageUrl = '/img/common/img_default_thum_3.png'\n  } else if (number === 31) {\n    res.type = CELL_TYPE_LAUNCHER\n    res.width = 36 * Multiply\n    res.height = 36 * Multiply\n    res.typeNumber = 4\n    res.loadingImageUrl = '/img/common/img_default_thum_3.png'\n  }\n  return res\n}\n\nexport const getCellListContainerClassName = (cellType) => {\n  if (cellType === CELL_TYPE_THUMBNAIL || cellType === CELL_TYPE_POSTER || cellType === CELL_TYPE_CIRCLE || CELL_TYPE_LAUNCHER) {\n    return `cell-list scroll cell-${cellType}`\n  }\n}\n\nexport const getBandTypeInfoBySmrCellType = (cellType) => {\n  switch (cellType) {\n    case 'mainlist':\n    case 'popularlist':\n    case 'newlist' :\n      return getBandTypeInfoByCellType('Band1')\n    case 'clipPopularProgramList':\n      return getBandTypeInfoByCellType('Band13')\n  }\n}\n","var map = {\n\t\"./ic_tag_6_1.svg\": [\n\t\t\"7f85\",\n\t\t\"chunk-2d0e2742\"\n\t],\n\t\"./ic_tag_6_2.svg\": [\n\t\t\"e484\",\n\t\t\"chunk-2d2254a1\"\n\t],\n\t\"./ic_tag_6_3.svg\": [\n\t\t\"4a42\",\n\t\t\"chunk-2d0cb6e1\"\n\t],\n\t\"./ic_tag_6_4.svg\": [\n\t\t\"346f\",\n\t\t\"chunk-2d0b9a07\"\n\t],\n\t\"./ic_tag_6_5.svg\": [\n\t\t\"765b\",\n\t\t\"chunk-2d0d72e2\"\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tvar ids = map[req];\n\tif(!ids) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\treturn __webpack_require__.e(ids[1]).then(function() {\n\t\tvar id = ids[0];\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = \"12ed\";\nmodule.exports = webpackAsyncContext;","import mod 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!./SmrCellList.vue?vue&type=style&index=0&id=7dadd2f5&scoped=true&lang=css&\"; export default mod; 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!./SmrCellList.vue?vue&type=style&index=0&id=7dadd2f5&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.cellList.length > 0)?_c('div',{staticClass:\"multi-section-container\"},[_c('div',{staticClass:\"component-container\"},[_c('h2',{staticClass:\"component-title\"},[_c('strong',[_vm._v(_vm._s(_vm.getTitle()))])]),_c('div',{staticClass:\"cell-container\"},[_c('ul',{class:_vm.containerClassName},_vm._l((_vm.cellList),function(cell,index){return _c('li',{key:'smr_' + _vm.bandType + index,on:{\"click\":function($event){$event.preventDefault();return (function (){ return _vm.goClip(cell); })($event)}}},[_c('div',{class:_vm.isPosterImage(cell) ? 'cell-img poster' : 'cell-img' + ' ' + _vm.$route.name},[_c('img',{key:'smr' + _vm.bandType + index,attrs:{\"src\":_vm.getImageSrc(cell)}}),(cell.targetage !== '' && _vm.showAge(cell))?_c('age-tag',{attrs:{\"age-code\":cell.targetage}}):_vm._e(),(cell.playtimetext !== '' && cell.playtimetext)?_c('div',{staticClass:\"tag-bottom-time\"},[_c('span',{staticClass:\"tag-time\"},[_vm._v(_vm._s(cell.playtimetext))])]):_vm._e()],1),_c('div',{staticClass:\"cell-info\"},[_c('div',{staticClass:\"cell-title-wrap\"},[_c('div',{staticClass:\"cell-title\"},[_c('span',{staticClass:\"title1 line2\"},[_vm._v(_vm._s(cell.cliptitle))])]),_c('div',{staticClass:\"cell-title\"},[_c('span',{staticClass:\"title2 line1\"},[_vm._v(_vm._s(cell.programtitle))])])])])])}),0)])])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"multi-section-container\" v-if=\"cellList.length > 0\">\n      <div class=\"component-container\">\n        <h2 class=\"component-title\">\n          <strong>{{getTitle()}}</strong>\n        </h2>\n        <div class=\"cell-container\">\n          <ul :class=\"containerClassName\">\n            <li v-for=\"(cell, index) in cellList\" :key=\"'smr_' + bandType + index\" @click.prevent=\"()=>goClip(cell)\">\n              <div :class=\"isPosterImage(cell) ? 'cell-img poster' : 'cell-img' + ' ' + $route.name\">\n                <img :src=\"getImageSrc(cell)\" :key=\"'smr' + bandType + index\"/>\n                <age-tag v-if=\"cell.targetage !== '' && showAge(cell)\" :age-code=\"cell.targetage\"/>\n                <div class=\"tag-bottom-time\" v-if=\"cell.playtimetext !== '' && cell.playtimetext\">\n                  <span class=\"tag-time\">{{cell.playtimetext}}</span>\n                </div>\n              </div>\n              <div class=\"cell-info\">\n                <div class=\"cell-title-wrap\">\n                  <div class=\"cell-title\">\n                    <span class=\"title1 line2\">{{cell.cliptitle}}</span>\n                  </div>\n                  <div class=\"cell-title\">\n                    <span class=\"title2 line1\">{{cell.programtitle}}</span>\n                  </div>\n                </div>\n              </div>\n            </li>\n          </ul>\n        </div>\n      </div>\n  </div>\n</template>\n\n<script>\nimport AgeTag from '@/components/tags/AgeTag'\nimport { resizeThumbnail } from '@/common/image.filter'\nimport { getBandTypeInfoBySmrCellType, getCellListContainerClassName } from '@/common/image.util'\nexport default {\n  name: 'SmrCellList',\n  components: {\n    AgeTag\n  },\n  props: {\n    cellList: {\n      type: Array\n    },\n    bandType: {\n      type: String\n    }\n  },\n  data () {\n    return {\n      thumbnailInfo: {},\n      containerClassName: ''\n    }\n  },\n  methods: {\n    goClip (cell) {\n      this.$router.push({\n        name: 'player',\n        params: {\n          section: 'clip'\n        },\n        query: {\n          clipid: cell.clipid\n        }\n      })\n    },\n    getImageSrc (cell) {\n      if (this.isPosterImage(cell)) {\n        return resizeThumbnail(cell.image, this.thumbnailInfo).replace('w320', 'w208').replace('h180', 'h296')\n      } else {\n        return resizeThumbnail(cell.image, this.thumbnailInfo)\n      }\n    },\n    isPosterImage (cell) {\n      return cell.image.indexOf('poster/') > -1\n    },\n    showAge (cell) {\n      return cell.targetage === '19' || cell.targetage === '19+' || cell.targetage === '청불'\n    },\n    getTitle () {\n      switch (this.bandType) {\n        case 'popularlist':\n          return '주목할만한 동영상'\n        case 'clipPopularProgramList' :\n          return '인기 프로그램'\n        case 'newlist':\n          return '최신영상'\n      }\n    }\n  },\n  created () {\n    this.thumbnailInfo = getBandTypeInfoBySmrCellType(this.bandType)\n    let popular = this.bandType === 'clipPopularProgramList' ? ' popular' : ''\n    this.containerClassName = getCellListContainerClassName(this.thumbnailInfo.type) + popular\n  }\n}\n</script>\n\n<style scoped>\n  .cell-img img {\n    width: 100%;\n    height: 100%;\n  }\n  img[lazy=loading] {\n    opacity: 0.5;\n  }\n  img[lazy=error] {\n    opacity: 1;\n  }\n  img[lazy=loaded] {\n    -webkit-transition: opacity 350ms ease-in-out;\n    -moz-transition: opacity 350ms ease-in-out;\n    -o-transition: opacity 350ms ease-in-out;\n    transition: opacity 350ms ease-in-out;\n  }\n  .popular .title1.line2{\n    text-overflow: ellipsis;\n    overflow: hidden;\n    -webkit-line-clamp: 1;\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/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SmrCellList.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/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SmrCellList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SmrCellList.vue?vue&type=template&id=7dadd2f5&scoped=true&\"\nimport script from \"./SmrCellList.vue?vue&type=script&lang=js&\"\nexport * from \"./SmrCellList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SmrCellList.vue?vue&type=style&index=0&id=7dadd2f5&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  \"7dadd2f5\",\n  null\n  \n)\n\nexport default component.exports","const DEFAULT_IMAGE_QUALITY = 75\nconst widthHeightQuality = (width, height, quality = DEFAULT_IMAGE_QUALITY, isSquare = false) => {\n  return isSquare ? `_w${width}_square` : `_w${width}_h${height}_q${quality}`\n}\n\nexport const addPrefixThumbnail = (url) => {\n  return `https://${url.replace('https://', '').replace('http://', '')}`\n}\n\nexport const resize = (url, { width, height, quality = DEFAULT_IMAGE_QUALITY, isSquare = false }) => {\n  let urlArr = url.split('.')\n  let postfix = urlArr.pop()\n  return `${urlArr.join('.')}${widthHeightQuality(width, height, quality, isSquare)}.${postfix}`\n}\n\nexport const resizeThumbnail = (url, { width, height, quality = DEFAULT_IMAGE_QUALITY, isSquare = false, multiply = 1 }) => {\n  let completedUrl = addPrefixThumbnail(url)\n  return resize(completedUrl, { width: width * multiply, height: height * multiply, quality, isSquare })\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.component)?_c('div',{staticClass:\"tag-age\"},[(_vm.component)?_c(_vm.component,{key:\"ageTag\",tag:\"component\"}):_vm._e()],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"tag-age\" v-if=\"component\">\n    <component :is=\"component\" v-if=\"component\" key=\"ageTag\" />\n  </div>\n</template>\n<script>\nexport default {\n  name: 'AgeTag',\n  props: ['ageCode', 'contentType'],\n  data () {\n    return {\n      component: null\n    }\n  },\n  computed: {\n    loader () {\n      let ageTagIcon = ''\n      if (this.contentType === 'mypooq') {\n        ageTagIcon = this.ageCode === '18' || this.ageCode === '19' || this.ageCode === '21' ? 'ic_tag_6_5' : ''\n      } else if (this.contentType === 'mypooq_vod') {\n        ageTagIcon = this.ageCode === '18' || this.ageCode === '19' || this.ageCode === '21' ? 'ic_tag_6_4' : ''\n      } else {\n        switch (this.ageCode) {\n          case '0':\n            if (this.contentType === 'movie') {\n              ageTagIcon = 'ic_tag_6_1'\n            }\n            break\n          case '12':\n            ageTagIcon = 'ic_tag_6_2'\n            break\n          case '15':\n            ageTagIcon = 'ic_tag_6_3'\n            break\n          case '18':\n          case '19':\n            if (this.contentType === 'movie') {\n              ageTagIcon = 'ic_tag_6_5'\n            } else {\n              ageTagIcon = 'ic_tag_6_4'\n            }\n            break\n          case '21':\n          case 'adult':\n            ageTagIcon = 'ic_tag_6_5'\n            break\n        }\n      }\n      return () => import(`@/assets/svg/common/tags/age/${ageTagIcon}.svg`)\n    }\n  },\n  mounted () {\n    this.loader()\n      .then(() => {\n        this.component = () => this.loader()\n      })\n      .catch(() => {\n        console.log('error')\n      })\n  }\n}\n</script>\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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AgeTag.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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AgeTag.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AgeTag.vue?vue&type=template&id=16138c8e&\"\nimport script from \"./AgeTag.vue?vue&type=script&lang=js&\"\nexport * from \"./AgeTag.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"],"sourceRoot":""}