{"version":3,"sources":["webpack:///./src/components/tools/Tooltip.vue","webpack:///src/components/tools/Tooltip.vue","webpack:///./src/components/tools/Tooltip.vue?6a15","webpack:///./src/components/tools/Tooltip.vue?dfb5","webpack:///./src/components/tools/Tooltip.vue?7b59"],"names":["render","_vm","this","_c","_self","visible","_g","_b","staticClass","$attrs","$listeners","class","arrowDirection","domProps","_s","title","_t","_e","staticRenderFns","name","props","type","Boolean","String","data","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAII,QAASF,EAAG,MAAMF,EAAIK,GAAGL,EAAIM,GAAG,CAACC,YAAY,iBAAiB,MAAMP,EAAIQ,QAAO,GAAOR,EAAIS,YAAY,CAACP,EAAG,MAAM,CAACK,YAAY,gBAAgBG,MAAMV,EAAIW,iBAAiBT,EAAG,MAAM,CAACK,YAAY,mBAAmB,CAACL,EAAG,MAAM,CAACK,YAAY,wBAAwB,CAACL,EAAG,MAAM,CAACK,YAAY,gBAAgBK,SAAS,CAAC,UAAYZ,EAAIa,GAAGb,EAAIc,UAAUd,EAAIe,GAAG,YAAY,OAAOf,EAAIgB,MAEpbC,EAAkB,GCctB,GACAC,KAAA,UACAC,MAAA,CAKAf,QAAA,CACAgB,KAAAC,SAqBAP,MAAA,CACAM,KAAAE,SAUAC,KAAA,WACA,WCzD+V,I,wBCQ3VC,EAAY,eACd,EACAzB,EACAkB,GACA,EACA,KACA,WACA,MAIa,aAAAO,E,2CCnBf","file":"chunk-1dd766c9.1.61.1.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.visible)?_c('div',_vm._g(_vm._b({staticClass:\"tooltip-group\"},'div',_vm.$attrs,false),_vm.$listeners),[_c('div',{staticClass:\"tooltip-arrow\",class:_vm.arrowDirection}),_c('div',{staticClass:\"tooltip-content\"},[_c('div',{staticClass:\"tooltip-text-content\"},[_c('div',{staticClass:\"tooltip-title\",domProps:{\"innerHTML\":_vm._s(_vm.title)}}),_vm._t(\"default\")],2)])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"tooltip-group\" v-if=\"visible\" v-bind=\"$attrs\" v-on=\"$listeners\">\n\t\t<div class=\"tooltip-arrow\" :class=\"arrowDirection\" />\n\t\t<div class=\"tooltip-content\">\n\t\t\t<!-- <div class=\"tooltip-icon\" v-if=\"icon\">\n        <Icon :name=\"icon\" size=\"md\" />\n      </div> -->\n\t\t\t<div class=\"tooltip-text-content\">\n\t\t\t\t<div class=\"tooltip-title\" v-html=\"title\" />\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\n\texport default {\n\t\tname: \"Tooltip\",\n\t\tprops: {\n\t\t\t/**\n\t\t\t * Se tooltip está visível<br>\n\t\t\t * Value: `true` `false`\n\t\t\t **/\n\t\t\tvisible: {\n\t\t\t\ttype: Boolean,\n\t\t\t},\n\t\t\t/**\n\t\t\t * Direção da flecha<br>\n\t\t\t * Value: `left` `right` `top-start` `top-center` `top-end` `bottom-start` `bottom-center` `bottom-end`\n\t\t\t **/\n\t\t\t// arrowDirection: {\n\t\t\t//   type: String,\n\t\t\t//   default: 'bottom-start'\n\t\t\t// },\n\t\t\t// /**\n\t\t\t// * Ícone a ser exibido<br>\n\t\t\t// * Example: `calendar`\n\t\t\t// **/\n\t\t\t// icon: {\n\t\t\t//   type: String\n\t\t\t// },\n\t\t\t/**\n\t\t\t * Título do tooltip, pode ser vazio<br>\n\t\t\t * Example: `Tooltip title`\n\t\t\t **/\n\t\t\ttitle: {\n\t\t\t\ttype: String,\n\t\t\t},\n\t\t\t/**\n\t\t\t * Texto do tooltip<br>\n\t\t\t * Example: `Tooltip paragraph dummy text of the printing and typesetting industry. Lorem Ipsum has been the dentro da história.`\n\t\t\t **/\n\t\t\t// text: {\n\t\t\t//   type: String\n\t\t\t// }\n\t\t},\n\t\tdata() {\n\t\t\treturn {};\n\t\t},\n\t};\n</script>\n\n<style lang=\"scss\" scoped>\n\t// @import \"./node_modules/@tiddh/brave-tokens/dist/styles/style.scss\";\n\n\t// .tooltip-group {\n\t//   transition: all .3s;\n\t//   display: flex;\n\t//   flex-direction: row;\n\t//   position: relative;\n\n\t//   //SHAPE\n\t//   padding: px-size('lg', $spacing-inset-xs);\n\t//   border-radius: $border-radius-md;\n\t//   background: $color-highlight-quaternary;\n\t//   max-width: px-size('lg', 325px);\n\t//   @include media-breakpoint-down('sm') {\n\t//     padding: px-size('sm', $spacing-inset-xxs);\n\t//     max-width: px-size('sm', 240px);\n\t//   }\n\n\t//   .tooltip-arrow {\n\t//     position: absolute;\n\t//     width: 0;\n\t//     height: 0;\n\t//     border: px-size('lg', 16px) solid $color-highlight-quaternary;\n\t//     border-top: px-size('lg', 16px) solid;\n\t//     border-right: px-size('lg', 16px) solid;\n\t//     color: $color-highlight-quaternary;\n\n\t//     &.left {\n\t//       left: px-size('lg', -1*$spacing-inline-xs);\n\t//       top: 0;\n\t//       bottom: 0;\n\t//       margin: auto 0;\n\t//       transform: rotate(135deg);\n\t//     }\n\t//     &.right {\n\t//       right: px-size('lg', -1*$spacing-inline-xs);\n\t//       top: 0;\n\t//       bottom: 0;\n\t//       margin: auto 0;\n\t//       transform: rotate(135deg);\n\t//     }\n\n\t//     &.top-start {\n\t//       top: px-size('lg', -1*$spacing-stack-xs);\n\t//       left: px-size('lg', $spacing-inline-md);\n\t//       transform: rotate(135deg);\n\t//     }\n\t//     &.top-center {\n\t//       top: px-size('lg', -1*$spacing-stack-xs);\n\t//       left: 50%;\n\t//       transform: rotate(135deg) translate(50%, 50%);\n\t//     }\n\t//     &.top-end {\n\t//       top: px-size('lg', -1*$spacing-stack-xs);\n\t//       right: px-size('lg', $spacing-inline-md);\n\t//       transform: rotate(135deg);\n\t//     }\n\n\t//     &.bottom-start {\n\t//       bottom: px-size('lg', -1*$spacing-stack-xs);\n\t//       left: px-size('lg', $spacing-inline-md);\n\t//       transform: rotate(135deg);\n\t//     }\n\t//     &.bottom-center {\n\t//       bottom: px-size('lg', -1*$spacing-stack-xs);\n\t//       left: 50%;\n\t//       transform: rotate(135deg) translate(50%, 50%);\n\t//     }\n\t//     &.bottom-end {\n\t//       bottom: px-size('lg', -1*$spacing-stack-xs);\n\t//       right: px-size('lg', $spacing-inline-md);\n\t//       transform: rotate(135deg);\n\t//     }\n\t//   }\n\n\t//   .tooltip-content {\n\t//     display: flex;\n\t//     position: relative;\n\t//     z-index: 20;\n\t//     .tooltip-icon {\n\t//       align-items: center;\n\t//       justify-content: center;\n\t//       display: flex;\n\n\t//       margin-right: px-size('lg', $spacing-inline-sm);\n\t//       @include media-breakpoint-down('sm') {\n\t//         margin-right: px-size('sm', $spacing-inline-xs);\n\t//       }\n\t//     }\n\n\t//     .tooltip-text-content {\n\t//       display: flex;\n\t//       flex-direction: column;\n\n\t//       //TITLE\n\t//       .tooltip-title {\n\t//         font-family: $font-family-comp-01;\n\t//         color: $color-neutral-lightest;\n\t//         font-weight: $font-weight-bold;\n\t//         line-height:$line-height-md;\n\t//         font-size: px-size('lg', $font-size-xxs);\n\t//         text-align: left;\n\t//         @include media-breakpoint-down('sm') {\n\t//           font-size: px-size('xxs', $font-size-xxxs);\n\t//         }\n\t//       }\n\n\t//       //TEXT\n\t//       .tooltip-text {\n\t//         font-family: $font-family-comp-01;\n\t//         color: $color-neutral-lightest;\n\t//         line-height: $line-height-md;\n\t//         font-size: px-size('lg', $font-size-xxs);\n\t//         text-align: left;\n\t//         @include media-breakpoint-down('sm') {\n\t//           font-size: px-size('xxs', $font-size-xxxs);\n\t//         }\n\t//       }\n\t//     }\n\t//   }\n\t// }\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-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--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-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=40021a98&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=40021a98&prod&lang=scss&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  \"40021a98\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tooltip.vue?vue&type=style&index=0&id=40021a98&prod&lang=scss&scoped=true\""],"sourceRoot":""}