{"version":3,"sources":["webpack:///./src/components/VariableMapping.vue?77eb","webpack:///src/components/VariableMapping.vue","webpack:///./src/components/VariableMapping.vue?0c7f","webpack:///./src/components/VariableMapping.vue?411b","webpack:///./src/components/Infobox.vue?ebab","webpack:///src/components/Infobox.vue","webpack:///./src/components/Infobox.vue?0e52","webpack:///./src/components/Infobox.vue?267c","webpack:///./src/components/VariableMapping.vue?ac9b","webpack:///./src/components/MappingItem.vue?a737","webpack:///./src/components/Infobox.vue?f3d1","webpack:///./src/components/MappingItem.vue?6f8c","webpack:///src/components/MappingItem.vue","webpack:///./src/components/MappingItem.vue?5e1c","webpack:///./src/components/MappingItem.vue?ae20"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","_v","_s","$t","attrs","slot","right","bottom","width","domProps","innerHTML","on","click","$event","$emit","list","inputType","name","label","placeholder","invalidInput","invalidIdInput","focus","idFocused","blur","model","value","callback","$$v","selectedAsId","expression","directives","rawName","resetIdFilter","invalidNameInput","nameFocused","selectedAsName","resetNameFilter","id","_l","fileData","variable","index","key","left","top","href","target","style","type","disabled","valid","tooltip","staticRenderFns","VariableMappingvue_type_script_lang_js_","data","idSearchFilter","idDropdownVisible","nameSearchFilter","nameDropdownVisible","contentSize","props","components","MappingItem","Infobox","CustomInput","methods","setContentSize","console","$refs","content","clientHeight","idInput","nameInput","computed","filteredIds","_this","variables","filter","v","indexOf","toLowerCase","some","isId","isReferenceName","contentHeight","--content-height","map","includes","mounted","window","beforeDestroy","watch","handler","_this2","forEach","_this3","components_VariableMappingvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","mouseover","hoverInfo","mouseleave","_t","class","mid","mid-x","midX","no-padding","noPadding","auto-width","autoWidth","hover-info","min-width","minWidth","max-width","maxWidth","Infoboxvue_type_script_lang_js_","default","EventBus","text","required","conditionalToggle","tabIndex","isOpen","components_Infoboxvue_type_script_lang_js_","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VariableMapping_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VariableMapping_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MappingItem_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MappingItem_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Infobox_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Infobox_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","variableItem","staticStyle","margin-left","exampleData","change","$$selectedVal","Array","prototype","call","options","o","selected","val","_value","$set","multiple","MappingItemvue_type_script_lang_js_","components_MappingItemvue_type_script_lang_js_"],"mappings":"iNAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,4BAAuC,CAAAF,EAAA,OAAYE,YAAA,aAAuBF,EAAA,OAAYG,IAAA,UAAAD,YAAA,WAAoC,CAAAF,EAAA,OAAYE,YAAA,UAAqB,CAAAF,EAAA,OAAYE,YAAA,QAAmB,CAAAF,EAAA,MAAAJ,EAAAQ,GAAAR,EAAAS,GAAAT,EAAAU,GAAA,sCAAAN,EAAA,WAAoFE,YAAA,4BAAAK,MAAA,CAA+CC,KAAA,OAAAC,MAAA,GAAAC,OAAA,GAAAC,MAAA,KAAiDH,KAAA,QAAa,CAAAR,EAAA,QAAaO,MAAA,CAAOC,KAAA,QAAcA,KAAA,QAAa,CAAAR,EAAA,KAAUE,YAAA,kCAA0CF,EAAA,KAAYE,YAAA,yBAAAU,SAAA,CAA+CC,UAAAjB,EAAAS,GAAAT,EAAAU,GAAA,+CAAoE,GAAAN,EAAA,OAAkBE,YAAA,gBAAAY,GAAA,CAAgCC,MAAA,SAAAC,GAAyB,OAAApB,EAAAqB,MAAA,YAA4B,CAAAjB,EAAA,KAAUE,YAAA,0BAAgCF,EAAA,OAAgBE,YAAA,aAAwB,CAAAF,EAAA,OAAYE,YAAA,eAA0B,CAAAF,EAAA,gBAAqBG,IAAA,UAAAI,MAAA,CAAqBW,KAAA,yBAAAC,UAAA,OAAAC,KAAA,qBAAAC,MAAAzB,EAAAU,GAAA,oCAAAgB,YAAA1B,EAAAU,GAAA,0CAAAiB,aAAA3B,EAAA4B,gBAAmOV,GAAA,CAAKW,MAAA,SAAAT,GAAyBpB,EAAA8B,WAAA,GAAqBC,KAAA,SAAAX,GAAyBpB,EAAA8B,WAAA,IAAuBE,MAAA,CAAQC,MAAAjC,EAAA,aAAAkC,SAAA,SAAAC,GAAkDnC,EAAAoC,aAAAD,GAAqBE,WAAA,kBAA4BjC,EAAA,OAAYkC,WAAA,EAAad,KAAA,OAAAe,QAAA,SAAAN,MAAAjC,EAAA,aAAAqC,WAAA,iBAAgF/B,YAAA,eAAAY,GAAA,CAAiCC,MAAAnB,EAAAwC,gBAA2B,CAAApC,EAAA,KAAUE,YAAA,yBAAgC,GAAAF,EAAA,OAAkBE,YAAA,sBAAiC,CAAAF,EAAA,gBAAqBG,IAAA,YAAAI,MAAA,CAAuBW,KAAA,yBAAAC,UAAA,OAAAC,KAAA,4BAAAC,MAAAzB,EAAAU,GAAA,sCAAAgB,YAAA1B,EAAAU,GAAA,4CAAAiB,aAAA3B,EAAAyC,kBAAgPvB,GAAA,CAAKW,MAAA,SAAAT,GAAyBpB,EAAA0C,aAAA,GAAuBX,KAAA,SAAAX,GAAyBpB,EAAA0C,aAAA,IAAyBV,MAAA,CAAQC,MAAAjC,EAAA,eAAAkC,SAAA,SAAAC,GAAoDnC,EAAA2C,eAAAR,GAAuBE,WAAA,oBAA8BjC,EAAA,OAAYkC,WAAA,EAAad,KAAA,OAAAe,QAAA,SAAAN,MAAAjC,EAAA,eAAAqC,WAAA,mBAAoF/B,YAAA,eAAAY,GAAA,CAAiCC,MAAAnB,EAAA4C,kBAA6B,CAAAxC,EAAA,KAAUE,YAAA,yBAAgC,GAAAF,EAAA,YAAuBO,MAAA,CAAOkC,GAAA,2BAA+B7C,EAAA8C,GAAA9C,EAAA+C,SAAA,mBAAAC,EAAAC,GAA0D,OAAA7C,EAAA,UAAoB8C,IAAAD,GAAU,CAAAjD,EAAAQ,GAAA,eAAAR,EAAAS,GAAAuC,EAAAH,IAAA,kBAA4D,KAAAzC,EAAA,OAAiBE,YAAA,wBAAmC,CAAAF,EAAA,MAAWE,YAAA,kBAA6B,CAAAN,EAAAQ,GAAA,QAAAJ,EAAA,MAA0BE,YAAA,oBAA+B,CAAAN,EAAAQ,GAAAR,EAAAS,GAAAT,EAAAU,GAAA,6BAAAN,EAAA,MAA6DE,YAAA,wBAAmC,CAAAN,EAAAQ,GAAA,aAAAR,EAAAS,GAAAT,EAAAU,GAAA,2CAAAN,EAAA,OAAyFE,YAAA,oBAA+B,CAAAF,EAAA,MAAAJ,EAAAQ,GAAA,UAAAJ,EAAA,WAA0CE,YAAA,4BAAAK,MAAA,CAA+CC,KAAA,OAAAuC,KAAA,GAAAC,IAAA,GAAArC,MAAA,KAA6CH,KAAA,QAAa,CAAAR,EAAA,QAAaO,MAAA,CAAOC,KAAA,QAAcA,KAAA,QAAa,CAAAR,EAAA,KAAUO,MAAA,CAAO0C,KAAA,iFAAAC,OAAA,WAA2G,CAAAlD,EAAA,KAAUE,YAAA,oCAA0CF,EAAA,KAAAJ,EAAAQ,GAAAR,EAAAS,GAAAT,EAAAU,GAAA,iDAAAN,EAAA,OAA8FE,YAAA,4CAAAiD,MAAAvD,EAAA,eAAkFA,EAAA8C,GAAA9C,EAAA+C,SAAA,mBAAAC,GAAoD,OAAA5C,EAAA,gBAA0B8C,IAAAF,EAAAH,GAAAlC,MAAA,CAAuBqC,gBAAuB,GAAA5C,EAAA,OAAeE,YAAA,WAAsB,CAAAF,EAAA,UAAeE,YAAA,yBAAAK,MAAA,CAA4C6C,KAAA,SAAAC,UAAAzD,EAAA0D,MAAAC,QAAA3D,EAAA0D,MAAA,GAAA1D,EAAAU,GAAA,qCAA6GQ,GAAA,CAAKC,MAAA,SAAAC,GAAyB,OAAApB,EAAAqB,MAAA,mBAAmC,CAAArB,EAAAQ,GAAA,aAAAR,EAAAS,GAAAT,EAAAU,GAAA,uBAAAN,EAAA,UAAwEE,YAAA,2BAAAK,MAAA,CAA8C6C,KAAA,SAAetC,GAAA,CAAKC,MAAA,SAAAC,GAAyB,OAAApB,EAAAqB,MAAA,YAA4B,CAAArB,EAAAQ,GAAA,aAAAR,EAAAS,GAAAT,EAAAU,GAAA,gCACr/HkD,EAAA,iFC2IeC,EAAA,CACfC,gBACA,OACAhC,aACAY,eACAqB,kBACAC,qBACA5B,kBACAO,oBACAsB,oBACAC,uBACAC,oBAGAC,OACArB,iBAEAsB,YACAC,yBACAC,qBACAC,0BAEAC,SACAC,0BACAC,wBACA1E,KAAAkE,YAAAlE,KAAA2E,MAAAC,QAAAC,aAAA,MAEAtC,yBACAvC,KAAAmC,aAAA,KACAnC,KAAA2E,MAAAG,QAAAlD,SAEAe,2BACA3C,KAAA0C,eAAA,KACA1C,KAAA2E,MAAAI,UAAAnD,UAGAoD,UACAC,uBAAA,IAAAC,EAAAlF,KACA,OAAAA,KAAA8C,SAAAqC,UAAAC,OAAA,SAAAC,GACA,OAGAC,KAFAD,EAAA9D,MAAA,IACAgE,cACAD,2CAIA7B,iBACA,OACAzD,KAAAmC,cACAnC,KAAA0C,gBACA1C,KAAA8C,SAAAqC,UAAAK,KAAA,SAAAH,GAAA,UAAAA,EAAAI,QACAzF,KAAA8C,SAAAqC,UAAAK,KAAA,SAAAH,GAAA,UAAAA,EAAAK,mBAGAC,yBACA,OAAAC,mBAAA5F,KAAAkE,cAEA1B,4BACA,OACAxC,KAAAyC,aACAzC,KAAA0C,iBACA1C,KAAA8C,SAAAqC,UACAU,gBAAA,OAAA9C,EAAAH,KACAkD,+BAGAnE,0BACA,OACA3B,KAAA6B,WACA7B,KAAAmC,eACAnC,KAAA8C,SAAAqC,UACAU,gBAAA,OAAA9C,EAAAH,KACAkD,8BAIAC,mBACA/F,KAAAyE,iBACAuB,uDAEAC,yBACAD,0DAEAE,OACA/D,cACAgE,mBAAA,IAAAC,EAAApG,KACAA,KAAA8C,SAAAqC,UAAAkB,QAAA,SAAAtD,GACAA,EAAAH,IAAAwD,EAAAjE,aACAY,UAEAA,cAKAL,gBACAyD,mBAAA,IAAAG,EAAAtG,KACAA,KAAA8C,SAAAqC,UAAAkB,QAAA,SAAAtD,GACAA,EAAAH,IAAA0D,EAAA5D,eACAK,qBAEAA,2BCjPyVwD,EAAA,0BCQzVC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAzG,EACA6D,GACF,EACA,KACA,KACA,MAIegD,EAAA,WAAAH,6ECnBf,IAAA1G,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBO,MAAA,CAAOkC,GAAA,kBAAsB3B,GAAA,CAAK2F,UAAA,SAAAzF,GAA6BpB,EAAA8G,WAAA,GAAqBC,WAAA,SAAA3F,GAA+BpB,EAAA8G,WAAA,KAAwB,CAAA1G,EAAA,QAAaE,YAAA,gBAAAY,GAAA,CAAgC2F,UAAA,SAAAzF,GAA6BpB,EAAA8G,WAAA,GAAqBC,WAAA,SAAA3F,GAA+BpB,EAAA8G,WAAA,KAAwB,CAAA9G,EAAAgH,GAAA,YAAA5G,EAAA,OAA+BE,YAAA,gBAAA2G,MAAA,CAAmC9D,KAAAnD,EAAAmD,KAAAtC,MAAAb,EAAAa,MAAAuC,IAAApD,EAAAoD,IAAA8D,IAAAlH,EAAAkH,IAAAC,QAAAnH,EAAAoH,KAAAC,aAAArH,EAAAsH,UAAAC,aAAAvH,EAAAwH,UAAAC,aAAAzH,EAAA8G,WAAmLvD,MAAA,CAASmE,YAAA1H,EAAA2H,SAAA,KAAAC,YAAA5H,EAAA6H,SAAA,KAAA9G,MAAAf,EAAAe,MAAA,OAAiG,CAAAf,EAAAgH,GAAA,kBAC1uBpD,EAAA,GCYekE,aAAA,CACftG,eACA4C,OACAX,UAAAD,aAAAuE,YACAC,UAAAxE,aACAyE,MAAAzE,YAAA0E,YAAAH,kBACAJ,UAAAnE,sBACAqE,UAAArE,sBACAzC,OAAAyC,sBACA2E,mBAAA3E,aAAAuE,YACA5E,aACAtC,cACAuC,YACA8D,YACAE,aACAE,kBACAE,kBACAY,UAAA5E,YAAAuE,aACAM,QAAA7E,aAAAuE,aAEAjE,gBACA,OACAgD,iBCnCiVwB,EAAA,0BCQjV7B,EAAgBC,OAAAC,EAAA,KAAAD,CACd4B,EACAvI,EACA6D,GACF,EACA,KACA,KACA,MAIegD,EAAA,WAAAH,wECnBf,IAAA8B,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAAqhBE,EAAG,qCCAxhB,IAAAE,EAAAH,EAAA,QAAAI,EAAAJ,EAAAE,EAAAC,GAAihBC,EAAG,qCCAphB,IAAAC,EAAAL,EAAA,QAAAM,EAAAN,EAAAE,EAAAG,GAA6gBC,EAAG,4CCAhhB,IAAA/I,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,gBAA2B,CAAAF,EAAA,KAAAJ,EAAAQ,GAAAR,EAAAS,GAAAT,EAAA+I,aAAAlG,OAAAzC,EAAA,KAAAJ,EAAAQ,GAAA,SAAAR,EAAAS,GAAAT,EAAA+I,aAAAvH,MAAA,UAAApB,EAAA,QAA2HkC,WAAA,EAAad,KAAA,OAAAe,QAAA,SAAAN,MAAA,GAAAjC,EAAA+I,aAAApD,iBAAA,GAAA3F,EAAA+I,aAAArD,KAAArD,WAAA,sEAA8L/B,YAAA,iBAA8B,CAAAF,EAAA,QAAakC,WAAA,EAAad,KAAA,OAAAe,QAAA,SAAAN,MAAA,GAAAjC,EAAA+I,aAAArD,KAAArD,WAAA,+BAA4G,CAAArC,EAAAQ,GAAAR,EAAAS,GAAA,GAAAT,EAAA+I,aAAApD,gBAAA,iBAAAvF,EAAA,QAAyFkC,WAAA,EAAad,KAAA,OAAAe,QAAA,SAAAN,MAAA,GAAAjC,EAAA+I,aAAApD,gBAAAtD,WAAA,yCAAgI2G,YAAA,CAAeC,cAAA,QAAqB,CAAAjJ,EAAAQ,GAAAR,EAAAS,GAAAT,EAAAU,GAAA,uCAAAN,EAAA,KAAsEE,YAAA,8CAAoDF,EAAA,KAAcE,YAAA,gBAA2B,CAAAN,EAAAQ,GAAAR,EAAAS,GAAAT,EAAA+I,aAAAG,aAAA,OAAA9I,EAAA,UAAoEkC,WAAA,EAAad,KAAA,QAAAe,QAAA,UAAAN,MAAAjC,EAAA+I,aAAA,KAAA1G,WAAA,sBAA4F/B,YAAA,gBAAAY,GAAA,CAAkCiI,OAAA,SAAA/H,GAA0B,IAAAgI,EAAAC,MAAAC,UAAAjE,OAAAkE,KAAAnI,EAAAkC,OAAAkG,QAAA,SAAAC,GAAkF,OAAAA,EAAAC,WAAkB5D,IAAA,SAAA2D,GAAkB,IAAAE,EAAA,WAAAF,IAAAG,OAAAH,EAAAxH,MAA6C,OAAA0H,IAAa3J,EAAA6J,KAAA7J,EAAA+I,aAAA,OAAA3H,EAAAkC,OAAAwG,SAAAV,IAAA,OAAiG,CAAAhJ,EAAA,UAAeO,MAAA,CAAOsB,MAAA,SAAgB,CAAAjC,EAAAQ,GAAAR,EAAAS,GAAAT,EAAAU,GAAA,6BAAAN,EAAA,UAAiEO,MAAA,CAAOsB,MAAA,WAAkB,CAAAjC,EAAAQ,GAAAR,EAAAS,GAAAT,EAAAU,GAAA,+BAAAN,EAAA,UAAmEO,MAAA,CAAOsB,MAAA,SAAgB,CAAAjC,EAAAQ,GAAAR,EAAAS,GAAAT,EAAAU,GAAA,6BAAAN,EAAA,UAAiEO,MAAA,CAAOsB,MAAA,SAAgB,CAAAjC,EAAAQ,GAAAR,EAAAS,GAAAT,EAAAU,GAAA,6BAAAN,EAAA,UAAiEO,MAAA,CAAOsB,MAAA,SAAgB,CAAAjC,EAAAQ,GAAAR,EAAAS,GAAAT,EAAAU,GAAA,kCACh6DkD,EAAA,GC0BemG,EAAA,CACfjG,gBACA,OACAiF,6BAGA3E,OACApB,kBClCqVgH,EAAA,0BCQrVvD,EAAgBC,OAAAC,EAAA,KAAAD,CACdsD,EACAjK,EACA6D,GACF,EACA,KACA,KACA,MAIegD,EAAA,WAAAH","file":"js/lazy-view-components-VariableMapping.c41f8cc5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"variable-mapping-popover\"},[_c('div',{staticClass:\"backdrop\"}),_c('div',{ref:\"content\",staticClass:\"content\"},[_c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"left\"},[_c('h2',[_vm._v(_vm._s(_vm.$t(\"variable-mapping.popover-title\")))]),_c('infobox',{staticClass:\"info-box generate-warning\",attrs:{\"slot\":\"info\",\"right\":\"\",\"bottom\":\"\",\"width\":400},slot:\"info\"},[_c('span',{attrs:{\"slot\":\"icon\"},slot:\"icon\"},[_c('i',{staticClass:\"fa-light fa-question-circle\"})]),_c('p',{staticClass:\"text-small description\",domProps:{\"innerHTML\":_vm._s(_vm.$t('variable-mapping.popover-description'))}})])],1),_c('div',{staticClass:\"close-popover\",on:{\"click\":function($event){return _vm.$emit('close')}}},[_c('i',{staticClass:\"fa-light fa-times\"})])]),_c('div',{staticClass:\"selectors\"},[_c('div',{staticClass:\"id-selector\"},[_c('custom-input',{ref:\"idInput\",attrs:{\"list\":\"filedata-variable-list\",\"inputType\":'text',\"name\":'select-id-dropdown',\"label\":_vm.$t('variable-mapping.id-select-label'),\"placeholder\":_vm.$t('variable-mapping.id-select-placeholder'),\"invalidInput\":_vm.invalidIdInput},on:{\"focus\":function($event){_vm.idFocused = true},\"blur\":function($event){_vm.idFocused = false}},model:{value:(_vm.selectedAsId),callback:function ($$v) {_vm.selectedAsId=$$v},expression:\"selectedAsId\"}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedAsId),expression:\"selectedAsId\"}],staticClass:\"reset-filter\",on:{\"click\":_vm.resetIdFilter}},[_c('i',{staticClass:\"fa-light fa-times\"})])],1),_c('div',{staticClass:\"reference-selector\"},[_c('custom-input',{ref:\"nameInput\",attrs:{\"list\":\"filedata-variable-list\",\"inputType\":'text',\"name\":'select-reference-dropdown',\"label\":_vm.$t('variable-mapping.name-select-label'),\"placeholder\":_vm.$t('variable-mapping.name-select-placeholder'),\"invalidInput\":_vm.invalidNameInput},on:{\"focus\":function($event){_vm.nameFocused = true},\"blur\":function($event){_vm.nameFocused = false}},model:{value:(_vm.selectedAsName),callback:function ($$v) {_vm.selectedAsName=$$v},expression:\"selectedAsName\"}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedAsName),expression:\"selectedAsName\"}],staticClass:\"reset-filter\",on:{\"click\":_vm.resetNameFilter}},[_c('i',{staticClass:\"fa-light fa-times\"})])],1),_c('datalist',{attrs:{\"id\":\"filedata-variable-list\"}},_vm._l((_vm.fileData.variables),function(variable,index){return _c('option',{key:index},[_vm._v(\"\\n          \"+_vm._s(variable.id)+\"\\n        \")])}),0)]),_c('div',{staticClass:\"variable-list-header\"},[_c('h4',{staticClass:\"list-header-id\"},[_vm._v(\"Id\")]),_c('h4',{staticClass:\"list-header-name\"},[_vm._v(_vm._s(_vm.$t(\"variable-mapping.name\")))]),_c('h4',{staticClass:\"list-header-examnple\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"variable-mapping.example\"))+\"\\n      \")]),_c('div',{staticClass:\"list-header-type\"},[_c('h4',[_vm._v(\"Type\")]),_c('infobox',{staticClass:\"info-box generate-warning\",attrs:{\"slot\":\"info\",\"left\":\"\",\"top\":\"\",\"width\":400},slot:\"info\"},[_c('span',{attrs:{\"slot\":\"icon\"},slot:\"icon\"},[_c('a',{attrs:{\"href\":\"https://docs.icrobotics.com/pages/customdatasources/dataformat/#variable-types\",\"target\":\"_blank\"}},[_c('i',{staticClass:\"fa-light fa-question-circle\"})])]),_c('p',[_vm._v(_vm._s(_vm.$t(\"variable-mapping.type-helper-text\")))])])],1)]),_c('div',{staticClass:\"variable-item-list custom-scrollbar-light\",style:(_vm.contentHeight)},_vm._l((_vm.fileData.variables),function(variable){return _c('mapping-item',{key:variable.id,attrs:{\"variable\":variable}})}),1),_c('div',{staticClass:\"actions\"},[_c('button',{staticClass:\"btn btn-md btn-primary\",attrs:{\"type\":\"button\",\"disabled\":!_vm.valid,\"tooltip\":!_vm.valid ? _vm.$t('variable-mapping.invalid-tooltip') : ''},on:{\"click\":function($event){return _vm.$emit('save-changes')}}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"done\"))+\"\\n      \")]),_c('button',{staticClass:\"btn btn-md btn-secondary\",attrs:{\"type\":\"reset\"},on:{\"click\":function($event){return _vm.$emit('close')}}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"cancel\"))+\"\\n      \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"variable-mapping-popover\">\n    <div class=\"backdrop\"></div>\n    <div class=\"content\" ref=\"content\">\n      <div class=\"header\">\n        <div class=\"left\">\n          <h2>{{ $t(\"variable-mapping.popover-title\") }}</h2>\n          <infobox\n            right\n            bottom\n            :width=\"400\"\n            class=\"info-box generate-warning\"\n            slot=\"info\"\n          >\n            <span slot=\"icon\">\n              <i class=\"fa-light fa-question-circle\"></i>\n            </span>\n            <p\n              class=\"text-small description\"\n              v-html=\"$t('variable-mapping.popover-description')\"\n            ></p>\n          </infobox>\n        </div>\n        <div class=\"close-popover\" @click=\"$emit('close')\">\n          <i class=\"fa-light fa-times\"></i>\n        </div>\n      </div>\n\n      <div class=\"selectors\">\n        <div class=\"id-selector\">\n          <custom-input\n            ref=\"idInput\"\n            v-model=\"selectedAsId\"\n            list=\"filedata-variable-list\"\n            :inputType=\"'text'\"\n            :name=\"'select-id-dropdown'\"\n            :label=\"$t('variable-mapping.id-select-label')\"\n            :placeholder=\"$t('variable-mapping.id-select-placeholder')\"\n            :invalidInput=\"invalidIdInput\"\n            @focus=\"idFocused = true\"\n            @blur=\"idFocused = false\"\n          />\n          <div\n            @click=\"resetIdFilter\"\n            v-show=\"selectedAsId\"\n            class=\"reset-filter\"\n          >\n            <i class=\"fa-light fa-times\"></i>\n          </div>\n        </div>\n        <div class=\"reference-selector\">\n          <custom-input\n            ref=\"nameInput\"\n            v-model=\"selectedAsName\"\n            list=\"filedata-variable-list\"\n            :inputType=\"'text'\"\n            :name=\"'select-reference-dropdown'\"\n            :label=\"$t('variable-mapping.name-select-label')\"\n            :placeholder=\"$t('variable-mapping.name-select-placeholder')\"\n            :invalidInput=\"invalidNameInput\"\n            @focus=\"nameFocused = true\"\n            @blur=\"nameFocused = false\"\n          />\n          <div\n            @click=\"resetNameFilter\"\n            v-show=\"selectedAsName\"\n            class=\"reset-filter\"\n          >\n            <i class=\"fa-light fa-times\"></i>\n          </div>\n        </div>\n        <datalist id=\"filedata-variable-list\">\n          <option v-for=\"(variable, index) in fileData.variables\" :key=\"index\">\n            {{ variable.id }}\n          </option>\n        </datalist>\n      </div>\n      <div class=\"variable-list-header\">\n        <h4 class=\"list-header-id\">Id</h4>\n        <h4 class=\"list-header-name\">{{ $t(\"variable-mapping.name\") }}</h4>\n        <h4 class=\"list-header-examnple\">\n          {{ $t(\"variable-mapping.example\") }}\n        </h4>\n        <div class=\"list-header-type\">\n          <h4>Type</h4>\n          <infobox\n            left\n            top\n            :width=\"400\"\n            class=\"info-box generate-warning\"\n            slot=\"info\"\n          >\n            <span slot=\"icon\">\n              <a\n                href=\"https://docs.icrobotics.com/pages/customdatasources/dataformat/#variable-types\"\n                target=\"_blank\"\n              >\n                <i class=\"fa-light fa-question-circle\"></i>\n              </a>\n            </span>\n            <p>{{ $t(\"variable-mapping.type-helper-text\") }}</p>\n          </infobox>\n        </div>\n      </div>\n      <div\n        class=\"variable-item-list custom-scrollbar-light\"\n        :style=\"contentHeight\"\n      >\n        <mapping-item\n          :variable=\"variable\"\n          v-for=\"variable in fileData.variables\"\n          :key=\"variable.id\"\n        />\n      </div>\n      <div class=\"actions\">\n        <button\n          type=\"button\"\n          class=\"btn btn-md btn-primary\"\n          @click=\"$emit('save-changes')\"\n          :disabled=\"!valid\"\n          :tooltip=\"!valid ? $t('variable-mapping.invalid-tooltip') : ''\"\n        >\n          {{ $t(\"done\") }}\n        </button>\n        <button\n          type=\"reset\"\n          class=\"btn btn-md btn-secondary\"\n          @click=\"$emit('close')\"\n        >\n          {{ $t(\"cancel\") }}\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport CustomInput from \"@/components/CustomInput\";\nimport MappingItem from \"@/components/MappingItem\";\nimport Infobox from \"@/components/Infobox\";\nexport default {\n  data() {\n    return {\n      idFocused: false,\n      nameFocused: false,\n      idSearchFilter: \"\",\n      idDropdownVisible: false,\n      selectedAsId: null,\n      selectedAsName: null,\n      nameSearchFilter: \"\",\n      nameDropdownVisible: false,\n      contentSize: 0 + \"px\",\n    };\n  },\n  props: {\n    fileData: Object,\n  },\n  components: {\n    MappingItem,\n    Infobox,\n    CustomInput,\n  },\n  methods: {\n    setContentSize() {\n      console.log(\"set size\");\n      this.contentSize = this.$refs.content.clientHeight + \"px\";\n    },\n    resetIdFilter() {\n      this.selectedAsId = null;\n      this.$refs.idInput.focus();\n    },\n    resetNameFilter() {\n      this.selectedAsName = null;\n      this.$refs.nameInput.focus();\n    },\n  },\n  computed: {\n    filteredIds() {\n      return this.fileData.variables.filter((v) => {\n        return (\n          (v.name || \"\")\n            .toLowerCase()\n            .indexOf(this.idSearchFilter.toLowerCase()) !== -1\n        );\n      });\n    },\n    valid() {\n      return (\n        this.selectedAsId &&\n        this.selectedAsName &&\n        this.fileData.variables.some((v) => v.isId == true) &&\n        this.fileData.variables.some((v) => v.isReferenceName == true)\n      );\n    },\n    contentHeight() {\n      return { \"--content-height\": this.contentSize };\n    },\n    invalidNameInput() {\n      return (\n        !this.nameFocused &&\n        this.selectedAsName &&\n        !this.fileData.variables\n          .map((variable) => variable.id)\n          .includes(this.selectedAsName)\n      );\n    },\n    invalidIdInput() {\n      return (\n        !this.idFocused &&\n        this.selectedAsId &&\n        !this.fileData.variables\n          .map((variable) => variable.id)\n          .includes(this.selectedAsId)\n      );\n    },\n  },\n  mounted() {\n    this.setContentSize();\n    window.addEventListener(\"resize\", this.setContentSize);\n  },\n  beforeDestroy() {\n    window.removeEventListener(\"resize\", this.setContentSize);\n  },\n  watch: {\n    selectedAsId: {\n      handler: function () {\n        this.fileData.variables.forEach((variable) => {\n          if (variable.id == this.selectedAsId) {\n            variable.isId = true;\n          } else {\n            variable.isId = false;\n          }\n        });\n      },\n    },\n    selectedAsName: {\n      handler: function () {\n        this.fileData.variables.forEach((variable) => {\n          if (variable.id == this.selectedAsName) {\n            variable.isReferenceName = true;\n          } else {\n            variable.isReferenceName = false;\n          }\n        });\n      },\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n.variable-mapping-popover {\n  .backdrop {\n    position: fixed;\n    z-index: 99;\n    height: 100%;\n    width: 100%;\n    left: 0;\n    top: 0;\n    background-color: rgba(0, 0, 0, 0.25);\n  }\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: var(--background-white);\n    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);\n    position: relative;\n    padding: 14px 24px 14px 24px;\n    border-radius: 10px 10px 0 0;\n\n    h2 {\n      margin-bottom: 0;\n    }\n    .description {\n      margin: 6px 0 0 0;\n      padding: 0;\n    }\n    .close-popover {\n      cursor: pointer;\n    }\n\n    .left {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n  }\n  .content {\n    position: fixed;\n    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);\n    width: 90%;\n    height: 90%;\n    left: calc(50% + (85px / 2));\n    top: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 99;\n    background-color: var(--background-white);\n    border-radius: var(--standard-border-radius);\n  }\n  // .content{\n  //   position: relative;\n  // }\n  .mapping-list {\n    padding: 0 24px 24px 24px;\n  }\n  .variable-item-list {\n    height: calc(var(--content-height) - 270px);\n    overflow-y: auto;\n    padding: 6px 24px;\n  }\n  .variable-list-header {\n    margin: 0 24px;\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr 150px;\n    padding: 12px 6px;\n    gap: 12px;\n\n    h4 {\n      margin: 0;\n    }\n    .list-header-id {\n      padding-left: 6px;\n    }\n    .list-header-type {\n      display: flex;\n      gap: 4px;\n      svg {\n        margin-bottom: 1px;\n      }\n    }\n  }\n  .actions {\n    position: absolute;\n    bottom: 24px;\n    right: 24px;\n  }\n  .selector-section {\n    display: grid;\n    grid-template-columns: 1fr 2fr;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .selectors {\n    padding: 6px 24px;\n    display: flex;\n    flex-direction: row;\n    margin: 0 0 24px 0;\n    gap: 24px;\n    .id-selector,\n    .reference-selector {\n      position: relative;\n      width: 30%;\n\n      .reset-filter {\n        cursor: pointer;\n        position: absolute;\n        right: 24px;\n        bottom: 7px;\n      }\n    }\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!./VariableMapping.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!./VariableMapping.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VariableMapping.vue?vue&type=template&id=4606f561&\"\nimport script from \"./VariableMapping.vue?vue&type=script&lang=js&\"\nexport * from \"./VariableMapping.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VariableMapping.vue?vue&type=style&index=0&lang=less&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"info-hover-box\"},on:{\"mouseover\":function($event){_vm.hoverInfo = true},\"mouseleave\":function($event){_vm.hoverInfo = false}}},[_c('span',{staticClass:\"hover-element\",on:{\"mouseover\":function($event){_vm.hoverInfo = true},\"mouseleave\":function($event){_vm.hoverInfo = false}}},[_vm._t(\"icon\")],2),_c('div',{staticClass:\"hover-content\",class:{'left': _vm.left, 'right': _vm.right, 'top': _vm.top, 'mid' : _vm.mid, 'mid-x' : _vm.midX, 'no-padding': _vm.noPadding, 'auto-width' : _vm.autoWidth, 'hover-info': _vm.hoverInfo },style:({ 'min-width': _vm.minWidth + 'px', 'max-width': _vm.maxWidth + 'px', 'width': _vm.width + 'px'})},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"info-hover-box\" @mouseover=\"hoverInfo = true\" @mouseleave=\"hoverInfo = false\">\n    <span @mouseover=\"hoverInfo = true\" @mouseleave=\"hoverInfo = false\" class=\"hover-element\">\n      <slot name=\"icon\" style=\"position:relative;\"></slot>\n    </span>\n    \n    <div class=\"hover-content\" :class=\"{'left': left, 'right': right, 'top': top, 'mid' : mid, 'mid-x' : midX, 'no-padding': noPadding, 'auto-width' : autoWidth, 'hover-info': hoverInfo }\" :style=\"{ 'min-width': minWidth + 'px', 'max-width': maxWidth + 'px', 'width': width + 'px'}\">\n      <slot></slot>\n    </div> \n\n  </div>\n</template>\n<script>\nexport default {\n    name: 'infobox',\n    props: {\n      disabled: { type: Boolean, default: false },\n      EventBus: { type: Object },\n      text: { type: String, required: false, default: 'Toggle' },\n      minWidth: { type: [Number, String] },\n      maxWidth: { type: [Number, String] },\n      width: { type: [Number, String] },\n      conditionalToggle: { type: Boolean, default: true },\n      left: Boolean,\n      right: Boolean,\n      top: Boolean,\n      mid: Boolean,\n      midX: Boolean,\n      noPadding: Boolean,\n      autoWidth: Boolean,\n      tabIndex: { type: Number, default: 100 },\n      isOpen: { type: Boolean, default: false },\n    },\n  data() {\n    return {\n        hoverInfo: false\n    };\n  }\n}\n</script>\n\n<style lang=\"less\">\n#info-hover-box{\n    display: inline-block;\n    position: relative;\n\n    // .hover-element{\n      \n      // }\n    .hover-content{\n        // display: none;\n        box-shadow: 2px 4px 4px 2px rgba(0, 0, 0, 0.25);\n        background: var(--background-white);\n        position: absolute;\n        pointer-events: none;\n        padding: 12px;\n        z-index: 9999;\n        transition-delay: .2s ;\n        transition: .3s;\n        opacity: 0;\n        border-radius: var(--standard-border-radius);\n\n          &.no-padding{\n            padding:4px 12px;\n          }\n       \n        ul{\n            list-style-type: none;\n            margin: 0;\n            padding-left: 10px;\n            li{\n                margin-bottom: 4px;\n                    font-weight: 400;\n            }\n                span{\n                    font-weight: 600;\n                }\n            a{\n                pointer-events: auto;\n            }\n        }  \n        \n    &.left {\n        right: 100%;\n        left: unset;\n        text-align: left;\n      }\n\n      &.right {\n        left: 100%;\n        // right: 0;\n      }\n      &.mid{     \n        left: 50%;\n        transform: translateX(-50%);\n      }\n      &.mid-x{\n        top: 50%;\n        transform: translateY(-50%);\n      }\n      &.top {\n          bottom: 50%;\n          // top: 0\n      }\n      &.bottom {\n          top: 100%;\n          // bottom: 0\n      }\n      \n      &.auto-width{\n        width: auto;\n      }\n\n    }\n    .hover-info{\n        // display: block;\n        transition-delay: .2s;\n        opacity: 1;\n   \n    }\n\n}\n</style>\n","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!./Infobox.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!./Infobox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Infobox.vue?vue&type=template&id=6306b6c2&\"\nimport script from \"./Infobox.vue?vue&type=script&lang=js&\"\nexport * from \"./Infobox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Infobox.vue?vue&type=style&index=0&lang=less&\"\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","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariableMapping.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariableMapping.vue?vue&type=style&index=0&lang=less&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MappingItem.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MappingItem.vue?vue&type=style&index=0&lang=less&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Infobox.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Infobox.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mapping-item\"},[_c('p',[_vm._v(_vm._s(_vm.variableItem.id))]),_c('p',[_vm._v(\"\\n    \"+_vm._s(_vm.variableItem.name)+\"\\n    \"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.variableItem.isReferenceName == true || _vm.variableItem.isId == true),expression:\"variableItem.isReferenceName == true || variableItem.isId == true\"}],staticClass:\"text-disabled\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.variableItem.isId == true),expression:\"variableItem.isId == true\"}]},[_vm._v(_vm._s(_vm.variableItem.isReferenceName == true ? 'ID & ' : 'ID'))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.variableItem.isReferenceName == true),expression:\"variableItem.isReferenceName == true\"}],staticStyle:{\"margin-left\":\"4px\"}},[_vm._v(_vm._s(_vm.$t('variable-mapping.reference-name')))]),_c('i',{staticClass:\"fa-light fa-check-circle text-success\"})])]),_c('p',{staticClass:\"example-data\"},[_vm._v(_vm._s(_vm.variableItem.exampleData || ''))]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.variableItem.type),expression:\"variableItem.type\"}],staticClass:\"type-selector\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.variableItem, \"type\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"Text\"}},[_vm._v(_vm._s(_vm.$t('variable-mapping.text')))]),_c('option',{attrs:{\"value\":\"Number\"}},[_vm._v(_vm._s(_vm.$t('variable-mapping.number')))]),_c('option',{attrs:{\"value\":\"Date\"}},[_vm._v(_vm._s(_vm.$t('variable-mapping.date')))]),_c('option',{attrs:{\"value\":\"List\"}},[_vm._v(_vm._s(_vm.$t('variable-mapping.list')))]),_c('option',{attrs:{\"value\":\"Bool\"}},[_vm._v(_vm._s(_vm.$t('variable-mapping.bool')))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mapping-item\">\n    <p>{{variableItem.id}}</p>\n    <p>\n      {{variableItem.name}}\n      <span\n        class=\"text-disabled\"\n        v-show=\"variableItem.isReferenceName == true || variableItem.isId == true\"\n      >\n        <span\n          v-show=\"variableItem.isId == true\"\n        >{{variableItem.isReferenceName == true ? 'ID & ' : 'ID'}}</span>\n        <span style=\"margin-left:4px;\" v-show=\"variableItem.isReferenceName == true\">{{$t('variable-mapping.reference-name')}}</span>\n        <i class=\"fa-light fa-check-circle text-success\"></i>\n      </span>\n    </p>\n    <p class=\"example-data\">{{variableItem.exampleData || ''}}</p>\n    <select v-model=\"variableItem.type\" class=\"type-selector\">\n      <option value=\"Text\">{{$t('variable-mapping.text')}}</option>\n      <option value=\"Number\">{{$t('variable-mapping.number')}}</option>\n      <option value=\"Date\">{{$t('variable-mapping.date')}}</option>\n      <option value=\"List\">{{$t('variable-mapping.list')}}</option>\n      <option value=\"Bool\">{{$t('variable-mapping.bool')}}</option>\n    </select>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      variableItem: this.variable\n    };\n  },\n  props: {\n    variable: Object\n  }\n};\n</script>\n<style lang=\"less\">\n.mapping-item {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 150px;\n  padding: 12px 6px;\n  gap: 12px;\n  border-radius: var(--standard-border-radius);\n  &:hover {\n    background-color: var(--hover-white);\n  }\n  p {\n    align-self: center;\n    margin: 0;\n    &:first-of-type {\n      padding-left: 6px;\n    }\n  }\n  .type-selector {\n    cursor: pointer;\n    background-color: transparent;\n    padding: 4px 0;\n    border: none;\n    border-bottom: 1px solid var(--charcoal-50);\n  }\n  .example-data {\n    color: var(--charcoal-50);\n  }\n  .text-success{\n    margin-left: 4px;\n    margin-top: 2px;\n  }\n  .text-disabled{\n    display: inline-flex;\n    align-items: center;\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!./MappingItem.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!./MappingItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MappingItem.vue?vue&type=template&id=754019dc&\"\nimport script from \"./MappingItem.vue?vue&type=script&lang=js&\"\nexport * from \"./MappingItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MappingItem.vue?vue&type=style&index=0&lang=less&\"\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"],"sourceRoot":""}