{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/forms/form-repeater/FormRepeater.vue?bfc8","webpack:///./src/views/forms/form-repeater/FormRepeaterBasic.vue?7a2f","webpack:///./src/views/forms/form-repeater/code.js","webpack:///src/views/forms/form-repeater/FormRepeaterBasic.vue","webpack:///./src/views/forms/form-repeater/FormRepeaterBasic.vue?d6e4","webpack:///./src/views/forms/form-repeater/FormRepeaterBasic.vue","webpack:///src/views/forms/form-repeater/FormRepeater.vue","webpack:///./src/views/forms/form-repeater/FormRepeater.vue?b4f1","webpack:///./src/views/forms/form-repeater/FormRepeater.vue","webpack:///./src/@core/mixins/ui/transition.js","webpack:///./src/views/forms/form-repeater/FormRepeaterBasic.vue?83d8"],"names":["BCardCode","render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","scopedSlots","_u","key","fn","_v","_s","codeBasic","proxy","ref","staticClass","style","height","trHeight","on","$event","preventDefault","repeateAgain","_l","item","index","id","refInFor","directives","name","rawName","value","expression","modifiers","removeItem","components","BForm","BRow","BCol","BButton","BFormGroup","BFormInput","Ripple","mixins","heightTransition","data","items","selected","selected1","prevHeight","nextTodoId","mounted","initTrHeight","created","window","addEventListener","destroyed","removeEventListener","methods","push","$nextTick","trAddHeight","$refs","row","offsetHeight","splice","trTrimHeight","trSetHeight","form","scrollHeight","component","FormRepeaterBasic","val","heightValue","Number","substring","length"],"mappings":"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","file":"js/chunk-150822ff.4daa8d87.js","sourcesContent":["import BCardCode from './BCardCode.vue'\r\n\r\nexport default BCardCode\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('form-repeater-basic')],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Repeating Forms\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeBasic)+\" \")]},proxy:true}])},[_c('div',[_c('b-form',{ref:\"form\",staticClass:\"repeater-form\",style:({height: _vm.trHeight}),on:{\"submit\":function($event){$event.preventDefault();return _vm.repeateAgain($event)}}},_vm._l((_vm.items),function(item,index){return _c('b-row',{key:item.id,ref:\"row\",refInFor:true,attrs:{\"id\":item.id}},[_c('b-col',{attrs:{\"md\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Item Name\",\"label-for\":\"item-name\"}},[_c('b-form-input',{attrs:{\"id\":\"item-name\",\"type\":\"text\",\"placeholder\":\"Vuexy Admin Template\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"2\"}},[_c('b-form-group',{attrs:{\"label\":\"Cost\",\"label-for\":\"cost\"}},[_c('b-form-input',{attrs:{\"id\":\"cost\",\"type\":\"number\",\"placeholder\":\"32\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"2\"}},[_c('b-form-group',{attrs:{\"label\":\"Quantity\",\"label-for\":\"quantity\"}},[_c('b-form-input',{attrs:{\"id\":\"quantity\",\"type\":\"number\",\"placeholder\":\"1\"}})],1)],1),_c('b-col',{attrs:{\"lg\":\"2\",\"md\":\"1\"}},[_c('b-form-group',{attrs:{\"label\":\"Price\",\"label-for\":\"price\"}},[_c('b-form-input',{attrs:{\"id\":\"pzrice\",\"value\":\"32$\",\"plaintext\":\"\"}})],1)],1),_c('b-col',{staticClass:\"mb-50\",attrs:{\"lg\":\"2\",\"md\":\"3\"}},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(234, 84, 85, 0.15)'),expression:\"'rgba(234, 84, 85, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"mt-0 mt-md-2\",attrs:{\"variant\":\"outline-danger\"},on:{\"click\":function($event){return _vm.removeItem(index)}}},[_c('feather-icon',{staticClass:\"mr-25\",attrs:{\"icon\":\"XIcon\"}}),_c('span',[_vm._v(\"Delete\")])],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('hr')])],1)}),1)],1),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.repeateAgain}},[_c('feather-icon',{staticClass:\"mr-25\",attrs:{\"icon\":\"PlusIcon\"}}),_c('span',[_vm._v(\"Add New\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const codeBasic = `\r\n<template>\r\n  <div>\r\n     <div>\r\n      <b-form\r\n        ref=\"form\"\r\n        :style=\"{height: trHeight}\"\r\n        class=\"repeater-form\"\r\n        @submit.prevent=\"repeateAgain\"\r\n      >\r\n\r\n        <!-- Row Loop -->\r\n        <b-row\r\n          v-for=\"(item, index) in items\"\r\n          :id=\"item.id\"\r\n          :key=\"item.id\"\r\n          ref=\"row\"\r\n        >\r\n\r\n          <!-- Item Name -->\r\n          <b-col md=\"4\">\r\n            <b-form-group\r\n              label=\"Item Name\"\r\n              label-for=\"item-name\"\r\n            >\r\n              <b-form-input\r\n                id=\"item-name\"\r\n                type=\"text\"\r\n                placeholder=\"Vuexy Admin Template\"\r\n              />\r\n            </b-form-group>\r\n          </b-col>\r\n\r\n          <!-- Cost -->\r\n          <b-col md=\"2\">\r\n            <b-form-group\r\n              label=\"Cost\"\r\n              label-for=\"cost\"\r\n            >\r\n              <b-form-input\r\n                id=\"cost\"\r\n                type=\"number\"\r\n                placeholder=\"32\"\r\n              />\r\n            </b-form-group>\r\n          </b-col>\r\n\r\n          <!-- Quantity -->\r\n          <b-col md=\"2\">\r\n            <b-form-group\r\n              label=\"Quantity\"\r\n              label-for=\"quantity\"\r\n            >\r\n              <b-form-input\r\n                id=\"quantity\"\r\n                type=\"number\"\r\n                placeholder=\"1\"\r\n              />\r\n            </b-form-group>\r\n          </b-col>\r\n\r\n          <!-- Profession -->\r\n          <b-col\r\n            lg=\"2\"\r\n            md=\"1\"\r\n          >\r\n            <b-form-group\r\n              label=\"Price\"\r\n              label-for=\"price\"\r\n            >\r\n              <b-form-input\r\n                id=\"pzrice\"\r\n                value=\"32$\"\r\n                plaintext\r\n              />\r\n            </b-form-group>\r\n          </b-col>\r\n\r\n          <!-- Remove Button -->\r\n          <b-col\r\n            lg=\"2\"\r\n            md=\"3\"\r\n            class=\"mb-50\"\r\n          >\r\n            <b-button\r\n              v-ripple.400=\"'rgba(234, 84, 85, 0.15)'\"\r\n              variant=\"outline-danger\"\r\n              class=\"mt-0 mt-md-2\"\r\n              @click=\"removeItem(index)\"\r\n            >\r\n              <feather-icon\r\n                icon=\"XIcon\"\r\n                class=\"mr-25\"\r\n              />\r\n              <span>Delete</span>\r\n            </b-button>\r\n          </b-col>\r\n          <b-col cols=\"12\">\r\n            <hr>\r\n          </b-col>\r\n        </b-row>\r\n\r\n      </b-form>\r\n    </div>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n      variant=\"primary\"\r\n      @click=\"repeateAgain\"\r\n    >\r\n      <feather-icon\r\n        icon=\"PlusIcon\"\r\n        class=\"mr-25\"\r\n      />\r\n      <span>Add New</span>\r\n    </b-button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BForm, BFormGroup, BFormInput, BRow, BCol, BButton,\r\n} from 'bootstrap-vue'\r\nimport { heightTransition } from '@core/mixins/ui/transition'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BForm,\r\n    BRow,\r\n    BCol,\r\n    BButton,\r\n    BFormGroup,\r\n    BFormInput,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  mixins: [heightTransition],\r\n  data() {\r\n    return {\r\n      items: [{\r\n        id: 1,\r\n        selected: 'male',\r\n        selected1: 'designer',\r\n        prevHeight: 0,\r\n      }],\r\n      nextTodoId: 2,\r\n    }\r\n  },\r\n  mounted() {\r\n    this.initTrHeight()\r\n  },\r\n  created() {\r\n    window.addEventListener('resize', this.initTrHeight)\r\n  },\r\n  destroyed() {\r\n    window.removeEventListener('resize', this.initTrHeight)\r\n  },\r\n  methods: {\r\n    repeateAgain() {\r\n      this.items.push({\r\n        id: this.nextTodoId += this.nextTodoId,\r\n      })\r\n\r\n      this.$nextTick(() => {\r\n        this.trAddHeight(this.$refs.row[0].offsetHeight)\r\n      })\r\n    },\r\n    removeItem(index) {\r\n      this.items.splice(index, 1)\r\n      this.trTrimHeight(this.$refs.row[0].offsetHeight)\r\n    },\r\n    initTrHeight() {\r\n      this.trSetHeight(null)\r\n      this.$nextTick(() => {\r\n        this.trSetHeight(this.$refs.form.scrollHeight)\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.repeater-form {\r\n  overflow: hidden;\r\n  transition: .35s height;\r\n}\r\n</style>\r\n`\r\n\r\nexport const codeInfo = 'default'\r\n","<template>\r\n  <b-card-code title=\"Repeating Forms\">\r\n    <div>\r\n      <b-form\r\n        ref=\"form\"\r\n        :style=\"{height: trHeight}\"\r\n        class=\"repeater-form\"\r\n        @submit.prevent=\"repeateAgain\"\r\n      >\r\n\r\n        <!-- Row Loop -->\r\n        <b-row\r\n          v-for=\"(item, index) in items\"\r\n          :id=\"item.id\"\r\n          :key=\"item.id\"\r\n          ref=\"row\"\r\n        >\r\n\r\n          <!-- Item Name -->\r\n          <b-col md=\"4\">\r\n            <b-form-group\r\n              label=\"Item Name\"\r\n              label-for=\"item-name\"\r\n            >\r\n              <b-form-input\r\n                id=\"item-name\"\r\n                type=\"text\"\r\n                placeholder=\"Vuexy Admin Template\"\r\n              />\r\n            </b-form-group>\r\n          </b-col>\r\n\r\n          <!-- Cost -->\r\n          <b-col md=\"2\">\r\n            <b-form-group\r\n              label=\"Cost\"\r\n              label-for=\"cost\"\r\n            >\r\n              <b-form-input\r\n                id=\"cost\"\r\n                type=\"number\"\r\n                placeholder=\"32\"\r\n              />\r\n            </b-form-group>\r\n          </b-col>\r\n\r\n          <!-- Quantity -->\r\n          <b-col md=\"2\">\r\n            <b-form-group\r\n              label=\"Quantity\"\r\n              label-for=\"quantity\"\r\n            >\r\n              <b-form-input\r\n                id=\"quantity\"\r\n                type=\"number\"\r\n                placeholder=\"1\"\r\n              />\r\n            </b-form-group>\r\n          </b-col>\r\n\r\n          <!-- Profession -->\r\n          <b-col\r\n            lg=\"2\"\r\n            md=\"1\"\r\n          >\r\n            <b-form-group\r\n              label=\"Price\"\r\n              label-for=\"price\"\r\n            >\r\n              <b-form-input\r\n                id=\"pzrice\"\r\n                value=\"32$\"\r\n                plaintext\r\n              />\r\n            </b-form-group>\r\n          </b-col>\r\n\r\n          <!-- Remove Button -->\r\n          <b-col\r\n            lg=\"2\"\r\n            md=\"3\"\r\n            class=\"mb-50\"\r\n          >\r\n            <b-button\r\n              v-ripple.400=\"'rgba(234, 84, 85, 0.15)'\"\r\n              variant=\"outline-danger\"\r\n              class=\"mt-0 mt-md-2\"\r\n              @click=\"removeItem(index)\"\r\n            >\r\n              <feather-icon\r\n                icon=\"XIcon\"\r\n                class=\"mr-25\"\r\n              />\r\n              <span>Delete</span>\r\n            </b-button>\r\n          </b-col>\r\n          <b-col cols=\"12\">\r\n            <hr>\r\n          </b-col>\r\n        </b-row>\r\n\r\n      </b-form>\r\n    </div>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n      variant=\"primary\"\r\n      @click=\"repeateAgain\"\r\n    >\r\n      <feather-icon\r\n        icon=\"PlusIcon\"\r\n        class=\"mr-25\"\r\n      />\r\n      <span>Add New</span>\r\n    </b-button>\r\n\r\n    <template #code>\r\n      {{ codeBasic }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  BForm, BFormGroup, BFormInput, BRow, BCol, BButton,\r\n} from 'bootstrap-vue'\r\nimport { heightTransition } from '@core/mixins/ui/transition'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeBasic } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BForm,\r\n    BRow,\r\n    BCol,\r\n    BButton,\r\n    BFormGroup,\r\n    BFormInput,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  mixins: [heightTransition],\r\n  data() {\r\n    return {\r\n      items: [{\r\n        id: 1,\r\n        selected: 'male',\r\n        selected1: 'designer',\r\n        prevHeight: 0,\r\n      }],\r\n      nextTodoId: 2,\r\n      codeBasic,\r\n    }\r\n  },\r\n  mounted() {\r\n    this.initTrHeight()\r\n  },\r\n  created() {\r\n    window.addEventListener('resize', this.initTrHeight)\r\n  },\r\n  destroyed() {\r\n    window.removeEventListener('resize', this.initTrHeight)\r\n  },\r\n  methods: {\r\n    repeateAgain() {\r\n      this.items.push({\r\n        id: this.nextTodoId += this.nextTodoId,\r\n      })\r\n\r\n      this.$nextTick(() => {\r\n        this.trAddHeight(this.$refs.row[0].offsetHeight)\r\n      })\r\n    },\r\n    removeItem(index) {\r\n      this.items.splice(index, 1)\r\n      this.trTrimHeight(this.$refs.row[0].offsetHeight)\r\n    },\r\n    initTrHeight() {\r\n      this.trSetHeight(null)\r\n      this.$nextTick(() => {\r\n        this.trSetHeight(this.$refs.form.scrollHeight)\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.repeater-form {\r\n  overflow: hidden;\r\n  transition: .35s height;\r\n}\r\n</style>\r\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!./FormRepeaterBasic.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!./FormRepeaterBasic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormRepeaterBasic.vue?vue&type=template&id=75419b40&scoped=true&\"\nimport script from \"./FormRepeaterBasic.vue?vue&type=script&lang=js&\"\nexport * from \"./FormRepeaterBasic.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FormRepeaterBasic.vue?vue&type=style&index=0&id=75419b40&prod&lang=scss&scoped=true&\"\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  \"75419b40\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <b-row>\r\n      <b-col cols=\"12\">\r\n        <form-repeater-basic />\r\n      </b-col>\r\n    </b-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BRow, BCol } from 'bootstrap-vue'\r\n\r\nimport FormRepeaterBasic from './FormRepeaterBasic.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n\r\n    FormRepeaterBasic,\r\n  },\r\n}\r\n</script>\r\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!./FormRepeater.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!./FormRepeater.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormRepeater.vue?vue&type=template&id=6e9a039c&\"\nimport script from \"./FormRepeater.vue?vue&type=script&lang=js&\"\nexport * from \"./FormRepeater.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","export const heightTransition = {\r\n  /*\r\n\r\n    HowTo:\r\n      1. Add dynamic style to element and set style as `trHeight`\r\n      2. Set transition speed using `transition: 0.35s height;` <= you can use appropriate value;\r\n      3. Optionally you can set `overflow: hidden;` to hide element overflow while height is animated.\r\n      4. Set initial height using `trSetHeight` before any operation. [mounted hook is recommended - You can use `ref` for dynamic contents]\r\n      5. Toggle height using height operations 🍻\r\n      6. Toggle usage of $nextTick for height operations is any issue occur [experimental] 🔬\r\n\r\n  */\r\n\r\n  data() {\r\n    return {\r\n      trHeight: null,\r\n    }\r\n  },\r\n  methods: {\r\n    trAddHeight(val) {\r\n      // Add height to existing height\r\n      // Usage: Where new element is append or more height is added (e.g. list append)\r\n\r\n      /* Assumes:\r\n       - Height is assigned and is `String`\r\n       - Incoming value is valid number in `Number` or `String`\r\n      */\r\n      const heightValue = Number(this.trHeight.substring(0, this.trHeight.length - 2))\r\n      this.trHeight = `${heightValue + Number(val)}px`\r\n    },\r\n    trTrimHeight(val) {\r\n      // Remove height from existing height\r\n      // Usage: Where new element is removed or height is remove (e.g. list pop/ele remove)\r\n\r\n      /* Assumes:\r\n       - Height is assigned and is `String`\r\n       - Incoming value is valid number in `Number` or `String`\r\n      */\r\n      const heightValue = Number(this.trHeight.substring(0, this.trHeight.length - 2))\r\n      this.trHeight = `${heightValue - Number(val)}px`\r\n    },\r\n    trSetHeight(val) {\r\n      // Set height\r\n      // Usage: Mostly for assigning initial value from mounted hook\r\n\r\n      /* Assumes:\r\n       - Height is not assigned and what to assign for add/remove operation\r\n       - What to set height at something for odd usage\r\n       - Incoming value is valid number in `Number` or `String`\r\n      */\r\n      if (val === null) this.trHeight = 'auto'\r\n      else this.trHeight = `${Number(val)}px`\r\n    },\r\n  },\r\n}\r\n\r\n// Ignore below for now. We will remove it when we add more transition in future.\r\nexport const _ = null\r\n","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!./FormRepeaterBasic.vue?vue&type=style&index=0&id=75419b40&prod&lang=scss&scoped=true&\""],"sourceRoot":""}