{"version":3,"sources":["webpack:///./src/components/TemplateSynsPopover.vue?0f46","webpack:///src/components/TemplateSynsPopover.vue","webpack:///./src/components/TemplateSynsPopover.vue?d7bd","webpack:///./src/components/TemplateSynsPopover.vue?8752","webpack:///./src/components/TemplateSynsPopover.vue?7c80"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","attrs","backdrop","_v","_s","$t","on","click","$event","stopPropagation","preventDefault","onClose","inputType","name","label","placeholder","model","value","callback","$$v","searchFilter","expression","showSyns","_e","templateSyns","length","filteredSynonymList","_l","templateSyn","index","key","class","is-selected","selectedSyn","createSynClicked","tooltip-placement","tooltip","duplicateTemplateSynonym","submit","pattern","focusInputField","newTemplateSyn","invalidChars","disabled","invalidName","createTemplateSyn","renaming","renameSynonym","isDisabled","newName","directives","rawName","nameIsSelf","$set","deletetemplateSyn","onRenameSynonym","newSynonym","type","synonymSuggestions","AddToSynonymGroup","for","synonymsTranslated","oldSynonyms","undoTranslation","$store","state","translateSynonymInstances","synonyms","synonym","is-translating","translatingSynonyms","input","hasChanges","deleteFromSynonymGroup","staticRenderFns","TemplateSynsPopovervue_type_script_lang_js_","data","loading","selectedTemplateVariable","matchCounter","loadingSuggestions","props","template","required","methods","_this","dispatch","translationLanguage","then","Object","assign","res","unsavedChanges","finally","_this2","concat","response","catch","console","synonymPattern","RegExp","query","i","some","v","newIndex","globalSynonyms","splice","_this3","newSynonymData","push","$nextTick","handleSave","EventBus","editVariable","updatetemplateSyn","_this4","synToUpdate","findIndex","updatePreview","$emit","_this5","searchTemplate","$modal","show","ConfirmModal","title","description","confirmButtonText","onConfirm","commit","sentenceBeingEdited","width","height","adaptive","_this6","$refs","editName","focus","replacement","synData","synonymName","_this7","variables","preview","_this8","matches","searchByRegex","matchesInVariant","match","text","computed","syn","test","_this9","orderBy_default","filter","toLowerCase","includes","mounted","watch","handler","components","CustomPopover","CustomInput","components_TemplateSynsPopovervue_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_TemplateSynsPopover_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_TemplateSynsPopover_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/lazy-view-components-TemplateSynsPopover.8ce3c49e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('custom-popover',{ref:\"templateSynsPopover\",staticClass:\"template-syns-popover\",attrs:{\"backdrop\":true}},[_c('div',{staticClass:\"popover-header\"},[_c('div',{staticClass:\"left-side-header\"},[_c('h2',[_vm._v(_vm._s(_vm.$t(\"template-syns.title\")))])]),_c('div',{staticClass:\"close-popover\",on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onClose()}}},[_c('i',{staticClass:\"fa-light fa-times\"})])]),_c('div',{staticClass:\"template-syns-wrapper\"},[_c('div',{staticClass:\"left custom-scrollbar-light\"},[_c('div',{staticClass:\"search-filter\"},[_c('custom-input',{ref:\"synonymFilter\",staticClass:\"search-input synonym-filter\",attrs:{\"inputType\":'text',\"name\":'templateSynonymSearch',\"label\":_vm.$t('search') + ' ' + _vm.$t('template-syns.title'),\"placeholder\":_vm.$t('search') + '...'},model:{value:(_vm.searchFilter),callback:function ($$v) {_vm.searchFilter=$$v},expression:\"searchFilter\"}}),_c('div',{staticClass:\"search-icon\"},[_c('i',{staticClass:\"fa-light fa-search\"})])],1),(!_vm.showSyns)?_c('div',{staticClass:\"template-syns-list\"},[(_vm.templateSyns == null || _vm.templateSyns.length == 0)?_c('div',{staticClass:\"no-syns\"},[_c('span',[_vm._v(_vm._s(_vm.$t(\"template-syns.empty-list\")))])]):_vm._e(),((_vm.filteredSynonymList == null || _vm.filteredSynonymList.length == 0) && _vm.templateSyns.length > 0)?_c('div',{staticClass:\"no-syns\"},[_c('span',[_vm._v(_vm._s(_vm.$t(\"template-syns.empty-list-search1\") + _vm.searchFilter + _vm.$t(\"template-syns.empty-list-search2\")))])]):_vm._e(),_vm._l((_vm.filteredSynonymList),function(templateSyn,index){return _c('div',{key:index,staticClass:\"template-syn\",class:{ 'is-selected': templateSyn == _vm.selectedSyn },on:{\"click\":function($event){(_vm.selectedSyn = _vm.filteredSynonymList[index]), (_vm.createSynClicked = false)}}},[_c('div',{staticClass:\"flex-grow-1 ellipsis syn-name\"},[_c('span',[_vm._v(_vm._s(templateSyn.name))])]),_c('div',[_c('span',{staticClass:\"duplicate-btn\",attrs:{\"tooltip-placement\":\"left\",\"tooltip\":_vm.$t('duplicate')},on:{\"click\":function($event){return _vm.duplicateTemplateSynonym(templateSyn, index)}}},[_c('i',{staticClass:\"fa-light fa-clone\"})]),_c('span',{staticClass:\"selected-chevron\"},[_c('i',{staticClass:\"fa-light fa-chevron-right\"})])])])})],2):_vm._e()]),_c('button',{staticClass:\"btn btn-primary create-btn\",on:{\"click\":function($event){(_vm.createSynClicked = _vm.createSynClicked = true), (_vm.selectedSyn = null)}}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t(\"template-syns.new-syn-btn\"))+\"\\n    \")]),_c('div',{staticClass:\"right custom-scrollbar-light\"},[(_vm.createSynClicked)?_c('div',{staticClass:\"create-template-syn\"},[_c('form',{on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();}}},[_c('custom-input',{attrs:{\"inputType\":'text',\"pattern\":'[a-zA-Z0-9]+',\"name\":'templateSynName',\"label\":_vm.$t('template-syns.create-template-syn'),\"placeholder\":_vm.$t('template-syns.create-syn-placeholder'),\"focusInputField\":true},model:{value:(_vm.newTemplateSyn),callback:function ($$v) {_vm.newTemplateSyn=$$v},expression:\"newTemplateSyn\"}}),(_vm.invalidName)?_c('span',{staticClass:\"text-danger\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"template-syns.duplicate-name-err\"))+\"\\n            \"),_c('br')]):_vm._e(),(!_vm.invalidChars)?_c('span',{staticClass:\"text-danger\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"template-syns.invalid-name-err\"))+\"\\n            \"),_c('br')]):_vm._e(),_c('button',{staticClass:\"btn btn-primary\",attrs:{\"disabled\":_vm.newTemplateSyn == '' || _vm.invalidName || !_vm.invalidChars},on:{\"click\":_vm.createTemplateSyn}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"template-syns.create-btn\"))+\"\\n          \")])],1)]):_vm._e(),(_vm.selectedSyn)?_c('div',{staticClass:\"selected-syn\"},[_c('div',{staticClass:\"top\"},[(!_vm.renaming)?_c('custom-input',{staticClass:\"disabled-name\",attrs:{\"inputType\":'text',\"name\":'SynonymName',\"label\":_vm.$t('template-syns.selected-syn-name'),\"isDisabled\":\"\"},model:{value:(_vm.selectedSyn.name),callback:function ($$v) {_vm.$set(_vm.selectedSyn, \"name\", $$v)},expression:\"selectedSyn.name\"}}):_c('form',{staticClass:\"rename-form\",on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.renameSynonym($event)}}},[_c('custom-input',{ref:\"editName\",attrs:{\"inputType\":'text',\"name\":'SynonymName',\"label\":_vm.$t('template-syns.selected-syn-name'),\"isDisabled\":!_vm.renaming,\"pattern\":'[a-zA-Z0-9]+'},model:{value:(_vm.newName),callback:function ($$v) {_vm.newName=$$v},expression:\"newName\"}}),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.renaming),expression:\"renaming\"}],staticClass:\"btn checkmark\",attrs:{\"disabled\":_vm.newName == '' || (!_vm.nameIsSelf && _vm.invalidName) || !_vm.invalidChars},on:{\"click\":_vm.renameSynonym}},[_c('i',{staticClass:\"fa-light fa-check\"})]),(_vm.invalidName && !_vm.nameIsSelf)?_c('span',{staticClass:\"text-danger text-xs\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"template-syns.duplicate-name-err\"))+\"\\n              \"),_c('br')]):_vm._e(),(!_vm.invalidChars)?_c('span',{staticClass:\"text-danger text-xs\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"template-syns.invalid-name-err\"))+\"\\n              \"),_c('br')]):_vm._e()],1),_c('div',{staticClass:\"delete-syn\",on:{\"click\":_vm.deletetemplateSyn}},[_c('i',{staticClass:\"fa-light fa-trash\"})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.renaming),expression:\"!renaming\"}],staticClass:\"rename-syn\",attrs:{\"tooltip\":_vm.$t('template-syns.edit-name')},on:{\"click\":_vm.onRenameSynonym}},[_c('i',{staticClass:\"fa-light fa-pen\"})])],1),_c('form',{staticClass:\"new-synonym-form\",on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();}}},[_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'createSynonyms',\"label\":_vm.$t('template-syns.add-synonym'),\"placeholder\":_vm.$t('template-syns.add-synonym-label') + _vm.selectedSyn.name,\"focusInputField\":true},model:{value:(_vm.newSynonym),callback:function ($$v) {_vm.newSynonym=$$v},expression:\"newSynonym\"}}),(_vm.newSynonym.length > 0)?_c('button',{staticClass:\"ai-synonyms btn btn-ai\",attrs:{\"type\":\"button\",\"tooltip\":_vm.$t('suggest') + \" '\" + _vm.newSynonym + \"' '\" + _vm.$t('variations'),\"tooltip-placement\":\"left\"},on:{\"click\":function($event){return _vm.synonymSuggestions()}}},[_c('i',{staticClass:\"fa-light fa-plus\"})]):_vm._e(),_c('button',{staticClass:\"new-synonym\",attrs:{\"type\":\"submit\"},on:{\"click\":_vm.AddToSynonymGroup}},[_vm._v(\"+\")])],1),_c('div',{staticClass:\"template-synonym-list-wrapper flex-grow-1 ellipsis\"},[_c('div',{staticClass:\"syn-instances-header\"},[_c('span',{attrs:{\"for\":\"template-synonym-list\"}},[_vm._v(_vm._s(_vm.$t(\"template-syns.list-label\"))+_vm._s(_vm.selectedSyn.name))]),_c('div',{staticClass:\"actions\"},[(_vm.synonymsTranslated && _vm.oldSynonyms.length > 0)?_c('button',{staticClass:\"btn btn-undo\",attrs:{\"tooltip\":_vm.$t('undo-translation'),\"tooltip-placement\":\"bottom-left\"},on:{\"click\":function($event){return _vm.undoTranslation()}}},[_c('span',[_c('i',{staticClass:\"fa-light fa-undo\"})])]):_vm._e(),_c('button',{staticClass:\"btn btn-ai\",attrs:{\"tooltip\":(\"Translate to \" + (_vm.$store.state.aiTranslationLanguage)),\"tooltip-placement\":\"bottom-left\"},on:{\"click\":function($event){return _vm.translateSynonymInstances(_vm.selectedSyn.synonyms)}}},[_c('span',[_c('i',{staticClass:\"fa-light fa-language\"})])])])]),_vm._l((_vm.selectedSyn.synonyms),function(synonym,index){return _c('div',{key:index,staticClass:\"template-synonym-list\",attrs:{\"name\":\"template-synonym-list\"}},[_c('custom-input',{staticClass:\"custom-input\",class:{ 'is-translating': _vm.translatingSynonyms },attrs:{\"inputType\":'text',\"name\":'synonym-' + index},on:{\"input\":function($event){_vm.hasChanges = true}},model:{value:(_vm.selectedSyn.synonyms[index]),callback:function ($$v) {_vm.$set(_vm.selectedSyn.synonyms, index, $$v)},expression:\"selectedSyn.synonyms[index]\"}}),_c('button',{staticClass:\"trash-synonym\",on:{\"click\":function($event){return _vm.deleteFromSynonymGroup(index)}}},[_c('i',{staticClass:\"fa-light fa-trash\"})])],1)})],2)]):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <custom-popover ref=\"templateSynsPopover\" class=\"template-syns-popover\" :backdrop=\"true\">\n    <div class=\"popover-header\">\n      <div class=\"left-side-header\">\n        <h2>{{ $t(\"template-syns.title\") }}</h2>\n      </div>\n      <div class=\"close-popover\" @click.stop.prevent=\"onClose()\">\n        <i class=\"fa-light fa-times\"></i>\n      </div>\n    </div>\n    <div class=\"template-syns-wrapper\">\n      <div class=\"left custom-scrollbar-light\">\n        <div class=\"search-filter\">\n          <custom-input\n            class=\"search-input synonym-filter\"\n            :inputType=\"'text'\"\n            :name=\"'templateSynonymSearch'\"\n            v-model=\"searchFilter\"\n            ref=\"synonymFilter\"\n            :label=\"$t('search') + ' ' + $t('template-syns.title')\"\n            :placeholder=\"$t('search') + '...'\"\n          />\n          <div class=\"search-icon\">\n            <i class=\"fa-light fa-search\"></i>\n          </div>\n        </div>\n\n        <div class=\"template-syns-list\" v-if=\"!showSyns\">\n          <div v-if=\"templateSyns == null || templateSyns.length == 0\" class=\"no-syns\">\n            <span>{{ $t(\"template-syns.empty-list\") }}</span>\n          </div>\n          <div\n            v-if=\"(filteredSynonymList == null || filteredSynonymList.length == 0) && templateSyns.length > 0\"\n            class=\"no-syns\"\n          >\n            <span>{{\n              $t(\"template-syns.empty-list-search1\") + searchFilter + $t(\"template-syns.empty-list-search2\")\n            }}</span>\n          </div>\n          <div\n            class=\"template-syn\"\n            v-for=\"(templateSyn, index) in filteredSynonymList\"\n            :key=\"index\"\n            @click=\"(selectedSyn = filteredSynonymList[index]), (createSynClicked = false)\"\n            :class=\"{ 'is-selected': templateSyn == selectedSyn }\"\n          >\n            <div class=\"flex-grow-1 ellipsis syn-name\">\n              <span>{{ templateSyn.name }}</span>\n            </div>\n\n            <div>\n              <span\n                class=\"duplicate-btn\"\n                @click=\"duplicateTemplateSynonym(templateSyn, index)\"\n                tooltip-placement=\"left\"\n                :tooltip=\"$t('duplicate')\"\n              >\n                <i class=\"fa-light fa-clone\"></i>\n              </span>\n              <span class=\"selected-chevron\">\n                <i class=\"fa-light fa-chevron-right\"></i>\n              </span>\n            </div>\n          </div>\n        </div>\n      </div>\n      <button\n        class=\"btn btn-primary create-btn\"\n        @click=\"(createSynClicked = createSynClicked = true), (selectedSyn = null)\"\n      >\n        {{ $t(\"template-syns.new-syn-btn\") }}\n      </button>\n      <div class=\"right custom-scrollbar-light\">\n        <div v-if=\"createSynClicked\" class=\"create-template-syn\">\n          <form @submit.stop.prevent>\n            <custom-input\n              :inputType=\"'text'\"\n              :pattern=\"'[a-zA-Z0-9]+'\"\n              v-model=\"newTemplateSyn\"\n              :name=\"'templateSynName'\"\n              :label=\"$t('template-syns.create-template-syn')\"\n              :placeholder=\"$t('template-syns.create-syn-placeholder')\"\n              :focusInputField=\"true\"\n            />\n            <span v-if=\"invalidName\" class=\"text-danger\">\n              {{ $t(\"template-syns.duplicate-name-err\") }}\n              <br />\n            </span>\n            <span v-if=\"!invalidChars\" class=\"text-danger\">\n              {{ $t(\"template-syns.invalid-name-err\") }}\n              <br />\n            </span>\n            <button\n              class=\"btn btn-primary\"\n              @click=\"createTemplateSyn\"\n              :disabled=\"newTemplateSyn == '' || invalidName || !invalidChars\"\n            >\n              {{ $t(\"template-syns.create-btn\") }}\n            </button>\n          </form>\n        </div>\n        <div v-if=\"selectedSyn\" class=\"selected-syn\">\n          <!-- <h4>{{selectedSyn.name}}</h4> -->\n          <div class=\"top\">\n            <custom-input\n              class=\"disabled-name\"\n              v-if=\"!renaming\"\n              :inputType=\"'text'\"\n              v-model=\"selectedSyn.name\"\n              :name=\"'SynonymName'\"\n              :label=\"$t('template-syns.selected-syn-name')\"\n              isDisabled\n            />\n\n            <form v-else @submit.stop.prevent=\"renameSynonym\" class=\"rename-form\">\n              <custom-input\n                ref=\"editName\"\n                :inputType=\"'text'\"\n                v-model=\"newName\"\n                :name=\"'SynonymName'\"\n                :label=\"$t('template-syns.selected-syn-name')\"\n                :isDisabled=\"!renaming\"\n                :pattern=\"'[a-zA-Z0-9]+'\"\n              />\n              <button\n                v-show=\"renaming\"\n                :disabled=\"newName == '' || (!nameIsSelf && invalidName) || !invalidChars\"\n                class=\"btn checkmark\"\n                @click=\"renameSynonym\"\n              >\n                <i class=\"fa-light fa-check\"></i>\n              </button>\n              <span v-if=\"invalidName && !nameIsSelf\" class=\"text-danger text-xs\">\n                {{ $t(\"template-syns.duplicate-name-err\") }}\n                <br />\n              </span>\n              <span v-if=\"!invalidChars\" class=\"text-danger text-xs\">\n                {{ $t(\"template-syns.invalid-name-err\") }}\n                <br />\n              </span>\n            </form>\n\n            <div class=\"delete-syn\" @click=\"deletetemplateSyn\">\n              <i class=\"fa-light fa-trash\"></i>\n            </div>\n            <div\n              v-show=\"!renaming\"\n              class=\"rename-syn\"\n              @click=\"onRenameSynonym\"\n              :tooltip=\"$t('template-syns.edit-name')\"\n            >\n              <i class=\"fa-light fa-pen\"></i>\n            </div>\n          </div>\n          <form @submit.stop.prevent class=\"new-synonym-form\">\n            <custom-input\n              :inputType=\"'text'\"\n              v-model=\"newSynonym\"\n              :name=\"'createSynonyms'\"\n              :label=\"$t('template-syns.add-synonym')\"\n              :placeholder=\"$t('template-syns.add-synonym-label') + selectedSyn.name\"\n              :focusInputField=\"true\"\n            />\n            <button\n              v-if=\"newSynonym.length > 0\"\n              type=\"button\"\n              class=\"ai-synonyms btn btn-ai\"\n              @click=\"synonymSuggestions()\"\n              :tooltip=\"$t('suggest') + ` '${newSynonym}' '` + $t('variations')\"\n              tooltip-placement=\"left\"\n            >\n              <i class=\"fa-light fa-plus\"></i>\n            </button>\n            <button type=\"submit\" class=\"new-synonym\" @click=\"AddToSynonymGroup\">+</button>\n          </form>\n\n          <div class=\"template-synonym-list-wrapper flex-grow-1 ellipsis\">\n            <div class=\"syn-instances-header\">\n              <span for=\"template-synonym-list\">{{ $t(\"template-syns.list-label\") }}{{ selectedSyn.name }}</span>\n\n              <div class=\"actions\">\n                <button\n                  v-if=\"synonymsTranslated && oldSynonyms.length > 0\"\n                  @click=\"undoTranslation()\"\n                  class=\"btn btn-undo\"\n                  :tooltip=\"$t('undo-translation')\"\n                  tooltip-placement=\"bottom-left\"\n                >\n                  <span><i class=\"fa-light fa-undo\"></i></span>\n                </button>\n\n                <button\n                  @click=\"translateSynonymInstances(selectedSyn.synonyms)\"\n                  class=\"btn btn-ai\"\n                  :tooltip=\"`Translate to ${$store.state.aiTranslationLanguage}`\"\n                  tooltip-placement=\"bottom-left\"\n                >\n                  <span> <i class=\"fa-light fa-language\"></i></span>\n                </button>\n              </div>\n            </div>\n\n            <div\n              v-for=\"(synonym, index) in selectedSyn.synonyms\"\n              :key=\"index\"\n              name=\"template-synonym-list\"\n              class=\"template-synonym-list\"\n            >\n              <custom-input\n                class=\"custom-input\"\n                @input=\"hasChanges = true\"\n                :inputType=\"'text'\"\n                v-model=\"selectedSyn.synonyms[index]\"\n                :name=\"'synonym-' + index\"\n                :class=\"{ 'is-translating': translatingSynonyms }\"\n              />\n              <button class=\"trash-synonym\" @click=\"deleteFromSynonymGroup(index)\">\n                <i class=\"fa-light fa-trash\"></i>\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </custom-popover>\n</template>\n\n<script>\nimport EventBus from \"@/assets/js/eventBus.js\";\nimport Template from \"@/assets/js/template.js\";\nimport CustomInput from \"@/components/CustomInput\";\nimport CustomPopover from \"@/components/CustomPopover\";\nimport ConfirmModal from \"@/components/modals/ConfirmModal\";\nimport orderBy from \"lodash/orderBy\";\nexport default {\n  name: \"templatetemplateSynsPopover\",\n  data() {\n    return {\n      createSynClicked: false,\n      selectedSyn: null,\n      loading: null,\n      selectedTemplateVariable: null,\n      hasChanges: false,\n      showSyns: false,\n      // invalid: false\n      newTemplateSyn: \"\",\n      newSynonym: \"\",\n      // invalidName: false\n      matchCounter: 0,\n      searchFilter: \"\",\n      renaming: false,\n      newName: null,\n      translatingSynonyms: false,\n      oldSynonyms: [],\n      synonymsTranslated: false,\n      loadingSuggestions: false\n    };\n  },\n  props: {\n    template: {\n      type: Object,\n      required: true\n    }\n  },\n  methods: {\n    translateSynonymInstances(synonyms) {\n      this.translatingSynonyms = true;\n      this.$store\n        .dispatch(\"translateAISynonyms\", {\n          synonyms: synonyms,\n          translationLanguage: this.$store.state.aiTranslationLanguage\n        })\n        .then((res) => {\n          this.oldSynonyms = Object.assign([], this.selectedSyn.synonyms);\n          this.selectedSyn.synonyms = res;\n          this.synonymsTranslated = true;\n          this.$store.state.unsavedChanges = true;\n        })\n        .finally(() => {\n          this.translatingSynonyms = false;\n        });\n    },\n\n    undoTranslation() {\n      this.selectedSyn.synonyms = this.oldSynonyms;\n      this.synonymsTranslated = false;\n    },\n\n    synonymSuggestions() {\n      this.loadingSuggestions = true;\n      this.$store\n        .dispatch(\"getSynonymSuggestions\", this.newSynonym)\n        .then((response) => {\n          this.selectedSyn.synonyms = this.selectedSyn.synonyms.concat([this.newSynonym].concat(response));\n          this.newSynonym = \"\";\n          this.hasChanges = true;\n          this.$store.state.unsavedChanges = true;\n        })\n        .catch((e) => {\n          console.log(e);\n        })\n        .finally(() => {\n          this.loadingSuggestions = false;\n        });\n    },\n\n    synonymPattern(query) {\n      return new RegExp(\":gsyn\\\\(\" + query + \"(\\\\|[^\\\\)]+)?\\\\)\", \"g\");\n    },\n\n    duplicateTemplateSynonym(templateSyn, index) {\n      let newName = templateSyn.name;\n      let i = 0;\n      while (this.templateSyns.some((v) => v.name == newName)) {\n        i++;\n        newName = `${templateSyn.name} (${i})`;\n      }\n\n      const newTemplateSyn = { synonyms: [...templateSyn.synonyms], name: newName };\n      const newIndex = index + 1;\n      this.$store.state.template.globalSynonyms.splice(newIndex, 0, newTemplateSyn);\n      this.selectedSyn = newTemplateSyn;\n      this.$store.state.unsavedChanges = true;\n    },\n\n    createTemplateSyn() {\n      const newSynonymData = {\n        name: this.newTemplateSyn,\n        synonyms: []\n      };\n      this.$store.state.template.globalSynonyms.push(newSynonymData);\n      this.$store.state.unsavedChanges = true;\n      this.$nextTick(() => {\n        this.createSynClicked = false;\n        this.selectedSyn = this.templateSyns[this.templateSyns.length - 1];\n        this.newTemplateSyn = \"\";\n      });\n    },\n    AddToSynonymGroup() {\n      this.selectedSyn.synonyms.push(this.newSynonym);\n      this.newSynonym = \"\";\n      this.hasChanges = true;\n      this.$store.state.unsavedChanges = true;\n    },\n    deleteFromSynonymGroup(index) {\n      this.selectedSyn.synonyms.splice(index, 1);\n    },\n    handleSave() {\n      EventBus.$emit(\"save-template-synonym\");\n      this.hasChanges = false;\n    },\n    editVariable(index) {\n      this.selectedSyn = this.templateSyns[index];\n    },\n    updatetemplateSyn() {\n      let synToUpdate = this.templateSyns.findIndex((v) => v.name == this.selectedSyn.name);\n      this.$set(this.templateSyns, synToUpdate, this.selectedSyn);\n      this.$store.state.unsavedChanges = true;\n      this.updatePreview();\n    },\n    onClose() {\n      this.$emit(\"close\");\n    },\n    deletetemplateSyn() {\n      this.searchTemplate();\n      this.$modal.show(\n        ConfirmModal,\n        {\n          title: this.$t(\"template-syns.delete-title\"),\n          //   description: this.$t(\"template-syns.delete-desc\") + `${this.selectedSyn.name}?`,\n          description:\n            this.selectedSyn.name +\n            this.$t(\"template-syns.delete-desc-1\") +\n            this.matchCounter +\n            this.$t(\"template-syns.delete-desc-2\"),\n          confirmButtonText: this.$t(\"delete\"),\n          onConfirm: (result) => {\n            const query = this.selectedSyn.name;\n            const pattern = this.synonymPattern(query);\n            this.$store.commit(\"transformTemplateSynonyms\", { synonym: this.selectedSyn, pattern: pattern });\n            if (this.$store.state.sentenceBeingEdited) {\n              this.$store.commit(\"transformTemplateSynonymsInCurrentSection\", {\n                synonym: this.selectedSyn,\n                pattern: pattern\n              });\n              EventBus.$emit(\"update-variant-view\");\n            }\n            this.templateSyns.splice(this.templateSyns.findIndex((v) => v.name == this.selectedSyn.name), 1);\n            this.selectedSyn = null;\n            this.$store.state.unsavedChanges = true;\n            this.selectedSyn = this.templateSyns[this.templateSyns.length - 1];\n          }\n        },\n        { width: 310, height: \"auto\", adaptive: true }\n      );\n    },\n\n    onRenameSynonym() {\n      this.newName = this.selectedSyn.name;\n      this.renaming = true;\n      this.$nextTick(() => {\n        this.$refs.editName.focus();\n      });\n    },\n\n    renameSynonym() {\n      if (this.newName !== this.selectedSyn.name) {\n        const query = this.selectedSyn.name;\n        const replacement = this.newName;\n        const pattern = this.synonymPattern(query);\n        this.$store.commit(\"replaceTextByRegex\", { query: query, replacement: replacement, pattern: pattern });\n        if (this.$store.state.sentenceBeingEdited) {\n          this.$store.commit(\"replaceTextByRegexInCurrentSection\", {\n            query: query,\n            replacement: replacement,\n            pattern: pattern\n          });\n          EventBus.$emit(\"update-variant-view\");\n        }\n        const synData = {\n          synonymName: this.selectedSyn.name,\n          newName: this.newName\n        };\n        this.$store.commit(\"renameTemplateSynonym\", synData);\n        this.$store.state.unsavedChanges = true;\n      }\n      this.renaming = false;\n      this.newName = null;\n    },\n\n    updatePreview() {\n      this.$store\n        .dispatch(\"getTemplatePreview\", {\n          template: this.$store.state.template,\n          variables: this.$store.state.templateVariables\n        })\n        .then((preview) => {\n          // this.$store.state.templatePreview = preview;\n          this.$store.commit(\"setTemplatePreview\", preview);\n        });\n    },\n    searchTemplate() {\n      const pattern = this.synonymPattern(this.selectedSyn.name);\n      this.matchCounter = 0;\n      let matches = this.template.searchByRegex(pattern);\n      matches.forEach((match) => {\n        const matchesInVariant = match.text.match(pattern);\n        this.matchCounter = this.matchCounter + (matchesInVariant ? matchesInVariant.length : 0);\n      });\n    }\n  },\n  computed: {\n    templateSyns() {\n      return this.$store.state.template.globalSynonyms || [];\n    },\n    invalidName() {\n      let synonymName = this.renaming ? this.newName : this.newTemplateSyn;\n      return this.templateSyns.some((syn) => syn.name == synonymName);\n    },\n\n    nameIsSelf() {\n      return this.newName == this.selectedSyn.name;\n    },\n\n    invalidChars() {\n      let synonymName = this.renaming ? this.newName : this.newTemplateSyn;\n\n      return synonymName !== \"\" ? /^[ÆØÅæøå\"'a-z0-9\\-\\\\ ]+$/i.test(synonymName) : true;\n    },\n    filteredSynonymList() {\n      return orderBy(\n        this.templateSyns.filter((syn) => syn.name.toLowerCase().includes(this.searchFilter.toLowerCase())),\n        [(syn) => syn.name.toLowerCase()],\n        [\"asc\"]\n      );\n    }\n  },\n  mounted() {\n    if (this.templateSyns) {\n      this.selectedSyn = this.templateSyns[0];\n    }\n    if (!this.selectedSyn) {\n      this.createSynClicked = true;\n    }\n  },\n  watch: {\n    selectedSyn: {\n      handler: function(val, oldVal) {\n        this.renaming = false;\n        this.newName = null;\n        this.hasChanges = false;\n        this.synonymsTranslated = false;\n      }\n    }\n  },\n  components: {\n    CustomPopover,\n    CustomInput\n  }\n};\n</script>\n\n<style lang=\"less\">\n.template-syns-popover {\n  width: 840px;\n  // height: 500px;\n  line-height: 1.5;\n  background-color: #fff;\n  position: absolute;\n  color: #3d464a;\n  &.custom-popover {\n    background-color: #fff;\n    right: calc(50% - (840px / 2));\n    left: unset;\n    top: calc(50% - (500px / 2));\n    &::before {\n      // content: url(*/svg/close.svg);\n      display: none;\n    }\n    .close-button {\n      display: none;\n    }\n  }\n  .popover-header {\n    h2 {\n      margin: 0;\n      color: var(--charcoal);\n    }\n  }\n  .create-btn {\n    position: absolute;\n    bottom: 0px;\n    margin: 12px;\n    width: max-content;\n  }\n  .template-syn {\n    display: flex;\n    align-items: center;\n    padding: 5px 20px;\n    > .syn-name {\n      padding-right: 6px;\n    }\n    cursor: pointer;\n    span {\n      flex-grow: 1;\n    }\n\n    .duplicate-btn {\n      opacity: 0;\n      margin-right: 12px;\n    }\n    .selected-chevron {\n      opacity: 0;\n      font-size: 12px;\n    }\n    &:hover {\n      background-color: rgba(219, 218, 218, 0.4);\n\n      .duplicate-btn,\n      .selected-chevron {\n        opacity: 1;\n      }\n    }\n\n    &.is-selected {\n      background-color: rgba(219, 218, 218);\n      .selected-chevron {\n        opacity: 1;\n      }\n    }\n  }\n\n  .template-syns-wrapper {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    background-color: #fff;\n    height: 420px;\n    border-radius: 0 0 10px 10px;\n    .right {\n      height: calc(100% - 10px);\n      background-color: #fff;\n      overflow: auto;\n      border-radius: 0 0 10px 0;\n    }\n    .left {\n      overflow: auto;\n      height: calc(100% - 50px);\n      .search-filter {\n        position: relative;\n        margin: 0 12px 12px 12px;\n        .search-input {\n          width: 100%;\n          border: 0 none;\n        }\n        .search-icon {\n          position: absolute;\n          right: 20px;\n          bottom: 8px;\n          width: 13px;\n        }\n      }\n    }\n    .close-icon {\n      position: absolute;\n      right: 40px;\n      top: 8px;\n      width: 13px;\n    }\n\n    .create-template-syn {\n      margin: 0 12px 12px 12px;\n      button {\n        margin-top: 12px;\n        float: right;\n      }\n    }\n  }\n\n  .close-popover {\n    color: var(--charcoal);\n    cursor: pointer;\n  }\n  .hide {\n    opacity: 0;\n    pointer-events: none;\n  }\n  select option:disabled {\n    color: red;\n  }\n  .no-syns {\n    margin: 55px auto;\n    text-align: center;\n    font-size: 14px;\n    display: flex;\n    color: #8f979c;\n    letter-spacing: 0.6px;\n    span {\n      margin: 0 auto;\n    }\n  }\n\n  .template-synonym-list-wrapper {\n    margin-bottom: 46px;\n    width: 400px;\n    color: #8f979c;\n    > span {\n      color: #8f979c;\n      letter-spacing: 0.6px;\n      margin: 12px 12px 6px 12px;\n    }\n    .template-synonym-list {\n      position: relative;\n      margin: 0 12px;\n      .trash-synonym {\n        position: absolute;\n        top: 50%;\n        right: 0px;\n        border: none;\n        background-color: transparent;\n      }\n\n      .custom-input {\n        &.is-translating {\n          filter: blur(2px);\n          pointer-events: none;\n        }\n      }\n    }\n\n    .syn-instances-header {\n      padding: 8px 12px;\n      display: flex;\n      justify-content: space-between;\n\n      .actions {\n        display: flex;\n        gap: 4px;\n        .btn-undo {\n          box-shadow: unset;\n          color: var(--charcoal);\n        }\n      }\n    }\n  }\n  .selected-syn {\n    & > div.top,\n    div form {\n      position: relative;\n      display: grid;\n      grid-template-columns: auto max-content;\n      align-items: end;\n\n      .delete-syn {\n        cursor: pointer;\n        position: absolute;\n        right: 21px;\n        top: 38px;\n      }\n      .rename-syn,\n      .checkmark {\n        cursor: pointer;\n        position: absolute;\n        right: 48px;\n        top: 38px;\n        padding: 0;\n      }\n\n      & > div.input-element {\n        margin: 0 12px;\n        &.disabled-name input {\n          border-bottom: none;\n        }\n      }\n    }\n\n    h3 {\n      margin: 12px 12px 0 12px;\n    }\n  }\n\n  button.btn-ai, button.btn-undo {\n    width: 20px;\n    height: 20px;\n    border-radius: 100px;\n    font-size: 12px;\n    background-color: #fff;\n    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);\n    color: #b47bff;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 0;\n    &:hover {\n      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);\n    }\n  }\n  .new-synonym-form {\n    padding: 0 12px;\n    position: relative;\n    padding-bottom: 24px;\n    // box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n    .new-synonym {\n      position: absolute;\n      top: calc(50% - 12px);\n      right: 16px;\n      transition: 0.2s;\n      font-size: 18px;\n      font-weight: 400;\n      color: rgb(117, 117, 117);\n      border: none;\n      background-color: transparent;\n      &:focus {\n        outline: 0 !important;\n        color: var(--orange-web);\n      }\n    }\n    .ai-synonyms {\n      position: absolute;\n      top: calc(50% - 8px);\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      font-size: 12px;\n      color: var(--ai-primary);\n      right: 38px;\n      transition: 0.2s;\n      border: none;\n      background-color: transparent;\n    }\n    .input-element:focus-within + .new-synonym {\n      color: var(--orange-web);\n    }\n\n    .input-element input::-webkit-input-placeholder {\n      width: 365px;\n    }\n  }\n\n  .rename-form {\n    span {\n      position: absolute;\n      bottom: -14px;\n      left: 12px;\n    }\n  }\n  .active-input {\n    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);\n    background: #fafafa;\n    transition: 0.2s;\n    transform: scale(1.01);\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TemplateSynsPopover.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!./TemplateSynsPopover.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TemplateSynsPopover.vue?vue&type=template&id=153b0af2&\"\nimport script from \"./TemplateSynsPopover.vue?vue&type=script&lang=js&\"\nexport * from \"./TemplateSynsPopover.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TemplateSynsPopover.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!./TemplateSynsPopover.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!./TemplateSynsPopover.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}