{"version":3,"sources":["webpack:///./src/components/icons/IconStar.vue?fae2","webpack:///./src/components/icons/IconStar.vue","webpack:///./src/components/Variables.vue?66bb","webpack:///src/components/Variables.vue","webpack:///./src/components/Variables.vue?d4b1","webpack:///./src/components/Variables.vue?404d","webpack:///./src/components/VariableInUseSelector.vue?e01f","webpack:///./src/components/Variables.vue?0522","webpack:///./src/components/VariableInUseSelector.vue?fea7","webpack:///src/components/VariableInUseSelector.vue","webpack:///./src/components/VariableInUseSelector.vue?a5d8","webpack:///./src/components/VariableInUseSelector.vue?0e0e","webpack:///./src/components/VariableInUse.vue?306f","webpack:///src/components/VariableInUse.vue","webpack:///./src/components/VariableInUse.vue?2c92","webpack:///./src/components/VariableInUse.vue?26ef","webpack:///./src/components/VariableInUse.vue?fe52"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","d","stroke-linejoin","staticRenderFns","script","component","Object","componentNormalizer","__webpack_exports__","id","staticClass","on","click","$event","toggleFavorite","selectedDataset","staticStyle","margin-left","iconStroke","favoriteDatasets","some","favorite","iconColor","width","height","_e","class","_v","_s","referenceName","$t","slot","_m","directives","name","rawName","value","expression","placeholder","domProps","input","target","composing","filter","onFilterChange","onEraseFilter","_l","count","key","isDemo","demoIsOther","variantVariations","v","indexOf","variable","$store","getters","combinedVariables","variations","find","Variablesvue_type_script_lang_js_","__webpack_require__","data","eraser","showTemplateDataPopover","methods","dispatch","dataSet","getDemoVariations","console","computed","variablesInTemplate","variableHelpers","countVariablesInTemplate","state","template","dataName","_this","templateDataSearchResults","item","currentDatasetId","currentDataSet","_this2","dataFavorites","editorIsDemoVersion","demoData","metadata","demoType","toLowerCase","includes","demoHelper","getVariantVariationSets","created","mounted","components","VariableInUse","VariableInUseSelector","IconBase","IconStar","components_Variablesvue_type_script_lang_js_","_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_VariableInUseSelector_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_VariableInUseSelector_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","_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_Variables_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_Variables_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","has-focus","hasFocus","title","change","$$selectedVal","Array","prototype","call","options","o","selected","map","val","_value","multiple","values","variation","index","VariableInUseSelectorvue_type_script_lang_js_","props","onValueChange","variables","then","commit","preview","EventBus","displayName","substring","lastIndexOf","length","replace","get","set","components_VariableInUseSelectorvue_type_script_lang_js_","$refs","searchInput","focus","ref","disabled","custom","blur","VariableInUsevue_type_script_lang_js_","components_VariableInUsevue_type_script_lang_js_","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VariableInUse_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VariableInUse_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/lazy-view-components-Variables.d09255e1.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"variables\"}},[_c('div',{staticClass:\"d-flex\"},[(_vm.selectedDataset)?_c('div',{staticClass:\"star-icon\",on:{\"click\":function($event){return _vm.toggleFavorite(_vm.selectedDataset)}}},[_c('icon-base',{staticStyle:{\"margin-left\":\"45px\"},attrs:{\"iconStroke\":_vm.favoriteDatasets.some(function (favorite) { return favorite.id === _vm.selectedDataset.id; })\n            ? 'var(--flame)'\n            : 'rgb(158, 167, 172)',\"iconColor\":_vm.favoriteDatasets.some(function (favorite) { return favorite.id === _vm.selectedDataset.id; }) ? 'var(--flame)' : 'none',\"width\":\"14\",\"height\":\"14\"}},[_c('icon-star')],1)],1):_vm._e(),_c('h3',{staticClass:\"data-name-ref\",class:_vm.selectedDataset ? '' : 'data-name-ref-title'},[_vm._v(\"\\n      \"+_vm._s(_vm.selectedDataset ? _vm.selectedDataset.referenceName : _vm.$t(\"variables.example\"))+\"\\n    \")])]),_c('div',{staticClass:\"settings-panel-area-header d-flex\"},[_c('h4',{staticClass:\"flex-grow-1\"},[_vm._v(_vm._s(_vm.$t(\"variables.header\")))])]),_c('div',{staticClass:\"variables\",attrs:{\"slot\":\"content\"},slot:\"content\"},[_c('div',{staticClass:\"filter-variables-wrap\"},[_vm._m(0),_c('div',{staticClass:\"search-wrap\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.filter),expression:\"filter\"}],staticClass:\"filter-variables\",attrs:{\"placeholder\":_vm.$t('variables.search-ph')},domProps:{\"value\":(_vm.filter)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.filter=$event.target.value},function($event){return _vm.onFilterChange(_vm.filter)}]}}),(_vm.eraser)?_c('div',{on:{\"click\":function($event){return _vm.onEraseFilter(_vm.filter)}}},[_c('i',{staticClass:\"close-icon fas fa-times\"})]):_vm._e()])]),_c('div',{staticClass:\"custom-scrollbar hide-bottom-scrollbar variables-in-use-wrapper\"},_vm._l((_vm.variablesInTemplate),function(count,name){return _c('div',{key:name},[(_vm.isDemo && _vm.demoIsOther && _vm.variantVariations.some(function (v) { return v.name == name; }))?_c('variable-in-use-selector',{directives:[{name:\"show\",rawName:\"v-show\",value:(name.indexOf(_vm.filter) > -1),expression:\"name.indexOf(filter) > -1\"}],attrs:{\"count\":count,\"variable\":_vm.$store.getters.combinedVariables[name],\"variations\":_vm.variantVariations.find(function (v) { return v.name == name; })}}):_c('variable-in-use',{directives:[{name:\"show\",rawName:\"v-show\",value:(name.indexOf(_vm.filter) > -1 && !_vm.demoIsOther),expression:\"name.indexOf(filter) > -1 && !demoIsOther\"}],attrs:{\"count\":count,\"variable\":_vm.$store.getters.combinedVariables[name]}})],1)}),0)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"filter-variables-icon\"},[_c('i',{staticClass:\"fa-light fa-search\"})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"variables\">\n    <div class=\"d-flex\">\n      <div v-if=\"selectedDataset\" class=\"star-icon\" @click=\"toggleFavorite(selectedDataset)\">\n        <icon-base\n          style=\"margin-left: 45px;\"\n          :iconStroke=\"\n            favoriteDatasets.some((favorite) => favorite.id === selectedDataset.id)\n              ? 'var(--flame)'\n              : 'rgb(158, 167, 172)'\n          \"\n          :iconColor=\"favoriteDatasets.some((favorite) => favorite.id === selectedDataset.id) ? 'var(--flame)' : 'none'\"\n          width=\"14\"\n          height=\"14\"\n          ><icon-star\n        /></icon-base>\n      </div>\n      <h3 class=\"data-name-ref\" :class=\"selectedDataset ? '' : 'data-name-ref-title'\">\n        {{ selectedDataset ? selectedDataset.referenceName : $t(\"variables.example\") }}\n      </h3>\n    </div>\n\n    <div class=\"settings-panel-area-header d-flex\">\n      <h4 class=\"flex-grow-1\">{{ $t(\"variables.header\") }}</h4>\n    </div>\n\n    <div class=\"variables\" slot=\"content\">\n      <div class=\"filter-variables-wrap\">\n        <div class=\"filter-variables-icon\">\n          <i class=\"fa-light fa-search\"></i>\n        </div>\n        <div class=\"search-wrap\">\n          <input\n            class=\"filter-variables\"\n            :placeholder=\"$t('variables.search-ph')\"\n            v-model=\"filter\"\n            @input=\"onFilterChange(filter)\"\n          />\n          <div @click=\"onEraseFilter(filter)\" v-if=\"eraser\"><i class=\"close-icon fas fa-times\"></i></div>\n        </div>\n      </div>\n      <div\n        class=\"custom-scrollbar hide-bottom-scrollbar variables-in-use-wrapper\"\n      >\n      \n        <div v-for=\"(count, name) in variablesInTemplate\" :key=\"name\">\n          <variable-in-use-selector\n            v-if=\"isDemo && demoIsOther && variantVariations.some((v) => v.name == name)\"\n            :count=\"count\"\n            :variable=\"$store.getters.combinedVariables[name]\"\n            :variations=\"variantVariations.find((v) => v.name == name)\"  \n            v-show=\"name.indexOf(filter) > -1\"\n          />\n          <variable-in-use\n            v-else\n            :count=\"count\"\n            :variable=\"$store.getters.combinedVariables[name]\"\n            v-show=\"name.indexOf(filter) > -1 && !demoIsOther\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nconst variations = require(\"@/assets/data/variableVariationsOtherHouse.json\");\nimport VariableInUse from \"@/components/VariableInUse\";\nimport VariableInUseSelector from \"@/components/VariableInUseSelector\";\nimport VariableHelpers from \"@/assets/js/variableHelpers.js\";\nimport IconBase from \"@/components/icons/IconBase\";\nimport IconStar from \"@/components/icons/IconStar\";\nimport demoHelper from \"../assets/js/demoHelper\";\nexport default {\n  data() {\n    return {\n      filter: \"\",\n      eraser: false,\n      showTemplateDataPopover: false,\n      // variantVariations: variations\n    };\n  },\n  methods: {\n    toggleFavorite(dataSet) {\n      this.$store.dispatch(\"toggleFavorites\", dataSet);\n    },\n    onEraseFilter(filter) {\n      this.filter = \"\";\n      filter = \"\";\n      this.onFilterChange(filter);\n    },\n\n    onFilterChange(filter) {\n      if (this.filter == \"\") {\n        this.eraser = false;\n      }\n      if (this.filter != \"\") {\n        this.eraser = true;\n      }\n    },\n    getDemoVariations(){\n      console.log(this.$store.state.demoData.metadata.demoType)\n      console.log(demoHelper.getVariantVariationSets(this.$store.state.demoData.metadata.demoType))\n      // this.variantVariations = demoHelper.getVariantVariationSets(this.$store.state.demoData.metadata.demoType)\n    }\n  },\n  computed: {\n    variablesInTemplate() {\n      // let vars = this.$store.state.templateSectionBeingEdited\n      //   ? VariableHelpers.countVariablesInTemplate({ sections: [this.$store.state.templateSectionBeingEdited] })\n      //   : VariableHelpers.countVariablesInTemplate(this.$store.state.template);\n      // return vars;\n      return VariableHelpers.countVariablesInTemplate(this.$store.state.template)\t\n    },\n    dataName: function() {\n      return this.$store.state.templateDataSearchResults.find((item) => item.id === this.$store.state.currentDatasetId);\n    },\n    currentDataSet() {\n      return (\n        this.$store.state.templateDataSearchResults.find((item) => item.id === this.$store.state.currentDatasetId) ||\n        this.$store.state.dataFavorites.find((item) => item.id === this.$store.state.currentDatasetId)\n      );\n    },\n    favoriteDatasets() {\n      return this.$store.state.dataFavorites;\n    },\n    selectedDataset() {\n      return this.$store.state.selectedDataset;\n    },\n    isDemo() {\n      return this.$store.state.editorIsDemoVersion;\n    },\n    demoIsOther() {\n      return this.$store.state.demoData && this.$store.state.demoData.metadata.demoType.toLowerCase().includes(\"other\")\n    },\n    variantVariations(){\n      return demoHelper.getVariantVariationSets(this.$store.state.demoData.metadata.demoType) \n    }\n  },\n  // created(){\n\n  //     let usedVars = Object.keys(this.variablesInTemplate).length\n  //     console.log(\"Number of variables already in use!\" , usedVars )\n  //     let templateNames =  this.$store.state.templateVariables.map(v => v.displayName)\n  //     console.log(\"Number of total variables in dataset!\" , templateNames.length )\n  //     let varProgress =  `${usedVars} variables out of ${templateNames.length} used `\n  // \tconsole.log(varProgress)\n\n  // \tEventBus.$emit('usedVars', usedVars);\n  // \tEventBus.$emit('allVars', templateNames.length);\n\n  // },\n  created() {\n    this.$store.state.selectedDataset = null;\n  },\n  mounted(){\n    console.log(\"Variable sidemenu mounted\")\n    if(this.isDemo) this.getDemoVariations()\n  },\n  \n  components: {\n    VariableInUse,\n    VariableInUseSelector,\n    IconBase,\n    IconStar\n  }\n};\n</script>\n\n<style lang=\"less\">\n.template-data-popover-toggle {\n  position: relative;\n}\n.data-name-ref-title {\n  font-family: \"Roboto\", sans-serif !important;\n  text-transform: unset !important;\n  color: #fff;\n  padding: 0 45px;\n  font-size: 18px;\n  font-weight: 900;\n}\n.data-name-ref {\n  color: #fff;\n  margin-left: 4px;\n  font-size: 15px;\n  margin-bottom: 30px;\n}\n.filter-variables-wrap {\n  position: relative;\n  margin: 10px 45px 0;\n  display: flex;\n  align-items: center;\n\n  .filter-variables {\n    width: 100%;\n    background: transparent;\n    border: 0;\n    padding-left: 12px;\n    height: 30px;\n    outline: none;\n    color: #fff;\n\n    &::placeholder {\n      color: #fff;\n    }\n  }\n\n  .filter-variables-icon {\n    color: #fff;\n    // position: absolute;\n    // left: 0;\n    // top: 9px;\n    // width: 15px;\n  }\n\n  .search-wrap {\n    display: flex;\n    flex-direction: row;\n\n    svg {\n      color: #fafafa;\n      align-self: center;\n    }\n  }\n}\n.variables-in-use-wrapper {\n  border-bottom: 1px solid #485258; padding-bottom:10px;\n  max-height: calc(60vh - 30px); \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!./Variables.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!./Variables.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Variables.vue?vue&type=template&id=ff7dbac0&\"\nimport script from \"./Variables.vue?vue&type=script&lang=js&\"\nexport * from \"./Variables.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Variables.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!./VariableInUseSelector.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!./VariableInUseSelector.vue?vue&type=style&index=0&lang=less&\"","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!./Variables.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!./Variables.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 (_vm.variable)?_c('div',{staticClass:\"variable-in-use-selector\",class:{ 'has-focus': _vm.hasFocus }},[_c('div',[_c('span',{staticClass:\"name\",attrs:{\"title\":_vm.variable.name}},[_vm._v(\" \"+_vm._s(_vm.name)+\": \")]),_c('span',{staticClass:\"count\",attrs:{\"title\":'Times used in the template: ' + _vm.count}},[_vm._v(\" \"+_vm._s(_vm.count)+\"x \")])]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value),expression:\"value\"}],staticClass:\"variation-selector\",attrs:{\"name\":_vm.variable.name,\"id\":_vm.variable.name},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.value=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{domProps:{\"value\":_vm.variable.value}},[_vm._v(_vm._s(_vm.variable.value))]),_vm._l((_vm.values.filter(function (v) { return v != _vm.value; })),function(variation,index){return _c('option',{key:index,domProps:{\"value\":variation}},[_vm._v(_vm._s(variation))])})],2)]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"{ 'has-focus': hasFocus }\" class=\"variable-in-use-selector\" v-if=\"variable\">\n    <div>\n      <span :title=\"variable.name\" class=\"name\"> {{ name }}: </span>\n      <span class=\"count\" :title=\"'Times used in the template: ' + count\"> {{ count }}x </span>\n    </div>\n    <select :name=\"variable.name\" :id=\"variable.name\" v-model=\"value\" class=\"variation-selector\">\n      <option :value=\"variable.value\">{{ variable.value }}</option>\n      <option v-for=\"(variation, index) in values.filter((v) => v != value)\" :key=\"index\" :value=\"variation\">{{\n        variation\n      }}</option>\n    </select>\n  </div>\n</template>\n\n<script>\nimport EventBus from \"@/assets/js/eventBus.js\";\nexport default {\n  props: {\n    variable: Object,\n    count: Number,\n    variations: Object\n  },\n  data() {\n    return {\n      hasFocus: false,\n      values: []\n    };\n  },\n  methods: {\n    onValueChange(value) {\n      this.variable.value = value;\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      EventBus.$emit(\"variable-change\", this.variable);\n    }\n  },\n  computed: {\n    name() {\n      // if this.variable.name -> contains ' _ ' and does not have a displayName, we should assume that its an extraVariable?\n      if (!this.variable.displayName && this.variable.name.includes(\"_\"))\n        return this.variable.name.substring(this.variable.name.lastIndexOf(\"_\") + 1, this.variable.name.length - 1);\n      // Formatting the extra-variables\n      else return this.variable.displayName ? this.variable.displayName : this.variable.name.replace(/[{}]/g, \"\");\n    },\n    value: {\n      get() {\n        return this.variable.value;\n      },\n      set(value) {\n        this.onValueChange(value);\n      }\n    }\n  },\n  mounted() {\n    this.values = this.variations && this.variations ? this.variations.values : [];\n  }\n};\n</script>\n\n<style lang=\"less\">\n\n\n.variable-in-use-selector{\n    margin:0  calc(45px - 12px);\n    padding: 0 12px;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    margin-bottom: 8px;\n  .count{\n    opacity: 0.4;\n  }\n  .name {\n    font-weight: 500;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n  .variation-selector{\n    background: inherit;\n    color: var(--alabaster);\n    border-radius: 4px;\n    padding: 4px;\n\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!./VariableInUseSelector.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!./VariableInUseSelector.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VariableInUseSelector.vue?vue&type=template&id=47053df6&\"\nimport script from \"./VariableInUseSelector.vue?vue&type=script&lang=js&\"\nexport * from \"./VariableInUseSelector.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VariableInUseSelector.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 (_vm.variable)?_c('div',{staticClass:\"variable-in-use\",class:{ 'has-focus': _vm.hasFocus },on:{\"click\":function($event){return _vm.$refs.searchInput.focus()}}},[_c('span',{staticClass:\"count\"},[_vm._v(\"\\n            \"+_vm._s(_vm.count)+\"x\\n        \")]),_c('span',{staticClass:\"name\",attrs:{\"title\":_vm.variable.name}},[_vm._v(\"\\n            \"+_vm._s(_vm.name)+\":\\n        \")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value),expression:\"value\"}],ref:\"searchInput\",attrs:{\"disabled\":_vm.variable.custom,\"placeholder\":_vm.variable.custom ? this.$t('variables.calculated') : this.$t('variables.enter')},domProps:{\"value\":(_vm.value)},on:{\"blur\":function($event){_vm.hasFocus = false},\"focus\":function($event){_vm.hasFocus = true},\"input\":function($event){if($event.target.composing){ return; }_vm.value=$event.target.value}}})]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div\n\t\t\t:class=\"{ 'has-focus': hasFocus }\"\n\t\t\t@click=\"$refs.searchInput.focus()\"\n\t\t\tclass=\"variable-in-use\"\n\t\t\tv-if=\"variable\"\n\t>\n        <span class=\"count\">\n            {{count}}x\n        </span>\n\t\t<span :title=\"variable.name\" class=\"name\">\n            {{name}}:\n        </span>\n\t\t<input :disabled=\"variable.custom\"\n\t\t\t:placeholder=\"variable.custom ? this.$t('variables.calculated') : this.$t('variables.enter')\"\n\t\t\t@blur=\"hasFocus = false\"\n\t\t\t@focus=\"hasFocus = true\"\n\t\t\tref=\"searchInput\"\n\t\t\tv-model=\"value\"\n\t\t/>\n\t</div>\n</template>\n\n<script>\n\timport EventBus from '@/assets/js/eventBus.js'\n\timport debounce from 'lodash/debounce'\n\n\texport default {\n\t\tprops: ['variable', 'count'],\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tonValueChange: debounce(value => {\n\t\t\t\t\tthis.variable.value = value\n\t\t\t\t\tthis.$store.dispatch('getTemplatePreview', {\n\t\t\t\t\t\ttemplate: this.$store.state.template,\n\t\t\t\t\t\tvariables: this.$store.state.templateVariables\n\t\t\t\t\t}).then(preview => {\n\t\t\t\t\t\t// this.$store.state.templatePreview = preview\n\t\t\t\t\t\tthis.$store.commit(\"setTemplatePreview\", preview);\n\t\t\t\t\t})\n\t\t\t\t\tEventBus.$emit('variable-change', this.variable)\n\t\t\t\t}, 500),\n\t\t\t\thasFocus: false\n\t\t\t}\n\t\t},\n\t\tcomputed: {\n\t\t\tname() {\n\t\t\t\t// if this.variable.name -> contains ' _ ' and does not have a displayName, we should assume that its an extraVariable?\n\t\t\t\tif(!this.variable.displayName && this.variable.name.includes('_')) return this.variable.name.substring(this.variable.name.lastIndexOf('_') +1,this.variable.name.length-1 ) // Formatting the extra-variables\n\t\t\t\telse return this.variable.displayName ? this.variable.displayName : this.variable.name.replace(/[{}]/g, '');\n\t\t\t},\n\t\t\tvalue: {\n\t\t\t\tget() {\n\t\t\t\t\treturn this.variable.value\n\t\t\t\t},\n\t\t\t\tset(value) {\n\t\t\t\t\tthis.onValueChange(value)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n</script>\n\n<style lang=\"less\">\n\t.variable-in-use {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcolor: #8F979C;\n\t\tpadding: 0 0 0 45px;\n\t\tline-height: 30px;\n\t\tposition: relative;\n\n\t\t.count {\n\t\t\tposition: absolute;\n\t\t\twidth: 45px;\n\t\t\tleft: 0;\n\t\t\ttext-align: center;\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.name {\n\t\t\tfont-weight: 500;\n\t\t\twhite-space: nowrap;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\tflex: 1 0 auto;\n\t\t}\n\n\t\tinput {\n\t\t\t// flex: 0;\n\t\t\tbackground: transparent;\n\t\t\tborder: none;\n\t\t\toutline: none;\n\t\t\tcolor: inherit;\n\t\t\tpadding: 0 0 0 10px;\n\t\t}\n\n\t\t&:hover, &.has-focus {\n\t\t\tbackground-color: rgba(143, 151, 156, .5);\n\t\t\tcolor: #fff;\n\n\t\t\t.name {\n\t\t\t\tflex: 1 1 auto;\n\t\t\t}\n\n\t\t\tinput {\n\t\t\t\tflex-grow: 1;\n\n\t\t\t\t&::placeholder {\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\n\t\t\t}\n\t\t}\n\n\t\t&:hover .count {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t&.align-right{\n\t\t\tinput{\n\t\t\t\ttext-align: right;\n\t\t\t\tpadding-right: 10px;\n\t\t\t}\n\t\t}\n\t}\n\n</style>\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariableInUse.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariableInUse.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VariableInUse.vue?vue&type=template&id=2cf15036&\"\nimport script from \"./VariableInUse.vue?vue&type=script&lang=js&\"\nexport * from \"./VariableInUse.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VariableInUse.vue?vue&type=style&index=0&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariableInUse.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariableInUse.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}