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