{"version":3,"sources":["webpack:///./src/views/onboarding/BrandInfo.vue?0ea6","webpack:///src/views/onboarding/BrandInfo.vue","webpack:///./src/views/onboarding/BrandInfo.vue?d257","webpack:///./src/views/onboarding/BrandInfo.vue"],"names":["components","BFormInput","BRow","BCol","BFormGroup","BButton","data","forms","brandName","brandAbbreviation","categories","name","methods","addCategory","formIndex","push","addForm","removeForm","splice","m","component","_vm","this","_h","$createElement","_c","_self","_l","form","key","attrs","staticClass","_v","_e","on","$event","model","value","callback","$$v","$set","expression","slice","category","index","length","staticRenderFns"],"mappings":"iHAAA,I,wEC4Ge,GACfA,WAAA,CACAC,eACAC,SACAC,SACAC,eACAC,aAEAC,UACA,CACAC,MAAA,EACAC,UAAA,GACAC,kBAAA,GACAC,WAAA,EAAAC,KAAA,SAIAC,QAAA,CACAC,YAAAC,GACA,KAAAP,MAAAO,GAAAJ,WAAAK,KAAA,CAAAJ,KAAA,MAEAK,UACA,KAAAT,MAAAQ,KAAA,CACAP,UAAA,GACAC,kBAAA,GACAC,WAAA,EAAAC,KAAA,QAGAM,WAAAH,GACA,KAAAP,MAAAW,OAAAJ,EAAA,MCzIiWK,EAAA,E,YCO7VC,EAAY,YACd,GHRW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACJ,EAAIM,GAAIN,EAAS,gBAAWO,EAAKd,GAAW,OAAOW,EAAG,MAAM,CAACI,IAAIf,GAAW,CAACW,EAAG,QAAQ,CAAgB,IAAdX,EAAiBW,EAAG,QAAQ,CAACK,MAAM,CAAC,GAAK,MAAM,CAACL,EAAG,MAAM,CAACM,YAAY,QAAQ,CAACN,EAAG,KAAK,CAACJ,EAAIW,GAAG,2BAA2BX,EAAIY,KAAKR,EAAG,QAAQ,CAACM,YAAY,aAAaD,MAAM,CAAC,GAAK,OAAO,CAAgB,IAAdhB,EAAiBW,EAAG,WAAW,CAACK,MAAM,CAAC,QAAU,kBAAkBI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOd,EAAIJ,WAAWH,MAAc,CAACO,EAAIW,GAAG,SAASX,EAAIY,MAAM,IAAI,GAAGR,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACK,MAAM,CAAC,GAAK,MAAM,CAACL,EAAG,eAAe,CAACK,MAAM,CAAC,MAAQ,aAAa,YAAY,cAAgBhB,IAAY,CAACW,EAAG,eAAe,CAACK,MAAM,CAAC,GAAK,cAAgBhB,EAAU,aAAe,MAAM,KAAO,OAAO,YAAc,0BAA0BsB,MAAM,CAACC,MAAOT,EAAc,UAAEU,SAAS,SAAUC,GAAMlB,EAAImB,KAAKZ,EAAM,YAAaW,IAAME,WAAW,qBAAqB,IAAI,GAAGhB,EAAG,QAAQ,CAACK,MAAM,CAAC,GAAK,MAAM,CAACL,EAAG,eAAe,CAACK,MAAM,CAAC,MAAQ,qBAAqB,YAAY,sBAAwBhB,IAAY,CAACW,EAAG,eAAe,CAACK,MAAM,CAAC,GAAK,sBAAwBhB,EAAU,aAAe,MAAM,KAAO,OAAO,YAAc,mCAAmCsB,MAAM,CAACC,MAAOT,EAAsB,kBAAEU,SAAS,SAAUC,GAAMlB,EAAImB,KAAKZ,EAAM,oBAAqBW,IAAME,WAAW,6BAA6B,IAAI,GAAGhB,EAAG,QAAQ,CAACK,MAAM,CAAC,GAAK,MAAM,CAACL,EAAG,MAAM,CAACA,EAAG,eAAe,CAACK,MAAM,CAAC,MAAQ,aAAa,YAAY,gBAAkBhB,IAAY,CAACW,EAAG,eAAe,CAACK,MAAM,CAAC,GAAK,gBAAkBhB,EAAU,aAAe,MAAM,KAAO,OAAO,YAAc,sBAAsBsB,MAAM,CAACC,MAAOT,EAAKlB,WAAW,GAAO,KAAE4B,SAAS,SAAUC,GAAMlB,EAAImB,KAAKZ,EAAKlB,WAAW,GAAI,OAAQ6B,IAAME,WAAW,8BAA8B,GAAGpB,EAAIM,GAAIC,EAAKlB,WAAWgC,MAAM,aAAaC,EAASC,GAAO,OAAOnB,EAAG,eAAe,CAACI,IAAI,YAAce,EAAQ,SAAW9B,EAAUgB,MAAM,CAAC,MAAQ,aAAec,EAAQ,GAAG,YAAY,eAAiBA,EAAQ,GAAK,IAAM9B,IAAY,CAACW,EAAG,eAAe,CAACK,MAAM,CAAC,GAAK,eAAiBc,EAAQ,GAAK,IAAM9B,EAAU,aAAe,MAAM,KAAO,OAAO,YAAc,kBAAoB8B,EAAQ,IAAIR,MAAM,CAACC,MAAOM,EAAa,KAAEL,SAAS,SAAUC,GAAMlB,EAAImB,KAAKG,EAAU,OAAQJ,IAAME,WAAW,oBAAoB,EAAG,IAAEhB,EAAG,WAAW,CAACK,MAAM,CAAC,QAAU,WAAWI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOd,EAAIR,YAAYC,MAAc,CAACO,EAAIW,GAAG,yBAAyB,MAAM,GAAIlB,EAAYO,EAAId,MAAMsC,OAAS,EAAGpB,EAAG,MAAMJ,EAAIY,MAAM,EAAG,IAAER,EAAG,WAAW,CAACK,MAAM,CAAC,QAAU,mBAAmBI,GAAG,CAAC,MAAQb,EAAIL,UAAU,CAACK,EAAIW,GAAG,UAAU,EAAE,GACliF,IGSpBc,EAEA,KACA,KACA,MAIa,UAAA1B,E","file":"js/chunk-2d21f0a9.59a92c57.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_vm._l((_vm.forms),function(form,formIndex){return _c('div',{key:formIndex},[_c('b-row',[(formIndex === 0)?_c('b-col',{attrs:{\"lg\":\"8\"}},[_c('div',{staticClass:\"mb-2\"},[_c('h3',[_vm._v(\"Brand Information\")])])]):_vm._e(),_c('b-col',{staticClass:\"text-right\",attrs:{\"lg\":\"12\"}},[(formIndex !== 0)?_c('b-button',{attrs:{\"variant\":\"outline-danger\"},on:{\"click\":function($event){return _vm.removeForm(formIndex)}}},[_vm._v(\" × \")]):_vm._e()],1)],1),_c('b-row',[_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":'Brand Name',\"label-for\":'brand-name-' + formIndex}},[_c('b-form-input',{attrs:{\"id\":'brand-name-' + formIndex,\"autocomplete\":\"off\",\"type\":\"text\",\"placeholder\":\"Give your brand a name\"},model:{value:(form.brandName),callback:function ($$v) {_vm.$set(form, \"brandName\", $$v)},expression:\"form.brandName\"}})],1)],1),_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":'Brand Abbreviation',\"label-for\":'brand-abbreviation-' + formIndex}},[_c('b-form-input',{attrs:{\"id\":'brand-abbreviation-' + formIndex,\"autocomplete\":\"off\",\"type\":\"text\",\"placeholder\":\"Give your brand an abbreviation\"},model:{value:(form.brandAbbreviation),callback:function ($$v) {_vm.$set(form, \"brandAbbreviation\", $$v)},expression:\"form.brandAbbreviation\"}})],1)],1),_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('div',[_c('b-form-group',{attrs:{\"label\":\"Categories\",\"label-for\":'categories-0-' + formIndex}},[_c('b-form-input',{attrs:{\"id\":'categories-0-' + formIndex,\"autocomplete\":\"off\",\"type\":\"text\",\"placeholder\":\"Type your category\"},model:{value:(form.categories[0].name),callback:function ($$v) {_vm.$set(form.categories[0], \"name\", $$v)},expression:\"form.categories[0].name\"}})],1),_vm._l((form.categories.slice(1)),function(category,index){return _c('b-form-group',{key:'category-' + index + '-form-' + formIndex,attrs:{\"label\":'Category ' + (index + 2),\"label-for\":'categories-' + (index + 1) + '-' + formIndex}},[_c('b-form-input',{attrs:{\"id\":'categories-' + (index + 1) + '-' + formIndex,\"autocomplete\":\"off\",\"type\":\"text\",\"placeholder\":'Type category ' + (index + 2)},model:{value:(category.name),callback:function ($$v) {_vm.$set(category, \"name\", $$v)},expression:\"category.name\"}})],1)}),_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.addCategory(formIndex)}}},[_vm._v(\" Add New Category \")])],2)])],1),(formIndex < _vm.forms.length - 1)?_c('hr'):_vm._e()],1)}),_c('b-button',{attrs:{\"variant\":\"outline-success\"},on:{\"click\":_vm.addForm}},[_vm._v(\" + \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <div\n      v-for=\"(form, formIndex) in forms\"\n      :key=\"formIndex\"\n    >\n      <b-row>\n        <b-col\n          v-if=\"formIndex === 0\"\n          lg=\"8\"\n        >\n          <div class=\"mb-2\">\n            <h3>Brand Information</h3>\n          </div>\n        </b-col>\n        <b-col\n          lg=\"12\"\n          class=\"text-right\"\n        >\n          <b-button\n            v-if=\"formIndex !== 0\"\n            variant=\"outline-danger\"\n            @click=\"removeForm(formIndex)\"\n          >\n            &times;\n          </b-button>\n        </b-col>\n      </b-row>\n      <b-row>\n        <b-col lg=\"4\">\n          <b-form-group\n            :label=\"'Brand Name'\"\n            :label-for=\"'brand-name-' + formIndex\"\n          >\n            <b-form-input\n              :id=\"'brand-name-' + formIndex\"\n              v-model=\"form.brandName\"\n              autocomplete=\"off\"\n              type=\"text\"\n              placeholder=\"Give your brand a name\"\n            />\n          </b-form-group>\n        </b-col>\n        <b-col lg=\"4\">\n          <b-form-group\n            :label=\"'Brand Abbreviation'\"\n            :label-for=\"'brand-abbreviation-' + formIndex\"\n          >\n            <b-form-input\n              :id=\"'brand-abbreviation-' + formIndex\"\n              v-model=\"form.brandAbbreviation\"\n              autocomplete=\"off\"\n              type=\"text\"\n              placeholder=\"Give your brand an abbreviation\"\n            />\n          </b-form-group>\n        </b-col>\n        <b-col lg=\"4\">\n          <div>\n            <b-form-group\n              label=\"Categories\"\n              :label-for=\"'categories-0-' + formIndex\"\n            >\n              <b-form-input\n                :id=\"'categories-0-' + formIndex\"\n                v-model=\"form.categories[0].name\"\n                autocomplete=\"off\"\n                type=\"text\"\n                placeholder=\"Type your category\"\n              />\n            </b-form-group>\n            <b-form-group\n              v-for=\"(category, index) in form.categories.slice(1)\"\n              :key=\"'category-' + index + '-form-' + formIndex\"\n              :label=\"'Category ' + (index + 2)\"\n              :label-for=\"'categories-' + (index + 1) + '-' + formIndex\"\n            >\n              <b-form-input\n                :id=\"'categories-' + (index + 1) + '-' + formIndex\"\n                v-model=\"category.name\"\n                autocomplete=\"off\"\n                type=\"text\"\n                :placeholder=\"'Type category ' + (index + 2)\"\n              />\n            </b-form-group>\n            <b-button\n              variant=\"primary\"\n              @click=\"addCategory(formIndex)\"\n            >\n              Add New Category\n            </b-button>\n          </div>\n        </b-col>\n      </b-row>\n      <hr v-if=\"formIndex < forms.length - 1\">\n    </div>\n    <b-button\n      variant=\"outline-success\"\n      @click=\"addForm\"\n    >\n      +\n    </b-button>\n  </section>\n</template>\n\n<script>\nimport { BRow, BCol, BFormInput, BFormGroup, BButton } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormInput,\n    BRow,\n    BCol,\n    BFormGroup,\n    BButton\n  },\n  data() {\n    return {\n      forms: [{\n        brandName: '',\n        brandAbbreviation: '',\n        categories: [{ name: '' }]\n      }]\n    }\n  },\n  methods: {\n    addCategory(formIndex) {\n      this.forms[formIndex].categories.push({ name: '' });\n    },\n    addForm() {\n      this.forms.push({\n        brandName: '',\n        brandAbbreviation: '',\n        categories: [{ name: '' }]\n      });\n    },\n    removeForm(formIndex) {\n      this.forms.splice(formIndex, 1); \n    }\n  }\n}\n</script>\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!./BrandInfo.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!./BrandInfo.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BrandInfo.vue?vue&type=template&id=6550df98\"\nimport script from \"./BrandInfo.vue?vue&type=script&lang=js\"\nexport * from \"./BrandInfo.vue?vue&type=script&lang=js\"\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":""}