{"version":3,"sources":["webpack:///./src/components/common/FloatLabel.vue?f2a1","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","tooltip","staticRenderFns","data","isMobile","props","type","String","default","Boolean","ask","computed","mobileMediaQuery","window","matchMedia","haveTooltip","Object","keys","length","methods","e","preventDefault","stopPropagation","$refs","floatLabelTooltip","style","visibility","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,wDAAwD,CAACP,EAAG,IAAI,CAACO,YAAY,QAAQ,CAACX,EAAIa,GAAGb,EAAIc,GAAGd,EAAIwB,eAAe,IACh2BC,EAAkB,GCuBtB,G,UAAA,CACElB,KAAM,aACNmB,KAFF,WAGI,MAAO,CACLC,UAAU,IAGdC,MAAO,CACLb,MAAO,CACLc,KAAMC,OACNC,QAAS,WAAf,WAEIf,SAAU,CACRa,KAAMG,QACND,QAAS,WAAf,WAEIE,IAAK,CACHJ,KAAMG,QACND,QAAS,WAAf,WAEIP,QAAS,CACPK,KAAMC,OACNC,QAAS,WAAf,YAGEG,SAAU,CACRC,iBAAkB,WAChB,OAAOC,OAAOC,WAAW,uBAG3BC,YAAa,WACX,OAA4C,IAArCC,OAAOC,KAAKvC,KAAKuB,SAASiB,SAGrCC,QAAS,CACPvB,cAAe,SAAnB,GAGM,GAFAwB,EAAEC,iBACFD,EAAEE,kBACE5C,KAAKqC,aAAerC,KAAK0B,SAAU,CACrC,IAAR,gDACQ1B,KAAK6C,MAAMC,kBAAkBC,MAAMC,WAC3C,mCAGI5B,YAAa,WACPpB,KAAKqC,cACPrC,KAAK6C,MAAMC,kBAAkBC,MAAMC,WAAa,WAGpD7B,aAAc,WACRnB,KAAKqC,cAAgBrC,KAAK0B,WAC5B1B,KAAK6C,MAAMC,kBAAkBC,MAAMC,WAAa,aAItDC,QAvDF,WAuDA,WACIjD,KAAKkC,iBAAiBgB,aAAY,SAAtC,GACUR,EAAES,QACJ,EAAR,YAEQ,EAAR,eAIInD,KAAK0B,UAAY1B,KAAKkC,iBAAiBiB,WCxFwT,I,wBCQ/VC,EAAY,eACd,EACAtD,EACA0B,GACA,EACA,KACA,KACA,MAIa,aAAA4B,E,gCCnBfC,EAAOC,QAAU,IAA0B,kD,yDCA3C","file":"js/chunk-c4ca5a8e.579de2cd.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-thin fs-12\"},[_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.tooltip))])])],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-thin fs-12\"\n    >\n      <p class=\"mb-0\">{{ tooltip }}</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: String,\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      }\n    },\n    blurTooltip: function() {\n      if (this.haveTooltip) {\n        this.$refs.floatLabelTooltip.style.visibility = \"hidden\";\n      }\n    },\n    hoverTooltip: function() {\n      if (this.haveTooltip && !this.isMobile) {\n        this.$refs.floatLabelTooltip.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\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=2f0e0ea1&\"\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":""}