{"version":3,"sources":["webpack:///./src/components/icons/IconStar.vue?fae2","webpack:///./src/components/icons/IconStar.vue","webpack:///./src/components/TemplateDataPopover.vue?24e0","webpack:///./src/components/TemplateDataPopover.vue?a6ab","webpack:///src/components/TemplateDataPopover.vue","webpack:///./src/components/TemplateDataPopover.vue?7143","webpack:///./src/components/TemplateDataPopover.vue?0075"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","d","stroke-linejoin","staticRenderFns","script","component","Object","componentNormalizer","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TemplateDataPopover_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_TemplateDataPopover_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","staticClass","backdrop","on","close","$event","$emit","_v","_s","$t","click","stopPropagation","preventDefault","onClose","ref","inputType","name","label","searchPlaceholder","placeholder","autoComplete","focusInputField","input","onFilterChange","filter","model","value","callback","$$v","trim","expression","onEraseFilter","_e","directives","rawName","searching","class","is-selected","selectedDatasetId","onSelectResult","_l","result","key","referenceName","id","title","_f","Date","time","staticStyle","width","toggleFavorite","iconStroke","favoriteDatasets","some","favorite","iconColor","height","searched","$store","state","templateDataSearchResults","length","disabled","loading","hasChanges","onSave","selectedDataset","hasVariations","selectedVariation","for","template","metadata","contentType","change","$$selectedVal","Array","prototype","call","target","options","o","selected","map","val","_value","multiple","domProps","variation","variableGroups","shrink","variable-groups","show-values","margin-top","TemplateDataPopovervue_type_script_lang_js_","props","lockTemplateDataSearch","multiPreview","singleItemToReplace","data","_this","eraser","onFilterChangeDebounce","search","then","variables","methods","dispatch","_this2","templateVariables","currentDatasetId","generateAIContent","mulitPreviewItem","preview","templateMultiplePreview","push","commit","_this3","console","templateId","results","$refs","searchinput","focus","_this4","selectedIsVariation","vars","computed","isDemo","editorIsDemoVersion","resultList","_this5","concat","demoFavoriteList","p","includes","dataFavorites","getters","combinedVars","toConsumableArray","extraVariables","v","_objectSpread","custom","type","reduce","variableGroup","variableHelpers","groupVariables","fixedConnectors","c","components","CustomPopover","VariableSelector","CustomInput","IconBase","IconStar","mounted","components_TemplateDataPopovervue_type_script_lang_js_"],"mappings":"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","file":"js/lazy-view-components-TemplateDataPopover.afb70253.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('g',[_c('path',{attrs:{\"d\":\"M7.57145 6.90533L1.02193 7.85748L5.70907 12.5099L4.53268 19.035L10.4701 15.8899L16.394 19.0604L15.2219 12.5303L20.0238 7.89819L13.4547 6.91794L10.502 1.02028L7.57145 6.90533Z\",\"stroke-linejoin\":\"round\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./IconStar.vue?vue&type=template&id=24028b89&\"\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!./TemplateDataPopover.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!./TemplateDataPopover.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',{staticClass:\"template-data-popover\",attrs:{\"backdrop\":true},on:{\"close\":function($event){return _vm.$emit('close')}}},[_c('div',{staticClass:\"popover-header\"},[_c('div',{staticClass:\"left-side-header\"},[_c('h2',[_vm._v(_vm._s(_vm.$t(\"tp-data-popover.header\")))]),_c('span',{staticClass:\"small\"},[_vm._v(\"- \"+_vm._s(_vm.$t(\"tp-data-popover.small\")))])]),_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:\"d-flex\"},[_c('div',{staticClass:\"popover-step data-selector\"},[_c('div',{staticClass:\"search-filter\"},[_c('custom-input',{ref:\"searchinput\",staticClass:\"search-input\",attrs:{\"inputType\":'text',\"name\":'dataSearchInput',\"label\":_vm.searchPlaceholder,\"placeholder\":_vm.$t('search'),\"autoComplete\":'off',\"focusInputField\":true},on:{\"input\":function($event){return _vm.onFilterChange(_vm.filter)}},model:{value:(_vm.filter),callback:function ($$v) {_vm.filter=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:\"filter\"}}),(_vm.eraser)?_c('div',{staticClass:\"erase-wrapper\",on:{\"click\":function($event){return _vm.onEraseFilter(_vm.filter)}}},[_c('i',{staticClass:\"close-icon fa-light fa-times\"})]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.searching),expression:\"searching\"}]},[_c('i',{staticClass:\"searching fa-light fa-circle-notch fa-spin\"})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.searching),expression:\"!searching\"}],staticClass:\"search-icon\"},[_c('i',{staticClass:\"fa-light fa-search\"})])],1),_c('div',{staticClass:\"result-list custom-scrollbar-light\"},[_c('div',{staticClass:\"result-item\",class:{ 'is-selected': !_vm.selectedDatasetId },on:{\"click\":function($event){return _vm.onSelectResult(null)}}},[_c('div',{staticClass:\"flex-grow-1\"},[_c('div',[_vm._v(_vm._s(_vm.$t(\"tp-data-popover.sample\")))]),_c('div',{staticClass:\"text-muted\"},[_vm._v(_vm._s(_vm.$t(\"tp-data-popover.data-fill\")))])]),_c('i',{staticClass:\"fa-light fa-chevron-right\"})]),_vm._l((_vm.resultList),function(result){return _c('div',{key:result.referenceName,staticClass:\"result-item\",class:{ 'is-selected': result.id === _vm.selectedDatasetId },attrs:{\"title\":result.referenceName},on:{\"click\":function($event){return _vm.onSelectResult(result)}}},[_c('div',{staticClass:\"flex-grow-1\"},[_c('div',[_vm._v(_vm._s(result.referenceName))]),(result.time)?_c('div',{staticClass:\"text-muted\"},[_vm._v(_vm._s(_vm._f(\"dateFormat\")(new Date(result.time),\"DD.MM.YYYY\")))]):_c('div',{staticClass:\"text-muted\"},[_vm._v(_vm._s(result.id))])]),_c('div',{staticClass:\"d-flex align-items-center justify-content-between\",staticStyle:{\"width\":\"40px\"}},[_c('div',{staticClass:\"star-icon\",on:{\"click\":function($event){$event.stopPropagation();return _vm.toggleFavorite(result)}}},[_c('icon-base',{attrs:{\"iconStroke\":_vm.favoriteDatasets.some(function (favorite) { return favorite.id === result.id; })\n                    ? 'var(--flame)'\n                    : 'rgb(158, 167, 172)',\"iconColor\":_vm.favoriteDatasets.some(function (favorite) { return favorite.id === result.id; }) ? 'var(--flame)' : 'none',\"width\":\"14\",\"height\":\"14\"}},[_c('icon-star')],1)],1),_c('i',{staticClass:\"fa-light fa-chevron-right\"})])])}),(!_vm.searching && _vm.searched && _vm.$store.state.templateDataSearchResults.length == 0 && _vm.filter.length)?_c('div',{staticClass:\"no-results text-muted\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"tp-data-popover.no-result1\"))+\" '\"+_vm._s(_vm.filter)+\"' \"+_vm._s(_vm.$t(\"tp-data-popover.no-result2\"))+\"\\n        \")]):_vm._e()],2),_c('div',{staticClass:\"actions\"},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"disabled\":_vm.loading || !_vm.hasChanges},on:{\"click\":_vm.onSave}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"tp-data-popover.save-btn\"))+\"\\n        \")])])]),_c('div',{staticClass:\"popover-step\"},[(_vm.selectedDataset && _vm.selectedDataset.hasVariations == true)?_c('div',{staticClass:\"form-group\"},[_c('label',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.selectedVariation),expression:\"!selectedVariation\"}],staticClass:\"variation-label\",attrs:{\"for\":\"variationSelect\"}},[_vm._v(_vm._s(_vm.$store.state.template.metadata.contentType.name == \"DanDomainClassic\" ? \"Variants\" : \"Variations\"))]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedVariation),expression:\"selectedVariation\"}],staticClass:\"form-control selector\",attrs:{\"disabled\":_vm.loading,\"name\":\"variationSelect\"},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.selectedVariation=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},function($event){return _vm.onSelectResult(_vm.selectedVariation, true)}]}},[_c('option',{domProps:{\"value\":_vm.selectedDataset}},[_vm._v(_vm._s(_vm.selectedDataset.referenceName)+\" \"+_vm._s(_vm.$t(\"tp-data-popover.variation-main\")))]),_vm._l((_vm.selectedDataset.variations),function(variation){return _c('option',{key:variation.id,domProps:{\"value\":variation}},[_vm._v(_vm._s(variation.referenceName))])})],2)]):_vm._e(),(_vm.variableGroups && !_vm.loading)?_c('div',[_c('variable-selector',{staticClass:\"variable-list\",class:{ shrink: _vm.selectedDataset && _vm.selectedDataset.hasVariations == true },attrs:{\"variable-groups\":_vm.variableGroups,\"show-values\":true,\"focusInputField\":false}})],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()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <custom-popover class=\"template-data-popover\" :backdrop=\"true\" @close=\"$emit('close')\">\n    <div class=\"popover-header\">\n      <div class=\"left-side-header\">\n        <h2>{{ $t(\"tp-data-popover.header\") }}</h2>\n        <span class=\"small\">- {{ $t(\"tp-data-popover.small\") }}</span>\n      </div>\n\n      <div class=\"close-popover\" @click.stop.prevent=\"onClose()\">\n        <i class=\"fa-light fa-times\"></i>\n      </div>\n    </div>\n    <div class=\"d-flex\">\n      <div class=\"popover-step data-selector\">\n        <div class=\"search-filter\">\n          <!-- <input ref=\"searchinput\" class=\"search-input\" :placeholder=\"searchPlaceholder\" v-model.trim=\"filter\" @input=\"onFilterChange(filter)\" /> -->\n          <custom-input\n            ref=\"searchinput\"\n            @input=\"onFilterChange(filter)\"\n            class=\"search-input\"\n            v-model.trim=\"filter\"\n            :inputType=\"'text'\"\n            :name=\"'dataSearchInput'\"\n            :label=\"searchPlaceholder\"\n            :placeholder=\"$t('search')\"\n            :autoComplete=\"'off'\"\n            :focusInputField=\"true\"\n          />\n          <div @click=\"onEraseFilter(filter)\" v-if=\"eraser\" class=\"erase-wrapper\">\n            <i class=\"close-icon fa-light fa-times\"></i>\n          </div>\n          <div v-show=\"searching\">\n            <i class=\"searching fa-light fa-circle-notch fa-spin\"></i>\n          </div>\n          <div v-show=\"!searching\" class=\"search-icon\">\n            <i class=\"fa-light fa-search\"></i>\n          </div>\n        </div>\n\n        <div class=\"result-list custom-scrollbar-light\">\n          <div class=\"result-item\" @click=\"onSelectResult(null)\" :class=\"{ 'is-selected': !selectedDatasetId }\">\n            <div class=\"flex-grow-1\">\n              <div>{{ $t(\"tp-data-popover.sample\") }}</div>\n              <div class=\"text-muted\">{{ $t(\"tp-data-popover.data-fill\") }}</div>\n            </div>\n            <i class=\"fa-light fa-chevron-right\"></i>\n          </div>\n          <div\n            v-for=\"result in resultList\"\n            :key=\"result.referenceName\"\n            :class=\"{ 'is-selected': result.id === selectedDatasetId }\"\n            class=\"result-item\"\n            :title=\"result.referenceName\"\n            @click=\"onSelectResult(result)\"\n          >\n            <div class=\"flex-grow-1\">\n              <div>{{ result.referenceName }}</div>\n              <div class=\"text-muted\" v-if=\"result.time\">{{ new Date(result.time) | dateFormat(\"DD.MM.YYYY\") }}</div>\n              <div class=\"text-muted\" v-else>{{ result.id }}</div>\n            </div>\n            <div class=\"d-flex align-items-center justify-content-between\" style=\"width: 40px;\">\n              <div class=\"star-icon\" @click.stop=\"toggleFavorite(result)\">\n                <icon-base\n                  :iconStroke=\"\n                    favoriteDatasets.some((favorite) => favorite.id === result.id)\n                      ? 'var(--flame)'\n                      : 'rgb(158, 167, 172)'\n                  \"\n                  :iconColor=\"favoriteDatasets.some((favorite) => favorite.id === result.id) ? 'var(--flame)' : 'none'\"\n                  width=\"14\"\n                  height=\"14\"\n                >\n                  <icon-star />\n                </icon-base>\n              </div>\n              <i class=\"fa-light fa-chevron-right\"></i>\n            </div>\n          </div>\n          <div\n            v-if=\"!searching && searched && $store.state.templateDataSearchResults.length == 0 && filter.length\"\n            class=\"no-results text-muted\"\n          >\n            {{ $t(\"tp-data-popover.no-result1\") }} '{{ filter }}' {{ $t(\"tp-data-popover.no-result2\") }}\n          </div>\n        </div>\n        <div class=\"actions\">\n          <button @click=\"onSave\" :disabled=\"loading || !hasChanges\" class=\"btn btn-primary\">\n            {{ $t(\"tp-data-popover.save-btn\") }}\n          </button>\n          <!-- <button  @click.stop.prevent=\"onClose()\" class=\"btn btn-secondary\">{{$t('tp-data-popover.cancel-btn')}}</button> -->\n        </div>\n      </div>\n      <div class=\"popover-step\">\n        <div class=\"form-group\" v-if=\"selectedDataset && selectedDataset.hasVariations == true\">\n          <label v-show=\"!selectedVariation\" for=\"variationSelect\" class=\"variation-label\">{{\n            $store.state.template.metadata.contentType.name == \"DanDomainClassic\" ? \"Variants\" : \"Variations\"\n          }}</label>\n          <!-- <i class=\"fa-light fa-chevron-down\"></i> -->\n          <select\n            :disabled=\"loading\"\n            name=\"variationSelect\"\n            class=\"form-control selector\"\n            v-model=\"selectedVariation\"\n            @change=\"onSelectResult(selectedVariation, true)\"\n          >\n            <option :value=\"selectedDataset\"\n              >{{ selectedDataset.referenceName }} {{ $t(\"tp-data-popover.variation-main\") }}</option\n            >\n            <option v-for=\"variation in selectedDataset.variations\" :key=\"variation.id\" :value=\"variation\">{{\n              variation.referenceName\n            }}</option>\n          </select>\n        </div>\n\n        <div v-if=\"variableGroups && !loading\">\n          <variable-selector\n            class=\"variable-list\"\n            :class=\"{ shrink: selectedDataset && selectedDataset.hasVariations == true }\"\n            :variable-groups=\"variableGroups\"\n            :show-values=\"true\"\n            :focusInputField=\"false\"\n          />\n        </div>\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>\n    </div>\n  </custom-popover>\n</template>\n\n<script>\nimport CustomInput from \"@/components/CustomInput\";\nimport CustomPopover from \"@/components/CustomPopover\";\nimport VariableSelector from \"@/components/VariableSelector\";\nimport VariableHelpers from \"@/assets/js/variableHelpers\";\nimport VariableGroup from \"@/assets/js/variableGroup\";\nimport IconBase from \"@/components/icons/IconBase\";\nimport IconStar from \"@/components/icons/IconStar\";\nimport debounce from \"lodash/debounce\";\nexport default {\n  name: \"templateDataPopover\",\n  props: {\n    lockTemplateDataSearch: Boolean,\n    multiPreview: Boolean,\n    singleItemToReplace: Number\n  },\n  data() {\n    return {\n      selectedVariation: null,\n      selectedDatasetId: null,\n      selectedDataset: null,\n      filter: \"\",\n      eraser: false,\n      searching: false,\n      searched: false,\n      onFilterChangeDebounce: debounce((filter) => {\n        if (filter.length) this.search(filter).then(() => (this.searching = false), () => (this.searching = false));\n        else {\n          this.$store.state.templateDataSearchResults = [];\n          this.searching = false;\n        }\n      }, 500),\n      variables: null,\n      loading: false\n    };\n  },\n  methods: {\n    toggleFavorite(result) {\n      this.$store.dispatch(\"toggleFavorites\", result);\n    },\n    onSave() {\n      if (!this.hasChanges && !this.multiPreview) return;\n      this.$store.state.templateVariables = this.variables;\n      this.$store.state.currentDatasetId = this.selectedDatasetId;\n      this.$store\n        .dispatch(\"getTemplatePreview\", {\n          template: this.$store.state.template,\n          variables: this.$store.state.templateVariables,\n          generateAIContent: false\n        })\n        .then((preview) => {\n          if (this.multiPreview == true) {\n            const mulitPreviewItem = {\n              variables: this.$store.state.templateVariables,\n              preview: preview,\n              selectedDataset: this.selectedDataset,\n              loading: false\n            };\n            if (this.singleItemToReplace !== null) {\n              this.$store.state.templateMultiplePreview[this.singleItemToReplace] = mulitPreviewItem;\n            } else {\n              this.$store.state.templateMultiplePreview.push(mulitPreviewItem);\n            }\n          }\n          // this.$store.state.templatePreview = preview;\n          this.$store.commit(\"setTemplatePreview\", preview);\n          this.$store.commit(\"setSelectedDataset\", {\n            selectedDataset: this.selectedVariation ? this.selectedVariation : this.selectedDataset\n          });\n          this.onClose();\n          this.$store.dispatch(\"getTemplatePreviewForSectionType\", \"ai\")\n        });\n    },\n    onClose() {\n      this.$emit(\"close\");\n    },\n    search() {\n      console.log(this.$store.state.template);\n      return this.$store\n        .dispatch(\"searchVariables\", {\n          filter: this.filter,\n          templateId: this.$store.state.template.metadata.id\n        })\n        .then((results) => {\n          this.searched = true;\n          this.$store.state.templateDataSearchResults = results;\n          console.log(results.length);\n        });\n    },\n\n    onEraseFilter(filter) {\n      this.filter = \"\";\n      filter = \"\";\n      this.onFilterChange(filter);\n      this.$refs.searchinput.focus();\n    },\n    onFilterChange(filter) {\n      if (this.filter == \"\") {\n        this.eraser = false;\n      }\n      if (this.filter != \"\") {\n        this.eraser = true;\n      }\n      this.searching = true;\n      this.onFilterChangeDebounce(filter);\n    },\n    onSelectResult(result, selectedIsVariation) {\n      this.selectedVariation = null;\n      this.variables = null;\n      this.selectedDatasetId = result ? result.id : null;\n      if (!selectedIsVariation) this.selectedDataset = result ? result : null;\n      else this.selectedVariation = result ? result : null;\n      this.loading = true;\n      this.$store\n        .dispatch(\"getVariables\", {\n          template: this.$store.state.template.metadata,\n          id: result ? result.id : null\n        })\n        .then(\n          (vars) => {\n            this.variables = vars;\n            this.loading = false;\n          },\n          () => {\n            this.loading = false;\n          }\n        );\n    }\n  },\n  computed: {\n    isDemo() {\n      return this.$store.state.editorIsDemoVersion;\n    },\n    resultList() {\n      if (this.isDemo) {\n        return this.filter\n          ? this.$store.state.templateDataSearchResults\n          : this.favoriteDatasets.concat(\n              this.$store.state.demoFavoriteList.filter((p) => !this.favoriteDatasets.map((p) => p.id).includes(p.id))\n            );\n      } else {\n        return this.filter ? this.$store.state.templateDataSearchResults : this.favoriteDatasets;\n      }\n    },\n    favoriteDatasets() {\n      return this.$store.state.dataFavorites;\n    },\n    hasChanges() {\n      return this.selectedDatasetId !== this.$store.state.currentDatasetId;\n    },\n    variableGroups() {\n      if (!this.selectedDatasetId && !this.variables) return this.$store.getters.variableGroups;\n      if (!this.variables) return null;\n      let combinedVars = [\n        ...(this.variables || []),\n        ...(this.$store.state.template.extraVariables.map((v) => ({\n          custom: true,\n          type: \"Bool\",\n          ...v\n        })) || [])\n      ].reduce((vars, v) => {\n        vars[v.name] = v;\n        return vars;\n      }, {});\n      return new VariableGroup(VariableHelpers.groupVariables(combinedVars));\n    },\n    searchPlaceholder() {\n      if (\n        this.$store.state.fixedConnectors\n          .map((c) => c.value)\n          .filter((c) => c !== \"XmlFeed\")\n          .includes(this.$store.state.template.metadata.contentType.name)\n      ) {\n        return this.$t(\"tp-data-popover.product-search\");\n      } else {\n        switch (this.$store.state.template.metadata.contentType.name) {\n          case \"SoccerMatch\":\n            return this.$t(\"tp-data-popover.soccer-search\");\n          case \"CompanyResume\":\n            return this.$t(\"tp-data-popover.company-search\");\n          case \"PersonResume\":\n            return this.$t(\"tp-data-popover.person-search\");\n          default:\n            return this.$t(\"tp-data-popover.default-search\");\n        }\n      }\n    }\n  },\n  components: {\n    CustomPopover,\n    VariableSelector,\n    CustomInput,\n    IconBase,\n    IconStar\n  },\n  mounted() {\n    this.selectedDatasetId = this.$store.state.currentDatasetId;\n    this.selectedDataset = this.$store.state.selectedDataset;\n    this.variables = this.$store.state.templateVariables;\n  }\n};\n</script>\n\n<style lang=\"less\">\n.template-data-popover {\n  line-height: 1.5;\n  position: absolute;\n  color: var(--charcoal);\n  &.custom-popover {\n    right: calc(50% - (600px / 2));\n    left: unset;\n    top: calc(50% - (400px / 2));\n    &::before {\n      display: none;\n    }\n    .close-button {\n      display: none;\n    }\n  }\n  .search-filter {\n    position: relative;\n    margin: 0 12px 12px 12px;\n    .search-icon,\n    .searching {\n      position: absolute;\n      right: 10px;\n      bottom: 7px;\n      width: 13px;\n    }\n    .searching {\n      bottom: 12px;\n    }\n\n    .close-icon {\n      position: absolute;\n      right: 30px;\n      bottom: 12px;\n      width: 13px;\n    }\n  }\n  .form-group {\n    position: relative;\n    margin: 2px 15px;\n    label.variation-label {\n      position: absolute;\n      top: 4px;\n      margin: 0;\n      padding: 0 4px;\n      // color: #DBDADA !important;\n      font-weight: 400 !important;\n      font-size: 14px !important;\n      // text-transform: uppercase\n    }\n    select:disabled {\n      opacity: 0.5;\n    }\n    .form-control.selector {\n      cursor: pointer;\n      padding: 4px !important;\n    }\n    & > svg {\n      font-size: 12px;\n      position: absolute;\n      right: 8px;\n      top: 10px;\n      pointer-events: none;\n    }\n  }\n\n  .result-list {\n    max-height: calc(300px - 86px);\n    overflow: auto;\n    .result-item {\n      position: relative;\n      display: flex;\n      align-items: center;\n      padding: 5px 20px;\n      cursor: pointer;\n      span {\n        flex-grow: 1;\n      }\n      svg {\n        opacity: 0;\n      }\n      .star-icon svg {\n        opacity: 1;\n      }\n      &:hover {\n        background-color: rgba(219, 218, 218, 0.4);\n        > div > img,\n        svg {\n          opacity: 1;\n        }\n      }\n\n      &.is-selected {\n        background-color: rgba(219, 218, 218);\n        img,\n        svg {\n          opacity: 1;\n        }\n      }\n      .star-icon {\n        margin-top: 1px;\n      }\n    }\n\n    .no-results {\n      text-align: center;\n      padding: 20px;\n    }\n    .fa-chevron-right {\n      font-size: 12px;\n    }\n  }\n\n  .data-selector {\n    min-height: 342px;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    .actions {\n      position: absolute;\n      display: flex;\n      gap: 12px;\n      bottom: 12px;\n      left: 12px;\n      // align-self: flex-end;\n    }\n  }\n\n  .variable-list {\n    padding-top: 0;\n    padding-bottom: 0;\n    width: 300px;\n    // min-height: 300px;\n    .variable-list-wrapper {\n      max-height: 250px;\n      overflow: auto;\n    }\n  }\n  div.variable-selector.variable-list.shrink {\n    // min-height: calc(300px - 51px);\n    .variable-list-wrapper {\n      max-height: calc(260px - 51px);\n    }\n  }\n  .popover-header {\n    color: var(--charcoal);\n    .left-side-header {\n      display: flex;\n      gap: 12px;\n      align-items: center;\n      h2 {\n        margin: 0;\n      }\n    }\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!./TemplateDataPopover.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!./TemplateDataPopover.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TemplateDataPopover.vue?vue&type=template&id=14b3af62&\"\nimport script from \"./TemplateDataPopover.vue?vue&type=script&lang=js&\"\nexport * from \"./TemplateDataPopover.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TemplateDataPopover.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":""}