{"version":3,"sources":["webpack:///./src/components/component/ToolTip1.vue?e987","webpack:///./src/components/component/ToolTip1.vue?acf6","webpack:///src/components/component/ToolTip1.vue","webpack:///./src/components/component/ToolTip1.vue?7a72","webpack:///./src/components/component/ToolTip1.vue?e1f1"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","fontSize","iconSize","on","$event","vTooltip","_v","_s","icon","computedWidth","computedLeft","text","_e","staticRenderFns","component"],"mappings":"yfAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,OAAO,CAACE,YAAY,qBAAqB,CAACF,EAAG,IAAI,CAACE,YAAY,6CAA6CC,MAAM,CAAEC,SAAUR,EAAIS,SAAS,MAAOC,GAAG,CAAC,UAAY,SAASC,GAAQX,EAAIY,UAAS,GAAM,WAAa,SAASD,GAAQX,EAAIY,UAAS,KAAS,CAACZ,EAAIa,GAAGb,EAAIc,GAAGd,EAAIe,SAAUf,EAAY,SAAEI,EAAG,MAAM,CAACE,YAAY,cAAcC,MAAQ,SAAWP,EAAIgB,cAAgB,YAAchB,EAAIiB,aAAe,MAAQ,CAACb,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACN,EAAIa,GAAGb,EAAIc,GAAGd,EAAIkB,SAASd,EAAG,MAAM,CAACE,YAAY,eAAeN,EAAImB,QACnmBC,EAAkB,GCatB,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,cADJ,WAEM,OAAN,cACA,IAEA,qBAGI,aARJ,WASM,OAAN,cACA,IAEA,2BAIE,KAlCF,WAmCI,MAAJ,CACM,UAAN,IAGE,QAAF,KCrDiW,I,wBCQ7VC,EAAY,eACd,EACAtB,EACAqB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-56b2ed55.741c1da0.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!./ToolTip1.vue?vue&type=style&index=0&id=9819a594&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('i',{staticClass:\"material-icons-outlined icon-info unselect\",style:({fontSize: _vm.iconSize+'px'}),on:{\"mouseover\":function($event){_vm.vTooltip=true},\"mouseleave\":function($event){_vm.vTooltip=false}}},[_vm._v(_vm._s(_vm.icon))]),(_vm.vTooltip)?_c('div',{staticClass:\"box-tooltip\",style:((\"width:\" + _vm.computedWidth + \"px;left:-\" + _vm.computedLeft + \"px\"))},[_c('div',{staticClass:\"body6-medium\"},[_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    <i class=\"material-icons-outlined icon-info unselect\"\r\n       :style=\"{fontSize: iconSize+'px'}\"\r\n       @mouseover=\"vTooltip=true\" @mouseleave=\"vTooltip=false\">{{ icon }}</i>\r\n    <div class=\"box-tooltip\" v-if=\"vTooltip\"\r\n         :style=\"`width:${computedWidth}px;left:-${computedLeft}px`\">\r\n      <div class=\"body6-medium\">{{ 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      computedWidth() {\r\n        if(this.isMobile) {\r\n          return 300\r\n        } else {\r\n          return this.text.length*11\r\n        }\r\n      },\r\n      computedLeft() {\r\n        if(this.isMobile) {\r\n          return 140\r\n        } else {\r\n          return (this.text.length*11)/2 - 10\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    top -46px\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!./ToolTip1.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!./ToolTip1.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToolTip1.vue?vue&type=template&id=9819a594&scoped=true&\"\nimport script from \"./ToolTip1.vue?vue&type=script&lang=js&\"\nexport * from \"./ToolTip1.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ToolTip1.vue?vue&type=style&index=0&id=9819a594&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  \"9819a594\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}