{"version":3,"sources":["webpack:///./src/components/play/VodPlayerDetailInfo.vue?6855","webpack:///./src/components/play/IconBoxProgram.vue?580b","webpack:///./src/assets/svg/common/ic-detail-info.svg","webpack:///src/components/play/IconBoxProgram.vue","webpack:///./src/components/play/IconBoxProgram.vue?73bb","webpack:///./src/components/play/IconBoxProgram.vue","webpack:///src/components/play/VodPlayerDetailInfo.vue","webpack:///./src/components/play/VodPlayerDetailInfo.vue?042a","webpack:///./src/components/play/VodPlayerDetailInfo.vue","webpack:///./src/assets/svg/common/ic_title_open_b.svg","webpack:///./src/components/play/IconBoxProgram.vue?86a9","webpack:///./src/assets/svg/common/ic_title_close_b.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","age-code","contentInfo","targetage","type","_v","_e","update","price","drms","on","click","$event","preventDefault","toggleInfo","_s","episodenumber","domProps","innerHTML","programtitle","getToggleButton","tag","releasedate","releaseweekday","genretext","Math","floor","playtime","content-info","tagList","length","_l","index","key","value","clickTag","text","staticRenderFns","IconBoxProgramvue_type_template_id_35e5e961_scoped_true_render","openInfoPopup","to","class","isEmptyContent","channelname","programreleaseweekday","programstarttime","programendtime","programsynopsis","closeInfoPopup","IconBoxProgramvue_type_template_id_35e5e961_scoped_true_staticRenderFns","ic_detail_info","functional","data","style","staticStyle","xmlns","width","height","fill","fill-rule","d","cx","cy","r","stroke","IconBoxProgramvue_type_script_lang_js_","name","components","ProgramButton","props","Object","isOpenInfoPopup","methods","_this","ui_utils","document","getElementsByClassName","classList","add","$nextTick","querySelector","addEventListener","scrollEvent","body","preventEvent","passive","e","target","scrollTop","scrollHeight","clientHeight","srcElement","remove","removeEventListener","computed","synopsis","lodash","play_IconBoxProgramvue_type_script_lang_js_","component","componentNormalizer","IconBoxProgram","VodPlayerDetailInfovue_type_script_lang_js_","IconBoxZzim","IconBoxSnsShare","OpenInfoButton","ic_title_open_b","CloseInfoButton","ic_title_close_b","AgeTag","directives","topTagList","String","Function","Array","play_VodPlayerDetailInfovue_type_script_lang_js_","VodPlayerDetailInfo_component","__webpack_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_IconBoxProgram_vue_vue_type_style_index_0_id_35e5e961_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_IconBoxProgram_vue_vue_type_style_index_0_id_35e5e961_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/chunk-13e00367.4b892d61.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"detail-view\"},[_c('div',{staticClass:\"tag-top-detail player-detail\"},[_c('age-tag',{attrs:{\"age-code\":_vm.contentInfo.targetage}}),_c('div',{staticClass:\"tag-top\"},[(_vm.contentInfo.type === 'onair')?_c('span',{staticClass:\"tag-quick-vod\"},[_vm._v(\"Quick VOD\")]):_vm._e(),(_vm.contentInfo.type !== 'onair' && _vm.contentInfo.update === 'y')?_c('span',{staticClass:\"tag-update\"},[_vm._v(\"업데이트\")]):_vm._e(),(_vm.contentInfo.price === '0')?_c('span',{staticClass:\"tag-free\"},[_vm._v(\"무료\")]):_vm._e(),(_vm.contentInfo.drms !== '')?_c('span',{staticClass:\"tag-drm\"},[_vm._v(\"DRM\")]):_vm._e()])],1),_c('div',{staticClass:\"title-box\",on:{\"click\":function($event){$event.preventDefault();return _vm.toggleInfo($event)}}},[_c('p',{staticClass:\"view-title\"},[_vm._v(\"\\n          \"+_vm._s(_vm.contentInfo.episodenumber ? _vm.contentInfo.episodenumber+'회':'')+\" \"),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.contentInfo.programtitle)}})]),_c('span',{staticClass:\"info-toggle-button\"},[_c(_vm.getToggleButton,{tag:\"component\"})],1)]),_c('div',{staticClass:\"desc-info-box\"},[_c('span',{staticClass:\"desc-info\"},[_c('span',[_vm._v(_vm._s(_vm.contentInfo.releasedate)+\"(\"+_vm._s(_vm.contentInfo.releaseweekday)+\")\")]),_c('i',{staticClass:\"icon-dotted\"}),_c('span',[_vm._v(_vm._s(_vm.contentInfo.genretext))]),_c('i',{staticClass:\"icon-dotted\"}),_c('span',[_vm._v(_vm._s(Math.floor(_vm.contentInfo.playtime / 60))+\"분\")])])]),_c('div',{staticClass:\"icon-wrap\"},[_c('icon-box-sns-share',{attrs:{\"content-info\":_vm.contentInfo}}),_c('icon-box-zzim',{attrs:{\"content-info\":_vm.contentInfo}}),_c('icon-box-program',{attrs:{\"content-info\":_vm.contentInfo}})],1),(_vm.tagList.length > 0)?_c('div',{staticClass:\"tag-hash\"},[_c('ul',_vm._l((_vm.tagList),function(tag,index){return _c('li',{key:tag.value + index,on:{\"click\":function($event){return _vm.clickTag(tag)}}},[_vm._v(\"#\"+_vm._s(tag.text))])}),0)]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"icon-box program\",on:{\"click\":function($event){$event.preventDefault();return _vm.openInfoPopup($event)}}},[_c('ProgramButton'),_c('span',{staticClass:\"icon-txt\"},[_vm._v(\"프로그램\")])],1),(_vm.isOpenInfoPopup)?_c('portal',{attrs:{\"to\":\"info-popup\"}},[_c('div',{staticClass:\"info-popup-background\"}),_c('div',{staticClass:\"info-popup-wrapper\"},[_c('div',{staticClass:\"popup-middle\"},[_c('div',{class:_vm.isEmptyContent ? 'popup empty' : 'popup'},[_c('div',{staticClass:\"title\",domProps:{\"innerHTML\":_vm._s(_vm.contentInfo.programtitle)}}),_c('div',{staticClass:\"sub-info\"},[_vm._v(\"\\n            \"+_vm._s(_vm.contentInfo.channelname)),_c('i',{staticClass:\"icon-dotted\"}),_vm._v(\"\\n            \"+_vm._s(_vm.contentInfo.programreleaseweekday)),_c('i',{staticClass:\"icon-dotted\"}),_vm._v(\"\\n            \"+_vm._s(_vm.contentInfo.programstarttime)+\"~\"+_vm._s(_vm.contentInfo.programendtime)+\"\\n          \")]),(_vm.isEmptyContent)?_c('div',{staticClass:\"synopsis\"},[_vm._v(\"프로그램 정보가 없습니다.\")]):_c('div',{staticClass:\"synopsis\",domProps:{\"innerHTML\":_vm._s(_vm.contentInfo.programsynopsis)}}),_c('div',{staticClass:\"info-popup-close-btn\",on:{\"click\":function($event){$event.preventDefault();return _vm.closeInfoPopup($event)}}},[_vm._v(\"확인\")])])])])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n      export default {\n        functional: true,\n        render: \n      function render(_h, _vm) {\n        var _c=_vm._c;return _c('svg',{class:[_vm.data.class, _vm.data.staticClass],style:([_vm.data.style, _vm.data.staticStyle]),attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"24\",\"height\":\"24\"}},[_c('g',{attrs:{\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('path',{attrs:{\"d\":\"M0 0h24v24H0z\"}}),_c('circle',{attrs:{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"11.5\",\"stroke\":\"#A5A5A5\"}}),_c('path',{attrs:{\"d\":\"M11.5 6h1v1.5h-1zm0 3h1v10h-1z\",\"fill\":\"#A5A5A5\"}})])])\n      }\n    \n      }\n    ","<template>\n  <div>\n    <div class=\"icon-box program\" @click.prevent=\"openInfoPopup\">\n      <ProgramButton/>\n      <span class=\"icon-txt\">프로그램</span>\n    </div>\n    <portal to=\"info-popup\" v-if=\"isOpenInfoPopup\">\n            <div class=\"info-popup-background\"></div>\n      <div class=\"info-popup-wrapper\">\n        <div class=\"popup-middle\">\n          <div :class=\"isEmptyContent ? 'popup empty' : 'popup'\">\n            <!--<div class=\"close-btn\" @click.prevent=\"closeInfoPopup\"></div>-->\n            <div class=\"title\" v-html=\"contentInfo.programtitle\"></div>\n            <div class=\"sub-info\">\n              {{contentInfo.channelname}}<i class=\"icon-dotted\"></i>\n              {{contentInfo.programreleaseweekday}}<i class=\"icon-dotted\"></i>\n              {{contentInfo.programstarttime}}~{{contentInfo.programendtime}}\n            </div>\n            <div class=\"synopsis\" v-if=\"isEmptyContent\">프로그램 정보가 없습니다.</div>\n            <div class=\"synopsis\" v-html=\"contentInfo.programsynopsis\" v-else></div>\n            <div class=\"info-popup-close-btn\" @click.prevent=\"closeInfoPopup\">확인</div>\n          </div>\n        </div>\n      </div>\n    </portal>\n  </div>\n\n</template>\n<script>\nimport ProgramButton from '@/assets/svg/common/ic-detail-info.svg'\nimport { disableBodyScroll, enableBodyScroll } from '@/common/util/ui.utils'\nimport { get } from 'lodash'\n\nexport default {\n  name: 'IconBoxProgram',\n  components: { ProgramButton },\n  props: {\n    contentInfo: {\n      type: Object\n    }\n  },\n  data () {\n    return {\n      isOpenInfoPopup: false\n    }\n  },\n  methods: {\n    openInfoPopup () {\n      disableBodyScroll()\n      document.getElementsByClassName('play-container')[0].classList.add('chrome-fixed')\n      this.isOpenInfoPopup = true\n      this.$nextTick(() => {\n        document.querySelector('.synopsis').addEventListener('scroll', this.scrollEvent)\n        document.body.addEventListener('touchmove', this.preventEvent, { passive: false })\n      })\n    },\n    scrollEvent (e) {\n      if (e.target.scrollTop <= 0) {\n        e.target.scrollTop = 1\n      } else if (e.target.scrollTop === e.target.scrollHeight - e.target.clientHeight) {\n        e.target.scrollTop = e.target.scrollTop - 1\n      }\n    },\n    preventEvent (e) {\n      if (e.srcElement.classList.value === 'synopsis') return\n    //  e.preventDefault()\n    },\n    closeInfoPopup () {\n      enableBodyScroll()\n      document.getElementsByClassName('play-container')[0].classList.remove('chrome-fixed')\n      document.querySelector('.synopsis').removeEventListener('scroll', this.scrollEvent)\n      document.body.removeEventListener('touchmove', this.preventEvent)\n      this.isOpenInfoPopup = false\n    }\n  },\n  computed: {\n    isEmptyContent () {\n      const synopsis = get(this.contentInfo, 'programsynopsis', null)\n      return synopsis === null || synopsis.length === 0\n    }\n  }\n}\n</script>\n<style scoped>\n  .info-popup-wrapper {\n    display: table;\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    z-index: 5000;\n  }\n  .info-popup-background {\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.8);\n    z-index: 4000;\n  }\n  .popup-middle {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    margin-top: -200px;\n    margin-left: -130px;\n    display: flex;\n    align-items: center;\n    height: 400px;\n  }\n  .popup {\n    position:relative;\n    margin-left: auto;\n    margin-right: auto;\n    width: 260px;\n    padding: 40px 0;\n    background-color: #252525;\n    overflow-scrolling: touch;\n    -webkit-overflow-scrolling: touch;\n    overflow: hidden;\n  }\n  .popup::-webkit-scrollbar{\n    display: none\n  }\n  .popup.empty {\n    height: 265px;\n  }\n  .popup:after{\n    position: absolute;\n    bottom: 94px;\n    display: block;\n    content: '';\n    width: 315px;\n    height: 32px;\n    background-image: linear-gradient(to bottom, rgba(37, 37, 37, 0), rgba(37, 37, 37, 0.8));\n  }\n  .popup .close-btn {\n    position: absolute;\n    width: 20px;\n    height: 20px;\n    top: 10px;\n    right: 10px;\n  }\n  .popup .title,\n  .popup .sub-info{\n    color: #fff;\n  }\n  .popup .title {\n    position: relative;\n    display: block;\n    display: -webkit-box;\n    padding: 0 20px;\n    margin-bottom: 2px;\n    font-size: 20px;\n    line-height: 28px;\n    text-align: center;\n    overflow:hidden;\n    text-overflow: ellipsis;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n  }\n  .popup .sub-info {\n    position: relative;\n    text-align: center;\n    font-size: 14px;\n    line-height: 18px;\n  }\n  .popup.empty .synopsis {\n    height: 50px;\n  }\n  .popup .synopsis{\n    position: relative;\n    min-height: 56px;\n    max-height: 166px;\n    margin: 20px 20px 56px;\n    padding-bottom: 32px;\n    overflow-y: scroll;\n    overflow-scrolling: touch;\n    -webkit-overflow-scrolling: touch;\n    font-size: 14px;\n    line-height: 18px;\n    color: #a5a5a5;\n  }\n  .popup .synopsis::-webkit-scrollbar{\n    display: none\n  }\n  .info-popup-close-btn  {\n    position: absolute;\n    bottom: 40px;\n    left: 20px;\n    width: 220px;\n    height: 36px;\n    text-align: center;\n    font-size: 14px;\n    color: #fff;\n    background-color: #1351f9;\n    line-height: 36px;\n    margin: 0 auto;\n    border-radius: 17px 17px 17px 17px\n  }\n\n  @media screen and (min-width: 321px){\n    .popup-middle {\n      margin-top: -247px;\n      margin-left: -157px;\n      height: 494px;\n    }\n    .popup {\n      width: 315px;\n    }\n    .popup .synopsis {\n      max-height: 260px;\n    }\n    .info-popup-close-btn  {\n      width: 275px;\n    }\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!./IconBoxProgram.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!./IconBoxProgram.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IconBoxProgram.vue?vue&type=template&id=35e5e961&scoped=true&\"\nimport script from \"./IconBoxProgram.vue?vue&type=script&lang=js&\"\nexport * from \"./IconBoxProgram.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IconBoxProgram.vue?vue&type=style&index=0&id=35e5e961&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  \"35e5e961\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div class=\"detail-view\">\n        <div class=\"tag-top-detail player-detail\">\n            <age-tag :age-code=\"contentInfo.targetage\"></age-tag>\n            <div class=\"tag-top\">\n              <span v-if=\"contentInfo.type === 'onair'\" class=\"tag-quick-vod\">Quick VOD</span>\n              <span v-if=\"contentInfo.type !== 'onair' && contentInfo.update === 'y'\" class=\"tag-update\">업데이트</span>\n              <span v-if=\"contentInfo.price === '0'\" class=\"tag-free\">무료</span>\n              <span v-if=\"contentInfo.drms !== ''\" class=\"tag-drm\">DRM</span>\n            </div>\n        </div>\n\n        <div class=\"title-box\" @click.prevent=\"toggleInfo\">\n            <p class=\"view-title\">\n              {{contentInfo.episodenumber ? contentInfo.episodenumber+'회':''}} <span v-html=\"contentInfo.programtitle\"></span>\n            </p>\n            <span class=\"info-toggle-button\">\n              <component :is=\"getToggleButton\"></component>\n            </span>\n            <!--<p class=\"view-sub-title\">서브텍스트</p>-->\n        </div>\n\n        <div class=\"desc-info-box\">\n          <span class=\"desc-info\">\n            <span>{{contentInfo.releasedate}}({{contentInfo.releaseweekday}})</span>\n            <i class=\"icon-dotted\"></i><span>{{contentInfo.genretext}}</span>\n            <i class=\"icon-dotted\"></i><span>{{Math.floor(contentInfo.playtime / 60)}}분</span>\n          </span>\n        </div>\n\n        <div class=\"icon-wrap\">\n          <icon-box-sns-share :content-info=\"contentInfo\"></icon-box-sns-share>\n          <icon-box-zzim :content-info=\"contentInfo\"></icon-box-zzim>\n          <icon-box-program :content-info=\"contentInfo\"></icon-box-program>\n        </div>\n        <div class=\"tag-hash\" v-if=\"tagList.length > 0\">\n          <ul>\n            <li @click=\"clickTag(tag)\" v-for=\"(tag, index) in tagList\" :key=\"tag.value + index\">#{{tag.text}}</li>\n          </ul>\n        </div>\n\n    </div>\n</template>\n<script>\nimport AgeTag from '@/components/tags/AgeTag'\nimport { topTagList } from '@/common/directives'\nimport OpenInfoButton from '@/assets/svg/common/ic_title_open_b.svg'\nimport CloseInfoButton from '@/assets/svg/common/ic_title_close_b.svg'\nimport IconBoxProgram from '@/components/play/IconBoxProgram'\nimport IconBoxSnsShare from '@/components/play/IconBoxSnsShare'\nimport IconBoxZzim from '@/components/play/IconBoxZzim'\nexport default {\n  name: 'VodPlayerDetailInfo',\n  components: {\n    IconBoxZzim,\n    IconBoxProgram,\n    IconBoxSnsShare,\n    OpenInfoButton,\n    CloseInfoButton,\n    AgeTag\n  },\n  directives: {\n    topTagList\n  },\n  data () {\n    return {\n      isOpenInfoPopup: false\n    }\n  },\n  props: {\n    contentInfo: {\n      type: Object\n    },\n    getToggleButton: {\n      type: String\n    },\n    toggleInfo: {\n      type: Function\n    },\n    tagList: {\n      type: Array\n    },\n    clickTag: {\n      type: Function\n    }\n  }\n}\n</script>\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!./VodPlayerDetailInfo.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!./VodPlayerDetailInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VodPlayerDetailInfo.vue?vue&type=template&id=4c938e0b&scoped=true&\"\nimport script from \"./VodPlayerDetailInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./VodPlayerDetailInfo.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  \"4c938e0b\",\n  null\n  \n)\n\nexport default component.exports","\n      export default {\n        functional: true,\n        render: \n      function render(_h, _vm) {\n        var _c=_vm._c;return _c('svg',{class:[_vm.data.class, _vm.data.staticClass],style:([_vm.data.style, _vm.data.staticStyle]),attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"12\",\"height\":\"12\"}},[_c('g',{attrs:{\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('path',{attrs:{\"d\":\"M0 0h12v12H0z\"}}),_c('path',{attrs:{\"fill\":\"#A5A5A5\",\"d\":\"M5.097 8.968L.74 3.99A1.2 1.2 0 0 1 1.645 2h8.71a1.2 1.2 0 0 1 .904 1.99L6.903 8.968a1.2 1.2 0 0 1-1.806 0z\"}})])])\n      }\n    \n      }\n    ","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!./IconBoxProgram.vue?vue&type=style&index=0&id=35e5e961&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!./IconBoxProgram.vue?vue&type=style&index=0&id=35e5e961&scoped=true&lang=css&\"","\n      export default {\n        functional: true,\n        render: \n      function render(_h, _vm) {\n        var _c=_vm._c;return _c('svg',{class:[_vm.data.class, _vm.data.staticClass],style:([_vm.data.style, _vm.data.staticStyle]),attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"12\",\"height\":\"12\"}},[_c('g',{attrs:{\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('path',{attrs:{\"d\":\"M0 12h12V0H0z\"}}),_c('path',{attrs:{\"fill\":\"#A5A5A5\",\"d\":\"M5.097 3.032L.74 8.01A1.2 1.2 0 0 0 1.645 10h8.71a1.2 1.2 0 0 0 .904-1.99L6.903 3.032a1.2 1.2 0 0 0-1.806 0z\"}})])])\n      }\n    \n      }\n    "],"sourceRoot":""}