{"version":3,"sources":["webpack:///./src/components/VariableInUseSelector.vue?e01f","webpack:///./src/components/VariableInUseSelector.vue?fea7","webpack:///src/components/VariableInUseSelector.vue","webpack:///./src/components/VariableInUseSelector.vue?a5d8","webpack:///./src/components/VariableInUseSelector.vue?0e0e"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VariableInUseSelector_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_VariableInUseSelector_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticClass","class","has-focus","hasFocus","attrs","title","variable","name","_v","_s","count","directives","rawName","value","expression","id","on","change","$event","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","multiple","domProps","_l","values","v","variation","index","key","_e","staticRenderFns","VariableInUseSelectorvue_type_script_lang_js_","props","variations","data","methods","onValueChange","_this","$store","dispatch","template","variables","then","commit","preview","EventBus","computed","displayName","includes","substring","lastIndexOf","length","replace","get","set","mounted","components_VariableInUseSelectorvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__"],"mappings":"8IAAA,IAAAA,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAA2hBE,EAAG,mECA9hB,IAAAE,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAF,EAAA,SAAAI,EAAA,OAAgCE,YAAA,2BAAAC,MAAA,CAA8CC,YAAAR,EAAAS,WAA6B,CAAAL,EAAA,OAAAA,EAAA,QAAuBE,YAAA,OAAAI,MAAA,CAA0BC,MAAAX,EAAAY,SAAAC,OAA2B,CAAAb,EAAAc,GAAA,IAAAd,EAAAe,GAAAf,EAAAa,MAAA,QAAAT,EAAA,QAAiDE,YAAA,QAAAI,MAAA,CAA2BC,MAAA,+BAAAX,EAAAgB,QAAoD,CAAAhB,EAAAc,GAAA,IAAAd,EAAAe,GAAAf,EAAAgB,OAAA,UAAAZ,EAAA,UAAsDa,WAAA,EAAaJ,KAAA,QAAAK,QAAA,UAAAC,MAAAnB,EAAA,MAAAoB,WAAA,UAAoEd,YAAA,qBAAAI,MAAA,CAA0CG,KAAAb,EAAAY,SAAAC,KAAAQ,GAAArB,EAAAY,SAAAC,MAAgDS,GAAA,CAAKC,OAAA,SAAAC,GAA0B,IAAAC,EAAAC,MAAAC,UAAAC,OAAAC,KAAAL,EAAAM,OAAAC,QAAA,SAAAC,GAAkF,OAAAA,EAAAC,WAAkBC,IAAA,SAAAF,GAAkB,IAAAG,EAAA,WAAAH,IAAAI,OAAAJ,EAAAb,MAA6C,OAAAgB,IAAanC,EAAAmB,MAAAK,EAAAM,OAAAO,SAAAZ,IAAA,MAAuE,CAAArB,EAAA,UAAekC,SAAA,CAAUnB,MAAAnB,EAAAY,SAAAO,QAA4B,CAAAnB,EAAAc,GAAAd,EAAAe,GAAAf,EAAAY,SAAAO,UAAAnB,EAAAuC,GAAAvC,EAAAwC,OAAAZ,OAAA,SAAAa,GAA+E,OAAAA,GAAAzC,EAAAmB,QAAyB,SAAAuB,EAAAC,GAA6B,OAAAvC,EAAA,UAAoBwC,IAAAD,EAAAL,SAAA,CAAoBnB,MAAAuB,IAAmB,CAAA1C,EAAAc,GAAAd,EAAAe,GAAA2B,SAA8B,KAAA1C,EAAA6C,MAC1pCC,EAAA,6ECgBeC,EAAA,CACfC,OACApC,gBACAI,aACAiC,mBAEAC,gBACA,OACAzC,YACA+B,YAGAW,SACAC,0BAAA,IAAAC,EAAApD,KACAA,KAAAW,SAAAO,QACAlB,KAAAqD,OACAC,+BACAC,oCACAC,gDAEAC,iBAEAL,EAAAC,OAAAK,OAAA,qBAAAC,KAEAC,sDAGAC,UACAjD,gBAEA,OAAAZ,KAAAW,SAAAmD,aAAA9D,KAAAW,SAAAC,KAAAmD,SAAA,KACA/D,KAAAW,SAAAC,KAAAoD,UAAAhE,KAAAW,SAAAC,KAAAqD,YAAA,OAAAjE,KAAAW,SAAAC,KAAAsD,OAAA,GAEAlE,KAAAW,SAAAmD,YAAA9D,KAAAW,SAAAmD,YAAA9D,KAAAW,SAAAC,KAAAuD,QAAA,aAEAjD,OACAkD,eACA,OAAApE,KAAAW,SAAAO,OAEAmD,gBACArE,KAAAmD,cAAAjC,MAIAoD,mBACAtE,KAAAuC,OAAAvC,KAAAgD,YAAAhD,KAAAgD,WAAAhD,KAAAgD,WAAAT,OAAA,KC9D+VgC,EAAA,0BCQ/VC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAzE,EACA+C,GACF,EACA,KACA,KACA,MAIe8B,EAAA,WAAAH","file":"js/lazy-view-components-VariableInUseSelector.e30d43fe.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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&\"","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"],"sourceRoot":""}