{"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/SettingsPanelAreaHeader.vue?b7d5","webpack:///./src/components/Collapsible.vue?2441","webpack:///src/components/Collapsible.vue","webpack:///./src/components/Collapsible.vue?125e","webpack:///./src/components/Collapsible.vue?78a8","webpack:///./src/components/SettingsPanelAreaHeader.vue?1ab2","webpack:///src/components/SettingsPanelAreaHeader.vue","webpack:///./src/components/SettingsPanelAreaHeader.vue?b444","webpack:///./src/components/SettingsPanelAreaHeader.vue?bf5d","webpack:///./src/components/VariableInUseSelector.vue?e01f","webpack:///./src/assets/svg/chevronUp.svg","webpack:///./src/components/SettingsPanel.vue?69c7","webpack:///src/components/SettingsPanel.vue","webpack:///./src/components/SettingsPanel.vue?fe2b","webpack:///./src/components/SettingsPanel.vue?d036","webpack:///./src/assets/js/sentencePreview.js","webpack:///./src/components/Variables.vue?0522","webpack:///./src/components/Collapsible.vue?0540","webpack:///./src/components/SettingsPanel.vue?9fa5","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/Preview.vue?12be","webpack:///./src/components/Preview.vue?1c73","webpack:///src/components/Preview.vue","webpack:///./src/components/Preview.vue?e445","webpack:///./src/components/Preview.vue?329a","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_SettingsPanelAreaHeader_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_SettingsPanelAreaHeader_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","collapsed","style","stopPropagation","preventDefault","toggle","_t","after-enter","calcHeight","before-leave","Collapsiblevue_type_script_lang_js_","collapsingHeight","props","isCollapsed","type","default","disabled","watch","immediate","handler","cssProps","--collapse-height","$emit","$slots","content","elm","clientHeight","components_Collapsiblevue_type_script_lang_js_","header","open","src","SettingsPanelAreaHeadervue_type_script_lang_js_","plusMinus","components_SettingsPanelAreaHeadervue_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","module","exports","p","editorOpen","tooltip","tooltip-placement","flip-chevron","SettingsPanelvue_type_script_lang_js_","EventBus","closePanel","openPanel","enableComparisonView","unlockPanel","Variables","components_SettingsPanelvue_type_script_lang_js_","linkRegEx","RegExp","SentencePreview","sentence","sectionId","variables","_home_runner_work_ICRobotics_ICRobotics_Sites_App_robotics_app_node_modules_babel_runtime_corejs2_helpers_esm_classCallCheck_js__WEBPACK_IMPORTED_MODULE_4__","_home_runner_work_ICRobotics_ICRobotics_Sites_App_robotics_app_node_modules_babel_runtime_corejs2_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_6__","_home_runner_work_ICRobotics_ICRobotics_Sites_App_robotics_app_node_modules_babel_runtime_corejs2_helpers_esm_createClass_js__WEBPACK_IMPORTED_MODULE_5__","get","path","length","isLeaf","text","replace","undefined","sentences","map","s","event","element","section","posX","clientX","posY","clientY","el","document","createElement","setAttribute","depth","index","classList","add","addEventListener","onClick","innerHTML","forEach","appendChild","getAsHtml","getAsString","join","_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","_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_Collapsible_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_Collapsible_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","_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_SettingsPanel_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_SettingsPanel_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","val","_value","multiple","values","variation","VariableInUseSelectorvue_type_script_lang_js_","onValueChange","then","commit","preview","displayName","substring","lastIndexOf","set","components_VariableInUseSelectorvue_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_Preview_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_Preview_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","is-collapsed","scopedSlots","_u","fn","collapsible","previewText","Previewvue_type_script_lang_js_","sentencePreview","Collapsible","SettingsPanelAreaHeader","components_Previewvue_type_script_lang_js_","$refs","searchInput","focus","ref","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-SettingsPanel.11b0928c.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!./SettingsPanelAreaHeader.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!./SettingsPanelAreaHeader.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"collapsible\",class:{ collapsed: _vm.collapsed },style:(_vm.cssProps)},[_c('div',{staticClass:\"toggle\",on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.toggle($event)}}},[_vm._t(\"toggle\",null,{\"collapsed\":_vm.collapsed})],2),_c('transition',{attrs:{\"name\":\"expand\"},on:{\"after-enter\":_vm.calcHeight,\"before-leave\":_vm.calcHeight}},[(!_vm.collapsed)?_vm._t(\"content\",null,{\"collapsed\":_vm.collapsed}):_vm._e()],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"{ collapsed: collapsed }\" class=\"collapsible\" :style=\"cssProps\">\n    <div @click.stop.prevent=\"toggle\" class=\"toggle\">\n      <slot :collapsed=\"collapsed\" name=\"toggle\"></slot>\n    </div>\n    <transition name=\"expand\" @after-enter=\"calcHeight\" @before-leave=\"calcHeight\" >\n      <slot :collapsed=\"collapsed\" name=\"content\" v-if=\"!collapsed\"></slot>\n    </transition>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"Collapsible\",\n  data() {\n    return {\n      collapsed: true,\n      collapsingHeight: 400,\n    };\n  },\n  props: {\n    isCollapsed: {\n      type: Boolean,\n      default: true,\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    }\n  },\n  watch: {\n    isCollapsed: {\n      immediate: true,\n      handler(collapsed) {\n        this.collapsed = collapsed;\n      },\n    },\n  },\n  computed: {\n    cssProps() {\n      return { \"--collapse-height\": this.collapsingHeight + \"px\" };\n    },\n  },\n  methods: {\n    toggle() {\n      if( this.disabled ) return\n      this.collapsed = !this.collapsed;\n      this.$emit(\"toggled\", this.collapsed);\n    },\n\n    calcHeight() {\n      this.collapsingHeight = this.$slots.content[0].elm.clientHeight\n    },\n\n    // closePanel(){\n    // \tthis.collapsed = true;\n    // },\n    // openPanel(){\n    // \tthis.collapsed = false;\n    // }\n  },\n  // mounted() { //Moved to sentenceEditPopover for easy toggling\n  // \tEventBus.$on('close_preview', this.closePanel)\n  // \tEventBus.$on('open_preview', this.openPanel)\n  // },\n};\n</script>\n\n<style lang=\"less\">\n.collapsible {\n  .toggle {\n    cursor: pointer;\n  }\n}\n.expand-enter-to,\n.expand-leave {\n  height: var(--collapse-height);\n  // max-height: 1000px;\n  // transform: scaleY(1);\n  // opacity: 1;\n}\n.expand-enter,\n.expand-leave-to {\n  height: 0px;\n  // max-height: 0px;\n  // transform: scaleY(0);\n  // opacity: 0;\n}\n.expand-enter-active,\n.expand-leave-active {\n  transform-origin: top;\n  overflow: hidden;\n  transition: height 0.1s ease;\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!./Collapsible.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!./Collapsible.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Collapsible.vue?vue&type=template&id=459d8145&\"\nimport script from \"./Collapsible.vue?vue&type=script&lang=js&\"\nexport * from \"./Collapsible.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Collapsible.vue?vue&type=style&index=0&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"settings-panel-area-header\"},[_c('h4',[_vm._v(\"\\n\\t\\t\"+_vm._s(_vm.header)+\"\\n\\t\\t\\t\"),(_vm.plusMinus)?_c('div',[_vm._v(\" \"+_vm._s(_vm.open ? '-' : '+')+\" \")]):_c('img',{staticClass:\"caret\",attrs:{\"src\":_vm.open ? require('@/assets/svg/chevronUp.svg') : require('@/assets/svg/chevronDown.svg')}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"settings-panel-area-header\">\n\t\t<h4>\n\t\t\t{{header}}\n\t\t\t\t<div v-if=\"plusMinus\" > {{open ? '-' : '+'}} </div>\n\t\t\t<img v-else\n\t\t\t\t:src=\"open ? require('@/assets/svg/chevronUp.svg') : require('@/assets/svg/chevronDown.svg')\"\n\t\t\t\tclass=\"caret\"\n\t\t\t/>\n\t\t</h4>\n\t</div>\n</template>\n\n<script>\n\texport default {\n\t\tprops: {\n\t\t\theader: [String],\n\t\t\topen: [Boolean],\n\t\t\tplusMinus: Boolean\n\t\t},\n\t\tcomponents: {}\n\t}\n</script>\n\n<style lang=\"less\">\n\t.settings-panel-area-header {\n\t\tcolor: var(--text-grey-primary);\n\t\tpadding: 0 45px;\n\t\th4 {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tflex-direction: row;\n\t\t\tjustify-content: space-between;\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t\t.caret {\n\t\t\twidth: 9px;\n\t\t\theight: 5px;\n\t\t}\n\t}\n</style>\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!./SettingsPanelAreaHeader.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!./SettingsPanelAreaHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SettingsPanelAreaHeader.vue?vue&type=template&id=f397f100&\"\nimport script from \"./SettingsPanelAreaHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./SettingsPanelAreaHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SettingsPanelAreaHeader.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&\"","module.exports = __webpack_public_path__ + \"img/chevronUp.9eb365c9.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.editorOpen)?_c('div',{class:_vm.collapsed ? 'collapsed' : '',attrs:{\"id\":\"settingsPanel\"}},[_c('div',{staticClass:\"hover-wrapper\",attrs:{\"tooltip\":_vm.editorOpen ? _vm.$t('editor-sidepanel.hover') : '',\"tooltip-placement\":\"left\"}},[_c('div',{staticClass:\"collapser\",class:_vm.editorOpen ? 'disabled-btn' : '',on:{\"click\":function($event){_vm.collapsed = !_vm.collapsed}}},[_c('span',{staticClass:\"variation-count\"},[_vm._v(\"Data\")]),_c('div',{class:{ 'flip-chevron': _vm.collapsed }},[_c('i',{staticClass:\"fa-light fa-chevron-double-right\"})])])]),_c('variables',{staticClass:\"panel-area\"})],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"!editorOpen\" :class=\"collapsed ? 'collapsed' : ''\" id=\"settingsPanel\">\n    <div\n      class=\"hover-wrapper\"\n      :tooltip=\"editorOpen ? $t('editor-sidepanel.hover') : ''\"\n      tooltip-placement=\"left\"\n    >\n      <!-- disabled-btn is temporary until new conditions and variables popover are fixed -->\n      <div\n        @click=\"collapsed = !collapsed\"\n        class=\"collapser\"\n        :class=\"editorOpen ? 'disabled-btn' : ''\"\n      >\n        <!-- <span class=\"variation-count\">{{ $t(\"editor-sidepanel.hide\")}}</span> -->\n        <span class=\"variation-count\">Data</span>\n        <div :class=\"{ 'flip-chevron': collapsed }\">\n          <i class=\"fa-light fa-chevron-double-right\"></i>\n        </div>\n      </div>\n    </div>\n    <variables class=\"panel-area\" />\n    <!-- <preview\n\t\t\t\t:preview=\"$store.state.sentenceEditorPreview\"\n\t\t\t\tclass=\"panel-area\"\n\t\t\t\tv-if=\"$store.state.sentenceEditorPreview\"\n\t\t/> -->\n    <!-- <synonym-list/> -->\n  </div>\n</template>\n\n<script>\nimport Variables from \"@/components/Variables\";\nimport Preview from \"@/components/Preview\";\nimport EventBus from \"@/assets/js/eventBus.js\";\nexport default {\n  data() {\n    return {\n      collapsed: false,\n      editorOpen: false,\n    };\n  },\n  props: {\n    isCollapsed: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  watch: {\n    collapsed: function() {\n      if (this.collapsed) {\n        EventBus.$emit(\"move_popover_back\");\n        EventBus.$emit(\"move_var_popover_back\");\n      }\n      if (!this.collapsed) {\n        EventBus.$emit(\"move_popover_left\");\n        EventBus.$emit(\"move_var_popover_left\");\n      }\n    },\n  },\n  methods: {\n    //Test for potential redesign\n    closePanel() {\n      this.collapsed = true;\n      this.editorOpen = true;\n    },\n    openPanel() {\n      this.collapsed = false;\n      this.editorOpen = false;\n    },\n    enableComparisonView() {\n      this.collapsed = true;\n    },\n    unlockPanel() {\n      this.editorOpen = false;\n    },\n  },\n  mounted() {\n    //Test for potential redesign\n    EventBus.$on(\"unlock-panel\", this.unlockPanel);\n    EventBus.$on(\"close_panel\", this.closePanel);\n    EventBus.$on(\"open_panel\", this.openPanel);\n    EventBus.$on(\"comparison_view_on\", this.enableComparisonView);\n  },\n  components: {\n    Variables,\n    // Preview,\n  },\n};\n</script>\n\n<style lang=\"less\">\n#settingsPanel {\n  width: 270px;\n  min-width: 270px;\n  background-color: var(--charcoal);\n  color: var(--text-grey-primary);\n  display: flex;\n  flex-direction: column;\n  // #variables {\n    // \t// max-height: 350px;\n  // \t// max-height: 95%;\n  // }\n \n  .collapser {\n    background-color: var(--charcoal-115);\n    border-bottom: 1px solid var(--charcoal-border);\n    height: 40px;\n    padding: 0 45px;\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n  }\n\n  .panel-area {\n    flex: 1 1 auto;\n    border-bottom: 1px solid var(--charcoal-border);\n    padding: 30px 0 0 0;\n    // height: 350px;\n\n    &.collapsed {\n      flex: none;\n    }\n  }\n\n  &.collapsed {\n    width: 68px;\n    min-width: 68px;\n\n    .collapser {\n      padding: 0;\n      justify-content: center;\n\n      .variation-count {\n        display: none;\n      }\n    }\n\n    .panel-area {\n      display: none;\n    }\n  }\n\n  .disabled-btn {\n    pointer-events: none;\n    color: grey;\n  }\n  .flip-chevron {\n    transform: rotate(180deg);\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!./SettingsPanel.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!./SettingsPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SettingsPanel.vue?vue&type=template&id=abced5da&\"\nimport script from \"./SettingsPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./SettingsPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SettingsPanel.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 EventBus from '@/assets/js/eventBus.js'\nconst linkRegEx = RegExp(/href=\"<span[^>]*>([^<]*)<\\/span>/g)\n\nclass SentencePreview {\n\telement = null\n\n\tconstructor(sentence, sectionId, variables) {\n\t\tthis.sentence = sentence\n\t\tthis.sectionId = sectionId\n\t\tthis.variables = variables\n\t}\n\n\tget depth() {\n\t\treturn this.sentence.path.length - 1\n\t}\n\n\tget index() {\n\t\treturn this.sentence.path[this.sentence.path.length - 1]\n\t}\n\n\tget text() {\n\t\treturn this.isLeaf ? this.sentence.text.replace(new RegExp('<br/>', 'g'), '\\r\\n') : ''\n\t}\n\n\tget isLeaf() {\n\t\treturn this.sentence.text !== undefined\n\t}\n\n\tget isTable() {\n\t\treturn this.isLeaf ? this.sentence.text.includes(\"<table>\") : false;\n\t}\n\t\n\tget isTableEnd() {\n\t\treturn this.isLeaf ? this.sentence.text.includes(\"</table>\") : false;\n\t}\n\n\tget sentences() {\n\t\treturn this.sentence.sentences ? this.sentence.sentences.map(s => new SentencePreview(s, this.sectionId)) : []\n\t}\n\n\tonClick(event) {\n\t\tevent.stopPropagation()\n\t\tEventBus.$emit(\"closeCta\") // To ensure EditorDemoCTA closes if its open\n\t\tEventBus.$emit('editSentence', {sentence: this.sentence, element: this.element, sectionId: this.sectionId, variables: this.variables})\n\t}\n\n\tonMouseOver(event) {\n\t\tevent.stopPropagation()\n\t\tEventBus.$emit('previewSentence', {\n\t\t\tsentence: this.sentence,\n\t\t\telement: this.element,\n\t\t\tsection: this.sectionId,\n\t\t\tposX: event.clientX,\n\t\t\tposY: event.clientY\n\t\t})\n\t}\n\n\tonMouseOut(event) {\n\t\tevent.stopPropagation()\n\t\tEventBus.$emit('stopPreviewingSentence', {sentence: this.sentence, element: this.element})\n\t}\n\n\t// Not in use anynmore. working method in SentencePreviewHtml.vue\n\tgetAsHtml() {\n\t\t// Works, but contains empty SPANs\n\t\tlet el = this.element = document.createElement('span')\n\t\tel.setAttribute('depth', this.depth)\n\t\tel.setAttribute('index', this.index)\n\t\tel.classList.add('preview-sentence-blot')\n\n\t\t// el.addEventListener('mouseover', event => this.onMouseOver(event))\n\t\t// el.addEventListener('mouseout', event => this.onMouseOut(event))\n\t\t// el.addEventListener('mouseenter', event => this.onMouseOver(event))\n\t\t// el.addEventListener('mouseleave', event => this.onMouseOut(event))\n\t\tel.addEventListener('click', event => this.onClick(event))\n\n\t\tif (this.isLeaf) { \n\t\t\tel.innerHTML = this.text\n\t\t\t.replace(/variable-name/g, 'variable-name tooltip')\n\t\t\t.replace(linkRegEx, \"href=\\\"$1\")\n\t\t\t+ ' '\n\t\t}\n\t\telse this.sentences.forEach(s => el.appendChild(s.getAsHtml()))\n\t\treturn el\n\t}\n\n\tgetAsString() {\n\t\tif (this.isLeaf) return this.text + ' '\n\t\telse return this.sentences.map(s => s.getAsString()).join('')\n\t}\n}\n\nexport default SentencePreview\n","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&\"","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!./Collapsible.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!./Collapsible.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!./SettingsPanel.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!./SettingsPanel.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","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!./Preview.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!./Preview.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('collapsible',{staticClass:\"custom-scrollbar\",attrs:{\"is-collapsed\":false,\"id\":\"preview\"},scopedSlots:_vm._u([{key:\"toggle\",fn:function(collapsible){return _c('settings-panel-area-header',{attrs:{\"open\":!collapsible.collapsed,\"plusMinus\":true,\"header\":\"PREVIEW\"}})}}])},[_c('div',{staticClass:\"preview\",attrs:{\"slot\":\"content\"},slot:\"content\"},[_c('div',[_c('div',{staticClass:\"text\",domProps:{\"innerHTML\":_vm._s(_vm.previewText)}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<collapsible :is-collapsed=\"false\" id=\"preview\" class=\"custom-scrollbar\">\n\t\t<settings-panel-area-header\n\t\t\t\t:open=\"!collapsible.collapsed\"\n\t\t\t\t:plusMinus=\"true\"\n\t\t\t\theader=\"PREVIEW\"\n\t\t\t\tslot=\"toggle\"\n\t\t\t\tslot-scope=\"collapsible\"\n\t\t></settings-panel-area-header>\n\t\t<div class=\"preview\" slot=\"content\">\n\t\t\t\t<div >\n\t\t\t\t\t<div class=\"text\" v-html=\"previewText\">\n\t\t\t\t\t<!-- <div class=\"text\"> -->\n\t\t\t\t\t\t<!-- {{previewText}} -->\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t</collapsible>\n</template>\n\n<script> \n\timport Collapsible from '@/components/Collapsible'\n\timport SettingsPanelAreaHeader from '@/components/SettingsPanelAreaHeader'\n\timport SentencePreview from '@/assets/js/sentencePreview.js'\n\n\texport default {\n\t\tprops: {\n\t\t\tpreview: {\n\t\t\t\ttype: Array\n\t\t\t}\n\t\t},\n\t\tcomputed: {\n\t\t\tpreviewText() {\n\t\t\t\tif (!this.preview) return ''\n\t\t\t\treturn this.preview.map(s => (new SentencePreview(s)).getAsString()).join('')\n\t\t\t}\n\t\t},\n\t\tcomponents: {\n\t\t\tCollapsible,\n\t\t\tSettingsPanelAreaHeader\n\t\t}\n\t}\n</script>\n\n<style lang=\"less\">\n\t#preview {\n\t\t.preview {\n\t\t\tpadding: 15px 0 15px 45px;\n\t\t\t// height: 500px;\n\t\t\toverflow: hidden;\n\n\t\t\t.text {\n\t\t\t\tpadding-right: 45px;\n\t\t\t\tpadding-bottom: 15px;\n\t\t\t\t\n\t\t\t\ta{pointer-events: none;}\n\t\t\t}\n\t\t}\n\n\t\t&.custom-scrollbar{\n\t\t\t&::-webkit-scrollbar-track {\n\t\t\t\tbackground: #333A3E;\n\t\t\t}\n\t\t\t&::-webkit-scrollbar-thumb {\n\t\t\t\tborder: 2px solid #333A3E;\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n\t\n\n\t.content-header {\n\t\tmargin-bottom: 20px;\n\t}\n\n\t.content-icon {\n\t\tmargin-right: 10px;\n\t\ttop: -2px;\n\t\tposition: relative;\n\t\twidth: 14px;\n\t}\n\n\t.content-text {\n\t\tcolor: #fff;\n\t}\n</style>\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!./Preview.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!./Preview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Preview.vue?vue&type=template&id=b2d2a2cc&\"\nimport script from \"./Preview.vue?vue&type=script&lang=js&\"\nexport * from \"./Preview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Preview.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":""}