{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/forms/form-layout/FormLayout.vue?11b9","webpack:///./src/views/forms/form-layout/FormLayoutHorizontal.vue?ac02","webpack:///./src/views/forms/form-layout/code.js","webpack:///src/views/forms/form-layout/FormLayoutHorizontal.vue","webpack:///./src/views/forms/form-layout/FormLayoutHorizontal.vue?74c1","webpack:///./src/views/forms/form-layout/FormLayoutHorizontal.vue","webpack:///./src/views/forms/form-layout/FormLayoutHorizontalIcon.vue?38ab","webpack:///src/views/forms/form-layout/FormLayoutHorizontalIcon.vue","webpack:///./src/views/forms/form-layout/FormLayoutHorizontalIcon.vue?628b","webpack:///./src/views/forms/form-layout/FormLayoutHorizontalIcon.vue","webpack:///./src/views/forms/form-layout/FormLayoutVertical.vue?5ccc","webpack:///src/views/forms/form-layout/FormLayoutVertical.vue","webpack:///./src/views/forms/form-layout/FormLayoutVertical.vue?7fe4","webpack:///./src/views/forms/form-layout/FormLayoutVertical.vue","webpack:///./src/views/forms/form-layout/FormLayoutVerticalIcon.vue?7385","webpack:///src/views/forms/form-layout/FormLayoutVerticalIcon.vue","webpack:///./src/views/forms/form-layout/FormLayoutVerticalIcon.vue?3c33","webpack:///./src/views/forms/form-layout/FormLayoutVerticalIcon.vue","webpack:///./src/views/forms/form-layout/FormLayoutMultipleColumn.vue?6297","webpack:///src/views/forms/form-layout/FormLayoutMultipleColumn.vue","webpack:///./src/views/forms/form-layout/FormLayoutMultipleColumn.vue?4aad","webpack:///./src/views/forms/form-layout/FormLayoutMultipleColumn.vue","webpack:///./src/views/forms/form-layout/FormLayoutDatalistHelper.vue?cf29","webpack:///src/views/forms/form-layout/FormLayoutDatalistHelper.vue","webpack:///./src/views/forms/form-layout/FormLayoutDatalistHelper.vue?c0f3","webpack:///./src/views/forms/form-layout/FormLayoutDatalistHelper.vue","webpack:///./src/views/forms/form-layout/FormLayoutFeedbackHelper.vue?ab98","webpack:///src/views/forms/form-layout/FormLayoutFeedbackHelper.vue","webpack:///./src/views/forms/form-layout/FormLayoutFeedbackHelper.vue?eb8d","webpack:///./src/views/forms/form-layout/FormLayoutFeedbackHelper.vue","webpack:///src/views/forms/form-layout/FormLayout.vue","webpack:///./src/views/forms/form-layout/FormLayout.vue?afbc","webpack:///./src/views/forms/form-layout/FormLayout.vue"],"names":["BCardCode","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticRenderFns","scopedSlots","_u","key","fn","_v","_s","codeHorizontal","proxy","on","$event","preventDefault","directives","name","rawName","value","expression","modifiers","codeFeedbackHelper","codeHelper","codeHorizontalIcon","codeMultipleColumn","codeVertical","codeVerticalIcon","components","BRow","BCol","BFormGroup","BFormInput","BFormCheckbox","BForm","BButton","Ripple","data","component","BInputGroup","BInputGroupPrepend","options","BFormText","BFormDatalist","class","validation","model","callback","$$v","userId","validationOccupation","occupationID","reset","BFormInvalidFeedback","BFormValidFeedback","computed","length","methods","FormLayoutHorizontal","FormLayoutHorizontalIcon","FormLayoutVertical","FormLayoutVerticalIcon","FormLayoutMultipleColumn","FormLayoutDatalistHelper","FormLayoutFeedbackHelper"],"mappings":"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","file":"js/chunk-3c7b34d9.53264528.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('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-layout-horizontal')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-layout-horizontal-icon')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-layout-vertical')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-layout-vertical-icon')],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('form-layout-multiple-column')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-layout-datalist-helper')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('form-layout-feedback-helper')],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\":\"Horizontal Form\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeHorizontal)+\" \")]},proxy:true}])},[_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();}}},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"First Name\",\"label-for\":\"h-first-name\",\"label-cols-md\":\"4\"}},[_c('b-form-input',{attrs:{\"id\":\"h-first-name\",\"placeholder\":\"First Name\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Email\",\"label-for\":\"h-email\",\"label-cols-md\":\"4\"}},[_c('b-form-input',{attrs:{\"id\":\"h-email\",\"type\":\"email\",\"placeholder\":\"Email\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Mobile\",\"label-for\":\"h-number\",\"label-cols-md\":\"4\"}},[_c('b-form-input',{attrs:{\"id\":\"h-number\",\"type\":\"number\",\"placeholder\":\"Mobile\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Password\",\"label-for\":\"h-password\",\"label-cols-md\":\"4\"}},[_c('b-form-input',{attrs:{\"id\":\"h-password\",\"type\":\"password\",\"placeholder\":\"Password\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"8\",\"offset-md\":\"4\"}},[_c('b-form-group',[_c('b-form-checkbox',{attrs:{\"id\":\"checkbox-2\",\"name\":\"checkbox-2\",\"value\":\"Remember_me\"}},[_vm._v(\" Remember me \")])],1)],1),_c('b-col',{attrs:{\"offset-md\":\"4\"}},[_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}}],staticClass:\"mr-1\",attrs:{\"type\":\"submit\",\"variant\":\"primary\"}},[_vm._v(\" Submit \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(186, 191, 199, 0.15)'),expression:\"'rgba(186, 191, 199, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"type\":\"reset\",\"variant\":\"outline-secondary\"}},[_vm._v(\" Reset \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const codeFeedbackHelper = `\r\n<template>\r\n  <b-form @submit.prevent>\r\n    <b-row>\r\n      <!-- username -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Username\"\r\n          label-for=\"fh-usename\"\r\n        >\r\n          <b-input-group class=\"input-group-merge\">\r\n            <b-input-group-prepend is-text>\r\n              <feather-icon icon=\"UserIcon\" />\r\n            </b-input-group-prepend>\r\n            <b-form-input\r\n              id=\"fh-usename\"\r\n              placeholder=\"Username\"\r\n            />\r\n          </b-input-group>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- email -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Email\"\r\n          label-for=\"fh-email\"\r\n        >\r\n          <b-input-group class=\"input-group-merge\">\r\n            <b-input-group-prepend is-text>\r\n              <feather-icon icon=\"MailIcon\" />\r\n            </b-input-group-prepend>\r\n            <b-form-input\r\n              id=\"fh-email\"\r\n              type=\"email\"\r\n              placeholder=\"Email\"\r\n            />\r\n          </b-input-group>\r\n          <b-form-text class=\"text-danger\">\r\n            Enter a Valid Email\r\n          </b-form-text>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- password -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Password\"\r\n          label-for=\"fh-password\"\r\n        >\r\n          <b-input-group\r\n            class=\"input-group-merge\"\r\n            :class=\"validation ? 'is-valid' : 'is-invalid'\"\r\n          >\r\n            <b-input-group-prepend is-text>\r\n              <feather-icon icon=\"LockIcon\" />\r\n            </b-input-group-prepend>\r\n            <b-form-input\r\n              id=\"fh-password\"\r\n              v-model=\"userId\"\r\n              type=\"password\"\r\n              :state=\"validation\"\r\n              placeholder=\"Password\"\r\n            />\r\n          </b-input-group>\r\n          <b-form-invalid-feedback :state=\"validation\">\r\n            Your password must be 8-20 characters long.\r\n          </b-form-invalid-feedback>\r\n          <b-form-valid-feedback :state=\"validation\">\r\n            Looks Good.\r\n          </b-form-valid-feedback>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- occupation -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group label=\"Occupation\">\r\n          <b-input-group\r\n            class=\"input-group-merge\"\r\n            :class=\"validationOccupation ? 'is-valid' : 'is-invalid'\"\r\n          >\r\n            <b-input-group-prepend is-text>\r\n              <feather-icon icon=\"LockIcon\" />\r\n            </b-input-group-prepend>\r\n            <b-form-input\r\n              v-model=\"occupationID\"\r\n              list=\"input-list\"\r\n              placeholder=\"Occupation\"\r\n              :state=\"validationOccupation\"\r\n            />\r\n          </b-input-group>\r\n          <b-form-datalist\r\n            id=\"input-list\"\r\n            :options=\"options\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- checkbox -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group>\r\n          <b-form-checkbox\r\n            id=\"checkbox-8\"\r\n            name=\"checkbox-8\"\r\n            value=\"Remember_me\"\r\n          >\r\n            Remember me\r\n          </b-form-checkbox>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- submit and reset -->\r\n      <b-col>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n          type=\"submit\"\r\n          variant=\"primary\"\r\n          class=\"mr-1\"\r\n        >\r\n          Submit\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n          type=\"reset\"\r\n          variant=\"outline-secondary\"\r\n          @click=\"reset\"\r\n        >\r\n          Reset\r\n        </b-button>\r\n      </b-col>\r\n    </b-row>\r\n  </b-form>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BRow,\r\n  BCol,\r\n  BFormGroup,\r\n  BFormInput,\r\n  BFormCheckbox,\r\n  BForm,\r\n  BButton,\r\n  BFormText,\r\n  BFormDatalist,\r\n  BFormInvalidFeedback,\r\n  BInputGroup,\r\n  BInputGroupPrepend,\r\n  BFormValidFeedback,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n    BFormGroup,\r\n    BInputGroup,\r\n    BInputGroupPrepend,\r\n    BFormInput,\r\n    BFormCheckbox,\r\n    BForm,\r\n    BFormText,\r\n    BButton,\r\n    BFormDatalist,\r\n    BFormInvalidFeedback,\r\n    BFormValidFeedback,\r\n  },\r\n directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      options: ['Devloper', 'Manager', 'CEO', 'CTO', 'Full Stack Devloper'],\r\n      userId: '',\r\n      occupationID: '',\r\n    }\r\n  },\r\n  computed: {\r\n    validation() {\r\n      return this.userId.length > 4 && this.userId.length < 13\r\n    },\r\n    validationOccupation() {\r\n      return this.occupationID.length > 1\r\n    },\r\n  },\r\n  methods: {\r\n    reset() {\r\n      this.userId = ''\r\n      this.occupationID = ''\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeHelper = `\r\n<template>\r\n  <b-form @submit.prevent>\r\n    <b-row>\r\n\r\n      <!-- username -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Username\"\r\n          label-for=\"h-username\"\r\n        >\r\n          <b-form-input\r\n            id=\"h-username\"\r\n            placeholder=\"Username\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- email -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Email\"\r\n          label-for=\"d-email\"\r\n        >\r\n          <b-form-input\r\n            id=\"d-email\"\r\n            type=\"email\"\r\n            placeholder=\"Email\"\r\n          />\r\n          <b-form-text>Enter a Valid Email</b-form-text>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- password -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Password\"\r\n          label-for=\"d-password\"\r\n        >\r\n          <b-form-input\r\n            id=\"d-password\"\r\n            type=\"password\"\r\n            placeholder=\"Password\"\r\n          />\r\n          <b-form-text>Your password must be 8-20 characters long.</b-form-text>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- occupation -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Occupation\"\r\n          label-for=\"h-occupation\"\r\n        >\r\n          <b-form-input\r\n            id=\"h-occupation\"\r\n            list=\"input-list\"\r\n            placeholder=\"Occupation\"\r\n          />\r\n          <b-form-datalist\r\n            id=\"input-list\"\r\n            :options=\"options\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- checkbox -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group>\r\n          <b-form-checkbox\r\n            id=\"checkbox-9\"\r\n            name=\"checkbox-9\"\r\n            value=\"Remember_me\"\r\n          >\r\n            Remember me\r\n          </b-form-checkbox>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- submit and reset -->\r\n      <b-col>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n          type=\"submit\"\r\n          variant=\"primary\"\r\n          class=\"mr-1\"\r\n        >\r\n          Submit\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n          type=\"reset\"\r\n          variant=\"outline-secondary\"\r\n        >\r\n          Reset\r\n        </b-button>\r\n      </b-col>\r\n    </b-row>\r\n  </b-form>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BRow,\r\n  BCol,\r\n  BFormGroup,\r\n  BFormInput,\r\n  BFormCheckbox,\r\n  BForm,\r\n  BButton,\r\n  BFormText,\r\n  BFormDatalist,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BFormCheckbox,\r\n    BForm,\r\n    BFormText,\r\n    BButton,\r\n    BFormDatalist,\r\n  },\r\n   directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      options: ['Devloper', 'Manager', 'CEO', 'CTO', 'Full Stack Devloper'],\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeHorizontal = `\r\n<template>\r\n  <b-form @submit.prevent>\r\n    <b-row>\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"First Name\"\r\n          label-for=\"h-first-name\"\r\n          label-cols-md=\"4\"\r\n        >\r\n          <b-form-input\r\n            id=\"h-first-name\"\r\n            placeholder=\"First Name\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Email\"\r\n          label-for=\"h-email\"\r\n          label-cols-md=\"4\"\r\n        >\r\n          <b-form-input\r\n            id=\"h-email\"\r\n            type=\"email\"\r\n            placeholder=\"Email\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Mobile\"\r\n          label-for=\"h-number\"\r\n          label-cols-md=\"4\"\r\n        >\r\n          <b-form-input\r\n            id=\"h-number\"\r\n            type=\"number\"\r\n            placeholder=\"Mobile\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Password\"\r\n          label-for=\"h-password\"\r\n          label-cols-md=\"4\"\r\n        >\r\n          <b-form-input\r\n            id=\"h-password\"\r\n            type=\"password\"\r\n            placeholder=\"Password\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n      <b-col\r\n        md=\"8\"\r\n        offset-md=\"4\"\r\n      >\r\n        <b-form-group>\r\n          <b-form-checkbox\r\n            id=\"checkbox-2\"\r\n            name=\"checkbox-2\"\r\n            value=\"Remember_me\"\r\n          >\r\n            Remember me\r\n          </b-form-checkbox>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- submit and reset -->\r\n      <b-col offset-md=\"4\">\r\n        <b-button\r\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n          type=\"submit\"\r\n          variant=\"primary\"\r\n          class=\"mr-1\"\r\n        >\r\n          Submit\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n          type=\"reset\"\r\n          variant=\"outline-secondary\"\r\n        >\r\n          Reset\r\n        </b-button>\r\n      </b-col>\r\n    </b-row>\r\n\r\n  </b-form>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BRow, BCol, BFormGroup, BFormInput, BFormCheckbox, BForm, BButton,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BFormCheckbox,\r\n    BForm,\r\n    BButton,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeHorizontalIcon = `\r\n<template>\r\n  <b-form @submit.prevent>\r\n    <b-row>\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"First Name\"\r\n          label-for=\"hi-first-name\"\r\n          label-cols-md=\"4\"\r\n        >\r\n          <b-input-group class=\"input-group-merge\">\r\n            <b-input-group-prepend is-text>\r\n              <feather-icon icon=\"UserIcon\" />\r\n            </b-input-group-prepend>\r\n            <b-form-input\r\n              id=\"hi-first-name\"\r\n              placeholder=\"First Name\"\r\n            />\r\n          </b-input-group>\r\n        </b-form-group>\r\n      </b-col>\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Email\"\r\n          label-for=\"hi-email\"\r\n          label-cols-md=\"4\"\r\n        >\r\n          <b-input-group class=\"input-group-merge\">\r\n            <b-input-group-prepend is-text>\r\n              <feather-icon icon=\"MailIcon\" />\r\n            </b-input-group-prepend>\r\n            <b-form-input\r\n              id=\"hi-email\"\r\n              type=\"email\"\r\n              placeholder=\"Email\"\r\n            />\r\n          </b-input-group>\r\n        </b-form-group>\r\n      </b-col>\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Mobile\"\r\n          label-for=\"hi-number\"\r\n          label-cols-md=\"4\"\r\n        >\r\n          <b-input-group class=\"input-group-merge\">\r\n            <b-input-group-prepend is-text>\r\n              <feather-icon icon=\"SmartphoneIcon\" />\r\n            </b-input-group-prepend>\r\n            <b-form-input\r\n              id=\"hi-number\"\r\n              type=\"number\"\r\n              placeholder=\"Mobile\"\r\n            />\r\n          </b-input-group>\r\n        </b-form-group>\r\n      </b-col>\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Password\"\r\n          label-for=\"hi-password\"\r\n          label-cols-md=\"4\"\r\n        >\r\n          <b-input-group class=\"input-group-merge\">\r\n            <b-input-group-prepend is-text>\r\n              <feather-icon icon=\"LockIcon\" />\r\n            </b-input-group-prepend>\r\n            <b-form-input\r\n              id=\"hi-password\"\r\n              type=\"password\"\r\n              placeholder=\"Password\"\r\n            />\r\n          </b-input-group>\r\n        </b-form-group>\r\n      </b-col>\r\n      <b-col\r\n        md=\"8\"\r\n        offset-md=\"4\"\r\n      >\r\n        <b-form-group>\r\n          <b-form-checkbox\r\n            id=\"checkbox-1\"\r\n            name=\"checkbox-1\"\r\n            value=\"Remember_me\"\r\n          >\r\n            Remember me\r\n          </b-form-checkbox>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- submit and reset -->\r\n      <b-col offset-md=\"4\">\r\n        <b-button\r\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n          type=\"submit\"\r\n          variant=\"primary\"\r\n          class=\"mr-1\"\r\n        >\r\n          Submit\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n          type=\"reset\"\r\n          variant=\"outline-secondary\"\r\n        >\r\n          Reset\r\n        </b-button>\r\n      </b-col>\r\n    </b-row>\r\n\r\n  </b-form>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BFormGroup, BFormInput, BFormCheckbox, BForm, BButton, BInputGroup, BInputGroupPrepend, BRow, BCol,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BFormCheckbox,\r\n    BInputGroup,\r\n    BInputGroupPrepend,\r\n    BForm,\r\n    BButton,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeMultipleColumn = `\r\n<template>\r\n  <b-form @submit.prevent>\r\n    <b-row>\r\n      <b-col md=\"6\">\r\n        <b-form-group\r\n          label=\"First Name\"\r\n          label-for=\"mc-first-name\"\r\n        >\r\n          <b-form-input\r\n            id=\"mc-first-name\"\r\n            placeholder=\"First Name\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n      <b-col md=\"6\">\r\n        <b-form-group\r\n          label=\"Last Name\"\r\n          label-for=\"mc-last-name\"\r\n        >\r\n          <b-form-input\r\n            id=\"mc-last-name\"\r\n            placeholder=\"Last Name\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n      <b-col md=\"6\">\r\n        <b-form-group\r\n          label=\"City\"\r\n          label-for=\"mc-city\"\r\n        >\r\n          <b-form-input\r\n            id=\"mc-city\"\r\n            placeholder=\"City\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n      <b-col md=\"6\">\r\n        <b-form-group\r\n          label=\"Country\"\r\n          label-for=\"mc-country\"\r\n        >\r\n          <b-form-input\r\n            id=\"mc-country\"\r\n            placeholder=\"Country\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n      <b-col md=\"6\">\r\n        <b-form-group\r\n          label=\"Company\"\r\n          label-for=\"mc-company\"\r\n        >\r\n          <div class=\"form-label-group\">\r\n            <b-form-input\r\n              id=\"mc-company\"\r\n              placeholder=\"Company\"\r\n            />\r\n          </div>\r\n        </b-form-group>\r\n      </b-col>\r\n      <b-col md=\"6\">\r\n        <b-form-group\r\n          label-for=\"mc-email\"\r\n          label=\"Email\"\r\n        >\r\n          <div class=\"form-label-group\">\r\n            <b-form-input\r\n              id=\"mc-email\"\r\n              type=\"email\"\r\n              placeholder=\"Email\"\r\n            />\r\n          </div>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <b-col cols=\"12\">\r\n        <b-form-group>\r\n          <b-form-checkbox\r\n            id=\"checkbox-10\"\r\n            name=\"checkbox-10\"\r\n            value=\"Remember_me\"\r\n          >\r\n            Remember me\r\n          </b-form-checkbox>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- submit and reset -->\r\n      <b-col>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n          type=\"submit\"\r\n          variant=\"primary\"\r\n          class=\"mr-1\"\r\n        >\r\n          Submit\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n          type=\"reset\"\r\n          variant=\"outline-secondary\"\r\n        >\r\n          Reset\r\n        </b-button>\r\n      </b-col>\r\n    </b-row>\r\n  </b-form>\r\n</template>\r\n\r\n\r\n<script>\r\nimport {\r\n  BRow, BCol, BFormGroup, BFormInput, BFormCheckbox, BForm, BButton,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BFormCheckbox,\r\n    BForm,\r\n    BButton,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeVertical = `\r\n<template>\r\n  <b-form @submit.prevent>\r\n    <b-row>\r\n\r\n      <!-- first name -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"First Name\"\r\n          label-for=\"v-first-name\"\r\n        >\r\n          <b-form-input\r\n            id=\"v-first-name\"\r\n            placeholder=\"First Name\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- email -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Email\"\r\n          label-for=\"v-email\"\r\n        >\r\n          <b-form-input\r\n            id=\"v-email\"\r\n            type=\"email\"\r\n            placeholder=\"Email\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- mobile -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Mobile\"\r\n          label-for=\"v-mobile\"\r\n        >\r\n          <b-form-input\r\n            id=\"v-mobile\"\r\n            type=\"number\"\r\n            placeholder=\"Mobile\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- password -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Password\"\r\n          label-for=\"v-password\"\r\n        >\r\n          <b-form-input\r\n            id=\"v-password\"\r\n            type=\"password\"\r\n            placeholder=\"Password\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- checkbox -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group>\r\n          <b-form-checkbox\r\n            id=\"checkbox-3\"\r\n            name=\"checkbox-3\"\r\n            value=\"Remember_me\"\r\n          >\r\n            Remember me\r\n          </b-form-checkbox>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- submit and reset -->\r\n      <b-col cols=\"12\">\r\n        <b-button\r\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n          type=\"submit\"\r\n          variant=\"primary\"\r\n          class=\"mr-1\"\r\n        >\r\n          Submit\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n          type=\"reset\"\r\n          variant=\"outline-secondary\"\r\n        >\r\n          Reset\r\n        </b-button>\r\n      </b-col>\r\n    </b-row>\r\n  </b-form>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BRow, BCol, BFormGroup, BFormInput, BFormCheckbox, BForm, BButton,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BFormCheckbox,\r\n    BForm,\r\n    BButton,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeVerticalIcon = `\r\n<template>\r\n  <b-form @submit.prevent>\r\n    <b-row>\r\n\r\n      <!-- first name -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"First Name\"\r\n          label-for=\"vi-first-name\"\r\n        >\r\n          <b-input-group class=\"input-group-merge\">\r\n            <b-input-group-prepend is-text>\r\n              <feather-icon icon=\"UserIcon\" />\r\n            </b-input-group-prepend>\r\n            <b-form-input\r\n              id=\"vi-first-name\"\r\n              placeholder=\"First Name\"\r\n            />\r\n          </b-input-group>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- email -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Email\"\r\n          label-for=\"vi-email\"\r\n        >\r\n          <b-input-group class=\"input-group-merge\">\r\n            <b-input-group-prepend is-text>\r\n              <feather-icon icon=\"MailIcon\" />\r\n            </b-input-group-prepend>\r\n            <b-form-input\r\n              id=\"vi-email\"\r\n              type=\"email\"\r\n              placeholder=\"Email\"\r\n            />\r\n          </b-input-group>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- mobile -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Mobile\"\r\n          label-for=\"vi-mobile\"\r\n        >\r\n          <b-input-group class=\"input-group-merge\">\r\n            <b-input-group-prepend is-text>\r\n              <feather-icon icon=\"SmartphoneIcon\" />\r\n            </b-input-group-prepend>\r\n            <b-form-input\r\n              id=\"vi-mobile\"\r\n              type=\"number\"\r\n              placeholder=\"Mobile\"\r\n            />\r\n          </b-input-group>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- password -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group\r\n          label=\"Password\"\r\n          label-for=\"vi-password\"\r\n        >\r\n          <b-input-group class=\"input-group-merge\">\r\n            <b-input-group-prepend is-text>\r\n              <feather-icon icon=\"LockIcon\" />\r\n            </b-input-group-prepend>\r\n            <b-form-input\r\n              id=\"vi-password\"\r\n              type=\"password\"\r\n              placeholder=\"Password\"\r\n            />\r\n          </b-input-group>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- checkbox -->\r\n      <b-col cols=\"12\">\r\n        <b-form-group>\r\n          <b-form-checkbox\r\n            id=\"checkbox-4\"\r\n            name=\"checkbox-4\"\r\n            value=\"Remember_me\"\r\n          >\r\n            Remember me\r\n          </b-form-checkbox>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- reset and submit -->\r\n      <b-col cols=\"12\">\r\n        <b-button\r\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n          type=\"submit\"\r\n          variant=\"primary\"\r\n          class=\"mr-1\"\r\n        >\r\n          Submit\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n          type=\"reset\"\r\n          variant=\"outline-secondary\"\r\n        >\r\n          Reset\r\n        </b-button>\r\n      </b-col>\r\n    </b-row>\r\n  </b-form>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BRow, BCol, BFormGroup, BFormInput, BFormCheckbox, BForm, BButton, BInputGroup, BInputGroupPrepend,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BFormCheckbox,\r\n    BInputGroup,\r\n    BInputGroupPrepend,\r\n    BForm,\r\n    BButton,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n}\r\n</script>\r\n`\r\n","<template>\r\n  <b-card-code\r\n    title=\"Horizontal Form\"\r\n  >\r\n    <b-form @submit.prevent>\r\n      <b-row>\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"First Name\"\r\n            label-for=\"h-first-name\"\r\n            label-cols-md=\"4\"\r\n          >\r\n            <b-form-input\r\n              id=\"h-first-name\"\r\n              placeholder=\"First Name\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Email\"\r\n            label-for=\"h-email\"\r\n            label-cols-md=\"4\"\r\n          >\r\n            <b-form-input\r\n              id=\"h-email\"\r\n              type=\"email\"\r\n              placeholder=\"Email\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Mobile\"\r\n            label-for=\"h-number\"\r\n            label-cols-md=\"4\"\r\n          >\r\n            <b-form-input\r\n              id=\"h-number\"\r\n              type=\"number\"\r\n              placeholder=\"Mobile\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Password\"\r\n            label-for=\"h-password\"\r\n            label-cols-md=\"4\"\r\n          >\r\n            <b-form-input\r\n              id=\"h-password\"\r\n              type=\"password\"\r\n              placeholder=\"Password\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n        <b-col\r\n          md=\"8\"\r\n          offset-md=\"4\"\r\n        >\r\n          <b-form-group>\r\n            <b-form-checkbox\r\n              id=\"checkbox-2\"\r\n              name=\"checkbox-2\"\r\n              value=\"Remember_me\"\r\n            >\r\n              Remember me\r\n            </b-form-checkbox>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- submit and reset -->\r\n        <b-col offset-md=\"4\">\r\n          <b-button\r\n            v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n            type=\"submit\"\r\n            variant=\"primary\"\r\n            class=\"mr-1\"\r\n          >\r\n            Submit\r\n          </b-button>\r\n          <b-button\r\n            v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n            type=\"reset\"\r\n            variant=\"outline-secondary\"\r\n          >\r\n            Reset\r\n          </b-button>\r\n        </b-col>\r\n      </b-row>\r\n\r\n    </b-form>\r\n\r\n    <template #code>\r\n      {{ codeHorizontal }}\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  BRow, BCol, BFormGroup, BFormInput, BFormCheckbox, BForm, BButton,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeHorizontal } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BRow,\r\n    BCol,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BFormCheckbox,\r\n    BForm,\r\n    BButton,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeHorizontal,\r\n    }\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!./FormLayoutHorizontal.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!./FormLayoutHorizontal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormLayoutHorizontal.vue?vue&type=template&id=33de1526&\"\nimport script from \"./FormLayoutHorizontal.vue?vue&type=script&lang=js&\"\nexport * from \"./FormLayoutHorizontal.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Horizontal Form With Icons\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeHorizontalIcon)+\" \")]},proxy:true}])},[_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();}}},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"First Name\",\"label-for\":\"hi-first-name\",\"label-cols-md\":\"4\"}},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"UserIcon\"}})],1),_c('b-form-input',{attrs:{\"id\":\"hi-first-name\",\"placeholder\":\"First Name\"}})],1)],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Email\",\"label-for\":\"hi-email\",\"label-cols-md\":\"4\"}},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"MailIcon\"}})],1),_c('b-form-input',{attrs:{\"id\":\"hi-email\",\"type\":\"email\",\"placeholder\":\"Email\"}})],1)],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Mobile\",\"label-for\":\"hi-number\",\"label-cols-md\":\"4\"}},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"SmartphoneIcon\"}})],1),_c('b-form-input',{attrs:{\"id\":\"hi-number\",\"type\":\"number\",\"placeholder\":\"Mobile\"}})],1)],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Password\",\"label-for\":\"hi-password\",\"label-cols-md\":\"4\"}},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"LockIcon\"}})],1),_c('b-form-input',{attrs:{\"id\":\"hi-password\",\"type\":\"password\",\"placeholder\":\"Password\"}})],1)],1)],1),_c('b-col',{attrs:{\"md\":\"8\",\"offset-md\":\"4\"}},[_c('b-form-group',[_c('b-form-checkbox',{attrs:{\"id\":\"checkbox-1\",\"name\":\"checkbox-1\",\"value\":\"Remember_me\"}},[_vm._v(\" Remember me \")])],1)],1),_c('b-col',{attrs:{\"offset-md\":\"4\"}},[_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}}],staticClass:\"mr-1\",attrs:{\"type\":\"submit\",\"variant\":\"primary\"}},[_vm._v(\" Submit \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(186, 191, 199, 0.15)'),expression:\"'rgba(186, 191, 199, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"type\":\"reset\",\"variant\":\"outline-secondary\"}},[_vm._v(\" Reset \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Horizontal Form With Icons\">\r\n    <b-form @submit.prevent>\r\n      <b-row>\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"First Name\"\r\n            label-for=\"hi-first-name\"\r\n            label-cols-md=\"4\"\r\n          >\r\n            <b-input-group class=\"input-group-merge\">\r\n              <b-input-group-prepend is-text>\r\n                <feather-icon icon=\"UserIcon\" />\r\n              </b-input-group-prepend>\r\n              <b-form-input\r\n                id=\"hi-first-name\"\r\n                placeholder=\"First Name\"\r\n              />\r\n            </b-input-group>\r\n          </b-form-group>\r\n        </b-col>\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Email\"\r\n            label-for=\"hi-email\"\r\n            label-cols-md=\"4\"\r\n          >\r\n            <b-input-group class=\"input-group-merge\">\r\n              <b-input-group-prepend is-text>\r\n                <feather-icon icon=\"MailIcon\" />\r\n              </b-input-group-prepend>\r\n              <b-form-input\r\n                id=\"hi-email\"\r\n                type=\"email\"\r\n                placeholder=\"Email\"\r\n              />\r\n            </b-input-group>\r\n          </b-form-group>\r\n        </b-col>\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Mobile\"\r\n            label-for=\"hi-number\"\r\n            label-cols-md=\"4\"\r\n          >\r\n            <b-input-group class=\"input-group-merge\">\r\n              <b-input-group-prepend is-text>\r\n                <feather-icon icon=\"SmartphoneIcon\" />\r\n              </b-input-group-prepend>\r\n              <b-form-input\r\n                id=\"hi-number\"\r\n                type=\"number\"\r\n                placeholder=\"Mobile\"\r\n              />\r\n            </b-input-group>\r\n          </b-form-group>\r\n        </b-col>\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Password\"\r\n            label-for=\"hi-password\"\r\n            label-cols-md=\"4\"\r\n          >\r\n            <b-input-group class=\"input-group-merge\">\r\n              <b-input-group-prepend is-text>\r\n                <feather-icon icon=\"LockIcon\" />\r\n              </b-input-group-prepend>\r\n              <b-form-input\r\n                id=\"hi-password\"\r\n                type=\"password\"\r\n                placeholder=\"Password\"\r\n              />\r\n            </b-input-group>\r\n          </b-form-group>\r\n        </b-col>\r\n        <b-col\r\n          md=\"8\"\r\n          offset-md=\"4\"\r\n        >\r\n          <b-form-group>\r\n            <b-form-checkbox\r\n              id=\"checkbox-1\"\r\n              name=\"checkbox-1\"\r\n              value=\"Remember_me\"\r\n            >\r\n              Remember me\r\n            </b-form-checkbox>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- submit and reset -->\r\n        <b-col offset-md=\"4\">\r\n          <b-button\r\n            v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n            type=\"submit\"\r\n            variant=\"primary\"\r\n            class=\"mr-1\"\r\n          >\r\n            Submit\r\n          </b-button>\r\n          <b-button\r\n            v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n            type=\"reset\"\r\n            variant=\"outline-secondary\"\r\n          >\r\n            Reset\r\n          </b-button>\r\n        </b-col>\r\n      </b-row>\r\n\r\n    </b-form>\r\n\r\n    <template #code>\r\n      {{ codeHorizontalIcon }}\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  BFormGroup, BFormInput, BFormCheckbox, BForm, BButton, BInputGroup, BInputGroupPrepend, BRow, BCol,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeHorizontalIcon } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BRow,\r\n    BCol,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BFormCheckbox,\r\n    BInputGroup,\r\n    BInputGroupPrepend,\r\n    BForm,\r\n    BButton,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeHorizontalIcon,\r\n    }\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!./FormLayoutHorizontalIcon.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!./FormLayoutHorizontalIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormLayoutHorizontalIcon.vue?vue&type=template&id=ce14d34a&\"\nimport script from \"./FormLayoutHorizontalIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./FormLayoutHorizontalIcon.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Vertical Form\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeVertical)+\" \")]},proxy:true}])},[_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();}}},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"First Name\",\"label-for\":\"v-first-name\"}},[_c('b-form-input',{attrs:{\"id\":\"v-first-name\",\"placeholder\":\"First Name\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Email\",\"label-for\":\"v-email\"}},[_c('b-form-input',{attrs:{\"id\":\"v-email\",\"type\":\"email\",\"placeholder\":\"Email\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Mobile\",\"label-for\":\"v-mobile\"}},[_c('b-form-input',{attrs:{\"id\":\"v-mobile\",\"type\":\"number\",\"placeholder\":\"Mobile\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Password\",\"label-for\":\"v-password\"}},[_c('b-form-input',{attrs:{\"id\":\"v-password\",\"type\":\"password\",\"placeholder\":\"Password\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',[_c('b-form-checkbox',{attrs:{\"id\":\"checkbox-3\",\"name\":\"checkbox-3\",\"value\":\"Remember_me\"}},[_vm._v(\" Remember me \")])],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_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}}],staticClass:\"mr-1\",attrs:{\"type\":\"submit\",\"variant\":\"primary\"}},[_vm._v(\" Submit \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(186, 191, 199, 0.15)'),expression:\"'rgba(186, 191, 199, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"type\":\"reset\",\"variant\":\"outline-secondary\"}},[_vm._v(\" Reset \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Vertical Form\"\r\n  >\r\n    <b-form @submit.prevent>\r\n      <b-row>\r\n\r\n        <!-- first name -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"First Name\"\r\n            label-for=\"v-first-name\"\r\n          >\r\n            <b-form-input\r\n              id=\"v-first-name\"\r\n              placeholder=\"First Name\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- email -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Email\"\r\n            label-for=\"v-email\"\r\n          >\r\n            <b-form-input\r\n              id=\"v-email\"\r\n              type=\"email\"\r\n              placeholder=\"Email\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- mobile -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Mobile\"\r\n            label-for=\"v-mobile\"\r\n          >\r\n            <b-form-input\r\n              id=\"v-mobile\"\r\n              type=\"number\"\r\n              placeholder=\"Mobile\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- password -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Password\"\r\n            label-for=\"v-password\"\r\n          >\r\n            <b-form-input\r\n              id=\"v-password\"\r\n              type=\"password\"\r\n              placeholder=\"Password\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- checkbox -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group>\r\n            <b-form-checkbox\r\n              id=\"checkbox-3\"\r\n              name=\"checkbox-3\"\r\n              value=\"Remember_me\"\r\n            >\r\n              Remember me\r\n            </b-form-checkbox>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- submit and reset -->\r\n        <b-col cols=\"12\">\r\n          <b-button\r\n            v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n            type=\"submit\"\r\n            variant=\"primary\"\r\n            class=\"mr-1\"\r\n          >\r\n            Submit\r\n          </b-button>\r\n          <b-button\r\n            v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n            type=\"reset\"\r\n            variant=\"outline-secondary\"\r\n          >\r\n            Reset\r\n          </b-button>\r\n        </b-col>\r\n      </b-row>\r\n    </b-form>\r\n\r\n    <template #code>\r\n      {{ codeVertical }}\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  BRow, BCol, BFormGroup, BFormInput, BFormCheckbox, BForm, BButton,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeVertical } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BRow,\r\n    BCol,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BFormCheckbox,\r\n    BForm,\r\n    BButton,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeVertical,\r\n    }\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!./FormLayoutVertical.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!./FormLayoutVertical.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormLayoutVertical.vue?vue&type=template&id=26381d6e&\"\nimport script from \"./FormLayoutVertical.vue?vue&type=script&lang=js&\"\nexport * from \"./FormLayoutVertical.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Vertical Form With Icons\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeVerticalIcon)+\" \")]},proxy:true}])},[_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();}}},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"First Name\",\"label-for\":\"vi-first-name\"}},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"UserIcon\"}})],1),_c('b-form-input',{attrs:{\"id\":\"vi-first-name\",\"placeholder\":\"First Name\"}})],1)],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Email\",\"label-for\":\"vi-email\"}},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"MailIcon\"}})],1),_c('b-form-input',{attrs:{\"id\":\"vi-email\",\"type\":\"email\",\"placeholder\":\"Email\"}})],1)],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Mobile\",\"label-for\":\"vi-mobile\"}},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"SmartphoneIcon\"}})],1),_c('b-form-input',{attrs:{\"id\":\"vi-mobile\",\"type\":\"number\",\"placeholder\":\"Mobile\"}})],1)],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Password\",\"label-for\":\"vi-password\"}},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"LockIcon\"}})],1),_c('b-form-input',{attrs:{\"id\":\"vi-password\",\"type\":\"password\",\"placeholder\":\"Password\"}})],1)],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',[_c('b-form-checkbox',{attrs:{\"id\":\"checkbox-4\",\"name\":\"checkbox-4\",\"value\":\"Remember_me\"}},[_vm._v(\" Remember me \")])],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_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}}],staticClass:\"mr-1\",attrs:{\"type\":\"submit\",\"variant\":\"primary\"}},[_vm._v(\" Submit \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(186, 191, 199, 0.15)'),expression:\"'rgba(186, 191, 199, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"type\":\"reset\",\"variant\":\"outline-secondary\"}},[_vm._v(\" Reset \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Vertical Form With Icons\"\r\n  >\r\n    <b-form @submit.prevent>\r\n      <b-row>\r\n\r\n        <!-- first name -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"First Name\"\r\n            label-for=\"vi-first-name\"\r\n          >\r\n            <b-input-group class=\"input-group-merge\">\r\n              <b-input-group-prepend is-text>\r\n                <feather-icon icon=\"UserIcon\" />\r\n              </b-input-group-prepend>\r\n              <b-form-input\r\n                id=\"vi-first-name\"\r\n                placeholder=\"First Name\"\r\n              />\r\n            </b-input-group>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- email -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Email\"\r\n            label-for=\"vi-email\"\r\n          >\r\n            <b-input-group class=\"input-group-merge\">\r\n              <b-input-group-prepend is-text>\r\n                <feather-icon icon=\"MailIcon\" />\r\n              </b-input-group-prepend>\r\n              <b-form-input\r\n                id=\"vi-email\"\r\n                type=\"email\"\r\n                placeholder=\"Email\"\r\n              />\r\n            </b-input-group>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- mobile -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Mobile\"\r\n            label-for=\"vi-mobile\"\r\n          >\r\n            <b-input-group class=\"input-group-merge\">\r\n              <b-input-group-prepend is-text>\r\n                <feather-icon icon=\"SmartphoneIcon\" />\r\n              </b-input-group-prepend>\r\n              <b-form-input\r\n                id=\"vi-mobile\"\r\n                type=\"number\"\r\n                placeholder=\"Mobile\"\r\n              />\r\n            </b-input-group>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- password -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Password\"\r\n            label-for=\"vi-password\"\r\n          >\r\n            <b-input-group class=\"input-group-merge\">\r\n              <b-input-group-prepend is-text>\r\n                <feather-icon icon=\"LockIcon\" />\r\n              </b-input-group-prepend>\r\n              <b-form-input\r\n                id=\"vi-password\"\r\n                type=\"password\"\r\n                placeholder=\"Password\"\r\n              />\r\n            </b-input-group>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- checkbox -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group>\r\n            <b-form-checkbox\r\n              id=\"checkbox-4\"\r\n              name=\"checkbox-4\"\r\n              value=\"Remember_me\"\r\n            >\r\n              Remember me\r\n            </b-form-checkbox>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- reset and submit -->\r\n        <b-col cols=\"12\">\r\n          <b-button\r\n            v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n            type=\"submit\"\r\n            variant=\"primary\"\r\n            class=\"mr-1\"\r\n          >\r\n            Submit\r\n          </b-button>\r\n          <b-button\r\n            v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n            type=\"reset\"\r\n            variant=\"outline-secondary\"\r\n          >\r\n            Reset\r\n          </b-button>\r\n        </b-col>\r\n      </b-row>\r\n    </b-form>\r\n\r\n    <template #code>\r\n      {{ codeVerticalIcon }}\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  BRow, BCol, BFormGroup, BFormInput, BFormCheckbox, BForm, BButton, BInputGroup, BInputGroupPrepend,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeVerticalIcon } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BRow,\r\n    BCol,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BFormCheckbox,\r\n    BInputGroup,\r\n    BInputGroupPrepend,\r\n    BForm,\r\n    BButton,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeVerticalIcon,\r\n    }\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!./FormLayoutVerticalIcon.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!./FormLayoutVerticalIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormLayoutVerticalIcon.vue?vue&type=template&id=b3ed1a9a&\"\nimport script from \"./FormLayoutVerticalIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./FormLayoutVerticalIcon.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Multiple Column\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeMultipleColumn)+\" \")]},proxy:true}])},[_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();}}},[_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"First Name\",\"label-for\":\"mc-first-name\"}},[_c('b-form-input',{attrs:{\"id\":\"mc-first-name\",\"placeholder\":\"First Name\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Last Name\",\"label-for\":\"mc-last-name\"}},[_c('b-form-input',{attrs:{\"id\":\"mc-last-name\",\"placeholder\":\"Last Name\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"City\",\"label-for\":\"mc-city\"}},[_c('b-form-input',{attrs:{\"id\":\"mc-city\",\"placeholder\":\"City\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Country\",\"label-for\":\"mc-country\"}},[_c('b-form-input',{attrs:{\"id\":\"mc-country\",\"placeholder\":\"Country\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Company\",\"label-for\":\"mc-company\"}},[_c('div',{staticClass:\"form-label-group\"},[_c('b-form-input',{attrs:{\"id\":\"mc-company\",\"placeholder\":\"Company\"}})],1)])],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label-for\":\"mc-email\",\"label\":\"Email\"}},[_c('div',{staticClass:\"form-label-group\"},[_c('b-form-input',{attrs:{\"id\":\"mc-email\",\"type\":\"email\",\"placeholder\":\"Email\"}})],1)])],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',[_c('b-form-checkbox',{attrs:{\"id\":\"checkbox-10\",\"name\":\"checkbox-10\",\"value\":\"Remember_me\"}},[_vm._v(\" Remember me \")])],1)],1),_c('b-col',[_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}}],staticClass:\"mr-1\",attrs:{\"type\":\"submit\",\"variant\":\"primary\"}},[_vm._v(\" Submit \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(186, 191, 199, 0.15)'),expression:\"'rgba(186, 191, 199, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"type\":\"reset\",\"variant\":\"outline-secondary\"}},[_vm._v(\" Reset \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Multiple Column\"\r\n  >\r\n    <b-form @submit.prevent>\r\n      <b-row>\r\n        <b-col md=\"6\">\r\n          <b-form-group\r\n            label=\"First Name\"\r\n            label-for=\"mc-first-name\"\r\n          >\r\n            <b-form-input\r\n              id=\"mc-first-name\"\r\n              placeholder=\"First Name\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n        <b-col md=\"6\">\r\n          <b-form-group\r\n            label=\"Last Name\"\r\n            label-for=\"mc-last-name\"\r\n          >\r\n            <b-form-input\r\n              id=\"mc-last-name\"\r\n              placeholder=\"Last Name\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n        <b-col md=\"6\">\r\n          <b-form-group\r\n            label=\"City\"\r\n            label-for=\"mc-city\"\r\n          >\r\n            <b-form-input\r\n              id=\"mc-city\"\r\n              placeholder=\"City\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n        <b-col md=\"6\">\r\n          <b-form-group\r\n            label=\"Country\"\r\n            label-for=\"mc-country\"\r\n          >\r\n            <b-form-input\r\n              id=\"mc-country\"\r\n              placeholder=\"Country\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n        <b-col md=\"6\">\r\n          <b-form-group\r\n            label=\"Company\"\r\n            label-for=\"mc-company\"\r\n          >\r\n            <div class=\"form-label-group\">\r\n              <b-form-input\r\n                id=\"mc-company\"\r\n                placeholder=\"Company\"\r\n              />\r\n            </div>\r\n          </b-form-group>\r\n        </b-col>\r\n        <b-col md=\"6\">\r\n          <b-form-group\r\n            label-for=\"mc-email\"\r\n            label=\"Email\"\r\n          >\r\n            <div class=\"form-label-group\">\r\n              <b-form-input\r\n                id=\"mc-email\"\r\n                type=\"email\"\r\n                placeholder=\"Email\"\r\n              />\r\n            </div>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <b-col cols=\"12\">\r\n          <b-form-group>\r\n            <b-form-checkbox\r\n              id=\"checkbox-10\"\r\n              name=\"checkbox-10\"\r\n              value=\"Remember_me\"\r\n            >\r\n              Remember me\r\n            </b-form-checkbox>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- submit and reset -->\r\n        <b-col>\r\n          <b-button\r\n            v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n            type=\"submit\"\r\n            variant=\"primary\"\r\n            class=\"mr-1\"\r\n          >\r\n            Submit\r\n          </b-button>\r\n          <b-button\r\n            v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n            type=\"reset\"\r\n            variant=\"outline-secondary\"\r\n          >\r\n            Reset\r\n          </b-button>\r\n        </b-col>\r\n      </b-row>\r\n    </b-form>\r\n\r\n    <template #code>\r\n      {{ codeMultipleColumn }}\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  BRow, BCol, BFormGroup, BFormInput, BFormCheckbox, BForm, BButton,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeMultipleColumn } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BRow,\r\n    BCol,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BFormCheckbox,\r\n    BForm,\r\n    BButton,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeMultipleColumn,\r\n    }\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!./FormLayoutMultipleColumn.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!./FormLayoutMultipleColumn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormLayoutMultipleColumn.vue?vue&type=template&id=588b98ac&\"\nimport script from \"./FormLayoutMultipleColumn.vue?vue&type=script&lang=js&\"\nexport * from \"./FormLayoutMultipleColumn.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Form text & Datalist helper\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeHelper)+\" \")]},proxy:true}])},[_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();}}},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Username\",\"label-for\":\"h-username\"}},[_c('b-form-input',{attrs:{\"id\":\"h-username\",\"placeholder\":\"Username\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Email\",\"label-for\":\"d-email\"}},[_c('b-form-input',{attrs:{\"id\":\"d-email\",\"type\":\"email\",\"placeholder\":\"Email\"}}),_c('b-form-text',[_vm._v(\"Enter a Valid Email\")])],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Password\",\"label-for\":\"d-password\"}},[_c('b-form-input',{attrs:{\"id\":\"d-password\",\"type\":\"password\",\"placeholder\":\"Password\"}}),_c('b-form-text',[_vm._v(\"Your password must be 8-20 characters long.\")])],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Occupation\",\"label-for\":\"h-occupation\"}},[_c('b-form-input',{attrs:{\"id\":\"h-occupation\",\"list\":\"input-list\",\"placeholder\":\"Occupation\"}}),_c('b-form-datalist',{attrs:{\"id\":\"input-list\",\"options\":_vm.options}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',[_c('b-form-checkbox',{attrs:{\"id\":\"checkbox-9\",\"name\":\"checkbox-9\",\"value\":\"Remember_me\"}},[_vm._v(\" Remember me \")])],1)],1),_c('b-col',[_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}}],staticClass:\"mr-1\",attrs:{\"type\":\"submit\",\"variant\":\"primary\"}},[_vm._v(\" Submit \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(186, 191, 199, 0.15)'),expression:\"'rgba(186, 191, 199, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"type\":\"reset\",\"variant\":\"outline-secondary\"}},[_vm._v(\" Reset \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Form text & Datalist helper\">\r\n    <b-form @submit.prevent>\r\n      <b-row>\r\n\r\n        <!-- username -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Username\"\r\n            label-for=\"h-username\"\r\n          >\r\n            <b-form-input\r\n              id=\"h-username\"\r\n              placeholder=\"Username\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- email -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Email\"\r\n            label-for=\"d-email\"\r\n          >\r\n            <b-form-input\r\n              id=\"d-email\"\r\n              type=\"email\"\r\n              placeholder=\"Email\"\r\n            />\r\n            <b-form-text>Enter a Valid Email</b-form-text>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- password -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Password\"\r\n            label-for=\"d-password\"\r\n          >\r\n            <b-form-input\r\n              id=\"d-password\"\r\n              type=\"password\"\r\n              placeholder=\"Password\"\r\n            />\r\n            <b-form-text>Your password must be 8-20 characters long.</b-form-text>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- occupation -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Occupation\"\r\n            label-for=\"h-occupation\"\r\n          >\r\n            <b-form-input\r\n              id=\"h-occupation\"\r\n              list=\"input-list\"\r\n              placeholder=\"Occupation\"\r\n            />\r\n            <b-form-datalist\r\n              id=\"input-list\"\r\n              :options=\"options\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- checkbox -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group>\r\n            <b-form-checkbox\r\n              id=\"checkbox-9\"\r\n              name=\"checkbox-9\"\r\n              value=\"Remember_me\"\r\n            >\r\n              Remember me\r\n            </b-form-checkbox>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- submit and reset -->\r\n        <b-col>\r\n          <b-button\r\n            v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n            type=\"submit\"\r\n            variant=\"primary\"\r\n            class=\"mr-1\"\r\n          >\r\n            Submit\r\n          </b-button>\r\n          <b-button\r\n            v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n            type=\"reset\"\r\n            variant=\"outline-secondary\"\r\n          >\r\n            Reset\r\n          </b-button>\r\n        </b-col>\r\n      </b-row>\r\n    </b-form>\r\n\r\n    <template #code>\r\n      {{ codeHelper }}\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  BRow,\r\n  BCol,\r\n  BFormGroup,\r\n  BFormInput,\r\n  BFormCheckbox,\r\n  BForm,\r\n  BButton,\r\n  BFormText,\r\n  BFormDatalist,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeHelper } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BRow,\r\n    BCol,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BFormCheckbox,\r\n    BForm,\r\n    BFormText,\r\n    BButton,\r\n    BFormDatalist,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      options: ['Devloper', 'Manager', 'CEO', 'CTO', 'Full Stack Devloper'],\r\n      codeHelper,\r\n    }\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!./FormLayoutDatalistHelper.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!./FormLayoutDatalistHelper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormLayoutDatalistHelper.vue?vue&type=template&id=49105c79&\"\nimport script from \"./FormLayoutDatalistHelper.vue?vue&type=script&lang=js&\"\nexport * from \"./FormLayoutDatalistHelper.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Form Feedback helpers\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeFeedbackHelper)+\" \")]},proxy:true}])},[_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();}}},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Username\",\"label-for\":\"fh-usename\"}},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"UserIcon\"}})],1),_c('b-form-input',{attrs:{\"id\":\"fh-usename\",\"placeholder\":\"Username\"}})],1)],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Email\",\"label-for\":\"fh-email\"}},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"MailIcon\"}})],1),_c('b-form-input',{attrs:{\"id\":\"fh-email\",\"type\":\"email\",\"placeholder\":\"Email\"}})],1),_c('b-form-text',{staticClass:\"text-danger\"},[_vm._v(\" Enter a Valid Email \")])],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Password\",\"label-for\":\"fh-password\"}},[_c('b-input-group',{staticClass:\"input-group-merge\",class:_vm.validation ? 'is-valid' : 'is-invalid'},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"LockIcon\"}})],1),_c('b-form-input',{attrs:{\"id\":\"fh-password\",\"type\":\"password\",\"state\":_vm.validation,\"placeholder\":\"Password\"},model:{value:(_vm.userId),callback:function ($$v) {_vm.userId=$$v},expression:\"userId\"}})],1),_c('b-form-invalid-feedback',{attrs:{\"state\":_vm.validation}},[_vm._v(\" Your password must be 8-20 characters long. \")]),_c('b-form-valid-feedback',{attrs:{\"state\":_vm.validation}},[_vm._v(\" Looks Good. \")])],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Occupation\"}},[_c('b-input-group',{staticClass:\"input-group-merge\",class:_vm.validationOccupation ? 'is-valid' : 'is-invalid'},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"LockIcon\"}})],1),_c('b-form-input',{attrs:{\"list\":\"input-list\",\"placeholder\":\"Occupation\",\"state\":_vm.validationOccupation},model:{value:(_vm.occupationID),callback:function ($$v) {_vm.occupationID=$$v},expression:\"occupationID\"}})],1),_c('b-form-datalist',{attrs:{\"id\":\"input-list\",\"options\":_vm.options}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',[_c('b-form-checkbox',{attrs:{\"id\":\"checkbox-8\",\"name\":\"checkbox-8\",\"value\":\"Remember_me\"}},[_vm._v(\" Remember me \")])],1)],1),_c('b-col',[_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}}],staticClass:\"mr-1\",attrs:{\"type\":\"submit\",\"variant\":\"primary\"}},[_vm._v(\" Submit \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(186, 191, 199, 0.15)'),expression:\"'rgba(186, 191, 199, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"type\":\"reset\",\"variant\":\"outline-secondary\"},on:{\"click\":_vm.reset}},[_vm._v(\" Reset \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Form Feedback helpers\">\r\n    <b-form @submit.prevent>\r\n      <b-row>\r\n        <!-- username -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Username\"\r\n            label-for=\"fh-usename\"\r\n          >\r\n            <b-input-group class=\"input-group-merge\">\r\n              <b-input-group-prepend is-text>\r\n                <feather-icon icon=\"UserIcon\" />\r\n              </b-input-group-prepend>\r\n              <b-form-input\r\n                id=\"fh-usename\"\r\n                placeholder=\"Username\"\r\n              />\r\n            </b-input-group>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- email -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Email\"\r\n            label-for=\"fh-email\"\r\n          >\r\n            <b-input-group class=\"input-group-merge\">\r\n              <b-input-group-prepend is-text>\r\n                <feather-icon icon=\"MailIcon\" />\r\n              </b-input-group-prepend>\r\n              <b-form-input\r\n                id=\"fh-email\"\r\n                type=\"email\"\r\n                placeholder=\"Email\"\r\n              />\r\n            </b-input-group>\r\n            <b-form-text class=\"text-danger\">\r\n              Enter a Valid Email\r\n            </b-form-text>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- password -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Password\"\r\n            label-for=\"fh-password\"\r\n          >\r\n            <b-input-group\r\n              class=\"input-group-merge\"\r\n              :class=\"validation ? 'is-valid' : 'is-invalid'\"\r\n            >\r\n              <b-input-group-prepend is-text>\r\n                <feather-icon icon=\"LockIcon\" />\r\n              </b-input-group-prepend>\r\n              <b-form-input\r\n                id=\"fh-password\"\r\n                v-model=\"userId\"\r\n                type=\"password\"\r\n                :state=\"validation\"\r\n                placeholder=\"Password\"\r\n              />\r\n            </b-input-group>\r\n            <b-form-invalid-feedback :state=\"validation\">\r\n              Your password must be 8-20 characters long.\r\n            </b-form-invalid-feedback>\r\n            <b-form-valid-feedback :state=\"validation\">\r\n              Looks Good.\r\n            </b-form-valid-feedback>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- occupation -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group label=\"Occupation\">\r\n            <b-input-group\r\n              class=\"input-group-merge\"\r\n              :class=\"validationOccupation ? 'is-valid' : 'is-invalid'\"\r\n            >\r\n              <b-input-group-prepend is-text>\r\n                <feather-icon icon=\"LockIcon\" />\r\n              </b-input-group-prepend>\r\n              <b-form-input\r\n                v-model=\"occupationID\"\r\n                list=\"input-list\"\r\n                placeholder=\"Occupation\"\r\n                :state=\"validationOccupation\"\r\n              />\r\n            </b-input-group>\r\n            <b-form-datalist\r\n              id=\"input-list\"\r\n              :options=\"options\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- checkbox -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group>\r\n            <b-form-checkbox\r\n              id=\"checkbox-8\"\r\n              name=\"checkbox-8\"\r\n              value=\"Remember_me\"\r\n            >\r\n              Remember me\r\n            </b-form-checkbox>\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- submit and reset -->\r\n        <b-col>\r\n          <b-button\r\n            v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n            type=\"submit\"\r\n            variant=\"primary\"\r\n            class=\"mr-1\"\r\n          >\r\n            Submit\r\n          </b-button>\r\n          <b-button\r\n            v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n            type=\"reset\"\r\n            variant=\"outline-secondary\"\r\n            @click=\"reset\"\r\n          >\r\n            Reset\r\n          </b-button>\r\n        </b-col>\r\n      </b-row>\r\n    </b-form>\r\n\r\n    <template #code>\r\n      {{ codeFeedbackHelper }}\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  BRow,\r\n  BCol,\r\n  BFormGroup,\r\n  BFormInput,\r\n  BFormCheckbox,\r\n  BForm,\r\n  BButton,\r\n  BFormText,\r\n  BFormDatalist,\r\n  BFormInvalidFeedback,\r\n  BInputGroup,\r\n  BInputGroupPrepend,\r\n  BFormValidFeedback,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeFeedbackHelper } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BRow,\r\n    BCol,\r\n    BFormGroup,\r\n    BInputGroup,\r\n    BInputGroupPrepend,\r\n    BFormInput,\r\n    BFormCheckbox,\r\n    BForm,\r\n    BFormText,\r\n    BButton,\r\n    BFormDatalist,\r\n    BFormInvalidFeedback,\r\n    BFormValidFeedback,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      options: ['Devloper', 'Manager', 'CEO', 'CTO', 'Full Stack Devloper'],\r\n      userId: '',\r\n      occupationID: '',\r\n      codeFeedbackHelper,\r\n    }\r\n  },\r\n  computed: {\r\n    validation() {\r\n      return this.userId.length > 4 && this.userId.length < 13\r\n    },\r\n    validationOccupation() {\r\n      return this.occupationID.length > 1\r\n    },\r\n  },\r\n  methods: {\r\n    reset() {\r\n      this.userId = ''\r\n      this.occupationID = ''\r\n    },\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!./FormLayoutFeedbackHelper.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!./FormLayoutFeedbackHelper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormLayoutFeedbackHelper.vue?vue&type=template&id=54eff52c&\"\nimport script from \"./FormLayoutFeedbackHelper.vue?vue&type=script&lang=js&\"\nexport * from \"./FormLayoutFeedbackHelper.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","<template>\r\n  <b-row class=\"match-height\">\r\n    <b-col lg=\"6\">\r\n      <form-layout-horizontal />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-layout-horizontal-icon />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-layout-vertical />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-layout-vertical-icon />\r\n    </b-col>\r\n    <b-col cols=\"12\">\r\n      <form-layout-multiple-column />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-layout-datalist-helper />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <form-layout-feedback-helper />\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport { BRow, BCol } from 'bootstrap-vue'\r\n\r\nimport FormLayoutHorizontal from './FormLayoutHorizontal.vue'\r\nimport FormLayoutHorizontalIcon from './FormLayoutHorizontalIcon.vue'\r\nimport FormLayoutVertical from './FormLayoutVertical.vue'\r\nimport FormLayoutVerticalIcon from './FormLayoutVerticalIcon.vue'\r\nimport FormLayoutMultipleColumn from './FormLayoutMultipleColumn.vue'\r\nimport FormLayoutDatalistHelper from './FormLayoutDatalistHelper.vue'\r\nimport FormLayoutFeedbackHelper from './FormLayoutFeedbackHelper.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n\r\n    FormLayoutHorizontal,\r\n    FormLayoutHorizontalIcon,\r\n    FormLayoutVertical,\r\n    FormLayoutVerticalIcon,\r\n    FormLayoutMultipleColumn,\r\n    FormLayoutDatalistHelper,\r\n    FormLayoutFeedbackHelper,\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!./FormLayout.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!./FormLayout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormLayout.vue?vue&type=template&id=995c7e04&\"\nimport script from \"./FormLayout.vue?vue&type=script&lang=js&\"\nexport * from \"./FormLayout.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":""}