{"version":3,"sources":["webpack:///./src/components/component/ToolTip.vue?8c52","webpack:///./src/components/component/ToolTip.vue?ffdb","webpack:///src/components/component/ToolTip.vue","webpack:///./src/components/component/ToolTip.vue?3ad5","webpack:///./src/components/component/ToolTip.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","width","iconSize","height","attrs","icon","on","$event","vTooltip","staticStyle","_v","_s","text","_e","staticRenderFns","component"],"mappings":"kHAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,OAAO,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,8BAA8BC,MAAM,CAAEC,MAAMR,EAAIS,SAAS,KAAKC,OAAOV,EAAIS,SAAS,MAAOE,MAAM,CAAC,IAAO,gBAAkBX,EAAIY,KAAO,QAASC,GAAG,CAAC,UAAY,SAASC,GAAQd,EAAIe,UAAS,GAAM,WAAa,SAASD,GAAQd,EAAIe,UAAS,MAAWf,EAAY,SAAEI,EAAG,MAAM,CAACE,YAAY,cAAcC,MAAOP,EAAgB,cAAG,CAACI,EAAG,MAAM,CAACE,YAAY,eAAeU,YAAY,CAAC,cAAc,aAAa,CAAChB,EAAIiB,GAAGjB,EAAIkB,GAAGlB,EAAImB,SAASf,EAAG,MAAM,CAACE,YAAY,eAAeN,EAAIoB,QACrnBC,EAAkB,GCctB,G,UAAA,CACE,KAAF,UACE,MAAF,CACI,KAAJ,CACM,KAAN,OACM,QAAN,QAEI,KAAJ,CACM,KAAN,QAEI,SAAJ,CACM,KAAN,OACM,QAAN,KAGE,QAfF,aAkBE,SAAF,CACI,aADJ,WAEM,IAAN,oBACA,gCACM,MAAN,CACQ,MAAR,kBACQ,KAAR,uBACQ,IAAR,qDAIE,KA7BF,WA8BI,MAAJ,CACM,UAAN,IAGE,QAAF,KCjDgW,I,wBCQ5VC,EAAY,eACd,EACAvB,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-0723983e.848286af.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToolTip.vue?vue&type=style&index=0&id=f057a390&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"position-relative\"},[_c('img',{staticClass:\"svg-sub4 icon-info unselect\",style:({width:_vm.iconSize+'px',height:_vm.iconSize+'px'}),attrs:{\"src\":(\"/static/icon/\" + _vm.icon + \".svg\")},on:{\"mouseover\":function($event){_vm.vTooltip=true},\"mouseleave\":function($event){_vm.vTooltip=false}}}),(_vm.vTooltip)?_c('div',{staticClass:\"box-tooltip\",style:(_vm.toolTipStyle)},[_c('div',{staticClass:\"body6-medium\",staticStyle:{\"white-space\":\"pre-line\"}},[_vm._v(_vm._s(_vm.text))]),_c('div',{staticClass:\"triangle\"})]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <span class=\"position-relative\">\r\n    <img class=\"svg-sub4 icon-info unselect\" :src=\"`/static/icon/${icon}.svg`\"\r\n         :style=\"{width:iconSize+'px',height:iconSize+'px'}\"\r\n         @mouseover=\"vTooltip=true\"\r\n         @mouseleave=\"vTooltip=false\"/>\r\n    <div class=\"box-tooltip\" v-if=\"vTooltip\"\r\n         :style=\"toolTipStyle\">\r\n      <div class=\"body6-medium\" style=\"white-space:pre-line\">{{ text }}</div>\r\n      <div class=\"triangle\"></div>\r\n    </div>\r\n  </span>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: \"ToolTip\",\r\n    props: {\r\n      icon: {\r\n        type: String,\r\n        default: 'info'\r\n      },\r\n      text: {\r\n        type: String\r\n      },\r\n      iconSize: {\r\n        type: Number,\r\n        default: 24\r\n      }\r\n    },\r\n    created() {\r\n\r\n    },\r\n    computed: {\r\n      toolTipStyle() {\r\n        let innerWidth = window.innerWidth;\r\n        let width = innerWidth < 1000 ? 300 : this.text.length*11;\r\n        return {\r\n          width: `${width}px`,\r\n          left: `-${width/2 - 9}px`,\r\n          top: `-${innerWidth < 1000 && this.text.length > 30 ? 60 : 46}px`\r\n        }\r\n      },\r\n    },\r\n    data() {\r\n      return {\r\n        vTooltip: false\r\n      }\r\n    },\r\n    methods: {}\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  .icon-info\r\n    color $sub5\r\n    vertical-align text-bottom\r\n\r\n  .box-tooltip\r\n    background-color $main\r\n    color white\r\n    position absolute\r\n    padding 8px 12px\r\n    border-radius 4px\r\n    text-align center\r\n  .triangle\r\n    position absolute\r\n    left 50%\r\n    bottom -9px\r\n    width 10px\r\n    height 10px\r\n    background-color $main\r\n    transform rotate(45deg) translateX(-50%)\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!./ToolTip.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!./ToolTip.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToolTip.vue?vue&type=template&id=f057a390&scoped=true&\"\nimport script from \"./ToolTip.vue?vue&type=script&lang=js&\"\nexport * from \"./ToolTip.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ToolTip.vue?vue&type=style&index=0&id=f057a390&lang=stylus&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  \"f057a390\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}