{"version":3,"sources":["webpack:///./src/views/onboarding/MetaForm.vue?7462","webpack:///src/views/onboarding/MetaForm.vue","webpack:///./src/views/onboarding/MetaForm.vue?19fc","webpack:///./src/views/onboarding/MetaForm.vue","webpack:///./src/views/onboarding/MetaForm.vue?f36b"],"names":["components","vSelect","BFormInput","BFormGroup","BRow","BCol","BButton","BFormCheckbox","data","brands","title","value","form","accountName","accountId","methods","addForm","push","removeForm","index","splice","m","component","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_l","item","key","model","callback","$$v","$set","expression","staticStyle","on","$event","_e","staticRenderFns","e"],"mappings":"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","file":"js/chunk-33c2b834.17c87018.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"8\"}},[_c('div',{staticClass:\"mb-2\"},[_c('h3',[_vm._v(\"Meta\")])])])],1),_vm._l((_vm.form),function(item,index){return _c('b-row',{key:index},[_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":'Account Name',\"label-for\":'account-name-' + index}},[_c('b-form-input',{attrs:{\"id\":'account-name-' + index,\"autocomplete\":\"off\",\"type\":\"text\",\"placeholder\":\"Type your account name here\"},model:{value:(item.accountName),callback:function ($$v) {_vm.$set(item, \"accountName\", $$v)},expression:\"item.accountName\"}})],1)],1),_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":'Account ID',\"label-for\":'account-id-' + index}},[_c('b-form-input',{attrs:{\"id\":'account-id-' + index,\"autocomplete\":\"off\",\"type\":\"text\",\"placeholder\":\"Type your account id here\"},model:{value:(item.accountId),callback:function ($$v) {_vm.$set(item, \"accountId\", $$v)},expression:\"item.accountId\"}})],1)],1),_c('b-col',{attrs:{\"lg\":\"3\"}},[_c('b-form-group',{attrs:{\"label\":\"Brand\",\"label-for\":\"brand\"}},[_c('v-select',{staticStyle:{\"height\":\"100%\"},attrs:{\"options\":_vm.brands,\"clearable\":false,\"label\":\"title\",\"input-id\":\"user-brands\",\"multiple\":true,\"placeholder\":\"Select your brand\"}})],1)],1),_c('b-col',{attrs:{\"lg\":\"1\"}},[_c('div',{staticClass:\"d-flex align-items-center h-100\"},[_c('b-form-checkbox')],1)]),_c('b-col',{staticClass:\"text-right\",attrs:{\"lg\":\"12\"}},[(index > 0)?_c('b-button',{staticClass:\"remove-button mb-1\",attrs:{\"variant\":\"outline-danger\"},on:{\"click\":function($event){return _vm.removeForm(index)}}},[_vm._v(\" ✖ Remove \")]):_vm._e()],1)],1)}),_c('b-row',[_c('b-col',{staticClass:\"text-right\",attrs:{\"lg\":\"12\"}},[_c('b-button',{staticClass:\"mx-1\",attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.addForm}},[_vm._v(\" Add \")]),_c('b-button',{attrs:{\"variant\":\"success\"}},[_vm._v(\" Save \")])],1)],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <b-row>\n      <b-col lg=\"8\">\n        <div class=\"mb-2\">\n          <h3>Meta</h3>\n        </div>\n      </b-col>\n    </b-row>\n    <b-row\n      v-for=\"(item, index) in form\"\n      :key=\"index\"\n    >\n      <b-col lg=\"4\">\n        <b-form-group\n          :label=\"'Account Name'\"\n          :label-for=\"'account-name-' + index\"\n        > \n          <b-form-input\n            :id=\"'account-name-' + index\"\n            v-model=\"item.accountName\"\n            autocomplete=\"off\"\n            type=\"text\"\n            placeholder=\"Type your account name here\"\n          />\n        </b-form-group>\n      </b-col>\n      <b-col lg=\"4\">\n        <b-form-group\n          :label=\"'Account ID'\"\n          :label-for=\"'account-id-' + index\"\n        >\n          <b-form-input\n            :id=\"'account-id-' + index\"\n            v-model=\"item.accountId\"\n            autocomplete=\"off\"\n            type=\"text\"\n            placeholder=\"Type your account id here\"\n          />\n        </b-form-group>\n      </b-col>\n      <b-col lg=\"3\">\n        <b-form-group\n          label=\"Brand\"\n          label-for=\"brand\"\n        >\n          <v-select\n            :options=\"brands\"\n            :clearable=\"false\"\n            label=\"title\"\n            input-id=\"user-brands\"\n            :multiple=\"true\"\n            style=\"height: 100%\"\n            placeholder=\"Select your brand\"\n          />\n        </b-form-group>\n      </b-col>\n      <b-col lg=\"1\">\n        <div class=\"d-flex align-items-center h-100\">\n          <b-form-checkbox />\n        </div>\n      </b-col>\n      <b-col\n        lg=\"12\"\n        class=\"text-right\"\n      >\n        <b-button\n          v-if=\"index > 0\"\n          variant=\"outline-danger\"\n          class=\"remove-button mb-1\"\n          @click=\"removeForm(index)\"\n        >\n          &#10006; Remove\n        </b-button>\n      </b-col>\n    </b-row>\n    <b-row>\n      <b-col\n        lg=\"12\"\n        class=\"text-right\"\n      >\n        <b-button\n          class=\"mx-1\"\n          variant=\"primary\"\n          @click=\"addForm\"\n        >\n          Add\n        </b-button>\n        <b-button variant=\"success\">\n          Save\n        </b-button>\n      </b-col>\n    </b-row>\n  </section>\n</template>\n\n<script>\nimport {\n  BRow,\n  BCol,\n  BFormGroup,\n  BButton,\n  BFormInput,\n    BFormCheckbox\n} from \"bootstrap-vue\";\nimport vSelect from \"vue-select\";\n\nexport default {\n  components: {\n    vSelect,\n    BFormInput,\n    BFormGroup,\n    BRow,\n    BCol,\n    BButton,\n    BFormCheckbox\n  },\n  data () {\n    return {\n      brands:[\n        { title: 'Brand 1', value: 'brand1' },\n        { title: 'Brand 2', value: 'brand2' },\n        { title: 'Brand 3', value: 'brand3' },\n        { title: 'Brand 4', value: 'brand4' },\n        { title: 'Brand 5', value: 'brand5' },\n      ],\n      form: [{ accountName: '', accountId: '' }]\n    }\n  },\n  methods: {\n    addForm() {\n      this.form.push({ accountName: '', accountId: '' });\n    },\n    removeForm(index) {\n      this.form.splice(index, 1);\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n@import '@core/scss/vue/libs/vue-wizard.scss';\n@import '@core/scss/vue/libs/vue-select.scss';\n@import '@core/scss/vue/libs/vue-slider.scss';\n\n.iconbox-checkbox {\n  width: 33.33333%;\n  margin-bottom: .3rem;\n  label{\n    font-size: .85rem;\n    width: 95%;\n    padding: 1rem .4rem !important;\n  }\n  label.active{\n    border: 1px solid $primary !important;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MetaForm.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MetaForm.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MetaForm.vue?vue&type=template&id=540fcac2\"\nimport script from \"./MetaForm.vue?vue&type=script&lang=js\"\nexport * from \"./MetaForm.vue?vue&type=script&lang=js\"\nimport style0 from \"./MetaForm.vue?vue&type=style&index=0&id=540fcac2&prod&lang=scss\"\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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MetaForm.vue?vue&type=style&index=0&id=540fcac2&prod&lang=scss\""],"sourceRoot":""}