{"version":3,"sources":["webpack:///./src/components/VariableMapping.vue?77eb","webpack:///src/components/VariableMapping.vue","webpack:///./src/components/VariableMapping.vue?0c7f","webpack:///./src/components/VariableMapping.vue?411b","webpack:///./src/components/Infobox.vue?ebab","webpack:///src/components/Infobox.vue","webpack:///./src/components/Infobox.vue?0e52","webpack:///./src/components/Infobox.vue?267c","webpack:///./src/components/DummyContentUploader.vue?b32a","webpack:///src/components/DummyContentUploader.vue","webpack:///./src/components/DummyContentUploader.vue?c3ed","webpack:///./src/components/DummyContentUploader.vue?b4b4","webpack:///./src/components/DummyContentUploader.vue?831f","webpack:///./src/components/VariableMapping.vue?ac9b","webpack:///./src/components/MappingItem.vue?a737","webpack:///./src/assets/svg/info-icon.svg","webpack:///./src/components/Infobox.vue?f3d1","webpack:///./src/components/MappingItem.vue?6f8c","webpack:///src/components/MappingItem.vue","webpack:///./src/components/MappingItem.vue?5e1c","webpack:///./src/components/MappingItem.vue?ae20"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","_v","_s","$t","attrs","slot","right","bottom","width","domProps","innerHTML","on","click","$event","$emit","list","inputType","name","label","placeholder","invalidInput","invalidIdInput","focus","idFocused","blur","model","value","callback","$$v","selectedAsId","expression","directives","rawName","resetIdFilter","invalidNameInput","nameFocused","selectedAsName","resetNameFilter","id","_l","fileData","variable","index","key","left","top","href","target","style","type","disabled","valid","tooltip","staticRenderFns","VariableMappingvue_type_script_lang_js_","data","idSearchFilter","idDropdownVisible","nameSearchFilter","nameDropdownVisible","contentSize","props","components","MappingItem","Infobox","CustomInput","methods","setContentSize","console","$refs","content","clientHeight","idInput","nameInput","computed","filteredIds","_this","variables","filter","v","indexOf","toLowerCase","some","isId","isReferenceName","contentHeight","--content-height","map","includes","mounted","window","beforeDestroy","watch","handler","_this2","forEach","_this3","components_VariableMappingvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","mouseover","hoverInfo","mouseleave","_t","class","mid","mid-x","midX","no-padding","noPadding","auto-width","autoWidth","hover-info","min-width","minWidth","max-width","maxWidth","Infoboxvue_type_script_lang_js_","default","EventBus","text","required","conditionalToggle","tabIndex","isOpen","components_Infoboxvue_type_script_lang_js_","dummyListOpened","dummyList","length","_e","dummy","tooltip-placement","onDeleteDummy","listLimit","showMore","remainingListLength","enctype","submit","stopPropagation","preventDefault","hidelabel","dummyContent","staticStyle","margin-bottom","for","input","composing","$set","accept","change","selectedFile","display","grid-template-columns","margin-right","file","onUpload","src","__webpack_require__","alt","multiFileData","close","onCloseMappingSession","save-changes","onSaveMapping","DummyContentUploadervue_type_script_lang_js_","contentSource","currentType","onCreate","sourceId","descOpened","variableMapping","showModal","saveMapping","$store","dispatch","then","multiUpload","catch","files","fileName","removeDot","substring","lastIndexOf","trashFile","res","$modal","show","ConfirmModal","title","description","hideCancelButton","height","confirmButtonText","onConfirm","dummySource","findDuplicate","find","d","isSingleProduct","getDummyData","_this4","uploadCount","setExampleId","changeExampleId","_this5","exampleId","error","_this6","_this7","deleteDummyData","splice","findIndex","exampleData","_this8","limitListLength","slice","created","VariableMapping","components_DummyContentUploadervue_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_DummyContentUploader_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_DummyContentUploader_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_VariableMapping_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_VariableMapping_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_MappingItem_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_MappingItem_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","module","exports","p","_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_Infobox_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_Infobox_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","variableItem","margin-left","$$selectedVal","Array","prototype","call","options","o","selected","val","_value","multiple","MappingItemvue_type_script_lang_js_","components_MappingItemvue_type_script_lang_js_"],"mappings":"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","file":"js/lazy-view-components-DummyContentUploader.abab81e1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"variable-mapping-popover\"},[_c('div',{staticClass:\"backdrop\"}),_c('div',{ref:\"content\",staticClass:\"content\"},[_c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"left\"},[_c('h2',[_vm._v(_vm._s(_vm.$t(\"variable-mapping.popover-title\")))]),_c('infobox',{staticClass:\"info-box generate-warning\",attrs:{\"slot\":\"info\",\"right\":\"\",\"bottom\":\"\",\"width\":400},slot:\"info\"},[_c('span',{attrs:{\"slot\":\"icon\"},slot:\"icon\"},[_c('i',{staticClass:\"fa-light fa-question-circle\"})]),_c('p',{staticClass:\"text-small description\",domProps:{\"innerHTML\":_vm._s(_vm.$t('variable-mapping.popover-description'))}})])],1),_c('div',{staticClass:\"close-popover\",on:{\"click\":function($event){return _vm.$emit('close')}}},[_c('i',{staticClass:\"fa-light fa-times\"})])]),_c('div',{staticClass:\"selectors\"},[_c('div',{staticClass:\"id-selector\"},[_c('custom-input',{ref:\"idInput\",attrs:{\"list\":\"filedata-variable-list\",\"inputType\":'text',\"name\":'select-id-dropdown',\"label\":_vm.$t('variable-mapping.id-select-label'),\"placeholder\":_vm.$t('variable-mapping.id-select-placeholder'),\"invalidInput\":_vm.invalidIdInput},on:{\"focus\":function($event){_vm.idFocused = true},\"blur\":function($event){_vm.idFocused = false}},model:{value:(_vm.selectedAsId),callback:function ($$v) {_vm.selectedAsId=$$v},expression:\"selectedAsId\"}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedAsId),expression:\"selectedAsId\"}],staticClass:\"reset-filter\",on:{\"click\":_vm.resetIdFilter}},[_c('i',{staticClass:\"fa-light fa-times\"})])],1),_c('div',{staticClass:\"reference-selector\"},[_c('custom-input',{ref:\"nameInput\",attrs:{\"list\":\"filedata-variable-list\",\"inputType\":'text',\"name\":'select-reference-dropdown',\"label\":_vm.$t('variable-mapping.name-select-label'),\"placeholder\":_vm.$t('variable-mapping.name-select-placeholder'),\"invalidInput\":_vm.invalidNameInput},on:{\"focus\":function($event){_vm.nameFocused = true},\"blur\":function($event){_vm.nameFocused = false}},model:{value:(_vm.selectedAsName),callback:function ($$v) {_vm.selectedAsName=$$v},expression:\"selectedAsName\"}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedAsName),expression:\"selectedAsName\"}],staticClass:\"reset-filter\",on:{\"click\":_vm.resetNameFilter}},[_c('i',{staticClass:\"fa-light fa-times\"})])],1),_c('datalist',{attrs:{\"id\":\"filedata-variable-list\"}},_vm._l((_vm.fileData.variables),function(variable,index){return _c('option',{key:index},[_vm._v(\"\\n          \"+_vm._s(variable.id)+\"\\n        \")])}),0)]),_c('div',{staticClass:\"variable-list-header\"},[_c('h4',{staticClass:\"list-header-id\"},[_vm._v(\"Id\")]),_c('h4',{staticClass:\"list-header-name\"},[_vm._v(_vm._s(_vm.$t(\"variable-mapping.name\")))]),_c('h4',{staticClass:\"list-header-examnple\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"variable-mapping.example\"))+\"\\n      \")]),_c('div',{staticClass:\"list-header-type\"},[_c('h4',[_vm._v(\"Type\")]),_c('infobox',{staticClass:\"info-box generate-warning\",attrs:{\"slot\":\"info\",\"left\":\"\",\"top\":\"\",\"width\":400},slot:\"info\"},[_c('span',{attrs:{\"slot\":\"icon\"},slot:\"icon\"},[_c('a',{attrs:{\"href\":\"https://docs.icrobotics.com/pages/customdatasources/dataformat/#variable-types\",\"target\":\"_blank\"}},[_c('i',{staticClass:\"fa-light fa-question-circle\"})])]),_c('p',[_vm._v(_vm._s(_vm.$t(\"variable-mapping.type-helper-text\")))])])],1)]),_c('div',{staticClass:\"variable-item-list custom-scrollbar-light\",style:(_vm.contentHeight)},_vm._l((_vm.fileData.variables),function(variable){return _c('mapping-item',{key:variable.id,attrs:{\"variable\":variable}})}),1),_c('div',{staticClass:\"actions\"},[_c('button',{staticClass:\"btn btn-md btn-primary\",attrs:{\"type\":\"button\",\"disabled\":!_vm.valid,\"tooltip\":!_vm.valid ? _vm.$t('variable-mapping.invalid-tooltip') : ''},on:{\"click\":function($event){return _vm.$emit('save-changes')}}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"done\"))+\"\\n      \")]),_c('button',{staticClass:\"btn btn-md btn-secondary\",attrs:{\"type\":\"reset\"},on:{\"click\":function($event){return _vm.$emit('close')}}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"cancel\"))+\"\\n      \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"variable-mapping-popover\">\n    <div class=\"backdrop\"></div>\n    <div class=\"content\" ref=\"content\">\n      <div class=\"header\">\n        <div class=\"left\">\n          <h2>{{ $t(\"variable-mapping.popover-title\") }}</h2>\n          <infobox\n            right\n            bottom\n            :width=\"400\"\n            class=\"info-box generate-warning\"\n            slot=\"info\"\n          >\n            <span slot=\"icon\">\n              <i class=\"fa-light fa-question-circle\"></i>\n            </span>\n            <p\n              class=\"text-small description\"\n              v-html=\"$t('variable-mapping.popover-description')\"\n            ></p>\n          </infobox>\n        </div>\n        <div class=\"close-popover\" @click=\"$emit('close')\">\n          <i class=\"fa-light fa-times\"></i>\n        </div>\n      </div>\n\n      <div class=\"selectors\">\n        <div class=\"id-selector\">\n          <custom-input\n            ref=\"idInput\"\n            v-model=\"selectedAsId\"\n            list=\"filedata-variable-list\"\n            :inputType=\"'text'\"\n            :name=\"'select-id-dropdown'\"\n            :label=\"$t('variable-mapping.id-select-label')\"\n            :placeholder=\"$t('variable-mapping.id-select-placeholder')\"\n            :invalidInput=\"invalidIdInput\"\n            @focus=\"idFocused = true\"\n            @blur=\"idFocused = false\"\n          />\n          <div\n            @click=\"resetIdFilter\"\n            v-show=\"selectedAsId\"\n            class=\"reset-filter\"\n          >\n            <i class=\"fa-light fa-times\"></i>\n          </div>\n        </div>\n        <div class=\"reference-selector\">\n          <custom-input\n            ref=\"nameInput\"\n            v-model=\"selectedAsName\"\n            list=\"filedata-variable-list\"\n            :inputType=\"'text'\"\n            :name=\"'select-reference-dropdown'\"\n            :label=\"$t('variable-mapping.name-select-label')\"\n            :placeholder=\"$t('variable-mapping.name-select-placeholder')\"\n            :invalidInput=\"invalidNameInput\"\n            @focus=\"nameFocused = true\"\n            @blur=\"nameFocused = false\"\n          />\n          <div\n            @click=\"resetNameFilter\"\n            v-show=\"selectedAsName\"\n            class=\"reset-filter\"\n          >\n            <i class=\"fa-light fa-times\"></i>\n          </div>\n        </div>\n        <datalist id=\"filedata-variable-list\">\n          <option v-for=\"(variable, index) in fileData.variables\" :key=\"index\">\n            {{ variable.id }}\n          </option>\n        </datalist>\n      </div>\n      <div class=\"variable-list-header\">\n        <h4 class=\"list-header-id\">Id</h4>\n        <h4 class=\"list-header-name\">{{ $t(\"variable-mapping.name\") }}</h4>\n        <h4 class=\"list-header-examnple\">\n          {{ $t(\"variable-mapping.example\") }}\n        </h4>\n        <div class=\"list-header-type\">\n          <h4>Type</h4>\n          <infobox\n            left\n            top\n            :width=\"400\"\n            class=\"info-box generate-warning\"\n            slot=\"info\"\n          >\n            <span slot=\"icon\">\n              <a\n                href=\"https://docs.icrobotics.com/pages/customdatasources/dataformat/#variable-types\"\n                target=\"_blank\"\n              >\n                <i class=\"fa-light fa-question-circle\"></i>\n              </a>\n            </span>\n            <p>{{ $t(\"variable-mapping.type-helper-text\") }}</p>\n          </infobox>\n        </div>\n      </div>\n      <div\n        class=\"variable-item-list custom-scrollbar-light\"\n        :style=\"contentHeight\"\n      >\n        <mapping-item\n          :variable=\"variable\"\n          v-for=\"variable in fileData.variables\"\n          :key=\"variable.id\"\n        />\n      </div>\n      <div class=\"actions\">\n        <button\n          type=\"button\"\n          class=\"btn btn-md btn-primary\"\n          @click=\"$emit('save-changes')\"\n          :disabled=\"!valid\"\n          :tooltip=\"!valid ? $t('variable-mapping.invalid-tooltip') : ''\"\n        >\n          {{ $t(\"done\") }}\n        </button>\n        <button\n          type=\"reset\"\n          class=\"btn btn-md btn-secondary\"\n          @click=\"$emit('close')\"\n        >\n          {{ $t(\"cancel\") }}\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport CustomInput from \"@/components/CustomInput\";\nimport MappingItem from \"@/components/MappingItem\";\nimport Infobox from \"@/components/Infobox\";\nexport default {\n  data() {\n    return {\n      idFocused: false,\n      nameFocused: false,\n      idSearchFilter: \"\",\n      idDropdownVisible: false,\n      selectedAsId: null,\n      selectedAsName: null,\n      nameSearchFilter: \"\",\n      nameDropdownVisible: false,\n      contentSize: 0 + \"px\",\n    };\n  },\n  props: {\n    fileData: Object,\n  },\n  components: {\n    MappingItem,\n    Infobox,\n    CustomInput,\n  },\n  methods: {\n    setContentSize() {\n      console.log(\"set size\");\n      this.contentSize = this.$refs.content.clientHeight + \"px\";\n    },\n    resetIdFilter() {\n      this.selectedAsId = null;\n      this.$refs.idInput.focus();\n    },\n    resetNameFilter() {\n      this.selectedAsName = null;\n      this.$refs.nameInput.focus();\n    },\n  },\n  computed: {\n    filteredIds() {\n      return this.fileData.variables.filter((v) => {\n        return (\n          (v.name || \"\")\n            .toLowerCase()\n            .indexOf(this.idSearchFilter.toLowerCase()) !== -1\n        );\n      });\n    },\n    valid() {\n      return (\n        this.selectedAsId &&\n        this.selectedAsName &&\n        this.fileData.variables.some((v) => v.isId == true) &&\n        this.fileData.variables.some((v) => v.isReferenceName == true)\n      );\n    },\n    contentHeight() {\n      return { \"--content-height\": this.contentSize };\n    },\n    invalidNameInput() {\n      return (\n        !this.nameFocused &&\n        this.selectedAsName &&\n        !this.fileData.variables\n          .map((variable) => variable.id)\n          .includes(this.selectedAsName)\n      );\n    },\n    invalidIdInput() {\n      return (\n        !this.idFocused &&\n        this.selectedAsId &&\n        !this.fileData.variables\n          .map((variable) => variable.id)\n          .includes(this.selectedAsId)\n      );\n    },\n  },\n  mounted() {\n    this.setContentSize();\n    window.addEventListener(\"resize\", this.setContentSize);\n  },\n  beforeDestroy() {\n    window.removeEventListener(\"resize\", this.setContentSize);\n  },\n  watch: {\n    selectedAsId: {\n      handler: function () {\n        this.fileData.variables.forEach((variable) => {\n          if (variable.id == this.selectedAsId) {\n            variable.isId = true;\n          } else {\n            variable.isId = false;\n          }\n        });\n      },\n    },\n    selectedAsName: {\n      handler: function () {\n        this.fileData.variables.forEach((variable) => {\n          if (variable.id == this.selectedAsName) {\n            variable.isReferenceName = true;\n          } else {\n            variable.isReferenceName = false;\n          }\n        });\n      },\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n.variable-mapping-popover {\n  .backdrop {\n    position: fixed;\n    z-index: 99;\n    height: 100%;\n    width: 100%;\n    left: 0;\n    top: 0;\n    background-color: rgba(0, 0, 0, 0.25);\n  }\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: var(--background-white);\n    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);\n    position: relative;\n    padding: 14px 24px 14px 24px;\n    border-radius: 10px 10px 0 0;\n\n    h2 {\n      margin-bottom: 0;\n    }\n    .description {\n      margin: 6px 0 0 0;\n      padding: 0;\n    }\n    .close-popover {\n      cursor: pointer;\n    }\n\n    .left {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n  }\n  .content {\n    position: fixed;\n    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);\n    width: 90%;\n    height: 90%;\n    left: calc(50% + (85px / 2));\n    top: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 99;\n    background-color: var(--background-white);\n    border-radius: var(--standard-border-radius);\n  }\n  // .content{\n  //   position: relative;\n  // }\n  .mapping-list {\n    padding: 0 24px 24px 24px;\n  }\n  .variable-item-list {\n    height: calc(var(--content-height) - 270px);\n    overflow-y: auto;\n    padding: 6px 24px;\n  }\n  .variable-list-header {\n    margin: 0 24px;\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr 150px;\n    padding: 12px 6px;\n    gap: 12px;\n\n    h4 {\n      margin: 0;\n    }\n    .list-header-id {\n      padding-left: 6px;\n    }\n    .list-header-type {\n      display: flex;\n      gap: 4px;\n      svg {\n        margin-bottom: 1px;\n      }\n    }\n  }\n  .actions {\n    position: absolute;\n    bottom: 24px;\n    right: 24px;\n  }\n  .selector-section {\n    display: grid;\n    grid-template-columns: 1fr 2fr;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .selectors {\n    padding: 6px 24px;\n    display: flex;\n    flex-direction: row;\n    margin: 0 0 24px 0;\n    gap: 24px;\n    .id-selector,\n    .reference-selector {\n      position: relative;\n      width: 30%;\n\n      .reset-filter {\n        cursor: pointer;\n        position: absolute;\n        right: 24px;\n        bottom: 7px;\n      }\n    }\n  }\n}\n</style>","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!./VariableMapping.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!./VariableMapping.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VariableMapping.vue?vue&type=template&id=4606f561&\"\nimport script from \"./VariableMapping.vue?vue&type=script&lang=js&\"\nexport * from \"./VariableMapping.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VariableMapping.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',{attrs:{\"id\":\"info-hover-box\"},on:{\"mouseover\":function($event){_vm.hoverInfo = true},\"mouseleave\":function($event){_vm.hoverInfo = false}}},[_c('span',{staticClass:\"hover-element\",on:{\"mouseover\":function($event){_vm.hoverInfo = true},\"mouseleave\":function($event){_vm.hoverInfo = false}}},[_vm._t(\"icon\")],2),_c('div',{staticClass:\"hover-content\",class:{'left': _vm.left, 'right': _vm.right, 'top': _vm.top, 'mid' : _vm.mid, 'mid-x' : _vm.midX, 'no-padding': _vm.noPadding, 'auto-width' : _vm.autoWidth, 'hover-info': _vm.hoverInfo },style:({ 'min-width': _vm.minWidth + 'px', 'max-width': _vm.maxWidth + 'px', 'width': _vm.width + 'px'})},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"info-hover-box\" @mouseover=\"hoverInfo = true\" @mouseleave=\"hoverInfo = false\">\n    <span @mouseover=\"hoverInfo = true\" @mouseleave=\"hoverInfo = false\" class=\"hover-element\">\n      <slot name=\"icon\" style=\"position:relative;\"></slot>\n    </span>\n    \n    <div class=\"hover-content\" :class=\"{'left': left, 'right': right, 'top': top, 'mid' : mid, 'mid-x' : midX, 'no-padding': noPadding, 'auto-width' : autoWidth, 'hover-info': hoverInfo }\" :style=\"{ 'min-width': minWidth + 'px', 'max-width': maxWidth + 'px', 'width': width + 'px'}\">\n      <slot></slot>\n    </div> \n\n  </div>\n</template>\n<script>\nexport default {\n    name: 'infobox',\n    props: {\n      disabled: { type: Boolean, default: false },\n      EventBus: { type: Object },\n      text: { type: String, required: false, default: 'Toggle' },\n      minWidth: { type: [Number, String] },\n      maxWidth: { type: [Number, String] },\n      width: { type: [Number, String] },\n      conditionalToggle: { type: Boolean, default: true },\n      left: Boolean,\n      right: Boolean,\n      top: Boolean,\n      mid: Boolean,\n      midX: Boolean,\n      noPadding: Boolean,\n      autoWidth: Boolean,\n      tabIndex: { type: Number, default: 100 },\n      isOpen: { type: Boolean, default: false },\n    },\n  data() {\n    return {\n        hoverInfo: false\n    };\n  }\n}\n</script>\n\n<style lang=\"less\">\n#info-hover-box{\n    display: inline-block;\n    position: relative;\n\n    // .hover-element{\n      \n      // }\n    .hover-content{\n        // display: none;\n        box-shadow: 2px 4px 4px 2px rgba(0, 0, 0, 0.25);\n        background: var(--background-white);\n        position: absolute;\n        pointer-events: none;\n        padding: 12px;\n        z-index: 9999;\n        transition-delay: .2s ;\n        transition: .3s;\n        opacity: 0;\n        border-radius: var(--standard-border-radius);\n\n          &.no-padding{\n            padding:4px 12px;\n          }\n       \n        ul{\n            list-style-type: none;\n            margin: 0;\n            padding-left: 10px;\n            li{\n                margin-bottom: 4px;\n                    font-weight: 400;\n            }\n                span{\n                    font-weight: 600;\n                }\n            a{\n                pointer-events: auto;\n            }\n        }  \n        \n    &.left {\n        right: 100%;\n        left: unset;\n        text-align: left;\n      }\n\n      &.right {\n        left: 100%;\n        // right: 0;\n      }\n      &.mid{     \n        left: 50%;\n        transform: translateX(-50%);\n      }\n      &.mid-x{\n        top: 50%;\n        transform: translateY(-50%);\n      }\n      &.top {\n          bottom: 50%;\n          // top: 0\n      }\n      &.bottom {\n          top: 100%;\n          // bottom: 0\n      }\n      \n      &.auto-width{\n        width: auto;\n      }\n\n    }\n    .hover-info{\n        // display: block;\n        transition-delay: .2s;\n        opacity: 1;\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!./Infobox.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!./Infobox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Infobox.vue?vue&type=template&id=6306b6c2&\"\nimport script from \"./Infobox.vue?vue&type=script&lang=js&\"\nexport * from \"./Infobox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Infobox.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:\"dummy-uploader row\"},[_c('div',{staticClass:\"dummy-content-list col-lg-6\"},[_c('div',{staticClass:\"dummy-list-header\",on:{\"click\":function($event){_vm.dummyListOpened = !_vm.dummyListOpened}}},[_c('label',[_vm._v(\"\\n        Test data\\n        \"),_c('span',[_vm._v(\"(\"+_vm._s(_vm.dummyList.length)+\")\")])]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.dummyListOpened),expression:\"dummyListOpened\"}]},[_c('i',{staticClass:\"fa-light fa-chevron-up\"})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.dummyListOpened),expression:\"!dummyListOpened\"}]},[_c('i',{staticClass:\"fa-light fa-chevron-down\"})])]),(_vm.dummyListOpened)?_c('div',{staticClass:\"dummy-data-list custom-scrollbar-light\"},[(_vm.dummyList.length == 0)?_c('p',{staticClass:\"text-muted no-dummy-content\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"data.no-dummy-data\"))+\"\\n      \")]):_vm._e(),_vm._l((_vm.limitListLength),function(dummy){return _c('div',{key:dummy.id,staticClass:\"dummy\"},[_c('div',{staticClass:\"content\"},[_c('i',{staticClass:\"fa-light fa-file-spreadsheet\"}),_c('div',{staticClass:\"text-semibold dummy-name\"},[_vm._v(_vm._s(dummy.name))])]),_c('div',{staticClass:\"trashcan\",attrs:{\"tooltip\":_vm.$t('delete'),\"tooltip-placement\":\"left\"},on:{\"click\":function($event){return _vm.onDeleteDummy(dummy)}}},[_c('span',{attrs:{\"slot\":\"icon\"},slot:\"icon\"},[_c('i',{staticClass:\"fa-light fa-trash\"})])])])}),(_vm.listLimit < _vm.dummyList.length)?_c('div',{staticClass:\"showmore-wrapper\"},[_c('span',{staticClass:\"list-action\",on:{\"click\":_vm.showMore}},[_vm._v(_vm._s(_vm.remainingListLength > 50\n            ? _vm.$t(\"export.show-more\")\n            : _vm.$t(\"show\") +\n              \" \" +\n              _vm.remainingListLength +\n              \" \" +\n              _vm.$t(\"more\").toLowerCase()))])]):_vm._e()],2):_vm._e()]),_c('form',{staticClass:\"col-lg-6\",attrs:{\"enctype\":\"multipart/form-data\"},on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();}}},[_c('div',{staticClass:\"form-group\"},[_c('label',{class:{ hidelabel: !_vm.dummyContent.name },staticStyle:{\"margin-bottom\":\"0px\"},attrs:{\"for\":\"fileName\"}},[_vm._v(_vm._s(_vm.$t(\"dummy-uploader.file-ph\")))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.dummyContent.name),expression:\"dummyContent.name\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"name\":\"fileName\",\"id\":\"fileName\",\"placeholder\":_vm.$t('dummy-uploader.file-ph'),\"disabled\":\"\"},domProps:{\"value\":(_vm.dummyContent.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.dummyContent, \"name\", $event.target.value)}}}),_c('input',{ref:\"file\",staticClass:\"input-file\",attrs:{\"type\":\"file\",\"name\":\"fileInput\",\"accept\":\".xlsx, .csv, .xls\"},on:{\"change\":_vm.selectedFile}})]),_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"auto 100px\"}},[_c('div',{staticClass:\"d-flex buttons\"},[_c('button',{staticClass:\"btn btn-md btn-secondary\",staticStyle:{\"margin-right\":\"10px\"},attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.$refs.file.click()}}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"dummy-uploader.browse\"))+\"\\n        \")]),_c('button',{ref:\"submit\",staticClass:\"btn btn-md btn-primary\",attrs:{\"type\":\"submit\",\"disabled\":!_vm.valid},on:{\"click\":function($event){return _vm.onUpload(_vm.dummyContent)}}},[_vm._v(\"\\n          Upload\\n        \")])])]),_c('p',{staticClass:\"text-muted file-support\"},[_vm._v(\"\\n      \"+_vm._s(_vm.$t(\"dummy-uploader.filesupport\"))+\"\\n    \")]),_c('div',{staticClass:\"description\"},[_c('div',{staticClass:\"desc-text\"},[_c('img',{attrs:{\"src\":require(\"@/assets/svg/info-icon.svg\"),\"alt\":\"Instructions\"}}),_c('a',{attrs:{\"href\":\"https://api.icrobotics.com/static/CAR-example.xlsx\",\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.$t(\"data.example-download\")))]),_c('p',{staticClass:\"text-muted\"},[_vm._v(_vm._s(_vm.$t(\"data.dummy-desc\")))])])])]),(_vm.variableMapping)?_c('variable-mapping',{attrs:{\"fileData\":_vm.multiFileData},on:{\"close\":function($event){return _vm.onCloseMappingSession()},\"save-changes\":_vm.onSaveMapping}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"dummy-uploader row\">\n    <div class=\"dummy-content-list col-lg-6\">\n      <div\n        class=\"dummy-list-header\"\n        @click=\"dummyListOpened = !dummyListOpened\"\n      >\n        <label>\n          Test data\n          <span>({{ dummyList.length }})</span>\n        </label>\n        <span v-show=\"dummyListOpened\">\n          <i class=\"fa-light fa-chevron-up\"></i>\n        </span>\n        <span v-show=\"!dummyListOpened\">\n          <i class=\"fa-light fa-chevron-down\"></i>\n        </span>\n      </div>\n\n      <div\n        class=\"dummy-data-list custom-scrollbar-light\"\n        v-if=\"dummyListOpened\"\n      >\n        <p class=\"text-muted no-dummy-content\" v-if=\"dummyList.length == 0\">\n          {{ $t(\"data.no-dummy-data\") }}\n        </p>\n\n        <div v-for=\"dummy in limitListLength\" :key=\"dummy.id\" class=\"dummy\">\n          <div class=\"content\">\n            <i class=\"fa-light fa-file-spreadsheet\"></i>\n            <div class=\"text-semibold dummy-name\">{{ dummy.name }}</div>\n          </div>\n          <div\n            class=\"trashcan\"\n            @click=\"onDeleteDummy(dummy)\"\n            :tooltip=\"$t('delete')\"\n            tooltip-placement=\"left\"\n          >\n            <span slot=\"icon\">\n              <i class=\"fa-light fa-trash\"></i>\n            </span>\n          </div>\n        </div>\n        <div class=\"showmore-wrapper\" v-if=\"listLimit < dummyList.length\">\n          <span class=\"list-action\" @click=\"showMore\">{{\n            remainingListLength > 50\n              ? $t(\"export.show-more\")\n              : $t(\"show\") +\n                \" \" +\n                remainingListLength +\n                \" \" +\n                $t(\"more\").toLowerCase()\n          }}</span>\n        </div>\n      </div>\n    </div>\n\n    <form @submit.stop.prevent enctype=\"multipart/form-data\" class=\"col-lg-6\">\n      <div class=\"form-group\">\n        <label\n          for=\"fileName\"\n          :class=\"{ hidelabel: !dummyContent.name }\"\n          style=\"margin-bottom: 0px\"\n          >{{ $t(\"dummy-uploader.file-ph\") }}</label\n        >\n        <input\n          class=\"form-control\"\n          type=\"text\"\n          name=\"fileName\"\n          id=\"fileName\"\n          :placeholder=\"$t('dummy-uploader.file-ph')\"\n          v-model=\"dummyContent.name\"\n          disabled\n        />\n        <input\n          ref=\"file\"\n          type=\"file\"\n          name=\"fileInput\"\n          accept=\".xlsx, .csv, .xls\"\n          class=\"input-file\"\n          @change=\"selectedFile\"\n        />\n      </div>\n\n      <div style=\"display: grid; grid-template-columns: auto 100px\">\n        <div class=\"d-flex buttons\">\n          <button\n            type=\"button\"\n            class=\"btn btn-md btn-secondary\"\n            style=\"margin-right: 10px\"\n            @click=\"$refs.file.click()\"\n          >\n            {{ $t(\"dummy-uploader.browse\") }}\n          </button>\n          <button\n            ref=\"submit\"\n            type=\"submit\"\n            class=\"btn btn-md btn-primary\"\n            :disabled=\"!valid\"\n            @click=\"onUpload(dummyContent)\"\n          >\n            Upload\n          </button>\n        </div>\n      </div>\n\n      <p class=\"text-muted file-support\">\n        {{ $t(\"dummy-uploader.filesupport\") }}\n      </p>\n      <div class=\"description\">\n        <div class=\"desc-text\">\n          <img src=\"@/assets/svg/info-icon.svg\" alt=\"Instructions\" />\n          <a\n            href=\"https://api.icrobotics.com/static/CAR-example.xlsx\"\n            target=\"_blank\"\n            >{{ $t(\"data.example-download\") }}</a\n          >\n          <p class=\"text-muted\">{{ $t(\"data.dummy-desc\") }}</p>\n        </div>\n      </div>\n    </form>\n\n    <variable-mapping\n      v-if=\"variableMapping\"\n      :fileData=\"multiFileData\"\n      @close=\"onCloseMappingSession()\"\n      @save-changes=\"onSaveMapping\"\n    />\n  </div>\n</template>\n\n<script>\nimport ConfirmModal from \"@/components/modals/ConfirmModal\";\nimport VariableMapping from \"@/components/VariableMapping\";\nexport default {\n  props: {\n    contentSource: Object,\n    currentType: Object,\n    onCreate: Function,\n    // dummyList: Array\n  },\n\n  data() {\n    return {\n      dummyContent: {\n        sourceId: this.contentSource.id,\n        name: \"\",\n        file: \"\",\n      },\n      descOpened: true,\n      dummyList: [],\n      dummyListOpened: true,\n      variableMapping: false,\n      multiFileData: {},\n      listLimit: 50,\n    };\n  },\n\n  methods: {\n    onSaveMapping() {\n      this.showModal(\"confirm-save\");\n    },\n    saveMapping() {\n      if (\n        this.multiFileData.variables.filter((v) => v.isId == true).length ==\n          1 &&\n        this.multiFileData.variables.filter((v) => v.isReferenceName == true)\n          .length == 1\n      ) {\n        //Send the mapping options to the backend for process.\n        this.$store\n          .dispatch(\"handleMultiFileUpload\", {\n            sourceId: this.contentSource.id,\n            fileData: this.multiFileData,\n          })\n          .then((res) => {\n            this.multiUpload();\n            this.showModal(\"confirm-upload\");\n          })\n          .catch((e) => {\n            console.log(e);\n          });\n      } else {\n        // Give some kind of error message\n      }\n    },\n    onCloseMappingSession() {\n      this.showModal(\"cancel-mapping\");\n    },\n    selectedFile() {\n      if (!this.$refs.file.files[0]) {\n        console.log(\"no file\");\n      } else {\n        this.dummyContent.file = this.$refs.file.files[0];\n        const fileName = this.dummyContent.file.name;\n        let removeDot = fileName.substring(0, fileName.lastIndexOf(\".\"));\n        console.log(removeDot);\n        this.dummyContent.name = removeDot;\n\n        this.$refs.submit.focus();\n      }\n    },\n\n    trashFile() {\n      this.selectedFile();\n      this.dummyContent.file = null;\n    },\n\n    showModal(res) {\n      switch (res) {\n        case \"duplicate\":\n          this.$modal.show(\n            ConfirmModal,\n            {\n              title: this.$t(\"dummy-uploader.duplicate-title\"),\n              description: this.$t(\"dummy-uploader.duplicate-desc\"),\n              hideCancelButton: true,\n            },\n            { width: 350, height: \"auto\" }\n          );\n          break;\n        case \"error\":\n          this.$modal.show(\n            ConfirmModal,\n            {\n              title: this.$t(\"dummy-uploader.wrong-format-title\"),\n              description: this.$t(\"dummy-uploader.wrong-format-desc\"),\n              hideCancelButton: true,\n            },\n            { width: 350, height: \"auto\" }\n          );\n          break;\n        case \"confirm-save\":\n          this.$modal.show(\n            ConfirmModal,\n            {\n              title: this.$t(\"variable-mapping.confirm-title\"),\n              description: this.$t(\"variable-mapping.confirm-description\"),\n              confirmButtonText: this.$t(\"confirm\"),\n              onConfirm: () => {\n                this.saveMapping();\n              },\n            },\n            { width: 350, height: \"auto\" }\n          );\n          break;\n        case \"confirm-upload\":\n          this.$modal.show(\n            ConfirmModal,\n            {\n              title: this.$t(\"variable-mapping.uploading-title\"),\n              description: this.$t(\"variable-mapping.uploading-description\"),\n              hideCancelButton: true,\n            },\n            { width: 350, height: \"auto\" }\n          );\n          break;\n        case \"cancel-mapping\":\n          this.$modal.show(\n            ConfirmModal,\n            {\n              title: this.$t(\"warning\"),\n              description: this.$t(\"variable-mapping.close-description\"),\n              confirmButtonText: this.$t(\"close\"),\n              onConfirm: () => {\n                this.variableMapping = false;\n                this.$store\n                  .dispatch(\n                    \"cancelVariableMapping\",\n                    this.multiFileData.fileName\n                  )\n                  .then((res) => {\n                    console.log(res);\n                  });\n              },\n            },\n            { width: 350, height: \"auto\" }\n          );\n          break;\n\n        default:\n          break;\n      }\n    },\n\n    onUpload(dummyContent) {\n      let dummySource = {\n        file: dummyContent.file,\n        name: dummyContent.name,\n        sourceId: this.contentSource.id,\n      };\n      let findDuplicate = this.dummyList.find(\n        (d) => d.name === dummySource.name\n      );\n      if (findDuplicate) {\n        this.showModal(\"duplicate\");\n      } else {\n        this.$store\n          .dispatch(\"createDummy\", dummySource)\n          .then((res) => {\n            if (res.isSingleProduct) {\n              this.getDummyData();\n              this.$emit(\"success\");\n              this.dummyContent = {\n                sourceId: this.contentSource.id,\n                name: \"\",\n                file: \"\",\n              };\n            } else if (!res.isSingleProduct) {\n              this.multiFileData = res;\n              this.multiUpload(this.multiFileData);\n            }\n          })\n          .catch((error) => {\n            console.log(error);\n            this.showModal(\"error\");\n          });\n      }\n    },\n\n    getDummyData() {\n      if (this.contentSource.dummy == true) {\n        this.$store.dispatch(\"getDummyData\", this.contentSource).then((res) => {\n          // this.dummyList = this.$store.state.dummyData;\n          this.dummyList = res;\n          let uploadCount = this.dummyList.length;\n          this.$emit(\"count-uploads\", uploadCount);\n          this.setExampleId();\n        });\n      }\n    },\n    changeExampleId(dummy) {\n      this.contentSource.exampleId = dummy.id;\n      this.$store\n        .dispatch(\"editSource\", this.contentSource)\n        .then(() => {})\n        .catch((error) => {\n          this.error = true;\n          console.log(error);\n        });\n    },\n    setExampleId() {\n      if (this.dummyList.length == 1 && this.contentSource.exampleId == \"\") {\n        console.log(this.dummyList[0].id, \"is gonna be example id\");\n        this.contentSource.exampleId = this.dummyList[0].id;\n        console.log(this.contentSource);\n        this.$store\n          .dispatch(\"editSource\", this.contentSource)\n          .then(() => {\n            console.log(\"ExampleId set!\");\n          })\n          .catch((error) => {\n            this.error = true;\n            console.log(error);\n          });\n      }\n    },\n    onDeleteDummy(dummy) {\n      let deleteDummyData = {\n        sourceId: this.contentSource.id,\n        dummy,\n      };\n      this.$store.dispatch(\"deleteDummy\", deleteDummyData).then(() => {\n        this.dummyList.splice(\n          this.dummyList.findIndex((d) => d.id == dummy.id),\n          1\n        );\n        this.$emit(\"success\");\n      });\n    },\n\n    multiUpload() {\n      this.variableMapping = !this.variableMapping;\n    },\n    showMore() {\n      this.listLimit = this.listLimit + 50;\n    },\n  },\n\n  computed: {\n    valid() {\n      return this.dummyContent.name && this.dummyContent.file;\n    },\n    exampleData() {\n      return this.dummyList.find((d) => d.id === this.contentSource.exampleId);\n    },\n    limitListLength() {\n      return this.listLimit\n        ? this.dummyList.slice(0, this.listLimit)\n        : this.dummyList;\n    },\n    remainingListLength() {\n      return this.dummyList.length - this.listLimit;\n    },\n  },\n  created() {\n    this.getDummyData();\n  },\n  components: {\n    VariableMapping,\n  },\n};\n</script>\n\n<style lang=\"less\">\n.dummy-uploader {\n  h3 {\n    font-size: 18px;\n    font-weight: normal;\n  }\n\n  form {\n    .buttons {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n    }\n  }\n\n  .input-file {\n    opacity: 0;\n    pointer-events: none;\n    position: absolute;\n    cursor: pointer;\n  }\n\n  .form-group {\n    margin-top: 10px;\n    padding-left: 0;\n  }\n\n  p.file-support {\n    font-size: 12px;\n    margin: 2px 0 6px;\n  }\n\n  .description {\n    padding-left: 0;\n    padding-top: 12px;\n    position: relative;\n    grid-row-start: 3;\n    .desc-header {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      span {\n        margin-left: 10px;\n      }\n    }\n    img {\n      width: 16px;\n      margin-right: 4px;\n      margin-bottom: 2px;\n    }\n  }\n\n  .dummy-wrapper {\n    padding-left: 0;\n  }\n\n  .dummy-content-list {\n    margin-top: 10px;\n    padding-bottom: 12px;\n\n    // border-bottom: 1px solid #8F979C;\n\n    h3 {\n      color: #8f979c;\n      font-size: 12px;\n      font-weight: bold;\n      margin: 0;\n    }\n    p {\n      margin: 0;\n    }\n\n    .dummy {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      position: relative;\n      .content {\n        display: flex;\n        align-items: center;\n        svg {\n          margin-right: 15px;\n        }\n      }\n      &:hover {\n        background-color: rgba(235, 235, 235, 0.521);\n      }\n      &:nth-of-type(1) {\n        margin-top: 2px;\n      }\n      &:nth-last-of-type(1) {\n        margin-bottom: 10px;\n      }\n    }\n    .dummy-data-list {\n      max-height: 220px;\n      overflow: auto !important;\n    }\n  }\n\n  .actions {\n    margin-top: 20px;\n  }\n\n  .dummy-list-header {\n    margin-bottom: 10px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    svg {\n      // margin-top: 6px;\n      margin-right: 14px;\n      font-size: 12px;\n    }\n    h3 {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      span {\n        margin-left: 4px;\n      }\n    }\n\n    label {\n      font-weight: bold;\n      cursor: pointer;\n      font-size: 12px;\n      color: var(--text-grey-primary);\n    }\n  }\n  .showmore-wrapper {\n    display: flex;\n    width: 100%;\n    justify-content: center;\n    padding-top: 10px;\n  }\n\n  .list-action {\n    cursor: pointer;\n    text-decoration: underline;\n  }\n  .example {\n    // right: 40%;\n    // position: absolute;\n    margin-right: 12px;\n    cursor: pointer;\n  }\n  .trashcan {\n    cursor: pointer;\n    position: relative;\n    margin-right: 8px;\n    // color: #fafafa;\n    font-size: 12px;\n  }\n\n  .hover-delete {\n    cursor: default;\n    transition: 0.5s;\n    opacity: 0;\n    position: absolute;\n    left: 0px;\n    bottom: -10px;\n    background-color: #666666;\n    color: #fafafa !important;\n    box-shadow: 2px 4px 4px 2px rgba(0, 0, 0, 0.041);\n    padding: 5px 10px;\n    transform-origin: 0;\n    transform: rotate(180deg);\n    transform-origin: 0;\n    pointer-events: none;\n\n    p {\n      transform: rotate(180deg);\n    }\n  }\n  .trashcan:hover > .hover-delete {\n    opacity: 1;\n    transition-delay: 0.3s;\n  }\n  .hover-delete:hover {\n    opacity: 0 !important;\n  }\n  .hidelabel {\n    opacity: 0;\n  }\n}\n</style>","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!./DummyContentUploader.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!./DummyContentUploader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DummyContentUploader.vue?vue&type=template&id=36c424e2&\"\nimport script from \"./DummyContentUploader.vue?vue&type=script&lang=js&\"\nexport * from \"./DummyContentUploader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DummyContentUploader.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!./DummyContentUploader.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!./DummyContentUploader.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!./VariableMapping.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!./VariableMapping.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!./MappingItem.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!./MappingItem.vue?vue&type=style&index=0&lang=less&\"","module.exports = __webpack_public_path__ + \"img/info-icon.3426ffc4.svg\";","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!./Infobox.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!./Infobox.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:\"mapping-item\"},[_c('p',[_vm._v(_vm._s(_vm.variableItem.id))]),_c('p',[_vm._v(\"\\n    \"+_vm._s(_vm.variableItem.name)+\"\\n    \"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.variableItem.isReferenceName == true || _vm.variableItem.isId == true),expression:\"variableItem.isReferenceName == true || variableItem.isId == true\"}],staticClass:\"text-disabled\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.variableItem.isId == true),expression:\"variableItem.isId == true\"}]},[_vm._v(_vm._s(_vm.variableItem.isReferenceName == true ? 'ID & ' : 'ID'))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.variableItem.isReferenceName == true),expression:\"variableItem.isReferenceName == true\"}],staticStyle:{\"margin-left\":\"4px\"}},[_vm._v(_vm._s(_vm.$t('variable-mapping.reference-name')))]),_c('i',{staticClass:\"fa-light fa-check-circle text-success\"})])]),_c('p',{staticClass:\"example-data\"},[_vm._v(_vm._s(_vm.variableItem.exampleData || ''))]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.variableItem.type),expression:\"variableItem.type\"}],staticClass:\"type-selector\",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.$set(_vm.variableItem, \"type\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"Text\"}},[_vm._v(_vm._s(_vm.$t('variable-mapping.text')))]),_c('option',{attrs:{\"value\":\"Number\"}},[_vm._v(_vm._s(_vm.$t('variable-mapping.number')))]),_c('option',{attrs:{\"value\":\"Date\"}},[_vm._v(_vm._s(_vm.$t('variable-mapping.date')))]),_c('option',{attrs:{\"value\":\"List\"}},[_vm._v(_vm._s(_vm.$t('variable-mapping.list')))]),_c('option',{attrs:{\"value\":\"Bool\"}},[_vm._v(_vm._s(_vm.$t('variable-mapping.bool')))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mapping-item\">\n    <p>{{variableItem.id}}</p>\n    <p>\n      {{variableItem.name}}\n      <span\n        class=\"text-disabled\"\n        v-show=\"variableItem.isReferenceName == true || variableItem.isId == true\"\n      >\n        <span\n          v-show=\"variableItem.isId == true\"\n        >{{variableItem.isReferenceName == true ? 'ID & ' : 'ID'}}</span>\n        <span style=\"margin-left:4px;\" v-show=\"variableItem.isReferenceName == true\">{{$t('variable-mapping.reference-name')}}</span>\n        <i class=\"fa-light fa-check-circle text-success\"></i>\n      </span>\n    </p>\n    <p class=\"example-data\">{{variableItem.exampleData || ''}}</p>\n    <select v-model=\"variableItem.type\" class=\"type-selector\">\n      <option value=\"Text\">{{$t('variable-mapping.text')}}</option>\n      <option value=\"Number\">{{$t('variable-mapping.number')}}</option>\n      <option value=\"Date\">{{$t('variable-mapping.date')}}</option>\n      <option value=\"List\">{{$t('variable-mapping.list')}}</option>\n      <option value=\"Bool\">{{$t('variable-mapping.bool')}}</option>\n    </select>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      variableItem: this.variable\n    };\n  },\n  props: {\n    variable: Object\n  }\n};\n</script>\n<style lang=\"less\">\n.mapping-item {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 150px;\n  padding: 12px 6px;\n  gap: 12px;\n  border-radius: var(--standard-border-radius);\n  &:hover {\n    background-color: var(--hover-white);\n  }\n  p {\n    align-self: center;\n    margin: 0;\n    &:first-of-type {\n      padding-left: 6px;\n    }\n  }\n  .type-selector {\n    cursor: pointer;\n    background-color: transparent;\n    padding: 4px 0;\n    border: none;\n    border-bottom: 1px solid var(--charcoal-50);\n  }\n  .example-data {\n    color: var(--charcoal-50);\n  }\n  .text-success{\n    margin-left: 4px;\n    margin-top: 2px;\n  }\n  .text-disabled{\n    display: inline-flex;\n    align-items: center;\n  }\n}\n</style>","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!./MappingItem.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!./MappingItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MappingItem.vue?vue&type=template&id=754019dc&\"\nimport script from \"./MappingItem.vue?vue&type=script&lang=js&\"\nexport * from \"./MappingItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MappingItem.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":""}