{"version":3,"sources":["webpack:///./src/components/ConditionEditor.vue?88c9","webpack:///src/components/ConditionEditor.vue","webpack:///./src/components/ConditionEditor.vue?7556","webpack:///./src/components/ConditionEditor.vue?1e71","webpack:///./src/components/ConditionEditor.vue?91bb"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","href","on","click","$event","stopPropagation","preventDefault","$emit","_v","_s","$t","isValid","_e","staticRenderFns","ConditionEditorvue_type_script_lang_js_","props","condition","type","required","data","editor","invalidVariables","parsingError","isParsing","methods","onBeginEdit","_this","$nextTick","initializeEditor","vars","variableHelpers","findInText","expression","conditionWithoutVars","split","pattern","contents","text","push","insert","undefined","index","variable","getByName","$store","getters","combinedVariables","formatting","bind","setContents","focus","_this2","quill_default","a","$refs","conditionEditor","debug","placeholder","formats","that","source","getContents","ops","map","operation","insertFormatting","name","join","v","length","setTimeout","console","computed","watch","_this3","onDone","lastExpression","wasSuccess","EventBus","onSuccess","_expression","onError","mounted","components_ConditionEditorvue_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_ConditionEditor_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_ConditionEditor_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/lazy-view-components-ConditionEditor.dd89e2c5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"condition-editor\"},[_c('span',{ref:\"conditionEditor\",staticClass:\"editor-input\"}),_c('span',{staticClass:\"actions\"},[_c('a',{staticClass:\"action\",attrs:{\"href\":\"\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.$emit('remove')}}},[_c('i',{staticClass:\"fa-light fa-trash\"})]),_c('a',{staticClass:\"action\",attrs:{\"href\":\"\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.$emit('add')}}},[_vm._v(\"\\n\\t\\t\\t\"+_vm._s(_vm.$t('condition-editor.condition'))+\"\\n\\t\\t\")]),(_vm.isParsing)?_c('span',[_vm._v(\"..\")]):(!_vm.isValid)?_c('span',[_vm._v(\"!!\")]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"condition-editor\">\n\t\t<span class=\"editor-input\" ref=\"conditionEditor\"/>\n\t\t<span class=\"actions\">\n\t\t\t<a @click.stop.prevent=\"$emit('remove')\" class=\"action\" href>\n\t\t\t\t<i class=\"fa-light fa-trash\"></i>\n\t\t\t</a>\n\t\t\t<a @click.stop.prevent=\"$emit('add')\" class=\"action\" href>\n\t\t\t\t{{$t('condition-editor.condition')}}\n\t\t\t</a>\n\t\t\t<span v-if=\"isParsing\">..</span>\n\t\t\t<span v-else-if=\"!isValid\">!!</span>\n\t\t</span>\n\t</div>\n</template>\n\n<script>\n\n\t// THIS WHOLE THING IS A TEMPORARY SOLUTION UNTIL WE IMPLEMENT THE CONDITION-EDITOR\n\n\timport Quill from 'quill'\n\timport EventBus from '@/assets/js/eventBus.js'\n\timport VariableHelpers from '@/assets/js/variableHelpers.js'\n\n\texport default {\n\t\tprops: {\n\t\t\tcondition: {\n\t\t\t\ttype: Object,\n\t\t\t\trequired: true\n\t\t\t}\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\teditor: null,\n\t\t\t\tinvalidVariables: [],\n\t\t\t\tparsingError: false,\n\t\t\t\tisParsing: false\n\t\t\t}\n\t\t},\n\t\tmethods: {\n\t\t\tonBeginEdit() {\n\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\tthis.editor = this.initializeEditor()\n\t\t\t\t\t// split text and variables into their respective blots\n\t\t\t\t\tlet vars = VariableHelpers.findInText(this.condition.expression)\n\t\t\t\t\tlet conditionWithoutVars = this.condition.expression.split(VariableHelpers.pattern)\n\t\t\t\t\tlet contents = []\n\t\t\t\t\tconditionWithoutVars.forEach(((text, index) => {\n\t\t\t\t\t\tif (text !== '') contents.push({insert: text}) // could be \"\" if sentence starts or ends with a variable => so skip.\n\t\t\t\t\t\tif (vars && vars[index] !== undefined) {\n\t\t\t\t\t\t\tlet variable = VariableHelpers.getByName(vars[index], this.$store.getters.combinedVariables)\n\t\t\t\t\t\t\tcontents.push({\n\t\t\t\t\t\t\t\tinsert: {\n\t\t\t\t\t\t\t\t\tvariable: {\n\t\t\t\t\t\t\t\t\t\tformatting: VariableHelpers.getFormatting(vars[index]), ...variable\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t}).bind(this))\n\t\t\t\t\tthis.editor.setContents(contents)\n\t\t\t\t\tthis.editor.focus()\n\t\t\t\t})\n\t\t\t},\n\t\t\tinitializeEditor() {\n\t\t\t\tlet editor = new Quill(this.$refs.conditionEditor, {\n\t\t\t\t\tdebug: 'error',\n\t\t\t\t\tplaceholder: 'Ingen visningsbetingelser..',\n\t\t\t\t\tformats: ['variable']\n\t\t\t\t})\n\t\t\t\tlet that = this\n\t\t\t\teditor.on('text-change', (delta, oldDelta, source) => {\n\t\t\t\t\tif (source == 'user') { // do not react to our changes, only the user's\n\t\t\t\t\t\t// build the new changed condition from editor contents.\n\t\t\t\t\t\tlet condition = editor.getContents().ops.map(operation => {\n\t\t\t\t\t\t\tif (operation.insert.variable) { // is a variable\n\t\t\t\t\t\t\t\tif (operation.insert.variable.formatting) return VariableHelpers.insertFormatting(operation.insert.variable.name, operation.insert.variable.formatting)\n\t\t\t\t\t\t\t\telse return operation.insert.variable.name\n\t\t\t\t\t\t\t} else return operation.insert // plain text\n\t\t\t\t\t\t}).join('')\n\n\t\t\t\t\t\t// check if condition contains invalid variables\n\t\t\t\t\t\tthat.invalidVariables = (VariableHelpers.findInText(condition) || []).filter(v => !VariableHelpers.getByName(v, that.$store.getters.combinedVariables))\n\n\t\t\t\t\t\tif (that.invalidVariables.length == 0 && condition) {\n\t\t\t\t\t\t\tthat.condition.expression = condition.trim()\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\n\t\t\t\t// when clicking outside the editor, save if valid, warn if invalid.\n\t\t\t\teditor.root.addEventListener('blur', () => {\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tif (this.isValid) this.$emit('done')\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tconsole.log('invalid or parsing, cannot save')\n\t\t\t\t\t\t\teditor.root.focus()\n\t\t\t\t\t\t}\n\t\t\t\t\t}, 200)\n\t\t\t\t})\n\t\t\t\treturn editor\n\t\t\t},\n\t\t},\n\t\tcomputed: {\n\t\t\texpression() {\n\t\t\t\treturn this.condition.expression\n\t\t\t},\n\t\t\tisValid() {\n\t\t\t\tif (this.isParsing) return false\n\t\t\t\tif (this.parsingError) return false\n\t\t\t\tif (this.invalidVariables.length > 0) return false\n\t\t\t\treturn true\n\t\t\t}\n\t\t},\n\t\twatch: {\n\t\t\texpression(expression) {\n\t\t\t\tconsole.log('expression: ' + expression)\n\t\t\t\tthis.isParsing = true\n\t\t\t\tlet onDone = (lastExpression, wasSuccess) => {\n\t\t\t\t\tif (this.expression == lastExpression) {\n\t\t\t\t\t\tthis.parsingError = !wasSuccess\n\t\t\t\t\t\tthis.isParsing = false\n\t\t\t\t\t\tconsole.log('Parsing result', wasSuccess ? 'Success' : 'Failed')\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tEventBus.$emit('templateChange', {\n\t\t\t\t\tonSuccess: () => onDone(expression, true),\n\t\t\t\t\tonError: () => onDone(expression, false)\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\tmounted() {\n\t\t\tthis.onBeginEdit()\n\t\t}\n\t}\n</script>\n\n<style lang=\"less\">\n\tspan.variable {\n\t\ttext-decoration: underline;\n\t}\n\n\t.condition-editor {\n\t\tcolor: #8F979C;\n\t\t// padding-left: 0 !important;\n\t\tline-height: 24px;\n\t\tword-break: break-word;\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t\tbackground-color: rgba(143, 151, 156, .3);\n\n\t\t.editor-input {\n\t\t\tflex: 1 1 auto;\n\t\t}\n\n\t\t.actions {\n\t\t\tflex: 0 0 auto;\n\t\t\tmargin-left: 15px;\n\n\t\t\t.action {\n\t\t\t\tmargin-right: 15px;\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\tmargin-right: 15px;\n\t\t\t}\n\t\t}\n\n\t\t.ql-container {\n\t\t\tflex: 1 1 auto;\n\t\t\tfont-family: 'Roboto', sans-serif;\n\t\t\tfont-size: 14px;\n\n\t\t\t.ql-editor {\n\n\t\t\t\tpadding: 0 0 0 40px;\n\t\t\t\t// display: inline !important;\n\n\t\t\t\t&.ql-blank::before {\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\n\t\t\t\tp {\n\t\t\t\t\tdisplay: inline !important;\n\t\t\t\t}\n\n\t\t\t\tspan.variable-blot {\n\t\t\t\t\ttext-decoration: underline;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t// &:not(:first-child) {\n\t\t\t\t\t// \tmargin-left: 15px;\n\t\t\t\t\t// }\n\n\t\t\t\t\t// margin-right: 15px;\n\n\t\t\t\t}\n\t\t\t}\n\t\t}\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!./ConditionEditor.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!./ConditionEditor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConditionEditor.vue?vue&type=template&id=23c6d5ae&\"\nimport script from \"./ConditionEditor.vue?vue&type=script&lang=js&\"\nexport * from \"./ConditionEditor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConditionEditor.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!./ConditionEditor.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!./ConditionEditor.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}