{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/forms/form-element/form-input/FormInput.vue?6bf4","webpack:///./src/views/forms/form-element/form-input/FormInputBasic.vue?1dc4","webpack:///./src/views/forms/form-element/form-input/code.js","webpack:///src/views/forms/form-element/form-input/FormInputBasic.vue","webpack:///./src/views/forms/form-element/form-input/FormInputBasic.vue?1f3f","webpack:///./src/views/forms/form-element/form-input/FormInputBasic.vue","webpack:///./src/views/forms/form-element/form-input/FormInputSize.vue?faf8","webpack:///src/views/forms/form-element/form-input/FormInputSize.vue","webpack:///./src/views/forms/form-element/form-input/FormInputSize.vue?01d0","webpack:///./src/views/forms/form-element/form-input/FormInputSize.vue","webpack:///./src/views/forms/form-element/form-input/FormInputHorizontalLableSize.vue?966c","webpack:///src/views/forms/form-element/form-input/FormInputHorizontalLableSize.vue","webpack:///./src/views/forms/form-element/form-input/FormInputHorizontalLableSize.vue?9e86","webpack:///./src/views/forms/form-element/form-input/FormInputHorizontalLableSize.vue","webpack:///./src/views/forms/form-element/form-input/FormFloatingLabel.vue?e7e9","webpack:///src/views/forms/form-element/form-input/FormFloatingLabel.vue","webpack:///./src/views/forms/form-element/form-input/FormFloatingLabel.vue?18e2","webpack:///./src/views/forms/form-element/form-input/FormFloatingLabel.vue","webpack:///./src/views/forms/form-element/form-input/FormInputContextualStates.vue?b250","webpack:///src/views/forms/form-element/form-input/FormInputContextualStates.vue","webpack:///./src/views/forms/form-element/form-input/FormInputContextualStates.vue?b0fa","webpack:///./src/views/forms/form-element/form-input/FormInputContextualStates.vue","webpack:///./src/views/forms/form-element/form-input/FormInputValidateTooltips.vue?ebf9","webpack:///src/views/forms/form-element/form-input/FormInputValidateTooltips.vue","webpack:///./src/views/forms/form-element/form-input/FormInputValidateTooltips.vue?1155","webpack:///./src/views/forms/form-element/form-input/FormInputValidateTooltips.vue","webpack:///./src/views/forms/form-element/form-input/FormInputDatalist.vue?d08a","webpack:///src/views/forms/form-element/form-input/FormInputDatalist.vue","webpack:///./src/views/forms/form-element/form-input/FormInputDatalist.vue?75b3","webpack:///./src/views/forms/form-element/form-input/FormInputDatalist.vue","webpack:///./src/views/forms/form-element/form-input/FormInputDebounce.vue?5eed","webpack:///src/views/forms/form-element/form-input/FormInputDebounce.vue","webpack:///./src/views/forms/form-element/form-input/FormInputDebounce.vue?43f3","webpack:///./src/views/forms/form-element/form-input/FormInputDebounce.vue","webpack:///./src/views/forms/form-element/form-input/FormInputFormatter.vue?4cc4","webpack:///src/views/forms/form-element/form-input/FormInputFormatter.vue","webpack:///./src/views/forms/form-element/form-input/FormInputFormatter.vue?e73b","webpack:///./src/views/forms/form-element/form-input/FormInputFormatter.vue","webpack:///src/views/forms/form-element/form-input/FormInput.vue","webpack:///./src/views/forms/form-element/form-input/FormInput.vue?9982","webpack:///./src/views/forms/form-element/form-input/FormInput.vue"],"names":["BCardCode","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticRenderFns","scopedSlots","_u","key","fn","_v","_s","codeBasic","proxy","codeFloatinLabel","codeDatalist","codeDebounce","codeSize","codeStates","codeFormatter","codeValidateTooltips","codeHorizontalSize","components","BFormInput","BFormGroup","BRow","BCol","data","component","BCardText","BFormInvalidFeedback","BFormValidFeedback","on","$event","preventDefault","value1","length","model","value","callback","$$v","expression","value2","value3","directives","name","rawName","modifiers","BForm","BButton","BFormRow","Ripple","_l","size","sizes","formatter","text1","text2","methods","toLowerCase","FormInputBasic","FormInputSize","FormInputHorizontalLableSize","FormFloatingLabel","FormInputContextualStates","FormInputValidateTooltips","FormInputDatalist","FormInputDebounce","FormInputFormatter"],"mappings":"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","file":"js/chunk-2d24090b.564a6619.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:{\"cols\":\"12\"}},[_c('form-input-basic')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('form-input-size')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('form-input-horizontal-lable-size')],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('form-floating-label')],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('form-input-contextual-states')],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('form-input-validate-tooltips')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('form-input-datalist')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('form-input-debounce')],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('form-input-formatter')],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\":\"Basic Inputs\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeBasic)+\" \")]},proxy:true}])},[_c('b-row',[_c('b-col',{staticClass:\"mb-1\",attrs:{\"md\":\"6\",\"xl\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Basic Input\",\"label-for\":\"basicInput\"}},[_c('b-form-input',{attrs:{\"id\":\"basicInput\",\"placeholder\":\"Enter Email\"}})],1)],1),_c('b-col',{staticClass:\"mb-1\",attrs:{\"md\":\"6\",\"xl\":\"4\"}},[_c('b-form-group',[_c('label',{attrs:{\"for\":\"InputHelp\"}},[_vm._v(\"Input text with help\")]),_c('small',{staticClass:\"text-muted\"},[_vm._v(\" eg. \"),_c('i',[_vm._v(\"someone@example.com\")])]),_c('b-form-input',{attrs:{\"id\":\"InputHelp\"}})],1)],1),_c('b-col',{staticClass:\"mb-1\",attrs:{\"md\":\"6\",\"xl\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Disabled Input\",\"label-for\":\"disabledInput\"}},[_c('b-form-input',{attrs:{\"id\":\"disabledInput\",\"disabled\":\"\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\",\"xl\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"With Helper Text\",\"label-for\":\"helperInput\",\"description\":\"Find helper text here for given textbox.\"}},[_c('b-form-input',{attrs:{\"id\":\"helperInput\",\"placeholder\":\"Name\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\",\"xl\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Readonly Input\",\"label-for\":\"readOnlyInput\"}},[_c('b-form-input',{attrs:{\"id\":\"readOnlyInput\",\"value\":\"You can't update me :P\",\"readonly\":\"\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\",\"xl\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Readonly Static Text\",\"label-for\":\"plainTextInput\"}},[_c('b-form-input',{attrs:{\"id\":\"plainTextInput\",\"plaintext\":\"\",\"value\":\"email@pixinvent.com\"}})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const codeFloatinLabel = `\r\n<template>\r\n   <b-row>\r\n    <b-col md=\"4\">\r\n      <div class=\"form-label-group\">\r\n        <b-form-input\r\n          id=\"floating-label1\"\r\n          placeholder=\"Label Placeholder\"\r\n        />\r\n        <label for=\"floating-label1\">Label-placeholder</label>\r\n      </div>\r\n    </b-col>\r\n    <b-col md=\"4\">\r\n      <div class=\"form-label-group has-icon-left\">\r\n        <b-form-input\r\n          id=\"iconLabelLeft\"\r\n          placeholder=\"Icon Left, Default Input\"\r\n        />\r\n        <div class=\"form-control-position\">\r\n          <i class=\"bx bx-user\" />\r\n        </div>\r\n        <label for=\"iconLabelLeft\">Icon Left, Default Input</label>\r\n      </div>\r\n    </b-col>\r\n    <b-col md=\"4\">\r\n      <div class=\"form-label-group\">\r\n        <b-form-input\r\n          placeholder=\"Disabled-placeholder\"\r\n          disabled\r\n        />\r\n        <label for=\"floating-label-disable\">Disabled-placeholder</label>\r\n      </div>\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport { BFormInput, BRow, BCol } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormInput,\r\n    BRow,\r\n    BCol,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeBasic = `\r\n<template>\r\n  <b-row>\r\n    <b-col\r\n      md=\"6\"\r\n      xl=\"4\"\r\n      class=\"mb-1\"\r\n    >\r\n\r\n      <!-- basic -->\r\n      <b-form-group\r\n        label=\"Basic Input\"\r\n        label-for=\"basicInput\"\r\n      >\r\n        <b-form-input\r\n          id=\"basicInput\"\r\n          placeholder=\"Enter Email\"\r\n        />\r\n      </b-form-group>\r\n    </b-col>\r\n\r\n    <b-col\r\n      md=\"6\"\r\n      xl=\"4\"\r\n      class=\"mb-1\"\r\n    >\r\n      <!-- input text with help -->\r\n      <b-form-group>\r\n        <label for=\"InputHelp\">Input text with help</label>\r\n        <small class=\"text-muted\"> eg. <i>someone@example.com</i></small>\r\n        <b-form-input id=\"InputHelp\" />\r\n      </b-form-group>\r\n    </b-col>\r\n\r\n    <b-col\r\n      md=\"6\"\r\n      xl=\"4\"\r\n      class=\"mb-1\"\r\n    >\r\n      <!-- disabled input -->\r\n      <b-form-group\r\n        label=\"Disabled Input\"\r\n        label-for=\"disabledInput\"\r\n      >\r\n        <b-form-input\r\n          id=\"disabledInput\"\r\n          disabled\r\n        />\r\n      </b-form-group>\r\n    </b-col>\r\n\r\n    <b-col\r\n      md=\"6\"\r\n      xl=\"4\"\r\n    >\r\n      <!-- with helper text -->\r\n      <b-form-group\r\n        label=\"With Helper Text\"\r\n        label-for=\"helperInput\"\r\n        description=\"Find helper text here for given textbox.\"\r\n      >\r\n        <b-form-input\r\n          id=\"helperInput\"\r\n          placeholder=\"Name\"\r\n        />\r\n      </b-form-group>\r\n    </b-col>\r\n    <b-col\r\n      md=\"6\"\r\n      xl=\"4\"\r\n    >\r\n      <!-- readonly input -->\r\n      <b-form-group\r\n        label=\"Readonly Input\"\r\n        label-for=\"readOnlyInput\"\r\n      >\r\n        <b-form-input\r\n          id=\"readOnlyInput\"\r\n          value=\"You can't update me :P\"\r\n          readonly\r\n        />\r\n      </b-form-group>\r\n    </b-col>\r\n\r\n    <b-col\r\n      md=\"6\"\r\n      xl=\"4\"\r\n    >\r\n      <!-- static text -->\r\n      <b-form-group\r\n        label=\"Readonly Static Text\"\r\n        label-for=\"plainTextInput\"\r\n      >\r\n        <b-form-input\r\n          id=\"plainTextInput\"\r\n          plaintext\r\n          value=\"email@pixinvent.com\"\r\n        />\r\n      </b-form-group>\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport {BFormInput, BRow, BCol, BFormGroup} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormInput,\r\n    BFormGroup,\r\n    BRow,\r\n    BCol,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeDatalist = `\r\n<template>\r\n  <b-form-group class=\"mb-0\">\r\n    <b-form-input list=\"my-list-id\" />\r\n\r\n    <datalist id=\"my-list-id\">\r\n      <option>Manual Option</option>\r\n      <option\r\n        v-for=\"size in sizes\"\r\n        :key=\"size\"\r\n      >\r\n        {{ size }}\r\n      </option>\r\n    </datalist>\r\n  </b-form-group>\r\n</template>\r\n\r\n<script>\r\nimport { BFormInput, BFormGroup } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormGroup,\r\n    BFormInput,\r\n  },\r\n  data() {\r\n    return {\r\n      sizes: ['Small', 'Medium', 'Large', 'Extra Large'],\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeDebounce = `\r\n<template>\r\n  <div>\r\n    <b-form-input\r\n      v-model=\"value\"\r\n      type=\"text\"\r\n      debounce=\"500\"\r\n    />\r\n    <b-card-text class=\"mt-1 mb-0\">\r\n      <strong>Value : </strong><span>{{ value }}</span>\r\n    </b-card-text>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormInput, BCardText } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormInput,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      value: '',\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeSize = `\r\n<template>\r\n  <b-row>\r\n\r\n    <!-- large -->\r\n    <b-col cols=\"12\">\r\n      <b-form-group\r\n        label=\"Large\"\r\n        label-for=\"largeInput\"\r\n      >\r\n        <b-form-input\r\n          id=\"largeInput\"\r\n          size=\"lg\"\r\n          placeholder=\"Large Input\"\r\n        />\r\n      </b-form-group>\r\n    </b-col>\r\n\r\n    <!-- default -->\r\n    <b-col cols=\"12\">\r\n      <b-form-group\r\n        label=\"Default\"\r\n        label-for=\"defaultLabel\"\r\n      >\r\n        <b-form-input\r\n          id=\"defaultLabel\"\r\n          placeholder=\"Normal Input\"\r\n        />\r\n      </b-form-group>\r\n    </b-col>\r\n\r\n    <!-- small -->\r\n    <b-col cols=\"12\">\r\n      <b-form-group\r\n        label=\"Small\"\r\n        label-for=\"smallInput\"\r\n      >\r\n        <b-form-input\r\n          id=\"smallInput\"\r\n          size=\"sm\"\r\n          placeholder=\"Small Input\"\r\n        />\r\n      </b-form-group>\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport {BFormInput, BRow, BCol, BFormGroup} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormInput,\r\n    BFormGroup,\r\n    BRow,\r\n    BCol,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeStates = `\r\n<template>\r\n  <b-row>\r\n\r\n    <!-- valid input -->\r\n    <b-col md=\"6\">\r\n      <b-form-group\r\n        label=\"Valid State\"\r\n        label-for=\"input-valid\"\r\n      >\r\n        <b-form-input\r\n          id=\"input-valid\"\r\n          :state=\"true\"\r\n          placeholder=\"Valid\"\r\n        />\r\n        <b-form-valid-feedback>\r\n          This is valid state.\r\n        </b-form-valid-feedback>\r\n      </b-form-group>\r\n    </b-col>\r\n\r\n    <!-- invalid input -->\r\n    <b-col md=\"6\">\r\n      <b-form-group\r\n        label=\"Invalid State\"\r\n        label-for=\"input-invalid\"\r\n      >\r\n        <b-form-input\r\n          id=\"input-invalid\"\r\n          :state=\"false\"\r\n          placeholder=\"Invalid\"\r\n        />\r\n        <b-form-invalid-feedback>\r\n          This is invalid state.\r\n        </b-form-invalid-feedback>\r\n      </b-form-group>\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BFormInput, BRow, BCol, BFormInvalidFeedback, BFormValidFeedback, BFormGroup,\r\n} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormInput,\r\n    BFormInvalidFeedback,\r\n    BFormValidFeedback,\r\n    BRow,\r\n    BFormGroup,\r\n    BCol,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeFormatter = `\r\n<template>\r\n  <div>\r\n    <b-form-group\r\n      label=\"Text input with formatter (on input)\"\r\n      label-for=\"input-formatter\"\r\n      description=\"We will convert your name to lowercase instantly\"\r\n    >\r\n      <b-form-input\r\n        id=\"input-formatter\"\r\n        v-model=\"text1\"\r\n        placeholder=\"Enter your name\"\r\n        :formatter=\"formatter\"\r\n      />\r\n    </b-form-group>\r\n    <b-card-text><strong>Value:</strong> {{ text1 }}</b-card-text>\r\n\r\n    <b-form-group\r\n      label=\"Text input with lazy formatter (on blur)\"\r\n      label-for=\"input-lazy\"\r\n      description=\"This one is a little lazy!\"\r\n    >\r\n      <b-form-input\r\n        id=\"input-lazy\"\r\n        v-model=\"text2\"\r\n        placeholder=\"Enter your name\"\r\n        lazy-formatter\r\n        :formatter=\"formatter\"\r\n      />\r\n    </b-form-group>\r\n\r\n    <b-card-text class=\"mb-0\">\r\n      <strong>Value:</strong> {{ text2 }}\r\n    </b-card-text>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormInput, BFormGroup, BCardText } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormInput,\r\n    BCardText,\r\n    BFormGroup,\r\n  },\r\n  data() {\r\n    return {\r\n      text1: '',\r\n      text2: '',\r\n    }\r\n  },\r\n  methods: {\r\n    formatter(value) {\r\n      return value.toLowerCase()\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeValidateTooltips = `\r\n<template>\r\n  <b-form novalidate class=\"needs-validation\" @submit.prevent>\r\n    <b-form-row>\r\n\r\n      <!-- valid input  -->\r\n      <b-col\r\n        md=\"4\"\r\n        class=\"mb-3\"\r\n      >\r\n        <label for=\"input-valid1\">Valid Input:</label>\r\n        <b-form-input\r\n          id=\"input-valid1\"\r\n          v-model=\"value1\"\r\n          :state=\"value1.length > 0\"\r\n          placeholder=\"Valid input\"\r\n        />\r\n        <b-form-valid-feedback\r\n          tooltip\r\n        >\r\n          Looks good!\r\n        </b-form-valid-feedback>\r\n        <b-form-invalid-feedback\r\n          tooltip\r\n        >\r\n          Please provide a valid input.\r\n        </b-form-invalid-feedback>\r\n      </b-col>\r\n\r\n      <!-- invalid input -->\r\n      <b-col\r\n        md=\"4\"\r\n        class=\"mb-3\"\r\n      >\r\n        <label for=\"input-invalid1\">Invalid Input:</label>\r\n        <b-form-input\r\n          id=\"input-invalid1\"\r\n          v-model=\"value2\"\r\n          :state=\"value2.length > 0\"\r\n          placeholder=\"Invalid input\"\r\n        />\r\n        <b-form-valid-feedback tooltip>\r\n          Looks good!\r\n        </b-form-valid-feedback>\r\n        <b-form-invalid-feedback\r\n          tooltip\r\n        >\r\n          Please provide a valid input.\r\n        </b-form-invalid-feedback>\r\n      </b-col>\r\n\r\n      <!-- invalid input -->\r\n      <b-col\r\n        md=\"4\"\r\n        class=\"mb-3\"\r\n      >\r\n        <label for=\"input-invalid2\">Invalid Input:</label>\r\n        <b-form-input\r\n          id=\"input-invalid2\"\r\n          v-model=\"value3\"\r\n          :state=\"value3.length > 0\"\r\n          placeholder=\"Invalid input\"\r\n        />\r\n        <b-form-valid-feedback tooltip>\r\n          Looks good!\r\n        </b-form-valid-feedback>\r\n        <b-form-invalid-feedback tooltip>\r\n          Please provide a valid city.\r\n        </b-form-invalid-feedback>\r\n      </b-col>\r\n\r\n      <!-- submit button -->\r\n      <b-col\r\n        cols=\"12\"\r\n      >\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        >\r\n          Submit\r\n        </b-button>\r\n      </b-col>\r\n    </b-form-row>\r\n  </b-form>\r\n</template>\r\n\r\n<script>\r\nimport { BFormInput, BCol, BForm, BFormRow, BFormValidFeedback, BFormInvalidFeedback, BButton} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BFormInput,\r\n    BForm,\r\n    BButton,\r\n    BFormRow,\r\n    BFormValidFeedback,\r\n    BFormInvalidFeedback,\r\n    BCol,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      value1: 'John',\r\n      value2: 'Doe',\r\n      value3: '',\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeFloatingLabelIcon = `\r\n<template>\r\n  <b-row>\r\n    <b-col md=\"6\">\r\n      <div class=\"form-label-group\">\r\n        <b-form-input\r\n          id=\"floating-label1\"\r\n          placeholder=\"Label Placeholder\"\r\n        />\r\n        <label for=\"floating-label1\">Label-placeholder</label>\r\n      </div>\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <div class=\"form-label-group\">\r\n        <b-form-input\r\n          placeholder=\"Disabled-placeholder\"\r\n          disabled\r\n        />\r\n        <label for=\"floating-label-disable\">Disabled-placeholder</label>\r\n      </div>\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BFormInput, BRow, BCol\r\n} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormInput,\r\n    BRow,\r\n    BCol,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeHorizontalSize = `\r\n<template>\r\n  <div>\r\n     <!-- large label  -->\r\n    <b-form-group\r\n      label-cols=\"4\"\r\n      label-cols-lg=\"2\"\r\n      label-size=\"lg\"\r\n      label=\"Large\"\r\n      label-for=\"input-lg\"\r\n    >\r\n      <b-form-input\r\n        id=\"input-lg\"\r\n        size=\"lg\"\r\n        placeholder=\"Large Input\"\r\n      />\r\n    </b-form-group>\r\n\r\n    <!-- default label -->\r\n    <b-form-group\r\n      label-cols=\"4\"\r\n      label-cols-lg=\"2\"\r\n      label=\"Default\"\r\n      label-for=\"input-default\"\r\n    >\r\n      <b-form-input\r\n        id=\"input-default\"\r\n        placeholder=\"Normal Input\"\r\n      />\r\n    </b-form-group>\r\n\r\n    <!-- small label -->\r\n    <b-form-group\r\n      label-cols=\"4\"\r\n      label-cols-lg=\"2\"\r\n      label-size=\"sm\"\r\n      label=\"Small\"\r\n      label-for=\"input-sm\"\r\n    >\r\n      <b-form-input\r\n        id=\"input-sm\"\r\n        size=\"sm\"\r\n        placeholder=\"Small Input\"\r\n      />\r\n    </b-form-group>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormGroup, BFormInput } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormGroup,\r\n    BFormInput,\r\n  },\r\n}\r\n</script>\r\n`\r\n","<template>\r\n  <b-card-code title=\"Basic Inputs\">\r\n    <b-row>\r\n      <b-col\r\n        md=\"6\"\r\n        xl=\"4\"\r\n        class=\"mb-1\"\r\n      >\r\n\r\n        <!-- basic -->\r\n        <b-form-group\r\n          label=\"Basic Input\"\r\n          label-for=\"basicInput\"\r\n        >\r\n          <b-form-input\r\n            id=\"basicInput\"\r\n            placeholder=\"Enter Email\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <b-col\r\n        md=\"6\"\r\n        xl=\"4\"\r\n        class=\"mb-1\"\r\n      >\r\n        <!-- input text with help -->\r\n        <b-form-group>\r\n          <label for=\"InputHelp\">Input text with help</label>\r\n          <small class=\"text-muted\"> eg. <i>someone@example.com</i></small>\r\n          <b-form-input id=\"InputHelp\" />\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <b-col\r\n        md=\"6\"\r\n        xl=\"4\"\r\n        class=\"mb-1\"\r\n      >\r\n        <!-- disabled input -->\r\n        <b-form-group\r\n          label=\"Disabled Input\"\r\n          label-for=\"disabledInput\"\r\n        >\r\n          <b-form-input\r\n            id=\"disabledInput\"\r\n            disabled\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <b-col\r\n        md=\"6\"\r\n        xl=\"4\"\r\n      >\r\n        <!-- with helper text -->\r\n        <b-form-group\r\n          label=\"With Helper Text\"\r\n          label-for=\"helperInput\"\r\n          description=\"Find helper text here for given textbox.\"\r\n        >\r\n          <b-form-input\r\n            id=\"helperInput\"\r\n            placeholder=\"Name\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n      <b-col\r\n        md=\"6\"\r\n        xl=\"4\"\r\n      >\r\n        <!-- readonly input -->\r\n        <b-form-group\r\n          label=\"Readonly Input\"\r\n          label-for=\"readOnlyInput\"\r\n        >\r\n          <b-form-input\r\n            id=\"readOnlyInput\"\r\n            value=\"You can't update me :P\"\r\n            readonly\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <b-col\r\n        md=\"6\"\r\n        xl=\"4\"\r\n      >\r\n        <!-- static text -->\r\n        <b-form-group\r\n          label=\"Readonly Static Text\"\r\n          label-for=\"plainTextInput\"\r\n        >\r\n          <b-form-input\r\n            id=\"plainTextInput\"\r\n            plaintext\r\n            value=\"email@pixinvent.com\"\r\n          />\r\n        </b-form-group>\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <template #code>\r\n      {{ codeBasic }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  BFormInput, BRow, BCol, BFormGroup,\r\n} from 'bootstrap-vue'\r\nimport { codeBasic } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormInput,\r\n    BFormGroup,\r\n    BRow,\r\n    BCol,\r\n  },\r\n  data() {\r\n    return {\r\n      codeBasic,\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!./FormInputBasic.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!./FormInputBasic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputBasic.vue?vue&type=template&id=d28bc0c4&\"\nimport script from \"./FormInputBasic.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputBasic.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\":\"Sizing Options\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeSize)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Set heights using the \")]),_c('code',[_vm._v(\"size\")]),_c('span',[_vm._v(\" prop to \")]),_c('code',[_vm._v(\"sm\")]),_c('span',[_vm._v(\" or \")]),_c('code',[_vm._v(\"lg\")]),_c('span',[_vm._v(\" for small or large respectively.\")])]),_c('div',[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Large\",\"label-for\":\"largeInput\"}},[_c('b-form-input',{attrs:{\"id\":\"largeInput\",\"size\":\"lg\",\"placeholder\":\"Large Input\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Default\",\"label-for\":\"defaultLabel\"}},[_c('b-form-input',{attrs:{\"id\":\"defaultLabel\",\"placeholder\":\"Normal Input\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Small\",\"label-for\":\"smallInput\"}},[_c('b-form-input',{attrs:{\"id\":\"smallInput\",\"size\":\"sm\",\"placeholder\":\"Small Input\"}})],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Sizing Options\">\r\n    <b-card-text>\r\n      <span>Set heights using the </span>\r\n      <code>size</code>\r\n      <span> prop to </span>\r\n      <code>sm</code>\r\n      <span> or </span>\r\n      <code>lg</code>\r\n      <span> for small or large respectively.</span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <b-row>\r\n\r\n        <!-- large -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Large\"\r\n            label-for=\"largeInput\"\r\n          >\r\n            <b-form-input\r\n              id=\"largeInput\"\r\n              size=\"lg\"\r\n              placeholder=\"Large Input\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- default -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Default\"\r\n            label-for=\"defaultLabel\"\r\n          >\r\n            <b-form-input\r\n              id=\"defaultLabel\"\r\n              placeholder=\"Normal Input\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n\r\n        <!-- small -->\r\n        <b-col cols=\"12\">\r\n          <b-form-group\r\n            label=\"Small\"\r\n            label-for=\"smallInput\"\r\n          >\r\n            <b-form-input\r\n              id=\"smallInput\"\r\n              size=\"sm\"\r\n              placeholder=\"Small Input\"\r\n            />\r\n          </b-form-group>\r\n        </b-col>\r\n      </b-row>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeSize }}\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  BFormInput, BRow, BCol, BCardText, BFormGroup,\r\n} from 'bootstrap-vue'\r\nimport { codeSize } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormInput,\r\n    BFormGroup,\r\n    BCardText,\r\n    BRow,\r\n    BCol,\r\n  },\r\n  data() {\r\n    return {\r\n      codeSize,\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!./FormInputSize.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!./FormInputSize.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputSize.vue?vue&type=template&id=1a2d8590&\"\nimport script from \"./FormInputSize.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputSize.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 label sizing\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeHorizontalSize)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"You can control the label text size match the size of your form input(s) via the optional \")]),_c('code',[_vm._v(\"label-size\")]),_c('span',[_vm._v(\" prop. Values can be \")]),_c('code',[_vm._v(\"'sm'\")]),_c('span',[_vm._v(\" or \")]),_c('code',[_vm._v(\"'lg'\")]),_c('span',[_vm._v(\" for small or large label, respectively. Sizes work for both horizontal and non-horizontal form groups.\")])]),_c('b-form-group',{attrs:{\"label-cols\":\"4\",\"label-cols-lg\":\"2\",\"label-size\":\"lg\",\"label\":\"Large\",\"label-for\":\"input-lg\"}},[_c('b-form-input',{attrs:{\"id\":\"input-lg\",\"size\":\"lg\",\"placeholder\":\"Large Input\"}})],1),_c('b-form-group',{attrs:{\"label-cols\":\"4\",\"label-cols-lg\":\"2\",\"label\":\"Default\",\"label-for\":\"input-default\"}},[_c('b-form-input',{attrs:{\"id\":\"input-default\",\"placeholder\":\"Normal Input\"}})],1),_c('b-form-group',{attrs:{\"label-cols\":\"4\",\"label-cols-lg\":\"2\",\"label-size\":\"sm\",\"label\":\"Small\",\"label-for\":\"input-sm\"}},[_c('b-form-input',{attrs:{\"id\":\"input-sm\",\"size\":\"sm\",\"placeholder\":\"Small Input\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Horizontal form label sizing\">\r\n    <b-card-text>\r\n      <span>You can control the label text size match the size of your form input(s) via the optional </span>\r\n      <code>label-size</code>\r\n      <span> prop. Values can be </span>\r\n      <code>'sm'</code>\r\n      <span> or </span>\r\n      <code>'lg'</code>\r\n      <span> for small or large label, respectively. Sizes work for both horizontal and non-horizontal form groups.</span>\r\n    </b-card-text>\r\n\r\n    <!-- large label  -->\r\n    <b-form-group\r\n      label-cols=\"4\"\r\n      label-cols-lg=\"2\"\r\n      label-size=\"lg\"\r\n      label=\"Large\"\r\n      label-for=\"input-lg\"\r\n    >\r\n      <b-form-input\r\n        id=\"input-lg\"\r\n        size=\"lg\"\r\n        placeholder=\"Large Input\"\r\n      />\r\n    </b-form-group>\r\n\r\n    <!-- default label -->\r\n    <b-form-group\r\n      label-cols=\"4\"\r\n      label-cols-lg=\"2\"\r\n      label=\"Default\"\r\n      label-for=\"input-default\"\r\n    >\r\n      <b-form-input\r\n        id=\"input-default\"\r\n        placeholder=\"Normal Input\"\r\n      />\r\n    </b-form-group>\r\n\r\n    <!-- small label -->\r\n    <b-form-group\r\n      label-cols=\"4\"\r\n      label-cols-lg=\"2\"\r\n      label-size=\"sm\"\r\n      label=\"Small\"\r\n      label-for=\"input-sm\"\r\n    >\r\n      <b-form-input\r\n        id=\"input-sm\"\r\n        size=\"sm\"\r\n        placeholder=\"Small Input\"\r\n      />\r\n    </b-form-group>\r\n\r\n    <template #code>\r\n      {{ codeHorizontalSize }}\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/BCardCode.vue'\r\nimport { BFormGroup, BFormInput, BCardText } from 'bootstrap-vue'\r\nimport { codeHorizontalSize } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeHorizontalSize,\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!./FormInputHorizontalLableSize.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!./FormInputHorizontalLableSize.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputHorizontalLableSize.vue?vue&type=template&id=3d50e5d2&\"\nimport script from \"./FormInputHorizontalLableSize.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputHorizontalLableSize.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\":\"Floating Label Inputs\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeFloatinLabel)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-2\"},[_c('span',[_vm._v(\"For Flating Label Inputs, need to use \")]),_c('code',[_vm._v(\".form-label-group\")]),_c('span',[_vm._v(\" class & add prop \")]),_c('code',[_vm._v(\"disabled\")]),_c('span',[_vm._v(\" for disabled Floating Label Input.\")])]),_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('div',{staticClass:\"form-label-group\"},[_c('b-form-input',{attrs:{\"id\":\"floating-label1\",\"placeholder\":\"Label Placeholder\"}}),_c('label',{attrs:{\"for\":\"floating-label1\"}},[_vm._v(\"Label-placeholder\")])],1)]),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('div',{staticClass:\"form-label-group\"},[_c('b-form-input',{attrs:{\"placeholder\":\"Disabled-placeholder\",\"disabled\":\"\"}}),_c('label',{attrs:{\"for\":\"floating-label-disable\"}},[_vm._v(\"Disabled-placeholder\")])],1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Floating Label Inputs\">\r\n    <b-card-text class=\"mb-2\">\r\n      <span>For Flating Label Inputs, need to use </span>\r\n      <code>.form-label-group</code>\r\n      <span> class & add prop </span>\r\n      <code>disabled</code>\r\n      <span> for disabled Floating Label Input.</span>\r\n    </b-card-text>\r\n\r\n    <b-row>\r\n      <b-col md=\"6\">\r\n        <div class=\"form-label-group\">\r\n          <b-form-input\r\n            id=\"floating-label1\"\r\n            placeholder=\"Label Placeholder\"\r\n          />\r\n          <label for=\"floating-label1\">Label-placeholder</label>\r\n        </div>\r\n      </b-col>\r\n      <b-col md=\"6\">\r\n        <div class=\"form-label-group\">\r\n          <b-form-input\r\n            placeholder=\"Disabled-placeholder\"\r\n            disabled\r\n          />\r\n          <label for=\"floating-label-disable\">Disabled-placeholder</label>\r\n        </div>\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <template #code>\r\n      {{ codeFloatinLabel }}\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  BFormInput, BRow, BCol, BCardText,\r\n} from 'bootstrap-vue'\r\nimport { codeFloatinLabel } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BCardText,\r\n    BFormInput,\r\n    BRow,\r\n    BCol,\r\n  },\r\n  data() {\r\n    return {\r\n      codeFloatinLabel,\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!./FormFloatingLabel.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!./FormFloatingLabel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormFloatingLabel.vue?vue&type=template&id=04b673e4&\"\nimport script from \"./FormFloatingLabel.vue?vue&type=script&lang=js&\"\nexport * from \"./FormFloatingLabel.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\":\"Contextual states\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeStates)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Use \")]),_c('code',[_vm._v(\"<b-form-valid-feedback>\")]),_c('span',[_vm._v(\" and \")]),_c('code',[_vm._v(\"<b-form-invalid-feedback>\")]),_c('span',[_vm._v(\" form sub-components for input validation.\")])]),_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Valid State\",\"label-for\":\"input-valid\"}},[_c('b-form-input',{attrs:{\"id\":\"input-valid\",\"state\":true,\"placeholder\":\"Valid\"}}),_c('b-form-valid-feedback',[_vm._v(\" This is valid state. \")])],1)],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Invalid State\",\"label-for\":\"input-invalid\"}},[_c('b-form-input',{attrs:{\"id\":\"input-invalid\",\"state\":false,\"placeholder\":\"Invalid\"}}),_c('b-form-invalid-feedback',[_vm._v(\" This is invalid state. \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Contextual states\">\r\n    <b-card-text>\r\n      <span>Use </span>\r\n      <code>&lt;b-form-valid-feedback&gt;</code>\r\n      <span> and </span>\r\n      <code>&lt;b-form-invalid-feedback&gt;</code>\r\n      <span> form sub-components for input validation.</span>\r\n    </b-card-text>\r\n\r\n    <b-row>\r\n\r\n      <!-- valid input -->\r\n      <b-col md=\"6\">\r\n        <b-form-group\r\n          label=\"Valid State\"\r\n          label-for=\"input-valid\"\r\n        >\r\n          <b-form-input\r\n            id=\"input-valid\"\r\n            :state=\"true\"\r\n            placeholder=\"Valid\"\r\n          />\r\n          <b-form-valid-feedback>\r\n            This is valid state.\r\n          </b-form-valid-feedback>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- invalid input -->\r\n      <b-col md=\"6\">\r\n        <b-form-group\r\n          label=\"Invalid State\"\r\n          label-for=\"input-invalid\"\r\n        >\r\n          <b-form-input\r\n            id=\"input-invalid\"\r\n            :state=\"false\"\r\n            placeholder=\"Invalid\"\r\n          />\r\n          <b-form-invalid-feedback>\r\n            This is invalid state.\r\n          </b-form-invalid-feedback>\r\n        </b-form-group>\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <template #code>\r\n      {{ codeStates }}\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  BFormInput, BRow, BCol, BFormInvalidFeedback, BFormValidFeedback, BCardText, BFormGroup,\r\n} from 'bootstrap-vue'\r\nimport { codeStates } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormInput,\r\n    BCardText,\r\n    BFormInvalidFeedback,\r\n    BFormValidFeedback,\r\n    BRow,\r\n    BFormGroup,\r\n    BCol,\r\n  },\r\n  data() {\r\n    return {\r\n      codeStates,\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!./FormInputContextualStates.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!./FormInputContextualStates.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputContextualStates.vue?vue&type=template&id=22f3d4f0&\"\nimport script from \"./FormInputContextualStates.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputContextualStates.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\":\"Input Validation States with Tootltips\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeValidateTooltips)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Use \")]),_c('code',[_vm._v(\"tooltip\")]),_c('span',[_vm._v(\" true in \")]),_c('code',[_vm._v(\"<b-form-valid-feedback>\")]),_c('span',[_vm._v(\" and \")]),_c('code',[_vm._v(\"<b-form-invalid-feedback>\")]),_c('span',[_vm._v(\" form sub-components.\")])]),_c('b-form',{staticClass:\"needs-validation\",attrs:{\"novalidate\":\"\"},on:{\"submit\":function($event){$event.preventDefault();}}},[_c('b-form-row',[_c('b-col',{staticClass:\"mb-3\",attrs:{\"md\":\"4\"}},[_c('label',{attrs:{\"for\":\"input-valid1\"}},[_vm._v(\"Valid Input:\")]),_c('b-form-input',{attrs:{\"id\":\"input-valid1\",\"state\":_vm.value1.length > 0,\"placeholder\":\"Valid input\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('b-form-valid-feedback',{attrs:{\"tooltip\":\"\"}},[_vm._v(\" Looks good! \")]),_c('b-form-invalid-feedback',{attrs:{\"tooltip\":\"\"}},[_vm._v(\" Please provide a valid input. \")])],1),_c('b-col',{staticClass:\"mb-3\",attrs:{\"md\":\"4\"}},[_c('label',{attrs:{\"for\":\"input-invalid1\"}},[_vm._v(\"Invalid Input:\")]),_c('b-form-input',{attrs:{\"id\":\"input-invalid1\",\"state\":_vm.value2.length > 0,\"placeholder\":\"Invalid input\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}}),_c('b-form-valid-feedback',{attrs:{\"tooltip\":\"\"}},[_vm._v(\" Looks good! \")]),_c('b-form-invalid-feedback',{attrs:{\"tooltip\":\"\"}},[_vm._v(\" Please provide a valid input. \")])],1),_c('b-col',{staticClass:\"mb-3\",attrs:{\"md\":\"4\"}},[_c('label',{attrs:{\"for\":\"input-invalid2\"}},[_vm._v(\"Invalid Input:\")]),_c('b-form-input',{attrs:{\"id\":\"input-invalid2\",\"state\":_vm.value3.length > 0,\"placeholder\":\"Invalid input\"},model:{value:(_vm.value3),callback:function ($$v) {_vm.value3=$$v},expression:\"value3\"}}),_c('b-form-valid-feedback',{attrs:{\"tooltip\":\"\"}},[_vm._v(\" Looks good! \")]),_c('b-form-invalid-feedback',{attrs:{\"tooltip\":\"\"}},[_vm._v(\" Please provide a valid city. \")])],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}}],attrs:{\"type\":\"submit\",\"variant\":\"primary\"}},[_vm._v(\" Submit \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Input Validation States with Tootltips\">\r\n    <b-card-text>\r\n      <span>Use </span>\r\n      <code>tooltip</code>\r\n      <span> true in </span>\r\n      <code>&lt;b-form-valid-feedback&gt;</code>\r\n      <span> and </span>\r\n      <code>&lt;b-form-invalid-feedback&gt;</code>\r\n      <span> form sub-components.</span>\r\n    </b-card-text>\r\n    <b-form\r\n      novalidate\r\n      class=\"needs-validation\"\r\n      @submit.prevent\r\n    >\r\n      <b-form-row>\r\n\r\n        <!-- valid input  -->\r\n        <b-col\r\n          md=\"4\"\r\n          class=\"mb-3\"\r\n        >\r\n          <label for=\"input-valid1\">Valid Input:</label>\r\n          <b-form-input\r\n            id=\"input-valid1\"\r\n            v-model=\"value1\"\r\n            :state=\"value1.length > 0\"\r\n            placeholder=\"Valid input\"\r\n          />\r\n          <b-form-valid-feedback\r\n            tooltip\r\n          >\r\n            Looks good!\r\n          </b-form-valid-feedback>\r\n          <b-form-invalid-feedback\r\n            tooltip\r\n          >\r\n            Please provide a valid input.\r\n          </b-form-invalid-feedback>\r\n        </b-col>\r\n\r\n        <!-- invalid input -->\r\n        <b-col\r\n          md=\"4\"\r\n          class=\"mb-3\"\r\n        >\r\n          <label for=\"input-invalid1\">Invalid Input:</label>\r\n          <b-form-input\r\n            id=\"input-invalid1\"\r\n            v-model=\"value2\"\r\n            :state=\"value2.length > 0\"\r\n            placeholder=\"Invalid input\"\r\n          />\r\n          <b-form-valid-feedback tooltip>\r\n            Looks good!\r\n          </b-form-valid-feedback>\r\n          <b-form-invalid-feedback\r\n            tooltip\r\n          >\r\n            Please provide a valid input.\r\n          </b-form-invalid-feedback>\r\n        </b-col>\r\n\r\n        <!-- invalid input -->\r\n        <b-col\r\n          md=\"4\"\r\n          class=\"mb-3\"\r\n        >\r\n          <label for=\"input-invalid2\">Invalid Input:</label>\r\n          <b-form-input\r\n            id=\"input-invalid2\"\r\n            v-model=\"value3\"\r\n            :state=\"value3.length > 0\"\r\n            placeholder=\"Invalid input\"\r\n          />\r\n          <b-form-valid-feedback tooltip>\r\n            Looks good!\r\n          </b-form-valid-feedback>\r\n          <b-form-invalid-feedback tooltip>\r\n            Please provide a valid city.\r\n          </b-form-invalid-feedback>\r\n        </b-col>\r\n\r\n        <!-- submit button -->\r\n        <b-col\r\n          cols=\"12\"\r\n        >\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          >\r\n            Submit\r\n          </b-button>\r\n        </b-col>\r\n      </b-form-row>\r\n    </b-form>\r\n    <template #code>\r\n      {{ codeValidateTooltips }}\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  BFormInput, BCol, BCardText, BForm, BFormRow, BFormValidFeedback, BFormInvalidFeedback, BButton,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeValidateTooltips } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormInput,\r\n    BCardText,\r\n    BForm,\r\n    BButton,\r\n    BFormRow,\r\n    BFormValidFeedback,\r\n    BFormInvalidFeedback,\r\n    BCol,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      value1: 'John',\r\n      value2: 'Doe',\r\n      value3: '',\r\n      codeValidateTooltips,\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!./FormInputValidateTooltips.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!./FormInputValidateTooltips.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputValidateTooltips.vue?vue&type=template&id=640ea558&\"\nimport script from \"./FormInputValidateTooltips.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputValidateTooltips.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\":\"Datalist support\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeDatalist)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Datalists are a native HTML tag \")]),_c('code',[_vm._v(\"<datalist>\")]),_c('span',[_vm._v(\" that contains a list of \")]),_c('code',[_vm._v(\"<option>\")]),_c('span',[_vm._v(\" tags. By assigning an ID to the datalist tag, the list can be references from a text input by adding a \")]),_c('code',[_vm._v(\"list\")]),_c('span',[_vm._v(\" attribute.\")])]),_c('b-form-group',{staticClass:\"mb-0\"},[_c('b-form-input',{attrs:{\"list\":\"my-list-id\"}}),_c('datalist',{attrs:{\"id\":\"my-list-id\"}},[_c('option',[_vm._v(\"Manual Option\")]),_vm._l((_vm.sizes),function(size){return _c('option',{key:size},[_vm._v(\" \"+_vm._s(size)+\" \")])})],2)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Datalist support\"\r\n  >\r\n    <b-card-text>\r\n      <span>Datalists are a native HTML tag </span>\r\n      <code>&lt;datalist&gt;</code>\r\n      <span> that contains a list of </span>\r\n      <code>&lt;option&gt;</code>\r\n      <span>\r\n        tags. By assigning an ID to the datalist tag, the list can be references from a text input by adding a\r\n      </span>\r\n      <code>list</code>\r\n      <span> attribute.</span>\r\n    </b-card-text>\r\n\r\n    <b-form-group class=\"mb-0\">\r\n      <b-form-input list=\"my-list-id\" />\r\n\r\n      <datalist id=\"my-list-id\">\r\n        <option>Manual Option</option>\r\n        <option\r\n          v-for=\"size in sizes\"\r\n          :key=\"size\"\r\n        >\r\n          {{ size }}\r\n        </option>\r\n      </datalist>\r\n    </b-form-group>\r\n\r\n    <template #code>\r\n      {{ codeDatalist }}\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 { BFormInput, BCardText, BFormGroup } from 'bootstrap-vue'\r\nimport { codeDatalist } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormGroup,\r\n    BCardText,\r\n    BFormInput,\r\n  },\r\n  data() {\r\n    return {\r\n      sizes: ['Small', 'Medium', 'Large', 'Extra Large'],\r\n      codeDatalist,\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!./FormInputDatalist.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!./FormInputDatalist.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputDatalist.vue?vue&type=template&id=71b21742&\"\nimport script from \"./FormInputDatalist.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputDatalist.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\":\"Debounce support\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeDebounce)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"To enable debouncing, set the prop \")]),_c('code',[_vm._v(\"debounce\")]),_c('span',[_vm._v(\" to any integer greater than zero. The value is specified in milliseconds. Setting \")]),_c('code',[_vm._v(\"debounce\")]),_c('span',[_vm._v(\" to \")]),_c('code',[_vm._v(\"0\")]),_c('span',[_vm._v(\" will disable debouncing.\")])]),_c('b-form-input',{attrs:{\"type\":\"text\",\"debounce\":\"500\"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}}),_c('b-card-text',{staticClass:\"mt-1 mb-0\"},[_c('strong',[_vm._v(\"Value : \")]),_c('span',[_vm._v(_vm._s(_vm.value))])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Debounce support\">\r\n    <b-card-text>\r\n      <span>To enable debouncing, set the prop </span>\r\n      <code>debounce</code>\r\n      <span> to any integer greater than zero. The value is specified in milliseconds. Setting </span>\r\n      <code>debounce</code>\r\n      <span> to </span>\r\n      <code>0</code>\r\n      <span> will disable debouncing.</span>\r\n    </b-card-text>\r\n\r\n    <b-form-input\r\n      v-model=\"value\"\r\n      type=\"text\"\r\n      debounce=\"500\"\r\n    />\r\n    <b-card-text class=\"mt-1 mb-0\">\r\n      <strong>Value : </strong><span>{{ value }}</span>\r\n    </b-card-text>\r\n\r\n    <template #code>\r\n      {{ codeDebounce }}\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 { BFormInput, BCardText } from 'bootstrap-vue'\r\nimport { codeDebounce } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormInput,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      value: '',\r\n      codeDebounce,\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!./FormInputDebounce.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!./FormInputDebounce.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputDebounce.vue?vue&type=template&id=f5ccb190&\"\nimport script from \"./FormInputDebounce.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputDebounce.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\":\"Formatter support\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeFormatter)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('code',[_vm._v(\"<b-form-input>\")]),_c('span',[_vm._v(\" optionally supports formatting by passing a function reference to the \")]),_c('code',[_vm._v(\"formatter\")]),_c('span',[_vm._v(\" prop.\")])]),_c('div',[_c('b-form-group',{attrs:{\"label\":\"Text input with formatter (on input)\",\"label-for\":\"input-formatter\",\"description\":\"We will convert your name to lowercase instantly\"}},[_c('b-form-input',{attrs:{\"id\":\"input-formatter\",\"placeholder\":\"Enter your name\",\"formatter\":_vm.formatter},model:{value:(_vm.text1),callback:function ($$v) {_vm.text1=$$v},expression:\"text1\"}})],1),_c('b-card-text',[_c('strong',[_vm._v(\"Value:\")]),_vm._v(\" \"+_vm._s(_vm.text1))]),_c('b-form-group',{attrs:{\"label\":\"Text input with lazy formatter (on blur)\",\"label-for\":\"input-lazy\",\"description\":\"This one is a little lazy!\"}},[_c('b-form-input',{attrs:{\"id\":\"input-lazy\",\"placeholder\":\"Enter your name\",\"lazy-formatter\":\"\",\"formatter\":_vm.formatter},model:{value:(_vm.text2),callback:function ($$v) {_vm.text2=$$v},expression:\"text2\"}})],1),_c('b-card-text',{staticClass:\"mb-0\"},[_c('strong',[_vm._v(\"Value:\")]),_vm._v(\" \"+_vm._s(_vm.text2)+\" \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Formatter support\">\r\n    <b-card-text>\r\n      <code>&lt;b-form-input&gt;</code>\r\n      <span> optionally supports formatting by passing a function reference to the </span>\r\n      <code>formatter</code>\r\n      <span> prop.</span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <b-form-group\r\n        label=\"Text input with formatter (on input)\"\r\n        label-for=\"input-formatter\"\r\n        description=\"We will convert your name to lowercase instantly\"\r\n      >\r\n        <b-form-input\r\n          id=\"input-formatter\"\r\n          v-model=\"text1\"\r\n          placeholder=\"Enter your name\"\r\n          :formatter=\"formatter\"\r\n        />\r\n      </b-form-group>\r\n      <b-card-text><strong>Value:</strong> {{ text1 }}</b-card-text>\r\n\r\n      <b-form-group\r\n        label=\"Text input with lazy formatter (on blur)\"\r\n        label-for=\"input-lazy\"\r\n        description=\"This one is a little lazy!\"\r\n      >\r\n        <b-form-input\r\n          id=\"input-lazy\"\r\n          v-model=\"text2\"\r\n          placeholder=\"Enter your name\"\r\n          lazy-formatter\r\n          :formatter=\"formatter\"\r\n        />\r\n      </b-form-group>\r\n\r\n      <b-card-text class=\"mb-0\">\r\n        <strong>Value:</strong> {{ text2 }}\r\n      </b-card-text>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeFormatter }}\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 { BFormInput, BFormGroup, BCardText } from 'bootstrap-vue'\r\nimport { codeFormatter } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormInput,\r\n    BCardText,\r\n    BFormGroup,\r\n  },\r\n  data() {\r\n    return {\r\n      text1: '',\r\n      text2: '',\r\n      codeFormatter,\r\n    }\r\n  },\r\n  methods: {\r\n    formatter(value) {\r\n      return value.toLowerCase()\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!./FormInputFormatter.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!./FormInputFormatter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputFormatter.vue?vue&type=template&id=591987ac&\"\nimport script from \"./FormInputFormatter.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputFormatter.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 cols=\"12\">\r\n      <form-input-basic />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <form-input-size />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <form-input-horizontal-lable-size />\r\n    </b-col>\r\n    <b-col cols=\"12\">\r\n      <form-floating-label />\r\n    </b-col>\r\n    <b-col cols=\"12\">\r\n      <form-input-contextual-states />\r\n    </b-col>\r\n    <b-col cols=\"12\">\r\n      <form-input-validate-tooltips />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <form-input-datalist />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <form-input-debounce />\r\n    </b-col>\r\n    <b-col cols=\"12\">\r\n      <form-input-formatter />\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 FormInputBasic from './FormInputBasic.vue'\r\nimport FormInputSize from './FormInputSize.vue'\r\nimport FormInputHorizontalLableSize from './FormInputHorizontalLableSize.vue'\r\nimport FormFloatingLabel from './FormFloatingLabel.vue'\r\nimport FormInputContextualStates from './FormInputContextualStates.vue'\r\nimport FormInputValidateTooltips from './FormInputValidateTooltips.vue'\r\nimport FormInputDatalist from './FormInputDatalist.vue'\r\nimport FormInputDebounce from './FormInputDebounce.vue'\r\nimport FormInputFormatter from './FormInputFormatter.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n\r\n    FormInputBasic,\r\n    FormInputSize,\r\n    FormInputHorizontalLableSize,\r\n    FormFloatingLabel,\r\n    FormInputContextualStates,\r\n    FormInputValidateTooltips,\r\n    FormInputDatalist,\r\n    FormInputDebounce,\r\n    FormInputFormatter,\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!./FormInput.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!./FormInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInput.vue?vue&type=template&id=19b0fb7d&\"\nimport script from \"./FormInput.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInput.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":""}