{"version":3,"sources":["webpack:///./src/components/common/FloatLabel.vue?d4ff","webpack:///src/components/common/FloatLabel.vue","webpack:///./src/components/common/FloatLabel.vue?4c93","webpack:///./src/components/common/FloatLabel.vue","webpack:///./src/assets/images/icons/ic_question_mark_black_filled.svg","webpack:///./src/components/common/FloatLabel.vue?b36e"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","_t","_v","_s","label","optional","attrs","on","toggleTooltip","hoverTooltip","blurTooltip","_e","ref","_l","Object","keys","tooltip","key","index","length","staticRenderFns","data","isMobile","props","type","String","default","Boolean","ask","computed","mobileMediaQuery","window","matchMedia","haveTooltip","methods","e","preventDefault","stopPropagation","$refs","floatLabelTooltip","style","visibility","tooltipArrow","mounted","addListener","matches","component","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQ,CAACE,WAAW,CAAC,CAACC,KAAK,gBAAgBC,QAAQ,kBAAkBC,MAAOT,EAAe,YAAEU,WAAW,gBAAgBC,YAAY,oCAAoC,CAACX,EAAIY,GAAG,WAAWR,EAAG,OAAO,CAACJ,EAAIa,GAAG,IAAIb,EAAIc,GAAGd,EAAIe,OAAOf,EAAIc,GAAGd,EAAIgB,SAAW,cAAgB,IAAI,KAAMhB,EAAO,IAAEI,EAAG,MAAM,CAACO,YAAY,gBAAgBM,MAAM,CAAC,IAAM,EAAQ,QAA2D,IAAM,iBAAiBC,GAAG,CAAC,MAAQlB,EAAImB,cAAc,WAAanB,EAAIoB,aAAa,WAAapB,EAAIqB,eAAerB,EAAIsB,KAAMtB,EAAe,YAAEI,EAAG,IAAI,CAACmB,IAAI,eAAeZ,YAAY,UAAUX,EAAIsB,OAAOlB,EAAG,MAAM,CAACmB,IAAI,oBAAoBZ,YAAY,2DAA2DX,EAAIwB,GAAIC,OAAOC,KAAK1B,EAAI2B,UAAU,SAASC,EAAIC,GAAO,OAAOzB,EAAG,IAAI,CAACwB,IAAIC,GAAO,CAAEJ,OAAOC,KAAK1B,EAAI2B,SAASG,OAAS,EAAG1B,EAAG,OAAO,CAACO,YAAY,oBAAoB,CAACX,EAAIa,GAAGb,EAAIc,GAAGc,MAAQ5B,EAAIsB,KAAKtB,EAAIa,GAAGb,EAAIc,GAAGd,EAAI2B,QAAQC,IAAM,UAAS,IAAI,IACnhCG,EAAkB,GCyBtB,G,UAAA,CACExB,KAAM,aACNyB,KAFF,WAGI,MAAO,CACLC,UAAU,IAGdC,MAAO,CACLnB,MAAO,CACLoB,KAAMC,OACNC,QAAS,WAAf,WAEIrB,SAAU,CACRmB,KAAMG,QACND,QAAS,WAAf,WAEIE,IAAK,CACHJ,KAAMG,QACND,QAAS,WAAf,WAEIV,QAAS,CACPQ,KAAMV,OACNY,QAAS,WAAf,YAGEG,SAAU,CACRC,iBAAkB,WAChB,OAAOC,OAAOC,WAAW,uBAG3BC,YAAa,WACX,OAA4C,IAArCnB,OAAOC,KAAKzB,KAAK0B,SAASG,SAGrCe,QAAS,CACP1B,cAAe,SAAnB,GAGM,GAFA2B,EAAEC,iBACFD,EAAEE,kBACE/C,KAAK2C,aAAe3C,KAAKgC,SAAU,CACrC,IAAR,gDACQhC,KAAKgD,MAAMC,kBAAkBC,MAAMC,WAC3C,iCACQnD,KAAKgD,MAAMI,aAAaF,MAAMC,WACtC,mCAGI/B,YAAa,WACPpB,KAAK2C,cACP3C,KAAKgD,MAAMC,kBAAkBC,MAAMC,WAAa,SAChDnD,KAAKgD,MAAMI,aAAaF,MAAMC,WAAa,WAG/ChC,aAAc,WACRnB,KAAK2C,cAAgB3C,KAAKgC,WAC5BhC,KAAKgD,MAAMC,kBAAkBC,MAAMC,WAAa,UAChDnD,KAAKgD,MAAMI,aAAaF,MAAMC,WAAa,aAIjDE,QA3DF,WA2DA,WACIrD,KAAKwC,iBAAiBc,aAAY,SAAtC,GACUT,EAAEU,QACJ,EAAR,YAEQ,EAAR,eAIIvD,KAAKgC,UAAYhC,KAAKwC,iBAAiBe,WC9FwT,I,wBCQ/VC,EAAY,eACd,EACA1D,EACAgC,GACA,EACA,KACA,KACA,MAIa,aAAA0B,E,gCCnBfC,EAAOC,QAAU,IAA0B,kD,yDCA3C","file":"js/chunk-c4ca5a8e.1b37e13c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.blurTooltip),expression:\"blurTooltip\"}],staticClass:\"form-group border-lable-flt mb-3\"},[_vm._t(\"default\"),_c('span',[_vm._v(\" \"+_vm._s(_vm.label)+_vm._s(_vm.optional ? ' (Optional)' : '')+\" \"),(_vm.ask)?_c('img',{staticClass:\"question-mark\",attrs:{\"src\":require(\"@/assets/images/icons/ic_question_mark_black_filled.svg\"),\"alt\":\"question-mark\"},on:{\"click\":_vm.toggleTooltip,\"mouseenter\":_vm.hoverTooltip,\"mouseleave\":_vm.blurTooltip}}):_vm._e(),(_vm.haveTooltip)?_c('i',{ref:\"tooltipArrow\",staticClass:\"arrow\"}):_vm._e()]),_c('div',{ref:\"floatLabelTooltip\",staticClass:\"float-label-tooltip shadow-lg font-weight-regular fs-12\"},_vm._l((Object.keys(_vm.tooltip)),function(key,index){return _c('p',{key:index},[(Object.keys(_vm.tooltip).length > 1)?_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(key))]):_vm._e(),_vm._v(_vm._s(_vm.tooltip[key])+\" \")])}),0)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <label class=\"form-group border-lable-flt mb-3\" v-click-outside=\"blurTooltip\">\n    <slot></slot>\n    <span> {{ label }}{{ optional ? ' (Optional)' : '' }} \n      <img \n        v-if=\"ask\" \n        class=\"question-mark\" \n        :src=\"require(`@/assets/images/icons/ic_question_mark_black_filled.svg`)\" \n        alt=\"question-mark\" \n        @click=\"toggleTooltip\"\n        v-on:mouseenter=\"hoverTooltip\"\n        v-on:mouseleave=\"blurTooltip\"\n      />\n      <i v-if=\"haveTooltip\" class=\"arrow\" ref=\"tooltipArrow\"></i>\n    </span>\n    <div\n      ref=\"floatLabelTooltip\"\n      class=\"float-label-tooltip shadow-lg font-weight-regular fs-12\"\n    >\n      <p v-for=\"(key, index) in Object.keys(tooltip)\" :key=\"index\">\n        <span v-if=\"Object.keys(tooltip).length > 1\" class=\"font-weight-bold\">{{ key }}</span>{{ tooltip[key] }}\n      </p>\n    </div>\n  </label>\n</template>\n<script>\nexport default {\n  name: 'FloatLabel',\n  data() {\n    return {\n      isMobile: true,\n    }\n  },\n  props: {\n    label: {\n      type: String,\n      default: () => \"\",\n    },\n    optional: {\n      type: Boolean,\n      default: () => false,\n    },\n    ask: {\n      type: Boolean,\n      default: () => false,\n    },\n    tooltip: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n  computed: {\n    mobileMediaQuery: function() {\n      return window.matchMedia(\"(min-width: 768px)\");\n    },\n\n    haveTooltip: function() {\n      return Object.keys(this.tooltip).length !== 0\n    },\n  },\n  methods: {\n    toggleTooltip: function(e) {\n      e.preventDefault();\n      e.stopPropagation();\n      if (this.haveTooltip && this.isMobile) {\n        const currentVisibility = this.$refs.floatLabelTooltip.style.visibility;\n        this.$refs.floatLabelTooltip.style.visibility =\n          currentVisibility === \"visible\" ? \"hidden\" : \"visible\";\n        this.$refs.tooltipArrow.style.visibility =\n          currentVisibility === \"visible\" ? \"hidden\" : \"visible\";\n      }\n    },\n    blurTooltip: function() {\n      if (this.haveTooltip) {\n        this.$refs.floatLabelTooltip.style.visibility = \"hidden\";\n        this.$refs.tooltipArrow.style.visibility = \"hidden\";\n      }\n    },\n    hoverTooltip: function() {\n      if (this.haveTooltip && !this.isMobile) {\n        this.$refs.floatLabelTooltip.style.visibility = \"visible\";\n        this.$refs.tooltipArrow.style.visibility = \"visible\";\n      }\n    },\n  },\n  mounted() {\n    this.mobileMediaQuery.addListener((e) => {\n      if (e.matches) {\n        this.isMobile = false;\n      } else {\n        this.isMobile = true;\n      }\n    });\n\n    this.isMobile = !this.mobileMediaQuery.matches;\n  },\n}\n</script>\n<style lang=\"scss\">\n  .float-label-tooltip {\n    width: 252px;\n    position: absolute;\n    bottom: 60px;\n    left: 70px;\n    padding: 10px;\n    border-radius: 4px;\n    background-color: #2E312E;\n    color: white;\n    text-align: left;\n    visibility: hidden;\n    z-index: 10;\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  @media screen and(min-width: 768px) {\n    .question-mark{\n      cursor: pointer;\n    }\n  }\n</style>","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!./FloatLabel.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!./FloatLabel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FloatLabel.vue?vue&type=template&id=2d0dac58&\"\nimport script from \"./FloatLabel.vue?vue&type=script&lang=js&\"\nexport * from \"./FloatLabel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FloatLabel.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/ic_question_mark_black_filled.bfac7f09.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FloatLabel.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}