{"version":3,"sources":["webpack:///./src/common/image.util.js","webpack:///./src/components/section/template/Smr.vue?7d98","webpack:///src/components/section/template/Smr.vue","webpack:///./src/components/section/template/Smr.vue?8e85","webpack:///./src/components/section/template/Smr.vue","webpack:///./src/components/section/template/LoadingBand.vue?0bc0","webpack:///src/components/section/template/LoadingBand.vue","webpack:///./src/components/section/template/LoadingBand.vue?bd1c","webpack:///./src/components/section/template/LoadingBand.vue","webpack:///./src/components/section/template/LoadingBand.vue?ad60"],"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","render","_vm","this","_h","$createElement","_c","_self","key","sectionInfo","title","staticClass","_v","_s","getTitle","cellList","length","attrs","cell-list","thumbnail-info","thumbnailInfo","container-class-name","_e","staticRenderFns","Smrvue_type_script_lang_js_","name","components","SmrCellList","LoadingBand","props","Array","data","methods","computed","created","Object","image_util","template_Smrvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__","class","containerClassName","_l","index","src","loadingImage","imageSize","LoadingBandvue_type_script_lang_js_","hasSecondSkeletonText","template_LoadingBandvue_type_script_lang_js_","_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_LoadingBand_vue_vue_type_style_index_0_id_75cd8860_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_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_LoadingBand_vue_vue_type_style_index_0_id_75cd8860_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/chunk-1db91108.658d7f48.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 render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{key:_vm.sectionInfo.title + '_smr_band',staticClass:\"component-container\"},[_c('h2',{staticClass:\"component-title\"},[_vm._v(_vm._s(_vm.getTitle(_vm.sectionInfo.title)))]),(_vm.cellList && _vm.cellList.length)?_c('smr-cell-list',{attrs:{\"cell-list\":_vm.cellList,\"thumbnail-info\":_vm.thumbnailInfo,\"container-class-name\":_vm.getCellListContainerClassName}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"component-container\" :key=\"sectionInfo.title + '_smr_band'\">\n    <h2 class=\"component-title\">{{getTitle(sectionInfo.title)}}</h2>\n    <smr-cell-list v-if=\"cellList && cellList.length\"\n               :cell-list=\"cellList\"\n               :thumbnail-info=\"thumbnailInfo\"\n               :container-class-name=\"getCellListContainerClassName\"/>\n  </div>\n</template>\n\n<script>\nimport { getBandTypeInfoBySmrCellType, getCellListContainerClassName } from '@/common/image.util'\nimport SmrCellList from '@/components/section/template/LoadingBand'\nexport default {\n  name: 'Smr',\n  components: {\n    SmrCellList\n  },\n  props: {\n    cellList: {\n      type: Array\n    }\n  },\n  data () {\n    return {\n      thumbnailInfo: {}\n    }\n  },\n  methods: {\n    getTitle (title) {\n      return 'test'\n    }\n  },\n  computed: {\n    getCellListContainerClassName () {\n      return ''\n      // return getCellListContainerClassName(this.thumbnailInfo.type)\n    }\n  },\n  created () {\n    this.thumbnailInfo = getBandTypeInfoBySmrCellType(this.sectionInfo.cellType)\n  }\n\n}\n</script>\n\n<style scoped>\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!./Smr.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!./Smr.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Smr.vue?vue&type=template&id=0f2db1b5&scoped=true&\"\nimport script from \"./Smr.vue?vue&type=script&lang=js&\"\nexport * from \"./Smr.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  \"0f2db1b5\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isLoading)?_c('div',{staticClass:\"cell-container loading\"},[_c('ul',{class:_vm.containerClassName},_vm._l((10),function(index){return _c('li',{key:index},[_c('div',{staticClass:\"cell-img\"},[_c('img',{attrs:{\"src\":_vm.loadingImage,\"width\":_vm.imageSize}})]),_c('div',{staticClass:\"cell-info\"},[_c('div',{staticClass:\"cell-title-wrap\"},[_c('div',{staticClass:\"cell-title title1 line1\"},[_vm._v(\" \")]),(_vm.hasSecondSkeletonText)?_c('div',{staticClass:\"cell-title title3 line1\"},[_vm._v(\" \")]):_vm._e()])])])}),0)]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div v-if=\"isLoading\" class=\"cell-container loading\">\n      <ul :class=\"containerClassName\">\n        <li v-for=\"index in 10\" :key=\"index\">\n          <div class=\"cell-img\">\n            <img :src=\"loadingImage\" :width=\"imageSize\"/>\n          </div>\n          <div class=\"cell-info\">\n            <div class=\"cell-title-wrap\">\n              <div class=\"cell-title title1 line1\">&nbsp;</div>\n              <div v-if=\"hasSecondSkeletonText\" class=\"cell-title title3 line1\">&nbsp;</div>\n            </div>\n          </div>\n        </li>\n      </ul>\n    </div>\n</template>\n<script>\n\nimport { getBandTypeInfoByCellType } from '@/common/image.util'\n\nexport default {\n  name: 'LoadingBand',\n  data () {\n    return {\n      thumbnailInfo: {}\n    }\n  },\n  props: ['isLoading', 'cellType', 'containerClassName'],\n  computed: {\n    loadingImage: function () {\n      return `/img/common/img_default_thum_${this.thumbnailInfo.typeNumber}.png`\n    },\n    imageSize: function () {\n      return this.thumbnailInfo.width\n    },\n    // getClass: function () {\n    //   return `cell-list scroll cell-${this.thumbnailInfo.type}`\n    // },\n    hasSecondSkeletonText: function () {\n      return this.thumbnailInfo.typeNumber === 2\n    }\n  },\n  created () {\n    this.thumbnailInfo = getBandTypeInfoByCellType(this.cellType)\n  }\n}\n</script>\n<style scoped>\n  .cell-img img {\n    opacity: 1;\n  }\n  .cell-title-wrap div{\n    opacity: 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!./LoadingBand.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!./LoadingBand.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoadingBand.vue?vue&type=template&id=75cd8860&scoped=true&\"\nimport script from \"./LoadingBand.vue?vue&type=script&lang=js&\"\nexport * from \"./LoadingBand.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LoadingBand.vue?vue&type=style&index=0&id=75cd8860&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  \"75cd8860\",\n  null\n  \n)\n\nexport default component.exports","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!./LoadingBand.vue?vue&type=style&index=0&id=75cd8860&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!./LoadingBand.vue?vue&type=style&index=0&id=75cd8860&scoped=true&lang=css&\""],"sourceRoot":""}