{"version":3,"sources":["webpack:///./src/components/AddMenu.vue?3373","webpack:///./src/components/AddMenu.vue?ca6c","webpack:///src/components/AddMenu.vue","webpack:///./src/components/AddMenu.vue?0980","webpack:///./src/components/AddMenu.vue?0d57"],"names":["_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_AddMenu_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_AddMenu_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticStyle","position","style","left","top","staticClass","on","click","$event","close","attrs","src","variable-instance","selectedVariable","variable-updated","variable","onVariableUpdated","staticRenderFns","AddMenuvue_type_script_lang_js_","name","props","data","showCreatable","showFormatType","selectedData","variableChosen","formatTypeChosen","methods","EventBus","formatWasChosen","console","chosenFormat","showCreateVariable","menuX","event","clientX","window","innerWidth","menuY","clientY","textSelected","mounted","components","SelectVariablePopover","components_AddMenuvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__"],"mappings":"gIAAA,IAAAA,EAAAC,EAAA,SAAAC,EAAAD,EAAAE,EAAAH,GAA6gBE,EAAG,4CCAhhB,IAAAE,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,kBAA4BE,YAAA,CAAaC,SAAA,SAAmBC,MAAA,CAASC,KAAAT,EAAAS,KAAA,KAAAC,IAAAV,EAAAU,IAAA,OAA8C,CAAAN,EAAA,OAAYO,YAAA,oBAA+B,CAAAP,EAAA,OAAYO,YAAA,oBAAAC,GAAA,CAAoCC,MAAA,SAAAC,GAAyB,OAAAd,EAAAe,WAAqB,CAAAX,EAAA,OAAYO,YAAA,gBAAAK,MAAA,CAAmCC,IAAMrB,EAAQ,aAA2BQ,EAAA,2BAAkCY,MAAA,CAAOE,oBAAAlB,EAAAmB,kBAAyCP,GAAA,CAAKQ,mBAAA,SAAAC,GAAwC,OAAArB,EAAAsB,kBAAAD,IAA0CN,MAAAf,EAAAe,UAAoB,MAC1mBQ,EAAA,uCCmBAC,aAAA,CACAC,eACAC,OACAhB,WACAD,aAEAkB,gBACA,OACAC,iBACAC,kBACAC,gBACAC,oBACAC,oBACAb,wBAGAc,SACAX,8BACArB,KAAAkB,iBAAAE,EACAa,8DACAjC,KAAAc,SAEAoB,4BACAC,6CACAC,IACApC,KAAA+B,iBAAAK,IAIAC,iCACArC,KAAAsC,MAAAC,EAAAC,QACAL,wBACAA,+BACAM,OAAAC,WAAA1C,KAAAsC,MAAA,MACAtC,KAAAsC,MAAAG,OAAAC,WAAA,KAEA1C,KAAA2C,MAAAJ,EAAAK,QAAA,GACA5C,KAAAkB,iBAAAE,GAAA,KAEApB,KAAA2B,eAAA,GAIAb,iBACAd,KAAA2B,eAAA,EACA3B,KAAA4B,gBAAA,EACA5B,KAAA6C,cAAA,EAEAZ,8DAIAa,qBAKAC,YACAC,sCC9EiVC,EAAA,0BCQjVC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAnD,EACAwB,GACF,EACA,KACA,KACA,MAIe+B,EAAA,WAAAH","file":"js/lazy-view-components-AddMenu.aada94d5.js","sourcesContent":["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!./AddMenu.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!./AddMenu.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('custom-popover',{staticStyle:{\"position\":\"fixed\"},style:({left: _vm.left + 'px', top: _vm.top + 'px' })},[_c('div',{staticClass:\"add-menu-popover\"},[_c('div',{staticClass:\"close-menu-button\",on:{\"click\":function($event){return _vm.close()}}},[_c('img',{staticClass:\"close-popover\",attrs:{\"src\":require(\"@/assets/svg/close.svg\")}})]),_c('select-variable-popover',{attrs:{\"variable-instance\":_vm.selectedVariable},on:{\"variable-updated\":function (variable) { return _vm.onVariableUpdated(variable); },\"close\":_vm.close}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<custom-popover :style=\"{left: left + 'px', top: top + 'px' }\" style=\"position: fixed\">\n\t\t<div class=\"add-menu-popover\">\n\t\t\t<div @click=\"close()\" class=\"close-menu-button\">\n\t\t\t\t<img class=\"close-popover\" src=\"@/assets/svg/close.svg\">\n\t\t\t</div>\n\t\t\t<select-variable-popover\n\t\t\t\t:variable-instance=\"selectedVariable\"\n\t\t\t\t@variable-updated=\"variable => onVariableUpdated(variable)\"\n\t\t\t\t@close=\"close\"\n\t\t\t/>\n\t\t</div>\n\t</custom-popover>\n</template>\n\n<script>\n\timport EventBus from '@/assets/js/eventBus.js'\n\timport SelectVariablePopover from '@/components/SelectVariablePopover'\n\timport VariableHelpers from '@/assets/js/variableHelpers'\n\n\texport default {\n\t\tname: 'AddMenu',\n\t\tprops: {\n\t\t\ttop: Number,\n\t\t\tleft: Number\n\t\t},\n\t\tdata () {\n\t\t\treturn {\n\t\t\t\tshowCreatable: false,\n\t\t\t\tshowFormatType: false,\n\t\t\t\tselectedData: {},\n\t\t\t\tvariableChosen: null,\n\t\t\t\tformatTypeChosen: '',\n\t\t\t\tselectedVariable: null\n\t\t\t}\n\t\t},\n\t\tmethods: {\n\t\t\tonVariableUpdated (variable) {\n\t\t\t\tthis.selectedVariable = variable\n\t\t\t\tEventBus.$emit('addVariableAction', this.selectedVariable)\n\t\t\t\tthis.close()\n\t\t\t},\n\t\t\tformatWasChosen(chosenFormat) {\n\t\t\t\tconsole.log(`format was chosen: ${chosenFormat}`)\n\t\t\t\tif (chosenFormat) {\n\t\t\t\t\tthis.formatTypeChosen = chosenFormat\n\t\t\t\t}\n\t\t\t},\n\t\n\t\t\tshowCreateVariable(event, variable) {\n\t\t\t\tthis.menuX = event.clientX\n\t\t\t\tconsole.log(this.menuX)\n\t\t\t\tconsole.log(window.innerWidth)\n\t\t\t\tif (window.innerWidth - this.menuX < 500) {\n\t\t\t\t\tthis.menuX = window.innerWidth - 550\n\t\t\t\t}\n\t\t\t\tthis.menuY = event.clientY + 15\n\t\t\t\tthis.selectedVariable = variable || null\n\t\t\t\t// console.log(`selected data: ${JSON.stringify(this.selectedData, null, 2)}`)\n\t\t\t\tthis.showCreatable = true\n\t\t\t\t// this.textSelected = false\n\t\t\t\t// console.log(\"\\n\\n\\nshowing create variable!!!\\n\\n\\n\")\n\t\t\t},\n\t\t\tclose() {\n\t\t\t\tthis.showCreatable = false\n\t\t\t\tthis.showFormatType = false\n\t\t\t\tthis.textSelected = false\n\t\t\t\t// this.$nextTick(() => {\n\t\t\t\t\tEventBus.$emit('addVariableClosed', this.variableChosen)\n\t\t\t\t// })\n\t\t\t}\n\t\t},\n\t\tmounted() {\n\t\t\t// console.log(`parent refs from AddMenu component: ${JSON.stringify(this.parentRefs, null, 2)}`)\n\t\t\t// console.log('show me: ', this.selectedData)\n\t\t\t\n\t\t},\n\t\tcomponents: {\n\t\t\tSelectVariablePopover\n\t\t\t// AddVariablePopover,\n\t\t\t// AddVariableFormat\n\t\t}\n\t}\n</script>\n\n<style lang=\"less\">\n\t.add-menu {\n\t\twidth: 200px;\n\t\tpadding: 10px 0;\n\t\tcolor: #fff;\n\t\tbackground: #3d464a;\n\t\tposition: fixed;\n\t\tdisplay: block;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tz-index: 99;\n\n\t\t&:before {\n\t\t\tcontent: '';\n\t\t\tborder-left: 7px solid transparent;\n\t\t\tborder-right: 7px solid transparent;\n\t\t\tborder-bottom: 7px solid #3d464a;\n\t\t\tposition: absolute;\n\t\t\tdisplay: block;\n\t\t\ttop: -7px;\n\t\t\tleft: 5px;\n\t\t}\n\t}\n\n\t.add-menu-popover {\n\t\tposition: absolute;\n\t\tbackground-color: rgba(61, 70, 74, 0.4);\n\t\ttop: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tpadding: 85px;\n\t\tz-index: 99;\n\t\tcolor: #fff;\n\t}\n\n\t.add-menu-link {\n\t\tline-height: 28px;\n\t\tpadding: 0 20px;\n\n\t\t&:hover {\n\t\t\tcolor: #8F979C;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t.close-menu-button {\n\t\tposition: absolute;\n\t\ttop: -12px;\n\t\tright: -12px;\n\t\tz-index: 10;\n\n\t\t&:hover {\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t.close-popover {\n\t\t\twidth: 24px;\n\t\t}\n\t}\n\n\t.create-popup-body {\n\t\tposition: absolute;\n\t\tdisplay: block;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: rgba(61, 70, 74, 0.4);\n\t}\n\n\t.create-popup {\n\t\tposition: fixed;\n\t\tbackground: #fff;\n\t}\n</style>\n\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!./AddMenu.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!./AddMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddMenu.vue?vue&type=template&id=830e7d5a&\"\nimport script from \"./AddMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./AddMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AddMenu.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":""}