{"version":3,"sources":["webpack:///./src/views/onboarding/GoogleAnalyticsForm.vue?10ba","webpack:///./src/views/onboarding/GoogleAnalyticsForm.vue?bf44","webpack:///src/views/onboarding/GoogleAnalyticsForm.vue","webpack:///./src/views/onboarding/GoogleAnalyticsForm.vue?e34b","webpack:///./src/views/onboarding/GoogleAnalyticsForm.vue"],"names":["components","vSelect","BFormInput","BFormGroup","BRow","BCol","BButton","data","brands","title","value","form","viewName","viewId","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"],"mappings":"4GAAA,W,kECAA,I,oFCqGe,GACfA,WAAA,CACAC,Q,OAAAA,EACAC,eACAC,eACAC,SACAC,SACAC,aAEAC,UACA,CACAC,OAAA,CACA,CAAAC,MAAA,UAAAC,MAAA,UACA,CAAAD,MAAA,UAAAC,MAAA,UACA,CAAAD,MAAA,UAAAC,MAAA,UACA,CAAAD,MAAA,UAAAC,MAAA,UACA,CAAAD,MAAA,UAAAC,MAAA,WAEAC,KAAA,EAAAC,SAAA,GAAAC,OAAA,OAGAC,QAAA,CACAC,UACA,KAAAJ,KAAAK,KAAA,CAAAJ,SAAA,GAAAC,OAAA,MAEAI,WAAAC,GACA,KAAAP,KAAAQ,OAAAD,EAAA,MC/H2WE,EAAA,E,wBCQvWC,EAAY,YACd,GHTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,GAAK,MAAM,CAACF,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,KAAK,CAACJ,EAAIQ,GAAG,cAAc,GAAGR,EAAIS,GAAIT,EAAQ,eAAWU,EAAKd,GAAO,OAAOQ,EAAG,QAAQ,CAACO,IAAIf,GAAO,CAACQ,EAAG,QAAQ,CAACE,MAAM,CAAC,GAAK,MAAM,CAACF,EAAG,eAAe,CAACE,MAAM,CAAC,MAAQ,YAAY,YAAY,aAAeV,IAAQ,CAACQ,EAAG,eAAe,CAACE,MAAM,CAAC,GAAK,aAAeV,EAAM,aAAe,MAAM,KAAO,OAAO,YAAc,4BAA4BgB,MAAM,CAACxB,MAAOsB,EAAa,SAAEG,SAAS,SAAUC,GAAMd,EAAIe,KAAKL,EAAM,WAAYI,IAAME,WAAW,oBAAoB,IAAI,GAAGZ,EAAG,QAAQ,CAACE,MAAM,CAAC,GAAK,MAAM,CAACF,EAAG,eAAe,CAACE,MAAM,CAAC,MAAQ,UAAU,YAAY,WAAaV,IAAQ,CAACQ,EAAG,eAAe,CAACE,MAAM,CAAC,GAAK,WAAaV,EAAM,aAAe,MAAM,KAAO,OAAO,YAAc,0BAA0BgB,MAAM,CAACxB,MAAOsB,EAAW,OAAEG,SAAS,SAAUC,GAAMd,EAAIe,KAAKL,EAAM,SAAUI,IAAME,WAAW,kBAAkB,IAAI,GAAGZ,EAAG,QAAQ,CAACE,MAAM,CAAC,GAAK,MAAM,CAACF,EAAG,eAAe,CAACE,MAAM,CAAC,MAAQ,QAAQ,YAAY,UAAU,CAACF,EAAG,WAAW,CAACa,YAAY,CAAC,OAAS,QAAQX,MAAM,CAAC,QAAUN,EAAId,OAAO,aAAkB,MAAQ,QAAQ,WAAW,cAAc,YAAgB,YAAc,wBAAwB,IAAI,GAAGkB,EAAG,QAAQ,CAACG,YAAY,aAAaD,MAAM,CAAC,GAAK,OAAO,CAAEV,EAAQ,EAAGQ,EAAG,WAAW,CAACG,YAAY,qBAAqBD,MAAM,CAAC,QAAU,kBAAkBY,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIL,WAAWC,MAAU,CAACI,EAAIQ,GAAG,gBAAgBR,EAAIoB,MAAM,IAAI,EAAG,IAAEhB,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACG,YAAY,aAAaD,MAAM,CAAC,GAAK,OAAO,CAACF,EAAG,WAAW,CAACG,YAAY,OAAOD,MAAM,CAAC,QAAU,WAAWY,GAAG,CAAC,MAAQlB,EAAIP,UAAU,CAACO,EAAIQ,GAAG,WAAWJ,EAAG,WAAW,CAACE,MAAM,CAAC,QAAU,YAAY,CAACN,EAAIQ,GAAG,aAAa,IAAI,IAAI,EAAE,GACrvD,IGUpBa,EAEA,KACA,KACA,MAIa,UAAAtB,E","file":"js/chunk-3d165c86.e6487c2f.js","sourcesContent":["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!./GoogleAnalyticsForm.vue?vue&type=style&index=0&id=68ab7a0a&prod&lang=scss\"","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(\"GA4\")])])])],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\":'View Name',\"label-for\":'view-name-' + index}},[_c('b-form-input',{attrs:{\"id\":'view-name-' + index,\"autocomplete\":\"off\",\"type\":\"text\",\"placeholder\":\"Type your view name here\"},model:{value:(item.viewName),callback:function ($$v) {_vm.$set(item, \"viewName\", $$v)},expression:\"item.viewName\"}})],1)],1),_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":'View Id',\"label-for\":'view-id-' + index}},[_c('b-form-input',{attrs:{\"id\":'view-id-' + index,\"autocomplete\":\"off\",\"type\":\"text\",\"placeholder\":\"Type your view id here\"},model:{value:(item.viewId),callback:function ($$v) {_vm.$set(item, \"viewId\", $$v)},expression:\"item.viewId\"}})],1)],1),_c('b-col',{attrs:{\"lg\":\"4\"}},[_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',{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>GA4</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=\"'View Name'\"\n          :label-for=\"'view-name-' + index\"\n        >\n          <b-form-input\n            :id=\"'view-name-' + index\"\n            v-model=\"item.viewName\"\n            autocomplete=\"off\"\n            type=\"text\"\n            placeholder=\"Type your view name here\"\n          />\n        </b-form-group>\n      </b-col>\n      <b-col lg=\"4\">\n        <b-form-group\n          :label=\"'View Id'\"\n          :label-for=\"'view-id-' + index\"\n        >\n          <b-form-input\n            :id=\"'view-id-' + index\"\n            v-model=\"item.viewId\"\n            autocomplete=\"off\"\n            type=\"text\"\n            placeholder=\"Type your view id here\"\n          />\n        </b-form-group>\n      </b-col>\n      <b-col lg=\"4\">\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\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} 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  },\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: [{ viewName: '', viewId: '' }]\n    }\n  },\n  methods: {\n    addForm() {\n      this.form.push({ viewName: '', viewId: '' });\n    },\n    removeForm(index) {\n      this.form.splice(index, 1);\n    }\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!./GoogleAnalyticsForm.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!./GoogleAnalyticsForm.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GoogleAnalyticsForm.vue?vue&type=template&id=68ab7a0a\"\nimport script from \"./GoogleAnalyticsForm.vue?vue&type=script&lang=js\"\nexport * from \"./GoogleAnalyticsForm.vue?vue&type=script&lang=js\"\nimport style0 from \"./GoogleAnalyticsForm.vue?vue&type=style&index=0&id=68ab7a0a&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"],"sourceRoot":""}