{"version":3,"sources":["webpack:///./src/components/VariableInUse.vue?306f","webpack:///src/components/VariableInUse.vue","webpack:///./src/components/VariableInUse.vue?2c92","webpack:///./src/components/VariableInUse.vue?26ef","webpack:///./src/components/VariableInUse.vue?fe52"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","has-focus","hasFocus","on","click","$event","$refs","searchInput","focus","_v","_s","count","attrs","title","variable","name","directives","rawName","value","expression","ref","disabled","custom","placeholder","$t","domProps","blur","input","target","composing","_e","staticRenderFns","VariableInUsevue_type_script_lang_js_","props","data","_this","onValueChange","$store","dispatch","template","variables","then","preview","commit","EventBus","computed","displayName","includes","substring","lastIndexOf","length","replace","get","set","components_VariableInUsevue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","_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_VariableInUse_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_VariableInUse_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"kKAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAF,EAAA,SAAAI,EAAA,OAAgCE,YAAA,kBAAAC,MAAA,CAAqCC,YAAAR,EAAAS,UAA4BC,GAAA,CAAKC,MAAA,SAAAC,GAAyB,OAAAZ,EAAAa,MAAAC,YAAAC,WAAuC,CAAAX,EAAA,QAAaE,YAAA,SAAoB,CAAAN,EAAAgB,GAAA,iBAAAhB,EAAAiB,GAAAjB,EAAAkB,OAAA,iBAAAd,EAAA,QAAwEE,YAAA,OAAAa,MAAA,CAA0BC,MAAApB,EAAAqB,SAAAC,OAA2B,CAAAtB,EAAAgB,GAAA,iBAAAhB,EAAAiB,GAAAjB,EAAAsB,MAAA,iBAAAlB,EAAA,SAAwEmB,WAAA,EAAaD,KAAA,QAAAE,QAAA,UAAAC,MAAAzB,EAAA,MAAA0B,WAAA,UAAoEC,IAAA,cAAAR,MAAA,CAA2BS,SAAA5B,EAAAqB,SAAAQ,OAAAC,YAAA9B,EAAAqB,SAAAQ,OAAA5B,KAAA8B,GAAA,wBAAA9B,KAAA8B,GAAA,oBAAgIC,SAAA,CAAWP,MAAAzB,EAAA,OAAoBU,GAAA,CAAKuB,KAAA,SAAArB,GAAwBZ,EAAAS,UAAA,GAAqBM,MAAA,SAAAH,GAA0BZ,EAAAS,UAAA,GAAoByB,MAAA,SAAAtB,GAA0BA,EAAAuB,OAAAC,YAAsCpC,EAAAyB,MAAAb,EAAAuB,OAAAV,aAAgCzB,EAAAqC,MACh7BC,EAAA,8EC0BAC,EAAA,CACAC,2BACAC,gBAAA,IAAAC,EAAAzC,KACA,OACA0C,8BACAD,EAAArB,SAAAI,QACAiB,EAAAE,OAAAC,SAAA,sBACAC,iCACAC,6CACAC,KAAA,SAAAC,GAEAP,EAAAE,OAAAM,OAAA,qBAAAD,KAEAE,kDACA,KACA1C,cAGA2C,UACA9B,gBAEA,OAAArB,KAAAoB,SAAAgC,aAAApD,KAAAoB,SAAAC,KAAAgC,SAAA,KAAArD,KAAAoB,SAAAC,KAAAiC,UAAAtD,KAAAoB,SAAAC,KAAAkC,YAAA,OAAAvD,KAAAoB,SAAAC,KAAAmC,OAAA,GACAxD,KAAAoB,SAAAgC,YAAApD,KAAAoB,SAAAgC,YAAApD,KAAAoB,SAAAC,KAAAoC,QAAA,aAEAjC,OACAkC,eACA,OAAA1D,KAAAoB,SAAAI,OAEAmC,gBACA3D,KAAA0C,cAAAlB,OCxDuVoC,EAAA,0BCQvVC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACA9D,EACAuC,GACF,EACA,KACA,KACA,MAIe2B,EAAA,WAAAH,6CCnBf,IAAAI,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAAmhBE,EAAG","file":"js/lazy-view-components-VariableInUse.7c1c29a9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.variable)?_c('div',{staticClass:\"variable-in-use\",class:{ 'has-focus': _vm.hasFocus },on:{\"click\":function($event){return _vm.$refs.searchInput.focus()}}},[_c('span',{staticClass:\"count\"},[_vm._v(\"\\n            \"+_vm._s(_vm.count)+\"x\\n        \")]),_c('span',{staticClass:\"name\",attrs:{\"title\":_vm.variable.name}},[_vm._v(\"\\n            \"+_vm._s(_vm.name)+\":\\n        \")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value),expression:\"value\"}],ref:\"searchInput\",attrs:{\"disabled\":_vm.variable.custom,\"placeholder\":_vm.variable.custom ? this.$t('variables.calculated') : this.$t('variables.enter')},domProps:{\"value\":(_vm.value)},on:{\"blur\":function($event){_vm.hasFocus = false},\"focus\":function($event){_vm.hasFocus = true},\"input\":function($event){if($event.target.composing){ return; }_vm.value=$event.target.value}}})]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div\n\t\t\t:class=\"{ 'has-focus': hasFocus }\"\n\t\t\t@click=\"$refs.searchInput.focus()\"\n\t\t\tclass=\"variable-in-use\"\n\t\t\tv-if=\"variable\"\n\t>\n        <span class=\"count\">\n            {{count}}x\n        </span>\n\t\t<span :title=\"variable.name\" class=\"name\">\n            {{name}}:\n        </span>\n\t\t<input :disabled=\"variable.custom\"\n\t\t\t:placeholder=\"variable.custom ? this.$t('variables.calculated') : this.$t('variables.enter')\"\n\t\t\t@blur=\"hasFocus = false\"\n\t\t\t@focus=\"hasFocus = true\"\n\t\t\tref=\"searchInput\"\n\t\t\tv-model=\"value\"\n\t\t/>\n\t</div>\n</template>\n\n<script>\n\timport EventBus from '@/assets/js/eventBus.js'\n\timport debounce from 'lodash/debounce'\n\n\texport default {\n\t\tprops: ['variable', 'count'],\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tonValueChange: debounce(value => {\n\t\t\t\t\tthis.variable.value = value\n\t\t\t\t\tthis.$store.dispatch('getTemplatePreview', {\n\t\t\t\t\t\ttemplate: this.$store.state.template,\n\t\t\t\t\t\tvariables: this.$store.state.templateVariables\n\t\t\t\t\t}).then(preview => {\n\t\t\t\t\t\t// this.$store.state.templatePreview = preview\n\t\t\t\t\t\tthis.$store.commit(\"setTemplatePreview\", preview);\n\t\t\t\t\t})\n\t\t\t\t\tEventBus.$emit('variable-change', this.variable)\n\t\t\t\t}, 500),\n\t\t\t\thasFocus: false\n\t\t\t}\n\t\t},\n\t\tcomputed: {\n\t\t\tname() {\n\t\t\t\t// if this.variable.name -> contains ' _ ' and does not have a displayName, we should assume that its an extraVariable?\n\t\t\t\tif(!this.variable.displayName && this.variable.name.includes('_')) return this.variable.name.substring(this.variable.name.lastIndexOf('_') +1,this.variable.name.length-1 ) // Formatting the extra-variables\n\t\t\t\telse return this.variable.displayName ? this.variable.displayName : this.variable.name.replace(/[{}]/g, '');\n\t\t\t},\n\t\t\tvalue: {\n\t\t\t\tget() {\n\t\t\t\t\treturn this.variable.value\n\t\t\t\t},\n\t\t\t\tset(value) {\n\t\t\t\t\tthis.onValueChange(value)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n</script>\n\n<style lang=\"less\">\n\t.variable-in-use {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcolor: #8F979C;\n\t\tpadding: 0 0 0 45px;\n\t\tline-height: 30px;\n\t\tposition: relative;\n\n\t\t.count {\n\t\t\tposition: absolute;\n\t\t\twidth: 45px;\n\t\t\tleft: 0;\n\t\t\ttext-align: center;\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.name {\n\t\t\tfont-weight: 500;\n\t\t\twhite-space: nowrap;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\tflex: 1 0 auto;\n\t\t}\n\n\t\tinput {\n\t\t\t// flex: 0;\n\t\t\tbackground: transparent;\n\t\t\tborder: none;\n\t\t\toutline: none;\n\t\t\tcolor: inherit;\n\t\t\tpadding: 0 0 0 10px;\n\t\t}\n\n\t\t&:hover, &.has-focus {\n\t\t\tbackground-color: rgba(143, 151, 156, .5);\n\t\t\tcolor: #fff;\n\n\t\t\t.name {\n\t\t\t\tflex: 1 1 auto;\n\t\t\t}\n\n\t\t\tinput {\n\t\t\t\tflex-grow: 1;\n\n\t\t\t\t&::placeholder {\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\n\t\t\t}\n\t\t}\n\n\t\t&:hover .count {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t&.align-right{\n\t\t\tinput{\n\t\t\t\ttext-align: right;\n\t\t\t\tpadding-right: 10px;\n\t\t\t}\n\t\t}\n\t}\n\n</style>\n\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!./VariableInUse.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!./VariableInUse.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VariableInUse.vue?vue&type=template&id=2cf15036&\"\nimport script from \"./VariableInUse.vue?vue&type=script&lang=js&\"\nexport * from \"./VariableInUse.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VariableInUse.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!./VariableInUse.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!./VariableInUse.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}