{"version":3,"sources":["webpack:///./src/modules/exercise-mobile/_components/question/preview-question/answers/fill-blank-select/fillBlankOrSelect.vue?4571","webpack:///src/modules/exercise-mobile/_components/question/preview-question/answers/fill-blank-select/fillBlankOrSelect.vue","webpack:///./src/modules/exercise-mobile/_components/question/preview-question/answers/fill-blank-select/fillBlankOrSelect.vue?779a","webpack:///./src/modules/exercise-mobile/_components/question/preview-question/answers/fill-blank-select/fillBlankOrSelect.vue","webpack:///./node_modules/v-runtime-template/dist/v-runtime-template.es.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","parent","dataSource","code","answers","length","_v","_s","_e","attrs","contentStringFillType","staticRenderFns","name","mixins","props","nameField","location","isDontShowResultSaved","components","VRuntimeTemplate","DropdownCustom","data","types","contentFillType","fillSelectSplit","validate","optionSelect","computed","mapState","mapGetters","validate_question","question","watch","newVal","oldVal","mounted","beforeDestroy","resetContentQuestionFillSelect","methods","mapActions","displayHtmlCorrect","val","convertData","action","self","placeholderInput","typeQuestion","dataContent","lengthSelectOptions","position_del","lengthFillSplit","setContentQuestionFillSelect","formData","indexAnswerChoosed","index","replaceContent","content","setOptionSelectByContentFill","isDataNull","converDataSelect","countChildAnswer","indexP","positionChar","arrChar","result","changeValSelect","ans","type","select_index","position_display","handleFocus","info","ref","isOverHaflScreen","top","left","component","t","o","e","hasOwnProperty","r","Object","getOwnPropertyDescriptor","defineProperty","template","String","templateProps","default","$parent","$data","n","$props","a","$options","p","c","i","s","d","v","f","m","u","h","keys","forEach","O","$","b","j","y","concat","k","E","P","l","getOwnPropertyNames","provide","_provided"],"mappings":"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","file":"js/chunk-3011bcdb.300e9dc9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"answer-val answer-fill-sentence position-rel\",class:(\"answer-\" + (_vm.parent.type))},[_c('label',{staticClass:\"display-flex\"},[(_vm.dataSource.code && _vm.dataSource.code !== '' && _vm.parent.answers.length > 1)?_c('b',[_vm._v(_vm._s(_vm.dataSource.code)+\" \")]):_vm._e(),_c('div',{staticClass:\"sentence-content\"},[_c('v-runtime-template',{attrs:{\"template\":_vm.contentStringFillType}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"answer-val answer-fill-sentence position-rel\"\r\n\t\t:class=\"`answer-${parent.type}`\"\r\n\t>\r\n\t\t<label class=\"display-flex\">\r\n\t\t\t<b v-if=\"dataSource.code && dataSource.code !== '' && parent.answers.length > 1\">{{ dataSource.code }} </b>\r\n\t\t\t<div class=\"sentence-content\">\r\n\t\t\t\t<v-runtime-template :template=\"contentStringFillType\"></v-runtime-template>\r\n\t\t\t</div>\r\n\t\t</label>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport mixinsQuestionPreview from './../../_store/mixinsQuestionPreview'\r\n\timport * as types from './../../_store/constants'\r\n\timport { setContentQuestionFillSelect, getContentQuestionFillSelect, resetContentQuestionFillSelect } from './../../_store/helpers'\r\n\timport { BLANK_FILL_TXT, BLANK_FILL_SELECT, BLANK_FILL_SELECT_SHORT } from '@/store/common/constants'\r\n\timport { mapState, mapGetters, mapActions } from 'vuex'\r\n\timport VRuntimeTemplate from \"v-runtime-template\"\r\n\timport { stripHtml } from '@/helpers/functions'\r\n\r\n\texport default {\r\n\t\tname: 'fillBlankOrSelect',\r\n\t\tmixins: [ mixinsQuestionPreview ],\r\n\t\tprops: {\r\n      dataSource: Object,\r\n      nameField: String,\r\n      location: Number,\r\n      parent: Object,\r\n      isDontShowResultSaved: Boolean\r\n    },\r\n\t\tcomponents: {\r\n\t\t\tVRuntimeTemplate,\r\n\t\t\tDropdownCustom: () => import('@/components/DropdownCustom.vue')\r\n\t\t},\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t\ttypes,\r\n\t\t\t\tcontentFillType: [],\r\n\t\t\t\tcontentStringFillType: '',\r\n\t\t\t\tfillSelectSplit: [],\r\n\t\t\t\tvalidate: [],\r\n\t\t\t\toptionSelect: [],\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\t...mapState(types.STORE_KEY, ['valVituralKeyboard']),\r\n\t\t\t...mapGetters({\r\n\t\t\t\tvalidate_question: `${types.STORE_KEY}/validate_question`,\r\n\t\t\t\tquestion: `${types.STORE_KEY}/question`,\r\n\t\t\t})\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\tvalidate_question(newVal) {\r\n\t\t\t\tthis.convertData('validate')\r\n\t\t\t},\r\n\t\t\tquestion(newVal, oldVal) {\r\n\t\t\t\tthis.convertData('edit_question')\r\n\t\t\t},\r\n\t\t\t// '$route': 'resetContentFillBlank'\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\tthis.convertData()\r\n\t\t},\r\n\t\tbeforeDestroy() {\r\n\t\t\t// console.log('Befor destroy');\r\n\t\t\tresetContentQuestionFillSelect();\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t...mapActions(types.STORE_KEY, ['setVituralKeyVal']),\r\n\r\n\t\t\tdisplayHtmlCorrect(val) {\r\n\t\t\t\t// return val ? val.replace('<p>', '').replace('</p>', '') : '';\r\n\t\t\t\treturn val ? stripHtml(val) : '';\r\n\t\t\t},\r\n\r\n\t\t\t// resetContentFillBlank() {\r\n\t\t\t// \tconsole.log('Func reset');\r\n\t\t\t// \tresetContentQuestionFillSelect();\r\n\t\t\t// },\r\n\r\n\t\t\tasync convertData(action = null) {\r\n\t\t\t\tlet self = this;\r\n\t\t\t\t// let placeholderInput = [2,3.4].includes(self.parent.layoutId) ? '?' : 'Điền đáp án';\r\n\t\t\t\tlet placeholderInput = '?';\r\n\t\t\t\t// let questionIsDel = false;\r\n\r\n\t\t\t\tself.contentStringFillType = '';\r\n\t\t\t\tself.contentFillType = [];\r\n        self.optionSelect = []\r\n\t\t\t\t\r\n\t\t\t\tlet typeQuestion = self.parent.type;\r\n\t\t\t\t// Set data options select form\r\n\t\t\t\tawait self.converDataSelect();\r\n\t\t\t\tif(action !== null && self.dataSource.validate) {\r\n\t\t\t\t\tself.validate = self.dataSource.validate;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tlet dataContent = self.replaceContent(self.dataSource.content);\r\n\r\n\t\t\t\tself.contentFillType = await typeQuestion === types.TYPE_SELECT ? dataContent.split('</p>') : [self.dataSource.content];\r\n\t\t\t\tself.contentFillType.map((fill, index) => {\r\n\t\t\t\t\tself.fillSelectSplit[index] = fill.split(typeQuestion === types.TYPE_SELECT ? BLANK_FILL_SELECT : BLANK_FILL_TXT);\r\n\t\t\t\t});\r\n\r\n\t\t\t\tlet lengthSelectOptions = self.optionSelect.length;\r\n\r\n\r\n\t\t\t\t// console.log('Before set content: ', self.fillSelectSplit, self.optionSelect);\r\n\r\n\t\t\t\tfor(let i = 0; i < lengthSelectOptions; i++) {\r\n\t\t\t\t\tif(!self.optionSelect[i]) {\r\n\t\t\t\t\t\t// self.fillSelectSplit.splice(i, 0, [\"null\"]);\r\n\t\t\t\t\t\tself.optionSelect[i] = [{position_del: true}];\r\n\t\t\t\t\t\t// questionIsDel = true;\r\n\t\t\t\t\t\tif(typeQuestion === types.TYPE_SELECT) {\r\n\t\t\t\t\t\t\tself.fillSelectSplit.splice(i, 0, [\"null\"]);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tself.fillSelectSplit[0].splice(i, 0, \"null\");\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tself.setOptionSelectByContentFill()\r\n\t\t\t\t// console.log('Done split: ', self.fillSelectSplit, self.optionSelect);\r\n\t\t\t\t// console.log('Done split: ', self.fillSelectSplit);\r\n\t\t\t\tlet lengthFillSplit = self.fillSelectSplit.length;\r\n\t\t\t\t// Save fillSelect tpl \r\n\t\t\t\tsetContentQuestionFillSelect(self.fillSelectSplit);\r\n\r\n\t\t\t\tself.fillSelectSplit.map((fill, index) => {\r\n\t\t\t\t\tlet fillLength = fill.length;\r\n\t\t\t\t\t\r\n\t\t\t\t\t// console.log('Fill arr length: ', fillLength, fill, index)\r\n\t\t\t\t\tif(index === 0) {\r\n\t\t\t\t\t\tself.contentStringFillType += '<div>';\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif(fill && fillLength > 0) {\r\n\t\t\t\t\t\t// let lengthFillTxt = fill.length;\r\n\t\t\t\t\t\tfor(let indexFill in fill) {\r\n\t\t\t\t\t\t\tlet txt = fill[indexFill];\r\n\t\t\t\t\t\t\tlet pos = parseInt(indexFill);\r\n\t\t\t\t\t\t\t// console.log('For of: ', pos, index + pos, index)\r\n\t\t\t\t\t\t\t// console.log('AAAAAAAAAAAAAAA', indexFill, questionIsDel, self.optionSelect[index + pos])\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t// console.log('set txt pos: ', txt)  \r\n\t\t\t\t\t\t\tif(txt && txt !== 'null'  ) {\r\n\r\n\t\t\t\t\t\t\t\tif(pos === 0 && (txt.substring(0, 2) != '<p') && !dataContent.includes('<table')) {\r\n\t\t\t\t\t\t\t\t\tself.contentStringFillType += `<p>`;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tif(pos < fillLength - 1) {\r\n\t\t\t\t\t\t\t\t\tlet formData = ``;\r\n\t\t\t\t\t\t\t\t\t// console.log('Select: ', index, pos)\r\n\t\t\t\t\t\t\t\t\t// let indexForSetData = questionIsDel ? index + pos : pos;\r\n\t\t\t\t\t\t\t\t\tif(typeQuestion === types.TYPE_SELECT) {\r\n\t\t\t\t\t\t\t\t\t\tlet indexAnswerChoosed = self.optionSelect[index + pos] ? self.optionSelect[index + pos].findIndex(op => op.nameChoose && op.valChoose) : -1;\r\n\t\t\t\t\t\t\t\t\t\t// let nameChoosed = indexAnswerChoosed > -1 ? self.optionSelect[pos][indexAnswerChoosed]['nameChoose'] : '?';\r\n\t\t\t\t\t\t\t\t\t\t// let valChoosed = indexAnswerChoosed > -1 ? self.optionSelect[pos][indexAnswerChoosed]['valChoose'] : null;\r\n\t\t\t\t\t\t\t\t\t\t// console.log('Name choose: ', nameChoosed)\r\n\t\t\t\t\t\t\t\t\t\tformData = `\r\n\t\t\t\t\t\t\t\t\t\t\t<DropdownCustom \r\n\t\t\t\t\t\t\t\t\t\t\t\t:nameOptionDefault=\"${indexAnswerChoosed} > -1 ? optionSelect[${index + pos}][${indexAnswerChoosed}]['nameChoose'] : '?'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t:valoptionActive=\"${indexAnswerChoosed} > -1 ? optionSelect[${index + pos}][${indexAnswerChoosed}]['valChoose'] : null\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t:options=\"optionSelect[${index + pos}]\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t:optionValueKey=\"'answerId'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t:optionNameKey=\"'content'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t:location=\"location\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t:type=\"parent.type\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t:position=\"${index + pos}\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t:class=\"{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t'error': !isDontShowResultSaved && dataSource.validate && dataSource.validate.length > 0 && (!dataSource.validate[${index + pos}] || dataSource.validate[${index + pos}] === 'false'),\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t'success': !isDontShowResultSaved && dataSource.validate && dataSource.validate.length > 0 && dataSource.validate[${index + pos}] && dataSource.validate[${index + pos}] !== 'false'\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t@changeSelect=\"changeValSelect\"\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t`;\r\n\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\tformData = `<input \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"display-inline text-center input-hide-place\" \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:id=\"'fill_blank_' + location + ${index + pos} + dataSource.answerId\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:value=\"dataSource.validateVal && dataSource.validateVal.length > 0 && dataSource.validateVal[${index + pos}] ? displayHtmlCorrect(dataSource.validateVal[${index + pos}]) : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t@keyup=\"handleFocus($event, {answerId: dataSource.answerId, location, type: parent.type, questionId: dataSource.questionId, fill_index: ${index + pos}})\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t@focus=\"handleFocus($event, {answerId: dataSource.answerId, location, type: parent.type, questionId: dataSource.questionId, fill_index: ${index + pos}})\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t@change=\"changeAnswer($event, {answerId: dataSource.answerId, location, type: parent.type, questionId: dataSource.questionId, fill_index: ${index + pos}})\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t@blur=\"changeAnswer($event, {answerId: dataSource.answerId, location, type: parent.type, questionId: dataSource.questionId, fill_index: ${index + pos}})\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"${placeholderInput}\" \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:class=\"{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'error': !isDontShowResultSaved && dataSource.validate && dataSource.validate.length > 0 && (!dataSource.validate[${index + pos}] || dataSource.validate[${index + pos}] === 'false'), \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'success': !isDontShowResultSaved && dataSource.validate && dataSource.validate.length > 0 && dataSource.validate[${index + pos}] && dataSource.validate[${index + pos}] !== 'false'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\"\r\n                            autocomplete=\"off\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>`;\r\n\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\tself.contentStringFillType += `${txt}${formData}`; \r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tif(pos === (fillLength - 1)) {\r\n\t\t\t\t\t\t\t\t\tself.contentStringFillType += `${txt}</p>`;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// console.log('Index fill: ', index)\r\n\t\t\t\t\tif(index === (lengthFillSplit - 1)) {\r\n\t\t\t\t\t\t// console.log('End tag', index, lengthFillSplit)\r\n\t\t\t\t\t\tself.contentStringFillType += '</div>';\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t},\r\n\r\n\t\t\treplaceContent(content) {\r\n\t\t\t\tlet textNeedReplace = new RegExp(this.parent.type === types.TYPE_SELECT ? BLANK_FILL_SELECT_SHORT : BLANK_FILL_TXT, \"gi\");\r\n\t\t\t\treturn content.replace(textNeedReplace, `${this.parent.type === types.TYPE_SELECT ? BLANK_FILL_SELECT_SHORT : BLANK_FILL_TXT}&nbsp;`);\r\n\t\t\t},\r\n\r\n\t\t\tsetOptionSelectByContentFill() {\r\n\t\t\t\t// console.log('Questiion: ', this.question)\r\n\t\t\t\tlet self = this;\r\n\t\t\t\tlet lengthFill = self.fillSelectSplit.length;\r\n\t\t\t\tself.fillSelectSplit.map((fill, index) => {\r\n\t\t\t\t\t// if((!fill || ( fill.length === 1 && !fill[0])) && index < lengthFill - 1 && self.question.type !== types.TYPE_SELECT) {\r\n\t\t\t\t\t// \tself.optionSelect.splice(index, 0, [{isDataNull: true}]);\r\n\t\t\t\t\t// } else \r\n\t\t\t\t\tif((!fill || fill.length === 1) && index < lengthFill - 1) {\r\n\t\t\t\t\t\tself.optionSelect.splice(index, 0, [{isDataNull: true}]);\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t},\r\n\r\n\t\t\tconverDataSelect() {\r\n\t\t\t\tlet self = this;\r\n\t\t\t\tself.parent.answers.map(ans => {\r\n\t\t\t\t\tif(ans.position) {\r\n\t\t\t\t\t\tlet positionItem = ans.position.split('_');\r\n\t\t\t\t\t\tif(parseInt(positionItem[0]) === parseInt(self.location)) {\r\n\t\t\t\t\t\t\tif(self.optionSelect[positionItem[1]]) {\r\n\t\t\t\t\t\t\t\tself.optionSelect[positionItem[1]].push(ans);\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tself.optionSelect[positionItem[1]] = [ans]\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t},\r\n\r\n\t\t\tcountChildAnswer(indexP, positionChar, arrChar) {\r\n\t\t\t\tlet result = 0;\r\n\t\t\t\tarrChar.map((da, index) => {\r\n\t\t\t\t\tif(index < indexP) {\r\n\t\t\t\t\t\tresult += ((arrChar[index].length - 1) + positionChar);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\treturn result;\r\n\t\t\t},\r\n\r\n\t\t\tchangeValSelect(val) {\r\n\t\t\t\t// console.log('Change answer 4: ', val);\r\n\t\t\t\tthis.parent.answers.map(ans => {\r\n\t\t\t\t\tif(ans.position && ans.position === `${val.location}_${val.index}`) {\r\n\t\t\t\t\t\t// console.log('Change answer 1: ', ans, val);\r\n\t\t\t\t\t\tif( ans.answerId === val.evt.target.value ) {\r\n\t\t\t\t\t\t\t// console.log('Change answer: ', ans);\r\n\t\t\t\t\t\t\tans['nameChoose'] = val.nameChoose;\r\n\t\t\t\t\t\t\tans['valChoose'] = val.valChoose;\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tans.nameChoose && delete ans.nameChoose;\r\n\t\t\t\t\t\t\tans.valChoose && delete ans.valChoose;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\tthis.changeAnswer({...val.evt}, {location: val.location, type: val.type, select_index: val.index, position_display: val.position_display});\r\n\t\t\t},\r\n\r\n\t\t\thandleFocus(val, info = {}) {\r\n\t\t\t\tlet halfWindowHeight = window.innerHeight/2;\r\n\t\t\t\tlet offsetTopElm = document.getElementById(`fill_blank_${info.location}${info.fill_index}${info.answerId}`).getBoundingClientRect().top;\r\n        let offsetLeftElm = document.getElementById(`fill_blank_${info.location}${info.fill_index}${info.answerId}`).getBoundingClientRect().left;\r\n        // input position > 80% screen \r\n        let spaceHeightInput = (offsetTopElm/window.innerHeight)*100 > 80 ? 20 : 50  // 50 or 20 is height input\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: val.target.value,\r\n\t\t\t\t\tref: `fill_blank_${info.location}${info.fill_index}${info.answerId}`,\r\n\t\t\t\t\tisOverHaflScreen: offsetTopElm > halfWindowHeight ? true : false,\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\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!./fillBlankOrSelect.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!./fillBlankOrSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./fillBlankOrSelect.vue?vue&type=template&id=01f7f8c4&scoped=true&\"\nimport script from \"./fillBlankOrSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./fillBlankOrSelect.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  \"01f7f8c4\",\n  null\n  \n)\n\nexport default component.exports","var t=function(t,o,e){if(!o.hasOwnProperty(e)){var r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,r)}};export default{props:{template:String,parent:Object,templateProps:{type:Object,default:function(){return{}}}},render:function(o){if(this.template){var e=this.parent||this.$parent,r=e.$data;void 0===r&&(r={});var n=e.$props;void 0===n&&(n={});var a=e.$options;void 0===a&&(a={});var p=a.components;void 0===p&&(p={});var c=a.computed;void 0===c&&(c={});var i=a.methods;void 0===i&&(i={});var s=this.$data;void 0===s&&(s={});var d=this.$props;void 0===d&&(d={});var v=this.$options;void 0===v&&(v={});var f=v.methods;void 0===f&&(f={});var m=v.computed;void 0===m&&(m={});var u=v.components;void 0===u&&(u={});var h={$data:{},$props:{},$options:{},components:{},computed:{},methods:{}};Object.keys(r).forEach(function(t){void 0===s[t]&&(h.$data[t]=r[t])}),Object.keys(n).forEach(function(t){void 0===d[t]&&(h.$props[t]=n[t])}),Object.keys(i).forEach(function(t){void 0===f[t]&&(h.methods[t]=i[t])}),Object.keys(c).forEach(function(t){void 0===m[t]&&(h.computed[t]=c[t])}),Object.keys(p).forEach(function(t){void 0===u[t]&&(h.components[t]=p[t])});var O=Object.keys(h.methods||{}),$=Object.keys(h.$data||{}),b=Object.keys(h.$props||{}),j=Object.keys(this.templateProps),y=$.concat(b).concat(O).concat(j),k=(E=e,P={},O.forEach(function(o){return t(E,P,o)}),P),l=function(o){var e={};return o.forEach(function(o){o&&Object.getOwnPropertyNames(o).forEach(function(r){return t(o,e,r)})}),e}([h.$data,h.$props,k,this.templateProps]);return o({template:this.template||\"<div></div>\",props:y,computed:h.computed,components:h.components,provide:this.$parent._provided},{props:l})}var E,P}};\n//# sourceMappingURL=v-runtime-template.es.js.map\n"],"sourceRoot":""}