{"version":3,"sources":["webpack:///./src/components/CreateTemplateMethod.vue?f3e8","webpack:///./src/components/TemplateMethodsPopover.vue?c84f","webpack:///src/components/TemplateMethodsPopover.vue","webpack:///./src/components/TemplateMethodsPopover.vue?218c","webpack:///./src/components/TemplateMethodsPopover.vue?5149","webpack:///./src/components/EditTemplateMethod.vue?87f6","webpack:///./src/assets/svg/chevronRight.svg","webpack:///./src/components/icons/IconSave.vue?2b9f","webpack:///./src/components/icons/IconSave.vue","webpack:///./src/components/TemplateMethodsPopover.vue?590b","webpack:///./src/components/EditTemplateMethod.vue?76c5","webpack:///src/components/EditTemplateMethod.vue","webpack:///./src/components/EditTemplateMethod.vue?391d","webpack:///./src/components/EditTemplateMethod.vue?34b6","webpack:///./src/components/CreateTemplateMethod.vue?c2ef","webpack:///src/components/CreateTemplateMethod.vue","webpack:///./src/components/CreateTemplateMethod.vue?01db","webpack:///./src/components/CreateTemplateMethod.vue?c343"],"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_CreateTemplateMethod_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_CreateTemplateMethod_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","attrs","backdrop","src","on","click","$event","stopPropagation","preventDefault","onClose","_v","_s","$t","createMethodClicked","selectedMethod","showVars","_e","templateMethods","length","staticStyle","margin","_l","templateMethod","index","key","class","is-selected","name","target","currentTarget","handleBackdrop","variableGroups","loading","slide-out-vars","showVarsAnim","variable-groups","show-values","selectedVariableName","selectedTemplateVariable","variable-name-changed","handleVariableSelect","margin-top","disabled","addToExpression","get-variable-groups","getVars","create-and-close","updatePreview","selectedVariable","varType","expression","mappings","Object","keys","detect-changes","hasChanges","delete-var","deleteExtraVariable","update-var","updateExtraVariable","can-save","handleSave","margin-left","iconColor","width","height","icon-name","staticRenderFns","TemplateMethodsPopovervue_type_script_lang_js_","data","selectedType","popoverStyle","variables","methods","EventBus","editVariable","updaterVar","findIndex","v","copy","$set","$store","state","unsavedChanges","$emit","_this","dispatch","template","id","then","vars","selectedTemplatevar","_this2","$modal","show","ConfirmModal","title","description","confirmButtonText","onConfirm","splice","adaptive","_this3","preview","commit","_this4","setTimeout","computed","getters","mounted","watch","handler","beforeDestroy","components","CustomPopover","VariableSelector","CreateTemplateMethod","EditTemplateMethod","IconBase","IconSave","components_TemplateMethodsPopovervue_type_script_lang_js_","component","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_EditTemplateMethod_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_EditTemplateMethod_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","module","exports","p","d","stroke-linecap","x1","y1","x2","y2","script","_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_TemplateMethodsPopover_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_TemplateMethodsPopover_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","inputType","label","placeholder","isDisabled","model","value","callback","$$v","optionBtn","btnText","option-btn-clicked","stagedInputField","selectedMethodCopy","hide","type","margin-bottom","for","directives","rawName","required","change","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","multiple","focusInput","position","undeleteable","removeMapping","EditTemplateMethodvue_type_script_lang_js_","changesDetected","watchMappings","addMappingEntry","props","variable","onSave","formattedMapping","forEach","mapping","addToMappings","mapEntry","string","newMap","formatMappings","mappingEntry","push","$nextTick","resetVariable","variableCategory","includes","substring","lastIndexOf","replaceAll","varTypeModel","created","assign","JSON","stringify","deep","console","destroyed","CustomInput","DictionaryAdder","components_EditTemplateMethodvue_type_script_lang_js_","domProps","checked","_q","submit","focusInputField","invalidInput","invalid","fold-in","elseAnimation","fold-out","elseIfLevel","toggleExtendedIfElse","valid","exportExtraVariable","dictionary","CreateTemplateMethodvue_type_script_lang_js_","if","elseIf","elseIfThen","else","newTemplateMethod","some","createVariableClicked","addMappingToMappings","components_CreateTemplateMethodvue_type_script_lang_js_"],"mappings":"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","file":"js/lazy-view-components-TemplateMethodsPopover.6f2623af.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!./CreateTemplateMethod.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!./CreateTemplateMethod.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',{ref:\"methodsPopover\",staticClass:\"template-methods-popover\",attrs:{\"backdrop\":true}},[_c('img',{staticClass:\"close-popover\",attrs:{\"src\":require(\"@/assets/svg/close.svg\")},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onClose()}}}),_c('div',{staticClass:\"popover-header\"},[_c('span',[_vm._v(_vm._s(_vm.$t('methods.title')))]),_c('button',{staticClass:\"btn btn-primary create-btn\",on:{\"click\":function($event){_vm.createMethodClicked = _vm.createMethodClicked = true, _vm.selectedMethod = null}}},[_vm._v(\"New method\")])]),_c('div',{staticClass:\"extra-variables-wrapper\"},[_c('div',{staticClass:\"left custom-scrollbar-light\"},[(!_vm.showVars)?_c('div',{staticClass:\"extra-variables-list \"},[(_vm.templateMethods.length == 0)?_c('div',{staticClass:\"no-methods\"},[_c('span',{staticStyle:{\"margin\":\"0 auto\"}},[_vm._v(_vm._s(_vm.$t('methods.no-methods')))])]):_vm._l((_vm.templateMethods),function(templateMethod,index){return _c('div',{key:index,staticClass:\"extra-variable\",class:{'is-selected':  templateMethod == _vm.selectedMethod},on:{\"click\":function($event){_vm.selectedMethod = _vm.templateMethods[index], _vm.createMethodClicked = false}}},[_c('div',{staticClass:\"flex-grow-1\"},[_c('div',[_vm._v(_vm._s(templateMethod.name))])]),_c('img',{attrs:{\"src\":require(\"@/assets/svg/chevronRight.svg\")}})])})],2):_vm._e(),(_vm.showVars)?_c('div',{staticClass:\"backdrop-vars\",on:{\"click\":function($event){if($event.target !== $event.currentTarget){ return null; }$event.preventDefault();$event.stopPropagation();return _vm.handleBackdrop($event)}}}):_vm._e(),(_vm.showVars)?_c('div',{staticClass:\"popover-step\"},[(_vm.variableGroups && !_vm.loading)?_c('div',{class:{'slide-out-vars' : _vm.showVarsAnim}},[_c('variable-selector',{staticClass:\"variable-list\",attrs:{\"variable-groups\":_vm.variableGroups,\"show-values\":true,\"selectedVariableName\":_vm.selectedTemplateVariable},on:{\"variable-name-changed\":_vm.handleVariableSelect}})],1):_vm._e(),(_vm.loading)?_c('div',{staticClass:\"text-center text-muted\",staticStyle:{\"margin-top\":\"30px\"}},[_c('i',{staticClass:\"fa-light fa-circle-notch fa-spin\"})]):_vm._e(),(!_vm.showVarsAnim)?_c('div',{staticClass:\"actions\"},[_c('div',{staticClass:\"cancel\",on:{\"click\":function($event){_vm.showVars = !_vm.showVars}}},[_vm._v(_vm._s(_vm.$t(\"extra-variables.cancel\")))]),_c('div',{staticClass:\"add-to-expression\",attrs:{\"disabled\":!_vm.selectedTemplateVariable},on:{\"click\":_vm.addToExpression}},[_vm._v(_vm._s(_vm.$t(\"extra-variables.add\")))])]):_vm._e()]):_vm._e()]),_c('div',{staticClass:\"right custom-scrollbar-light\"},[(_vm.createMethodClicked)?_c('create-template-method',{attrs:{\"templateMethods\":_vm.templateMethods},on:{\"get-variable-groups\":_vm.getVars,\"create-and-close\":function($event){_vm.createMethodClicked = false, _vm.updatePreview(), _vm.selectedVariable = _vm.templateMethods[_vm.templateMethods.length - 1]}}}):_vm._e(),(_vm.selectedMethod)?_c('edit-template-method',{attrs:{\"selectedMethod\":_vm.selectedMethod,\"varType\":_vm.selectedMethod.expression ? _vm.selectedMethod.mappings && Object.keys(_vm.selectedMethod.mappings).length != 0? 'Dictionary' : 'Standard' : 'If'},on:{\"detect-changes\":function($event){_vm.hasChanges = true},\"get-variable-groups\":_vm.getVars,\"delete-var\":_vm.deleteExtraVariable,\"update-var\":_vm.updateExtraVariable}}):_vm._e(),(_vm.selectedMethod)?_c('div',{staticClass:\"save-footer\",class:{ 'can-save': _vm.hasChanges }},[_c('div',{staticClass:\"cancel\",on:{\"click\":_vm.deleteExtraVariable}},[_vm._v(_vm._s(_vm.$t(\"extra-variables.delete\"))+\" \\n\\t\\t\\t\\t\\t\\t\"),_c('img',{attrs:{\"src\":require(\"@/assets/svg/trash-button-no-circle.svg\")}})]),_c('div',{staticClass:\"save\",on:{\"click\":_vm.handleSave}},[_vm._v(_vm._s(_vm.$t(\"extra-variables.save\"))+\"\\n\\t\\t\\t\\t\\t\\t\"),_c('icon-base',{staticStyle:{\"margin-left\":\"4px\"},attrs:{\"iconColor\":\"none\",\"width\":\"14\",\"height\":\"14\",\"icon-name\":\"save\"}},[_c('icon-save')],1)],1)]):_vm._e(),(!_vm.createMethodClicked && !_vm.selectedMethod)?_c('button',{staticClass:\"no-methods btn btn-primary\",on:{\"click\":function($event){_vm.createMethodClicked = _vm.createMethodClicked = true, _vm.selectedMethod = null}}},[_vm._v(_vm._s(_vm.$t(\"extra-variables.create-btn\")))]):_vm._e()],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<custom-popover ref=\"methodsPopover\" class=\"template-methods-popover\" :backdrop=\"true\" >\n        <img @click.stop.prevent=\"onClose()\" class=\"close-popover\" src=\"@/assets/svg/close.svg\">\n            <div class=\"popover-header\">\n                <span>{{$t('methods.title')}}</span>\n                <button class=\"btn btn-primary create-btn\" @click=\"createMethodClicked = createMethodClicked = true, selectedMethod = null\">New method</button>\n            </div>\n        <div class=\"extra-variables-wrapper\">\n            <div class=\"left custom-scrollbar-light\"> \n                <div class=\"extra-variables-list \"  v-if=\"!showVars\" >\n                    <div v-if=\"templateMethods.length == 0\" class=\"no-methods\">\n                        <span style=\"margin: 0 auto;\">{{$t('methods.no-methods')}}</span>\n                    </div>\n                    <div \n                        v-else\n                        class=\"extra-variable\"\n                        v-for=\"(templateMethod, index ) in templateMethods\" \n                        :key=\"index\"\n                        @click=\"selectedMethod = templateMethods[index], createMethodClicked = false\"\n                        :class=\"{'is-selected':  templateMethod == selectedMethod}\"\n                        >\n                        <div class=\"flex-grow-1\">\n                            <div>{{templateMethod.name}}</div>\n                            <!-- <div class=\"text-muted\">some info here?</div> -->\n                        </div>\n                        <img src=\"@/assets/svg/chevronRight.svg\" />\n                    </div>\n                </div>\n                <div class=\"backdrop-vars\" v-if=\"showVars\" @click.self.prevent.stop=\"handleBackdrop\"></div>\n                <div class=\"popover-step\" v-if=\"showVars\"  >\n                    <div v-if=\"variableGroups && !loading\" :class=\"{'slide-out-vars' : showVarsAnim}\">\n                        <variable-selector\n                            class=\"variable-list\"\n                            :variable-groups=\"variableGroups\"\n                            :show-values=true\n                            :selectedVariableName=\"selectedTemplateVariable\"\n                            @variable-name-changed=\"handleVariableSelect\"\n                        />\n                    </div>\t\n                    <div v-if=\"loading\" style=\"margin-top: 30px\" class=\"text-center text-muted\">\n                        <i class=\"fa-light fa-circle-notch fa-spin\"></i>\n                    </div>\n                    <div class=\"actions\" v-if=\"!showVarsAnim\">\n                        <div class=\"cancel\" @click=\"showVars = !showVars\">{{$t(\"extra-variables.cancel\")}}</div>\n                        <div class=\"add-to-expression\" :disabled=\"!selectedTemplateVariable\" @click=\"addToExpression\">{{$t(\"extra-variables.add\")}}</div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"right custom-scrollbar-light\">\n                \n\n                <create-template-method v-if=\"createMethodClicked\" @get-variable-groups=\"getVars\" :templateMethods=\"templateMethods\" @create-and-close=\"createMethodClicked = false, updatePreview(), selectedVariable = templateMethods[templateMethods.length - 1] \"/>\n                <edit-template-method v-if=\"selectedMethod\" @detect-changes=\"hasChanges = true\" @get-variable-groups=\"getVars\" :selectedMethod=\"selectedMethod\" @delete-var=\"deleteExtraVariable\" @update-var=\"updateExtraVariable\" :varType=\"selectedMethod.expression ? selectedMethod.mappings && Object.keys(selectedMethod.mappings).length != 0? 'Dictionary' : 'Standard' : 'If'\"/>\n\n\n                <div v-if=\"selectedMethod\"  class=\"save-footer\" :class=\"{ 'can-save': hasChanges }\">\n\t\t\t\t\t<div class=\"cancel\" @click=\"deleteExtraVariable\">{{$t(\"extra-variables.delete\")}} \n\t\t\t\t\t\t<img src=\"@/assets/svg/trash-button-no-circle.svg\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"save\" @click=\"handleSave\">{{$t(\"extra-variables.save\")}}\n\t\t\t\t\t\t<icon-base style=\"margin-left: 4px;\" iconColor=\"none\" width=\"14\" height=\"14\" icon-name=\"save\"><icon-save /></icon-base>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n                <button v-if=\"!createMethodClicked && !selectedMethod\" class=\"no-methods btn btn-primary\" @click=\"createMethodClicked = createMethodClicked = true, selectedMethod = null\">{{$t(\"extra-variables.create-btn\")}}</button>\n\n            </div>\n        </div>\n\t</custom-popover>\n</template>\n\n<script>\nimport CustomPopover from '@/components/CustomPopover';\nimport VariableSelector from '@/components/VariableSelector'\nimport CreateTemplateMethod from '@/components/CreateTemplateMethod'\nimport EditTemplateMethod from '@/components/EditTemplateMethod'\nimport EventBus from \"@/assets/js/eventBus.js\";\nimport IconBase from '@/components/icons/IconBase'\nimport IconSave from '@/components/icons/IconSave'\nimport ConfirmModal from \"@/components/modals/ConfirmModal\";\nexport default {\n  name: \"templateMethodsPopover\",\n  data() {\n    return {\n        selectedType: \"\",\n        createMethodClicked: false,\n        selectedMethod: null,\n        popoverStyle: {},\n        variables: null,\n        loading: null,\n        showVars: false,\n        selectedTemplateVariable: null,\n        showVarsAnim: false,\n        hasChanges: false\n        // invalid: false\n    }\n  },\n methods:{\n     handleSave(){\n        EventBus.$emit('save-extra-variable')\n        this.hasChanges = false\n    },\n    editVariable(index){\n        this.selectedMethod = this.templateMethods[index]\n    },\n    updateExtraVariable(copy){\n        let updaterVar = this.templateMethods.findIndex((v => v.name == copy.name));\n        //    this.templateMethods[updaterVar] = copy;\n        this.selectedMethod = copy\n        this.$set(this.templateMethods, updaterVar, copy)\n        this.$store.state.unsavedChanges = true\n        this.updatePreview()\n    },\n     onClose () {\n        this.$emit('close')   \n    },\n    getVars (result) {\n        this.showVars = true\n        this.variables = null\n        // this.selectedDatasetId = result ? result.id : null\n        this.loading = true\n        this.$store.dispatch('getVariables', { template: this.$store.state.template.metadata, id: result ? result.id : null }).then(vars => {\n            this.variables = vars\n            this.loading = false\n        }, () => { this.loading = false })\n    },\n    handleVariableSelect(selectedTemplatevar){\n        this.selectedTemplateVariable = selectedTemplatevar\n    },\n    addToExpression(){\n        EventBus.$emit(\"add-to-expression\", this.selectedTemplateVariable);\n        this.showVars = false\n\n        // this.templateMethod.expression = this.templateMethod.expression + this.selectedTemplateVariable\n    },\n\n    deleteExtraVariable(){\n        this.$modal.show(\n        ConfirmModal,\n        {\n          title: this.$t(\"extra-variables.delete-title\"),\n          description: this.$t(\"extra-variables.delete-desc\") + ` ${this.selectedMethod.name.includes('_') ?  this.selectedMethod.name.substring(this.selectedMethod.name.lastIndexOf('_') + 1, this.selectedMethod.name.length-1 ) : this.selectedMethod.name.substring(1, this.selectedMethod.name.length-1)}?`,\n          confirmButtonText: this.$t(\"extra-variables.delete-btn\"),\n          onConfirm: (result) => {\n            this.templateMethods.splice(this.templateMethods.findIndex((v) => v.name == this.selectedMethod.name) ,1);\n            this.selectedMethod = null\n            this.$store.state.unsavedChanges = true\n            this.updatePreview()\n            this.selectedMethod = this.templateMethods[this.templateMethods.length - 1]\n          },\n        },\n        { width: 310, height: \"auto\", adaptive: true },\n      );\n       \n    },\n    updatePreview(){\n        // console.log(this.$route.params.templateId)\n        this.$store.dispatch('getTemplatePreview', {\n                template: this.$store.state.template,\n                variables: this.$store.state.templateVariables\n            }).then(preview => {\n                // this.$store.state.templatePreview = preview\n                this.$store.commit(\"setTemplatePreview\", preview);\n        })\n    },\n    handleBackdrop(){\n        this.showVarsAnim = true\n        setTimeout(() => {\n            this.showVars = false\n            this.showVarsAnim = false\n        }, 160);\n    }\n},\ncomputed:{\n    templateMethods () {\n        return this.$store.state.template.methods\n    },\n      variableGroups () {\n        return this.$store.getters.variableGroups\n    }\n},\nmounted(){\n    if(this.templateMethods){\n        this.selectedMethod = this.templateMethods[0] \n    }\n},\n    watch:{\n         selectedMethod: {\n            handler: function (val, oldVal) {\n               this.hasChanges = false\n            }\n        }\n    },\n    beforeDestroy(){\n        this.$store.dispatch('updateTemplateMethods', this.templateMethods)\n    },\n  components:{\n      CustomPopover,\n      VariableSelector,\n      CreateTemplateMethod,\n      EditTemplateMethod,\n      IconBase,\n      IconSave\n  },\n\n}\n</script>\n\n<style lang=\"less\">\n       .template-methods-popover{\n        width: 840px;\n        // height: 500px;\n\t\tline-height: 1.5;\n\t\tbackground-color: #fff;\n\t\tposition: absolute;\n        color: #3d464a;\n\t\t&.custom-popover {\n\t\t\tbackground-color: #fff;\n\t\t\tright: calc(50% - (840px / 2));\n\t\t\tleft: unset;\n\t\t\ttop: calc(50% - (500px / 2));\n\t\t\t&::before {\n\t\t\t\t// content: url(*/svg/close.svg);\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.close-button {\n\t\t\t\tdisplay: none;\n            }\n            \n        }\n\n            .extra-variable {\n\t\t\t\tdisplay: flex;\n\t\t\t\tpadding: 5px 20px;\n\t\t\t\tcursor: pointer;\n\t\t\t\tspan {\n\t\t\t\t\tflex-grow: 1;\n\t\t\t\t}\n\t\t\t\timg {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: rgba(219, 218, 218, .4);\n\t\t\t\t\t> img {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.is-selected {\n\t\t\t\t\tbackground-color: rgba(219, 218, 218);\n\t\t\t\t\timg {\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t}\n                }\n   }\n\n        .extra-variables-wrapper{\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            background-color: #fff;\n            height: 420px;\n         \n\n\n            .right{\n                // background-color: #3d464a41;\n                background-color: #fff;\n                overflow: auto;\n                 -webkit-box-shadow: inset 2px 0px 3px -1px  rgba(0, 0, 0, 0.25); \n                box-shadow: inset 2px 0px 3px -1px rgba(0,0,0,0.25);\n            }\n            .left{\n            overflow: auto;\n            \n            .popover-step{\n                    display: flex;\n                    flex-direction: column;\n                    justify-content: space-between;\n                    width: auto;\n\n                    .variable-selector.variable-list{\n                    animation: slideInVars .2s ease;\n                    z-index: 103;\n                    width: auto;\n                    // height: auto;\n                    \n                    \n                    }\n                    .variable-list-wrapper {\n                        z-index: 103;\n                        // max-height: none; // Get dynamic height for popup\n                        max-height: 325px;\n                    }\n\n                    .actions{\n                        position: absolute;\n                        height: 36px;\n                        bottom: 0;\n                        width: 50%;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        border-top: 1px solid #3d464a5d;\n                        // border: 1px solid black;\n                        z-index: 103;\n                        div{\n                            border-left: 1px solid #3d464a5d;\n                            cursor: pointer;\n                            // margin: 0 auto;\n                            text-align: center;\n                            width: 100%;\n                            padding: 7px;\n                        }\n                    }\n                }\n            }\n        }\n           \n    img.close-popover{\n\tposition: absolute;\n    top: -9px;\n    right: -8px;\n\tz-index: 101;\n\tcursor: pointer;\n        }\n        \n        .form-group{\n            margin-bottom: 0;\n\n            .form-control{\n                    // padding: 0px 8px 10px 0;\n                      &:invalid {\n                         color: #8F979C;;\n                        }\n            }\n        }\n\n        .hide{\n            opacity: 0;\n            pointer-events: none;\n            }\n\n\n             select option:disabled{\n                    color: red;\n                }\n\n\n                .no-methods{\n                    margin: 100px auto;\n                    text-align: center;\n                    font-size: 18px;\n                    display: flex;\n                    \n                }\n\n\n        .create-btn::after{\n            content: \"+\";\n            border: 1px solid white;\n            border-radius: 100%;\n            width: 20px;\n            height: 20px;\n            padding: 0 4px;\n            margin: 0 0 0 10px;\n        }\n\n\n    .backdrop-vars {\n        position: fixed;\n        z-index: 102;\n        height: 100%;\n        width: 100%;\n        left: 0;\n        top: 0;\n        //   background-color: rgba(0, 0, 0, 0.25);\n    }\n\n\n          .slide-out-vars{\n            //   animation-direction: reverse;\n                     animation: slideInVars .2s ease reverse !important;\n                    }\n\n                            @keyframes slideInVars {\n                        from{\n                            transform: translateX(300px);\n                            opacity: 0;\n                        }\n                        to{\n                            transform: translateX(0px);\n                            opacity: 1;\n                        }      \n                    }\n\n\n        .save-footer {\n            -webkit-box-shadow: inset 2px 0px 3px -1px  rgba(0, 0, 0, 0.25); \n            box-shadow: inset 2px 0px 3px -1px rgba(0,0,0,0.25);\n\t\t\tdisplay: flex;\n            position: absolute;\n            z-index: 1;\n            background-color: #fff;\n            bottom: 0;\n            // height: 35px;\n            width: 50%;\n\t\t\ttext-align: center;\n\t\t\tborder-top: 1px solid #3d464a5d;\n\t\t\t.save, .cancel {\t\t\t\t\n\t\t\t\tflex: 1 1 auto;\n\t\t\t\tline-height: 35px;\n                    cursor: pointer;\n\t\t\t\t&:hover {\n\t\t\t\t\t// color: #000;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.save {\n\t\t\t\tcolor: #3d464a70;\n                border-left: 1px solid #3d464a5d;\n                pointer-events: none;\n\t\t\t}\n\t\t\t&.can-save {\n                .save {\n                    pointer-events: auto;\n\t\t\t\t\tcolor: #3d464a;\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: #000;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t\tsvg{\n\t\t\t\tmargin-left: 4px;\n\t\t\t\theight: 15px;\n\t\t\t\twidth: auto;\n\t\t\t}\n\t\t}\n}\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!./TemplateMethodsPopover.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!./TemplateMethodsPopover.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TemplateMethodsPopover.vue?vue&type=template&id=279a7bf4&\"\nimport script from \"./TemplateMethodsPopover.vue?vue&type=script&lang=js&\"\nexport * from \"./TemplateMethodsPopover.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TemplateMethodsPopover.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!./EditTemplateMethod.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!./EditTemplateMethod.vue?vue&type=style&index=0&lang=less&\"","module.exports = __webpack_public_path__ + \"img/chevronRight.67665fea.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('g',[_c('path',{attrs:{\"d\":\"M22 12.6875V17.875C22 20.0841 20.2091 21.875 18 21.875H5C2.79086 21.875 1 20.0841 1 17.875V12.6875\",\"stroke-linecap\":\"round\"}}),_c('path',{attrs:{\"d\":\"M8.21875 13.3428L10.0858 15.2098C10.8668 15.9909 12.1332 15.9909 12.9142 15.2098L14.7812 13.3428\",\"stroke-linecap\":\"round\"}}),_c('line',{attrs:{\"x1\":\"11.1562\",\"y1\":\"14.9688\",\"x2\":\"11.1562\",\"y2\":\"1.21875\",\"stroke-linecap\":\"round\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./IconSave.vue?vue&type=template&id=b55b6984&\"\nvar script = {}\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!./TemplateMethodsPopover.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!./TemplateMethodsPopover.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:\"edit-template-method\"},[(!_vm.loading)?_c('div',[_c('div',{staticClass:\"custom-row\"},[_c('div',[(_vm.selectedMethod.name)?_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'selectedMethodName',\"label\":_vm.$t('extra-variables.name'),\"placeholder\":_vm.$t('extra-variables.name'),\"isDisabled\":true},model:{value:(_vm.selectedMethod.name),callback:function ($$v) {_vm.$set(_vm.selectedMethod, \"name\", $$v)},expression:\"selectedMethod.name\"}}):_vm._e()],1)]),(_vm.selectedMethod.expression )?_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'selectedMethodExpression',\"label\":'Expression',\"placeholder\":'Expression..',\"optionBtn\":true,\"btnText\":_vm.$t('extra-variables.add-var-btn')},on:{\"option-btn-clicked\":function($event){_vm.$emit('get-variable-groups'), _vm.stagedInputField = 'expression'}},model:{value:(_vm.selectedMethodCopy.expression),callback:function ($$v) {_vm.$set(_vm.selectedMethodCopy, \"expression\", $$v)},expression:\"selectedMethodCopy.expression\"}}):_vm._e(),(_vm.selectedMethod.if)?_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'exraVariableIfStatement',\"label\":_vm.$t('extra-variables.if'),\"placeholder\":_vm.$t('extra-variables.if') +'..',\"optionBtn\":true,\"btnText\":_vm.$t('extra-variables.add-var-btn')},on:{\"option-btn-clicked\":function($event){_vm.$emit('get-variable-groups'), _vm.stagedInputField = 'if'}},model:{value:(_vm.selectedMethodCopy.if),callback:function ($$v) {_vm.$set(_vm.selectedMethodCopy, \"if\", $$v)},expression:\"selectedMethodCopy.if\"}}):_vm._e(),(_vm.selectedMethod.then)?_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'exraVariableThenStatement',\"label\":_vm.$t('extra-variables.then'),\"placeholder\":_vm.$t('extra-variables.then') + '..',\"optionBtn\":true,\"btnText\":_vm.$t('extra-variables.add-var-btn')},on:{\"option-btn-clicked\":function($event){_vm.$emit('get-variable-groups'), _vm.stagedInputField = 'then'}},model:{value:(_vm.selectedMethodCopy.then),callback:function ($$v) {_vm.$set(_vm.selectedMethodCopy, \"then\", $$v)},expression:\"selectedMethodCopy.then\"}}):_vm._e(),(_vm.selectedMethod.elseIf)?_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'exraVariableElseIfStatement',\"label\":_vm.$t('extra-variables.else-if'),\"placeholder\":_vm.$t('extra-variables.else-if')+'..',\"optionBtn\":true,\"btnText\":_vm.$t('extra-variables.add-var-btn')},on:{\"option-btn-clicked\":function($event){_vm.$emit('get-variable-groups'), _vm.stagedInputField = 'elseIf'}},model:{value:(_vm.selectedMethodCopy.elseIf),callback:function ($$v) {_vm.$set(_vm.selectedMethodCopy, \"elseIf\", $$v)},expression:\"selectedMethodCopy.elseIf\"}}):_vm._e(),(_vm.selectedMethod.elseIfThen)?_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'exraVariableElseIfThenStatement',\"label\":_vm.$t('extra-variables.then'),\"placeholder\":_vm.$t('extra-variables.then')+'..',\"optionBtn\":true,\"btnText\":_vm.$t('extra-variables.add-var-btn')},on:{\"option-btn-clicked\":function($event){_vm.$emit('get-variable-groups'), _vm.stagedInputField = 'elseIfThen'}},model:{value:(_vm.selectedMethodCopy.elseIfThen),callback:function ($$v) {_vm.$set(_vm.selectedMethodCopy, \"elseIfThen\", $$v)},expression:\"selectedMethodCopy.elseIfThen\"}}):_vm._e(),(_vm.selectedMethod.else)?_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'exraVariableElseStatement',\"label\":_vm.$t('extra-variables.else'),\"placeholder\":_vm.$t('extra-variables.else-placeholder'),\"optionBtn\":true,\"btnText\":_vm.$t('extra-variables.add-var-btn')},on:{\"option-btn-clicked\":function($event){_vm.$emit('get-variable-groups'), _vm.stagedInputField = 'else'}},model:{value:(_vm.selectedMethodCopy.else),callback:function ($$v) {_vm.$set(_vm.selectedMethodCopy, \"else\", $$v)},expression:\"selectedMethodCopy.else\"}}):_vm._e(),(_vm.selectedMethod.type)?_c('div',{staticClass:\"form-group\"},[_c('label',{class:{'hide': !_vm.selectedMethodCopy.type},staticStyle:{\"margin-bottom\":\"0\",\"margin-top\":\"10px\"},attrs:{\"for\":\"formatType\"}},[_vm._v(\"Output type\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedMethodCopy.type),expression:\"selectedMethodCopy.type\"}],staticClass:\"form-control selector\",attrs:{\"name\":\"formatType\",\"required\":\"\"},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.selectedMethodCopy, \"type\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"disabled\":\"\",\"value\":\"\"}},[_vm._v(\"Output type\")]),_c('option',{attrs:{\"value\":\"Text\"}},[_vm._v(_vm._s(_vm.$t('extra-variables.text')))]),_c('option',{attrs:{\"value\":\"Number\"}},[_vm._v(_vm._s(_vm.$t('extra-variables.number')))]),_c('option',{attrs:{\"value\":\"List\"}},[_vm._v(_vm._s(_vm.$t('extra-variables.list')))]),_c('option',{attrs:{\"value\":\"Timespan\"}},[_vm._v(_vm._s(_vm.$t('extra-variables.timespan')))])])]):_vm._e(),(_vm.selectedMethod.mappings && _vm.varType == 'Dictionary' )?_c('dictionary-adder',{attrs:{\"selectedMethod\":_vm.selectedMethod,\"mappings\":_vm.mappings,\"focusInput\":true}}):_vm._e(),(_vm.selectedMethod.mappings)?_c('div',{staticClass:\"mappings\"},_vm._l((_vm.mappings),function(map,index){return _c('div',{key:index,staticClass:\"mapping\",staticStyle:{\"position\":\"relative\"}},[_c('div',{staticClass:\"row\"},[_c('custom-input',{staticClass:\"col-lg-5 arrow\",attrs:{\"inputType\":'text',\"name\":(\"mapString\" + index),\"label\":_vm.$t('extra-variables.if'),\"placeholder\":_vm.$t('extra-variables.if-placeholder')},model:{value:(map.string),callback:function ($$v) {_vm.$set(map, \"string\", $$v)},expression:\"map.string\"}}),_c('custom-input',{staticClass:\"col-lg-6\",attrs:{\"inputType\":'text',\"name\":(\"mapExpression\" + index),\"label\":_vm.$t('extra-variables.then'),\"placeholder\":_vm.$t('extra-variables.then-placeholder')},model:{value:(map.expression),callback:function ($$v) {_vm.$set(map, \"expression\", $$v)},expression:\"map.expression\"}}),_c('button',{staticClass:\"btn col-lg-1\",attrs:{\"disabled\":_vm.undeleteable,\"type\":\"button\"},on:{\"click\":function($event){return _vm.removeMapping(map, index)}}},[_c('img',{attrs:{\"src\":require(\"@/assets/svg/trash-button-no-circle.svg\")}})]),(_vm.undeleteable)?_c('div',{staticClass:\"delete-alert\"},[_c('span',{staticClass:\"text-danger\"},[_vm._v(_vm._s(_vm.$t('extra-variables.undeleteable-msg')))])]):_vm._e()],1)])}),0):_vm._e()],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"edit-template-method\">\n        <!-- <form  @submit.stop.prevent v-if=\"!loading\"> -->\n        <div v-if=\"!loading\">\n            <div class=\"custom-row\">\n                <div>\n                    <custom-input :inputType=\"'text'\" v-if=\"selectedMethod.name\" v-model=\"selectedMethod.name\" :name=\"'selectedMethodName'\" :label=\"$t('extra-variables.name')\" :placeholder=\"$t('extra-variables.name')\" :isDisabled=\"true\"/>\n                </div>\n                <!-- <custom-input :inputType=\"'text'\" v-model=\"varTypeModel\" :name=\"'selectedMethodType'\" :label=\"$t('extra-variables.type-label')\" :placeholder=\"'Type..'\" :isDisabled=\"true\"/> -->\n            </div>\n           \n            <custom-input :inputType=\"'text'\" v-if=\"selectedMethod.expression \" v-model=\"selectedMethodCopy.expression\" :name=\"'selectedMethodExpression'\" :label=\"'Expression'\" :placeholder=\"'Expression..'\" :optionBtn=\"true\" :btnText=\"$t('extra-variables.add-var-btn')\" @option-btn-clicked=\"$emit('get-variable-groups'), stagedInputField = 'expression'\"/>\n  \n            <custom-input :inputType=\"'text'\" v-if=\"selectedMethod.if\" v-model=\"selectedMethodCopy.if\" :name=\"'exraVariableIfStatement'\" :label=\"$t('extra-variables.if')\" :placeholder=\" $t('extra-variables.if') +'..'\" :optionBtn=\"true\" :btnText=\"$t('extra-variables.add-var-btn')\" @option-btn-clicked=\"$emit('get-variable-groups'), stagedInputField = 'if'\"/>\n            <custom-input :inputType=\"'text'\" v-if=\"selectedMethod.then\" v-model=\"selectedMethodCopy.then\" :name=\"'exraVariableThenStatement'\" :label=\"$t('extra-variables.then')\" :placeholder=\"$t('extra-variables.then') + '..'\" :optionBtn=\"true\" :btnText=\"$t('extra-variables.add-var-btn')\" @option-btn-clicked=\"$emit('get-variable-groups'), stagedInputField = 'then'\"/>\n            <custom-input :inputType=\"'text'\" v-if=\"selectedMethod.elseIf\" v-model=\"selectedMethodCopy.elseIf\" :name=\"'exraVariableElseIfStatement'\" :label=\"$t('extra-variables.else-if')\" :placeholder=\" $t('extra-variables.else-if')+'..'\" :optionBtn=\"true\" :btnText=\"$t('extra-variables.add-var-btn')\" @option-btn-clicked=\"$emit('get-variable-groups'), stagedInputField = 'elseIf'\"/>\n            <custom-input :inputType=\"'text'\" v-if=\"selectedMethod.elseIfThen\" v-model=\"selectedMethodCopy.elseIfThen\" :name=\"'exraVariableElseIfThenStatement'\" :label=\"$t('extra-variables.then')\" :placeholder=\" $t('extra-variables.then')+'..'\" :optionBtn=\"true\" :btnText=\"$t('extra-variables.add-var-btn')\" @option-btn-clicked=\"$emit('get-variable-groups'), stagedInputField = 'elseIfThen'\"/>\n            <custom-input :inputType=\"'text'\" v-if=\"selectedMethod.else\" v-model=\"selectedMethodCopy.else\" :name=\"'exraVariableElseStatement'\" :label=\"$t('extra-variables.else')\" :placeholder=\"$t('extra-variables.else-placeholder')\" :optionBtn=\"true\" :btnText=\"$t('extra-variables.add-var-btn')\" @option-btn-clicked=\"$emit('get-variable-groups'), stagedInputField = 'else'\"/>\n\n            <div class=\"form-group\" v-if=\"selectedMethod.type\">\n                <label for=\"formatType\" :class=\"{'hide': !selectedMethodCopy.type}\"  style=\"margin-bottom: 0; margin-top: 10px;\">Output type</label>\n                <select name=\"formatType\" class=\"form-control selector\" v-model=\"selectedMethodCopy.type\" required> \n                    <option disabled value=\"\">Output type</option>\n                    <option value=\"Text\">{{$t('extra-variables.text')}}</option>\n                    <option value=\"Number\">{{$t('extra-variables.number')}}</option>\n                    <option value=\"List\">{{$t('extra-variables.list')}}</option>\n                    <option value=\"Timespan\">{{$t('extra-variables.timespan')}}</option>\n                </select>\n            </div>\n            \n                <dictionary-adder v-if=\"selectedMethod.mappings && varType == 'Dictionary' \" :selectedMethod=\"selectedMethod\" :mappings=\"mappings\" :focusInput=\"true\"/>\n\n            <div class=\"mappings\" v-if=\"selectedMethod.mappings\">\n                <div class=\"mapping\" v-for=\"(map, index) in mappings\" :key=\"index\" style=\"position:relative;\"> \n                    <div class=\"row\">\n                        <custom-input class=\"col-lg-5 arrow\" :inputType=\"'text'\" v-model=\"map.string\" :name=\"`mapString${index}`\" :label=\"$t('extra-variables.if')\" :placeholder=\"$t('extra-variables.if-placeholder')\" />\n                        <custom-input class=\"col-lg-6\" :inputType=\"'text'\" v-model=\"map.expression\" :name=\"`mapExpression${index}`\" :label=\"$t('extra-variables.then')\" :placeholder=\"$t('extra-variables.then-placeholder')\" />\n                        \n                        <button :disabled=\"undeleteable\" type=\"button\" class=\"btn col-lg-1\" @click=\"removeMapping(map, index)\"><img src=\"@/assets/svg/trash-button-no-circle.svg\" /></button>\n                        <div v-if=\"undeleteable\" class=\"delete-alert\"> <span class=\"text-danger\">{{$t('extra-variables.undeleteable-msg')}}</span></div>    \n                    </div>\n                </div>\n            </div>\n        </div>\n        <!-- </form> -->\n    </div>\n</template>\n<script>\nimport CustomInput from \"@/components/CustomInput\";\nimport DictionaryAdder from \"@/components/DictionaryAdder\";\nimport EventBus from \"@/assets/js/eventBus.js\";\nexport default {\n  name: \"editTemplateMethod\",\n  data() {\n        return {\n            selectedMethodCopy: {},\n            loading: true,\n            stagedInputField: null,\n            changesDetected: false,\n            mappings: [],\n            watchMappings: false,\n            addMappingEntry: false,\n        }\n    },\n    props: {\n        selectedMethod: Object,\n        varType: String\n    },\n\n\n    methods:{\n    addToExpression(variable){\n        if(this.selectedMethod.mappings && this.stagedInputField == 'expression'){   \n            this.selectedMethodCopy[this.stagedInputField] = variable\n        } else{\n            this.selectedMethodCopy[this.stagedInputField] = this.selectedMethodCopy[this.stagedInputField] + variable\n            this.stagedInputField = null\n        }\n        },\n        onSave(){\n            if(this.mappings){\n                let formattedMapping = {}\n                this.mappings.forEach(mapping => {\n                    formattedMapping[mapping.string] = mapping.expression\n                });\n                this.selectedMethodCopy.mappings = formattedMapping\n            }\n            this.$emit('update-var', this.selectedMethodCopy)\n            this.changesDetected = false\n        },\n        addToMappings(){\n            let mapEntry = {\n                string: this.newMap.string,\n                expression: this.newMap.expression\n            }\n            //  this.mappings.push(mapEntry)\n            this.mappings.splice(0, 0, mapEntry)\n            this.newMap.string = ''\n            this.newMap.expression = ''\n            this.changesDetected = true\n        },\n        removeMapping(mapping, index){\n            this.mappings.splice(index, 1)\n            this.changesDetected = true\n        },\n        formatMappings(){\n            if(this.selectedMethod.mappings){\n                this.mappings = []\n                this.changesDetected = false\n                this.watchMappings = false\n                Object.entries(this.selectedMethod.mappings).forEach(item => {\n                    const mappingEntry = {\n                        string: item[0],\n                        expression: item[1],\n                    }\n                    this.mappings.push(mappingEntry)\n                })\n                this.$nextTick(()=> this.watchMappings = true)\n            }\n        },\n        resetVariable(){\n            this.changesDetected = false\n        }\n    },\n    computed:{\n        variableCategory(){\n            return this.selectedMethod.name.includes('_') ? this.selectedMethod.name.substring(1, this.selectedMethod.name.lastIndexOf('_')).replaceAll('_', ' → ' ) : null\n        },\n        varTypeModel(){\n            if(this.varType == 'Dictionary') return this.$t(\"extra-variables.dictionary\")\n            if(this.varType == 'If') return this.$t(\"extra-variables.if\")\n            else return this.varType\n        },\n        undeleteable(){\n           if(this.varType == 'Dictionary' && this.mappings.length == 1) return true\n           else return false\n        }\n        \n\n    }, \n    created(){\n        this.formatMappings()\n        this.selectedMethodCopy = Object.assign({}, this.selectedMethod);\n        // this.selectedMethodCopy = {...this.selectedMethod}\n        this.loading = false\n    },\n    watch: {\n        selectedMethod: {\n            handler: function (val, oldVal) {\n                this.formatMappings()\n                this.selectedMethodCopy = null\n                this.selectedMethodCopy = Object.assign({}, this.selectedMethod);\n                // this.selectedMethodCopy = {...this.selectedMethod}\n            }\n        },\n        selectedMethodCopy: {\n            handler: function (val, oldVal) {\n                if(JSON.stringify(this.selectedMethod) === JSON.stringify(this.selectedMethodCopy)) this.changesDetected = false\n                else this.changesDetected = true\n            }, deep: true\n        },\n            mappings: {\n            handler: function (val, oldVal) {\n                if(this.watchMappings == true) {\n                    console.log(\"her\")\n                    this.changesDetected = true,\n                    this.$emit('detect-changes')\n                }\n            }, deep: true\n        },\n        changesDetected: {\n            handler: function (val, oldVal) {\n                console.log(\"changes?\")    \n                if(this.changesDetected == true){\n                    this.$emit('detect-changes')\n                    console.log(\"send!\")\n                }\n            }\n        }\n    },\n    mounted(){\n        EventBus.$on('add-to-expression', this.addToExpression)\n        EventBus.$on('save-extra-variable', this.onSave)\n        EventBus.$on('new-selected-variable', this.resetVariable)\n    },\n    destroyed(){\n        EventBus.$off('new-selected-variable')\n        EventBus.$off('save-extra-variable')\n        EventBus.$off('add-to-expression')\n    },\n    components:{\n        CustomInput,\n        DictionaryAdder\n    }\n}\n</script>\n\n<style lang=\"less\">\n       .edit-template-method{\n        background-color: #fff;\n        margin: 12px;\n        padding-bottom: 35px;\n        .dictionary-group{\n            display: flex;\n            flex-direction: column;\n            button{\n                height: 36px;\n                width: max-content;\n                &:hover{\n                 box-shadow: 5px 4px 4px 2px rgba(0, 0, 0, 0.25); \n                }\n            }\n        }\n\n        .custom-row{\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n        }\n\n        .delete-alert{\n                display:none;\n              \n                       span{\n                        visibility: hidden;\n                        opacity: 0;\n                        transition: 2s;\n                       }\n                     \n                    }\n\n        .mappings{\n            .mapping{\n                position: relative;\n                padding: 0 12px 12px 12px;  \n                button{\n                    z-index: 1;\n                    padding: 0;\n                    margin-top: 30px;\n                    padding-right: 10px;\n\n                    &:hover + .delete-alert{\n                        display: block;\n                       \n                      span{\n                        visibility: visible;\n                        box-shadow: 5px 4px 4px 2px rgba(0, 0, 0, 0.25); \n                        opacity: 1;\n                        background-color: #fafafa;  \n                        padding: 12px; \n                        transition: 2s;\n                        position:absolute;\n                        top:10px; \n                        right:30px;\n                        z-index: 2;\n                      }\n                     \n                    }\n                }\n            }\n        }\n        .arrow::after{\n            content: \"→\";\n            position: absolute;\n            right: -8px;\n            top: 40px;\n        }\n        .actions{\n            float: right;\n            button{\n                margin: 10px 0px 10px 5px;\n            }\n            .btn-secondary{\n                padding: 2px 12px;\n            }\n        }\n   \n\n       }\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!./EditTemplateMethod.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!./EditTemplateMethod.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditTemplateMethod.vue?vue&type=template&id=6d5c8b5b&\"\nimport script from \"./EditTemplateMethod.vue?vue&type=script&lang=js&\"\nexport * from \"./EditTemplateMethod.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditTemplateMethod.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',{staticClass:\"variable-creator\"},[_c('p',[_vm._v(_vm._s(_vm.$t('methods.new-method')))]),_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"varType\"}},[_vm._v(_vm._s(_vm.$t('extra-variables.type-label')))]),_c('br'),_c('div',{staticClass:\"radio-btns\"},[_c('label',{staticClass:\"container\",attrs:{\"for\":\"option1\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedType),expression:\"selectedType\"}],attrs:{\"type\":\"radio\",\"id\":\"option1\",\"value\":\"option1\"},domProps:{\"checked\":_vm._q(_vm.selectedType,\"option1\")},on:{\"change\":function($event){_vm.selectedType=\"option1\"}}}),_c('div',{staticClass:\"check-indicator\"}),_c('span',[_vm._v(\"Standard\")])]),_c('label',{staticClass:\"container\",attrs:{\"for\":\"option2\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedType),expression:\"selectedType\"}],attrs:{\"type\":\"radio\",\"id\":\"option2\",\"value\":\"option2\"},domProps:{\"checked\":_vm._q(_vm.selectedType,\"option2\")},on:{\"change\":function($event){_vm.selectedType=\"option2\"}}}),_c('div',{staticClass:\"check-indicator\"}),_c('span',[_vm._v(_vm._s(_vm.$t('extra-variables.if')))])]),_c('label',{staticClass:\"container\",attrs:{\"for\":\"option3\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedType),expression:\"selectedType\"}],attrs:{\"type\":\"radio\",\"id\":\"option3\",\"value\":\"option3\"},domProps:{\"checked\":_vm._q(_vm.selectedType,\"option3\")},on:{\"change\":function($event){_vm.selectedType=\"option3\"}}}),_c('div',{staticClass:\"check-indicator\"}),_c('span',[_vm._v(_vm._s(_vm.$t('extra-variables.dictionary')))])])])]),(_vm.selectedType == 'option1' || _vm.selectedType == 'option2')?_c('form',{on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();}}},[_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'exraVariableName',\"label\":_vm.$t('extra-variables.name'),\"placeholder\":_vm.$t('methods.method-name-placeholder'),\"focusInputField\":true,\"invalidInput\":_vm.invalid},model:{value:(_vm.templateMethod.name),callback:function ($$v) {_vm.$set(_vm.templateMethod, \"name\", $$v)},expression:\"templateMethod.name\"}}),(_vm.invalid)?_c('span',{staticClass:\"text-danger small\"},[_vm._v(_vm._s(_vm.$t('extra-variables.error-txt')))]):_vm._e(),(_vm.selectedType == 'option1')?_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'exraVariableExpression',\"label\":_vm.$t('extra-variables.expression'),\"placeholder\":_vm.$t('extra-variables.expression-placeholder'),\"optionBtn\":true,\"btnText\":_vm.$t('extra-variables.add-var-btn')},on:{\"option-btn-clicked\":function($event){_vm.$emit('get-variable-groups'), _vm.stagedInputField = 'expression'}},model:{value:(_vm.templateMethod.expression),callback:function ($$v) {_vm.$set(_vm.templateMethod, \"expression\", $$v)},expression:\"templateMethod.expression\"}}):_vm._e(),(_vm.selectedType == 'option2')?_c('div',[_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'exraVariableIfStatement',\"label\":_vm.$t('extra-variables.if'),\"placeholder\":_vm.$t('extra-variables.if'),\"optionBtn\":true,\"btnText\":_vm.$t('extra-variables.add-var-btn')},on:{\"option-btn-clicked\":function($event){_vm.$emit('get-variable-groups'), _vm.stagedInputField = 'if'}},model:{value:(_vm.templateMethod.if),callback:function ($$v) {_vm.$set(_vm.templateMethod, \"if\", $$v)},expression:\"templateMethod.if\"}}),_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'exraVariableThenStatement',\"label\":_vm.$t('extra-variables.then'),\"placeholder\":_vm.$t('extra-variables.then'),\"optionBtn\":true,\"btnText\":_vm.$t('extra-variables.add-var-btn')},on:{\"option-btn-clicked\":function($event){_vm.$emit('get-variable-groups'), _vm.stagedInputField = 'then'}},model:{value:(_vm.templateMethod.then),callback:function ($$v) {_vm.$set(_vm.templateMethod, \"then\", $$v)},expression:\"templateMethod.then\"}}),_c('div',{class:{'fold-in': _vm.elseAnimation, 'fold-out': _vm.elseIfLevel}},[(_vm.elseIfLevel)?_c('div',[_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'exraVariableElseIfStatement',\"label\":_vm.$t('extra-variables.else-if'),\"placeholder\":_vm.$t('extra-variables.else-if') + '..',\"optionBtn\":true,\"btnText\":_vm.$t('extra-variables.add-var-btn')},on:{\"option-btn-clicked\":function($event){_vm.$emit('get-variable-groups'), _vm.stagedInputField = 'elseIf'}},model:{value:(_vm.templateMethod.elseIf),callback:function ($$v) {_vm.$set(_vm.templateMethod, \"elseIf\", $$v)},expression:\"templateMethod.elseIf\"}}),_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'exraVariableElseIfThenStatement',\"label\":_vm.$t('extra-variables.then'),\"placeholder\":_vm.$t('extra-variables.then'),\"optionBtn\":true,\"btnText\":_vm.$t('extra-variables.add-var-btn')},on:{\"option-btn-clicked\":function($event){_vm.$emit('get-variable-groups'), _vm.stagedInputField = 'elseIfThen'}},model:{value:(_vm.templateMethod.elseIfThen),callback:function ($$v) {_vm.$set(_vm.templateMethod, \"elseIfThen\", $$v)},expression:\"templateMethod.elseIfThen\"}})],1):_vm._e(),_c('div',{staticClass:\"extend-btn\",on:{\"click\":_vm.toggleExtendedIfElse}},[_vm._v(_vm._s(_vm.elseIfLevel ? _vm.$t('extra-variables.remove') : _vm.$t('extra-variables.extend'))+\" \")])]),_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'exraVariableElseStatement',\"label\":_vm.$t('extra-variables.else'),\"placeholder\":_vm.$t('extra-variables.else-placeholder'),\"optionBtn\":true,\"btnText\":_vm.$t('extra-variables.add-var-btn')},on:{\"option-btn-clicked\":function($event){_vm.$emit('get-variable-groups'), _vm.stagedInputField = 'else'}},model:{value:(_vm.templateMethod.else),callback:function ($$v) {_vm.$set(_vm.templateMethod, \"else\", $$v)},expression:\"templateMethod.else\"}})],1):_vm._e(),(_vm.selectedType == 'option1' || _vm.selectedType ==  'option2')?_c('div',{staticClass:\"form-group\"},[_c('label',{class:{'hide': !_vm.templateMethod.type},staticStyle:{\"margin-bottom\":\"0\",\"margin-top\":\"10px\"},attrs:{\"for\":\"formatType\"}},[_vm._v(\"Output type\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.templateMethod.type),expression:\"templateMethod.type\"}],staticClass:\"form-control selector\",attrs:{\"name\":\"formatType\",\"required\":\"\"},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.templateMethod, \"type\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"disabled\":\"\",\"value\":\"\"}},[_vm._v(\"Output type\")]),_c('option',{attrs:{\"value\":\"Text\"}},[_vm._v(_vm._s(_vm.$t('extra-variables.text')))]),_c('option',{attrs:{\"value\":\"Number\"}},[_vm._v(_vm._s(_vm.$t('extra-variables.number')))]),_c('option',{attrs:{\"value\":\"List\"}},[_vm._v(_vm._s(_vm.$t('extra-variables.list')))]),_c('option',{attrs:{\"value\":\"Timespan\"}},[_vm._v(_vm._s(_vm.$t('extra-variables.timespan')))])])]):_vm._e(),_c('div',{staticClass:\"actions\"},[(_vm.selectedType)?_c('button',{staticClass:\"btn btn-primary\",attrs:{\"disabled\":!_vm.valid},on:{\"click\":_vm.exportExtraVariable}},[_vm._v(_vm._s(_vm.$t(\"extra-variables.create\")))]):_vm._e()])],1):_vm._e(),(_vm.selectedType == 'option3')?_c('div',{staticClass:\"dictionary\"},[_c('form',{on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();}}},[_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'dictionaryName',\"label\":_vm.$t(\"extra-variables.name\"),\"placeholder\":_vm.$t('methods.method-name-placeholder'),\"focusInputField\":true,\"invalidInput\":_vm.invalid},model:{value:(_vm.dictionary.name),callback:function ($$v) {_vm.$set(_vm.dictionary, \"name\", $$v)},expression:\"dictionary.name\"}}),(_vm.invalid)?_c('span',{staticClass:\"text-danger small\"},[_vm._v(_vm._s(_vm.$t('extra-variables.error-txt')))]):_vm._e(),_c('custom-input',{staticStyle:{\"margin-bottom\":\"24px\"},attrs:{\"inputType\":'text',\"name\":'dictionaryExpression',\"label\":_vm.$t('extra-variables.expression'),\"placeholder\":_vm.$t('extra-variables.expression-placeholder'),\"optionBtn\":true,\"btnText\":_vm.$t('extra-variables.add-var-btn')},on:{\"option-btn-clicked\":function($event){_vm.$emit('get-variable-groups'), _vm.stagedInputField = 'expression'}},model:{value:(_vm.dictionary.expression),callback:function ($$v) {_vm.$set(_vm.dictionary, \"expression\", $$v)},expression:\"dictionary.expression\"}}),_c('dictionary-adder',{attrs:{\"mappings\":_vm.mappings,\"focusInput\":false}}),_c('div',{staticClass:\"mappings\"},_vm._l((_vm.mappings),function(map,index){return _c('div',{key:index,staticClass:\"mapping\"},[_c('div',{staticClass:\"row\"},[_c('custom-input',{staticClass:\"col-lg-5 arrow\",attrs:{\"inputType\":'text',\"name\":(\"mapString\" + index),\"label\":'String'},model:{value:(map.string),callback:function ($$v) {_vm.$set(map, \"string\", $$v)},expression:\"map.string\"}}),_c('custom-input',{staticClass:\"col-lg-6\",attrs:{\"inputType\":'text',\"name\":(\"mapExpression\" + index),\"label\":'Expression'},model:{value:(map.expression),callback:function ($$v) {_vm.$set(map, \"expression\", $$v)},expression:\"map.expression\"}}),_c('button',{staticClass:\"btn col-lg-1\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.removeMapping(map, index)}}},[_c('img',{attrs:{\"src\":require(\"@/assets/svg/trash-button-no-circle.svg\")}})])],1)])}),0),_c('div',{staticClass:\"actions\"},[(_vm.selectedType)?_c('button',{staticClass:\"btn btn-primary\",attrs:{\"disabled\":!_vm.valid},on:{\"click\":_vm.exportExtraVariable}},[_vm._v(_vm._s(_vm.$t(\"extra-variables.create\")))]):_vm._e()])],1)]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"variable-creator\">\n        <p>{{$t('methods.new-method')}}</p>\n            <div class=\"form-group\">\n                <label for=\"varType\">{{$t('extra-variables.type-label')}}</label>\n                <br/>\n                <div class=\"radio-btns\">\n                <label for=\"option1\" class=\"container\">\n                <input type=\"radio\" id=\"option1\" value=\"option1\" v-model=\"selectedType\">\n                <div class=\"check-indicator\"></div>\n                    <span>Standard</span></label>\n\n                <label for=\"option2\" class=\"container\">\n                <input type=\"radio\" id=\"option2\" value=\"option2\" v-model=\"selectedType\">\n                <div class=\"check-indicator\"></div>\n                    <span>{{$t('extra-variables.if')}}</span></label>\n\n                <label for=\"option3\" class=\"container\">\n                <input type=\"radio\" id=\"option3\" value=\"option3\" v-model=\"selectedType\">\n                <div class=\"check-indicator\"></div>\n                    <span>{{$t('extra-variables.dictionary')}}</span></label>\n                </div>\n            </div>\n\n            <form @submit.stop.prevent v-if=\"selectedType == 'option1' || selectedType == 'option2'\"> \n                <custom-input  :inputType=\"'text'\" v-model=\"templateMethod.name\" :name=\"'exraVariableName'\" :label=\"$t('extra-variables.name')\" :placeholder=\"$t('methods.method-name-placeholder')\" :focusInputField=\"true\" :invalidInput=\"invalid\"/>\n                <span v-if=\"invalid\" class=\"text-danger small\">{{$t('extra-variables.error-txt')}}</span>\n                <custom-input v-if=\"selectedType == 'option1'\" :inputType=\"'text'\" v-model=\"templateMethod.expression\" :name=\"'exraVariableExpression'\" :label=\"$t('extra-variables.expression')\" :placeholder=\"$t('extra-variables.expression-placeholder')\" :optionBtn=\"true\" :btnText=\"$t('extra-variables.add-var-btn')\" @option-btn-clicked=\"$emit('get-variable-groups'), stagedInputField = 'expression'\"/>\n                \n                <div v-if=\"selectedType == 'option2'\" >\n                    <custom-input :inputType=\"'text'\" v-model=\"templateMethod.if\" :name=\"'exraVariableIfStatement'\" :label=\"$t('extra-variables.if')\" :placeholder=\"$t('extra-variables.if')\" :optionBtn=\"true\" :btnText=\"$t('extra-variables.add-var-btn')\" @option-btn-clicked=\"$emit('get-variable-groups'), stagedInputField = 'if'\"/>\n                    <custom-input :inputType=\"'text'\" v-model=\"templateMethod.then\" :name=\"'exraVariableThenStatement'\" :label=\"$t('extra-variables.then')\" :placeholder=\"$t('extra-variables.then')\" :optionBtn=\"true\" :btnText=\"$t('extra-variables.add-var-btn')\" @option-btn-clicked=\"$emit('get-variable-groups'), stagedInputField = 'then'\"/>\n\n                   <div  :class=\"{'fold-in': elseAnimation, 'fold-out': elseIfLevel}\" >\n                        <div v-if=\"elseIfLevel\">\n                            <custom-input :inputType=\"'text'\" v-model=\"templateMethod.elseIf\" :name=\"'exraVariableElseIfStatement'\" :label=\"$t('extra-variables.else-if')\" :placeholder=\"$t('extra-variables.else-if') + '..'\" :optionBtn=\"true\" :btnText=\"$t('extra-variables.add-var-btn')\" @option-btn-clicked=\"$emit('get-variable-groups'), stagedInputField = 'elseIf'\"/>\n                            <custom-input :inputType=\"'text'\" v-model=\"templateMethod.elseIfThen\" :name=\"'exraVariableElseIfThenStatement'\" :label=\"$t('extra-variables.then')\" :placeholder=\"$t('extra-variables.then')\" :optionBtn=\"true\" :btnText=\"$t('extra-variables.add-var-btn')\" @option-btn-clicked=\"$emit('get-variable-groups'), stagedInputField = 'elseIfThen'\"/>\n                        </div>\n                        <div class=\"extend-btn\" @click=\"toggleExtendedIfElse\">{{elseIfLevel ? $t('extra-variables.remove') : $t('extra-variables.extend')}} </div>\n                   </div>\n                   \n                    <custom-input :inputType=\"'text'\" v-model=\"templateMethod.else\" :name=\"'exraVariableElseStatement'\" :label=\"$t('extra-variables.else')\" :placeholder=\"$t('extra-variables.else-placeholder')\" :optionBtn=\"true\" :btnText=\"$t('extra-variables.add-var-btn')\" @option-btn-clicked=\"$emit('get-variable-groups'), stagedInputField = 'else'\"/>\n                </div>\n\n                <div class=\"form-group\" v-if=\"selectedType == 'option1' || selectedType ==  'option2'\">\n                    <label for=\"formatType\" :class=\"{'hide': !templateMethod.type}\"   style=\"margin-bottom: 0; margin-top: 10px;\">Output type</label>\n                    <select name=\"formatType\" class=\"form-control selector\" v-model=\"templateMethod.type\" required> \n                        <option disabled value=\"\">Output type</option>\n                        <option value=\"Text\">{{$t('extra-variables.text')}}</option>\n                        <option value=\"Number\">{{$t('extra-variables.number')}}</option>\n                        <option value=\"List\">{{$t('extra-variables.list')}}</option>\n                        <option value=\"Timespan\">{{$t('extra-variables.timespan')}}</option>\n                    </select>\n                </div>\n                <div class=\"actions\">\n                    <button v-if=\"selectedType\" :disabled=\"!valid\" @click=\"exportExtraVariable\" class=\"btn btn-primary\">{{$t(\"extra-variables.create\")}}</button>\n                </div>\n            </form>\n            <div class=\"dictionary\" v-if=\"selectedType == 'option3'\">\n                <form  @submit.stop.prevent>\n                    <custom-input  :inputType=\"'text'\" v-model=\"dictionary.name\" :name=\"'dictionaryName'\" :label='$t(\"extra-variables.name\")' :placeholder=\"$t('methods.method-name-placeholder')\" :focusInputField=\"true\" :invalidInput=\"invalid\"/>\n                    <span v-if=\"invalid\" class=\"text-danger small\">{{$t('extra-variables.error-txt')}}</span>              \n               \n                    <custom-input  style=\"margin-bottom:24px;\"  :inputType=\"'text'\" v-model=\"dictionary.expression\" :name=\"'dictionaryExpression'\" :label=\"$t('extra-variables.expression')\" :placeholder=\"$t('extra-variables.expression-placeholder')\" :optionBtn=\"true\" :btnText=\"$t('extra-variables.add-var-btn')\" @option-btn-clicked=\"$emit('get-variable-groups'), stagedInputField = 'expression'\"/>\n\n                    <dictionary-adder :mappings=\"mappings\" :focusInput=\"false\" />\n\n                    <div class=\"mappings\">\n                        <div class=\"mapping\" v-for=\"(map, index) in mappings\" :key=\"index\"> \n                            <div class=\"row\">\n                                <custom-input class=\"col-lg-5 arrow\"  :inputType=\"'text'\" v-model=\"map.string\" :name=\"`mapString${index}`\" :label=\"'String'\"/>\n                                <custom-input class=\"col-lg-6\"  :inputType=\"'text'\" v-model=\"map.expression\" :name=\"`mapExpression${index}`\" :label=\"'Expression'\"/>\n                                <button type=\"button\" class=\"btn col-lg-1\" @click=\"removeMapping(map, index)\"><img src=\"@/assets/svg/trash-button-no-circle.svg\" /></button>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"actions\">\n                        <button v-if=\"selectedType\" :disabled=\"!valid\" @click=\"exportExtraVariable\" class=\"btn btn-primary\">{{$t(\"extra-variables.create\")}}</button>\n                    </div>\n                </form>\n            </div>\n    </div>\n</template>\n\n<script>\nimport CustomInput from \"@/components/CustomInput\";\nimport CustomPopover from '@/components/CustomPopover';\nimport EditExtraVariable from '@/components/EditExtraVariable';\nimport VariableSelector from '@/components/VariableSelector'\nimport DictionaryAdder from \"@/components/DictionaryAdder\";\nimport EventBus from \"@/assets/js/eventBus.js\";\nexport default {\n  name: \"createTemplateMethod\",\n  props:{\n      templateMethods: Array\n  },\n  data() {   \n    return {\n    templateMethod: {\n        name: \"\",\n        expression: \"\",\n        type: \"\",\n        if: \"\",\n        then:\"\",\n        elseIf: \"\",\n        elseIfThen: \"\",\n        else: \"\"\n    },\n    dictionary: {\n        name: \"\",\n        expression: \"\",\n        mappings: {},\n        else: \"\"\n    },\n    mappings: [],\n    selectedType: \"option1\",\n    invalid: false,\n    elseIfLevel: false,\n    elseAnimation: false,\n    stagedInputField: null\n    }\n\n  },\n  computed:{\n        valid(){\n        if(this.selectedType == 'option1') return (this.templateMethod.name && this.templateMethod.expression && this.templateMethod.type) \n        if(this.selectedType == 'option2') return (this.templateMethod.name && this.templateMethod.if && this.templateMethod.then && this.templateMethod.type) \n        if(this.selectedType == 'option3') return (this.dictionary.name && this.dictionary.expression && this.mappings.length != 0 ) \n        else return false\n    },\n  },\n  methods:{\n       exportExtraVariable(){\n        // this.templateMethod.name = \"{extra-variables_\" + this.templateMethod.name + '}'\n        let newTemplateMethod;\n        if(this.selectedType == 'option1'){\n            newTemplateMethod = {\n                name: this.templateMethod.name,\n                expression: this.templateMethod.expression,\n                type: this.templateMethod.type\n            }\n        }\n        if(this.selectedType == 'option2'){\n            newTemplateMethod = {\n                name: this.templateMethod.name,\n                if: this.templateMethod.if,\n                then: this.templateMethod.then,\n                type: this.templateMethod.type\n            }\n            if(this.templateMethod.else != null){\n                newTemplateMethod.else = this.templateMethod.else\n            }\n            if(this.elseIfLevel == true){\n                newTemplateMethod.elseIf = this.templateMethod.elseIf\n                newTemplateMethod.elseIfThen = this.templateMethod.elseIfThen\n            }\n        }\n        if(this.selectedType == 'option3'){\n            let formattedMapping = {}\n            this.mappings.forEach(mapping => {\n                formattedMapping[mapping.string] = mapping.expression\n            });\n            newTemplateMethod = {\n            name: this.dictionary.name,\n            expression: this.dictionary.expression,\n            mappings: formattedMapping, \n            else: this.dictionary.expression,\n            type: \"Text\"\n        }\n        }\n        \n        newTemplateMethod.name = newTemplateMethod.name.replace(/ /g, '-')\n\n        // check if name is a duplicate - only checks in other templateMethods, doesnt look for duplicates in all variables.\n        if(!this.templateMethods.some(v => v.name == newTemplateMethod.name  )){\n            console.log(\"non duplicate\")\n            this.$store.state.template.methods.push(newTemplateMethod)\n            this.$store.state.unsavedChanges = true\n            this.createVariableClicked = false\n            this.templateMethod = false\n            this.selectedType = null\n            this.invalid = false\n            this.$emit('create-and-close')\n        } else{ \n            console.log(\"duplicate\")\n            this.invalid = true\n        }\n     },\n    addToExpression(variable){\n        if(this.selectedType == 'option3'){\n        this.dictionary[this.stagedInputField] = variable \n        this.stagedInputField = null\n        } else {\n            this.templateMethod[this.stagedInputField] = this.templateMethod[this.stagedInputField] + variable \n            this.stagedInputField = null\n        } \n    },\n    toggleExtendedIfElse(){\n        if(!this.elseIfLevel) this.elseIfLevel = !this.elseIfLevel\n        else{\n            this.elseAnimation = !this.elseAnimation\n            setTimeout( ()=> {\n                this.elseIfLevel = !this.elseIfLevel\n                this.elseAnimation = !this.elseAnimation\n                }, 150)\n        }\n    },\n    addMappingToMappings(){\n        console.log(this.newMap)\n        let mapEntry = {\n            string: this.newMap.string,\n            expression: this.newMap.expression\n        }\n        this.mappings.push(mapEntry)\n        this.newMap.string = ''\n        this.newMap.expression = ''\n    },\n    removeMapping(mapping, index){\n        this.mappings.splice(index, 1)\n        this.changesDetected = true\n    }\n  },\n  mounted(){\n    EventBus.$on('add-to-expression', this.addToExpression)\n  },\n  destroyed(){\n    EventBus.$off('add-to-expression')\n  },\n  components:{\n      CustomInput,\n      DictionaryAdder\n  }\n\n}\n</script>\n\n<style lang=\"less\">\n      .variable-creator{\n                margin: 12px;\n                margin-bottom: 42px;\n\n                p{\n                    font-size: 18px;\n                    font-weight: bolder;\n                }\n\n                .extend-btn{\n                    border: none;\n                    background: inherit;\n                    color: var(--orange-web);\n                    font-size: 12px;\n                    cursor: pointer;\n                }\n\n                .actions{\n                    display: flex;\n                    justify-content: flex-end;\n\n                    .btn-primary{\n                        margin: 10px 0 0 0;\n                    }\n                }\n                .fold-out{\n                   animation: foldOut .4s ease ;\n                }\n                .fold-in{\n                   animation: foldIn .2s ease ;\n                }\n                @keyframes foldOut {\n                from{\n                    transform: translateY(-30px);\n                    opacity: 0.6;\n                }\n                to{\n                    transform: translateX(0);\n                    opacity: 1;\n                }      \n            }\n\n                   @keyframes foldIn {\n                from{\n                    transform: translateX(0);\n                    opacity: 1;\n                    }\n                to{\n                    transform: translateY(-30px);\n                    opacity: 0.6;\n                }\n\n            }\n\n    .mappings{\n        padding: 0 12px 12px 12px;\n        button{\n            z-index: 1;\n            padding: 0;\n            margin-top: 30px;\n            padding-right: 10px;  \n        }\n    }\n        .arrow::after{\n            content: \"→\";\n            position: absolute;\n            right: -8px;\n            top: 40px;\n        }\n\n    .dictionary-group{\n        margin-top: 12px;\n        display: flex;\n        flex-direction: column;\n        button{\n            height: 36px;\n            width: max-content;\n            &:hover{\n            box-shadow: 5px 4px 4px 2px rgba(0, 0, 0, 0.25); \n            }\n        }\n    }\n\n\n    .radio-btns{\n        // display: flex;\n        display: grid;\n        grid-template-columns: 1fr 1fr 1fr;\n        padding-top: 12px;\n\n        .container {\n            display: block;\n            position: relative;\n            padding: 0;\n            cursor: pointer;\n            font-size: 22px;\n            -webkit-user-select: none;\n            -moz-user-select: none;\n            -ms-user-select: none;\n            user-select: none;\n\n            input {\n                \n                position: absolute;\n                opacity: 0;\n                cursor: pointer;\n\n                &:checked ~ .check-indicator {\n                background-color: var(--orange-web);\n                }\n\n                &:checked ~ .check-indicator:after {\n                display: block;\n                }     \n                &:checked ~ span{\n                    color: #495057; ;\n                }\n            }\n            &:hover input ~ .check-indicator {\n                filter: brightness(1.05);\n            }\n\n            .check-indicator {\n                position: absolute;\n                top: 0;\n                left: 0;\n                height: 18px;\n                width: 18px;\n                background-color: #e2e2e2;\n                border-radius: 50%;\n\n\n                &:after {\n                content: \"\";\n                position: absolute;\n                display: none;\n                }\n\n                &:after {\n                top: 6px;\n                left: 6px;\n                width: 6px;\n                height: 6px;\n                border-radius: 50%;\n                background: white;\n                }\n            }\n\n            span{\n            margin-left: 24px;\n            }\n        }\n    }\n\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!./CreateTemplateMethod.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!./CreateTemplateMethod.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CreateTemplateMethod.vue?vue&type=template&id=1534f246&\"\nimport script from \"./CreateTemplateMethod.vue?vue&type=script&lang=js&\"\nexport * from \"./CreateTemplateMethod.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CreateTemplateMethod.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":""}