{"version":3,"sources":["webpack:///./src/modules/exercise-mobile/_components/question/preview-question/answers/fill-input-img/FillInputImg.vue?1095","webpack:///src/modules/exercise-mobile/_components/question/preview-question/answers/fill-input-img/FillInputImg.vue","webpack:///./src/modules/exercise-mobile/_components/question/preview-question/answers/fill-input-img/FillInputImg.vue?7070","webpack:///./src/modules/exercise-mobile/_components/question/preview-question/answers/fill-input-img/FillInputImg.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","dataSource","_v","_s","code","_e","attrs","urlQuestionImg","content","ref","location","domProps","answerContent","on","$event","changeAnswer","type","parent","questionId","handleFocus","staticRenderFns","name","mixins","data","focusId","computed","mapState","methods","mapActions","evt","info","val","isOverHaflScreen","top","left","handleBlur","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAAEN,EAAIO,WAAe,KAAEH,EAAG,IAAI,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIO,WAAWG,MAAM,OAAOV,EAAIW,KAAMX,EAAIO,WAAkB,QAAEH,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACQ,MAAM,CAAC,IAAOZ,EAAIa,eAAiB,IAAOb,EAAIO,WAAkB,QAAG,IAAMP,EAAIO,WAAWO,aAAad,EAAIW,KAAKP,EAAG,QAAQ,CAACW,IAAK,YAAcf,EAAIgB,SAAUV,YAAY,gCAAgCM,MAAM,CAAC,KAAO,OAAO,GAAM,YAAcZ,EAAIgB,SAAU,YAAc,IAAI,aAAe,OAAOC,SAAS,CAAC,MAAQjB,EAAIO,WAAWW,eAAeC,GAAG,CAAC,KAAO,SAASC,GAAQ,OAAOpB,EAAIqB,aAAaD,EAAQ,CAACJ,SAAUhB,EAAIgB,SAAUM,KAAMtB,EAAIuB,OAAOD,KAAME,WAAYxB,EAAIO,WAAWiB,cAAc,MAAQ,SAASJ,GAAQ,OAAOpB,EAAIyB,YAAYL,EAAQ,CAACJ,SAAUhB,EAAIgB,SAAUM,KAAMtB,EAAIuB,OAAOD,KAAME,WAAYxB,EAAIO,WAAWiB,cAAc,OAAS,SAASJ,GAAQ,OAAOpB,EAAIqB,aAAaD,EAAQ,CAACJ,SAAUhB,EAAIgB,SAAUM,KAAMtB,EAAIuB,OAAOD,KAAME,WAAYxB,EAAIO,WAAWiB,cAAc,MAAQ,SAASJ,GAAQ,OAAOpB,EAAIyB,YAAYL,EAAQ,CAACJ,SAAUhB,EAAIgB,SAAUM,KAAMtB,EAAIuB,OAAOD,KAAME,WAAYxB,EAAIO,WAAWiB,oBAC9rCE,EAAkB,G,uuBC6BtB,OACAC,oBACAC,gBACAC,KAHA,WAIA,OACAC,aACAjB,uCAGAkB,cACAC,uDAEAC,eACAC,qDADA,IAGAT,YAHA,SAGAU,GAAA,gEACA,uBACA,yEACA,0EAEA,oCAGA,6BACAC,GADA,IAEAC,mBACAC,qBACAvB,mCACAwB,QACAC,aAIAC,WArBA,SAqBAN,GACA,6BACA,yBADA,IAEAE,0BClEgb,I,YCO5aK,EAAY,eACd,EACA3C,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAgB,E","file":"js/chunk-2d0cf524.f861153b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"fill-input position-rel\"},[(_vm.dataSource.code)?_c('b',[_vm._v(_vm._s(_vm.dataSource.code)+\" \")]):_vm._e(),(_vm.dataSource.content)?_c('div',{staticClass:\"fill-input__img\"},[_c('img',{attrs:{\"src\":(_vm.urlQuestionImg + \"/\" + (_vm.dataSource.content)),\"alt\":_vm.dataSource.content}})]):_vm._e(),_c('input',{ref:(\"fill_img_\" + _vm.location),staticClass:\"form-control input-hide-place\",attrs:{\"type\":\"text\",\"id\":(\"fill_img_\" + _vm.location),\"placeholder\":\"?\",\"autocomplete\":\"off\"},domProps:{\"value\":_vm.dataSource.answerContent},on:{\"blur\":function($event){return _vm.changeAnswer($event, {location: _vm.location, type: _vm.parent.type, questionId: _vm.dataSource.questionId})},\"focus\":function($event){return _vm.handleFocus($event, {location: _vm.location, type: _vm.parent.type, questionId: _vm.dataSource.questionId})},\"change\":function($event){return _vm.changeAnswer($event, {location: _vm.location, type: _vm.parent.type, questionId: _vm.dataSource.questionId})},\"keyup\":function($event){return _vm.handleFocus($event, {location: _vm.location, type: _vm.parent.type, questionId: _vm.dataSource.questionId})}}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"fill-input position-rel\">\r\n\t\t<b v-if=\"dataSource.code\">{{ dataSource.code }} </b>\r\n\t\t<div class=\"fill-input__img\" v-if=\"dataSource.content\">\r\n\t\t\t<img :src=\"`${urlQuestionImg}/${dataSource.content}`\" :alt=\"dataSource.content\">\r\n\t\t</div>\r\n\t\t<input \r\n\t\t\ttype=\"text\" \r\n\t\t\tclass=\"form-control input-hide-place\"\r\n\t\t\t:id=\"`fill_img_${location}`\"\r\n\t\t\t:value=\"dataSource.answerContent\"\r\n\t\t\t:ref=\"`fill_img_${location}`\"\r\n\t\t\t@blur=\"changeAnswer($event, {location, type: parent.type, questionId: dataSource.questionId})\"\r\n\t\t\t@focus=\"handleFocus($event, {location, type: parent.type, questionId: dataSource.questionId})\"\r\n\t\t\t@change=\"changeAnswer($event, {location, type: parent.type, questionId: dataSource.questionId})\" \r\n\t\t\t@keyup=\"handleFocus($event, {location, type: parent.type, questionId: dataSource.questionId})\"\r\n\t\t\tplaceholder=\"?\"\r\n      autocomplete=\"off\"\r\n\t\t>\r\n\t\t\t<!-- v-model=\"dataSource.answerContent\"  -->\r\n\t\t\t<!-- :value=\"dataSource.answerContent\"  -->\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport mixinsQuestionPreview from './../../_store/mixinsQuestionPreview'\r\n\timport { APP_CONFIG } from '@/utils/constants'\r\n\timport { STORE_KEY } from './../../_store/constants'\r\n\timport { mapState, mapActions } from 'vuex'\r\n\r\n\texport default {\r\n\t\tname: 'FillInputImg',\r\n\t\tmixins: [ mixinsQuestionPreview ],\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t\tfocusId: null,\r\n\t\t\t\turlQuestionImg: APP_CONFIG.urlQuestionImg\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\t...mapState(STORE_KEY, ['valVituralKeyboard'])\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t...mapActions(STORE_KEY, ['setVituralKeyVal']),\r\n\r\n\t\t\thandleFocus(evt, info = {}) {\r\n\t\t\t\tlet halfWindowHeight = window.innerHeight/2;\r\n\t\t\t\tlet offsetTopElm = this.$refs[`fill_img_${info.location}`].getBoundingClientRect().top;\r\n        let offsetLeftElm = this.$refs[`fill_img_${info.location}`].getBoundingClientRect().left;\r\n\r\n        let spaceHeightInput = (offsetTopElm/window.innerHeight)*100 > 80 ? 20 : 50  // 50 or 20 is height input\r\n\r\n\t\t\t\t// Obj have ref key support render value onpress vitural keyboard\r\n\t\t\t\tthis.setVituralKeyVal({\r\n\t\t\t\t\t...info,\r\n\t\t\t\t\tval: evt.target.value,\r\n\t\t\t\t\tisOverHaflScreen: offsetTopElm > halfWindowHeight ? true : false,\r\n\t\t\t\t\tref: `fill_img_${info.location}`,\r\n          top: offsetTopElm + spaceHeightInput,\r\n          left: offsetLeftElm/2 // /2 is box center\r\n\t\t\t\t})\r\n\t\t\t},\r\n\r\n\t\t\thandleBlur(evt) {\r\n\t\t\t\tthis.setVituralKeyVal({\r\n\t\t\t\t\t...this.valVituralKeyboard,\r\n\t\t\t\t\tval: evt.target.value\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\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!./FillInputImg.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!./FillInputImg.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FillInputImg.vue?vue&type=template&id=3fe0d6d7&scoped=true&\"\nimport script from \"./FillInputImg.vue?vue&type=script&lang=js&\"\nexport * from \"./FillInputImg.vue?vue&type=script&lang=js&\"\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  \"3fe0d6d7\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}