{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroup.vue?6909","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroupBasic.vue?5054","webpack:///./src/views/forms/form-element/form-input-group/code.js","webpack:///src/views/forms/form-element/form-input-group/FormInputGroupBasic.vue","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroupBasic.vue?6b30","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroupBasic.vue","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroupMerged.vue?73e3","webpack:///src/views/forms/form-element/form-input-group/FormInputGroupMerged.vue","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroupMerged.vue?4f10","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroupMerged.vue","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroupCheckboxRadio.vue?a23c","webpack:///src/views/forms/form-element/form-input-group/FormInputGroupCheckboxRadio.vue","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroupCheckboxRadio.vue?6515","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroupCheckboxRadio.vue","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroupSize.vue?9487","webpack:///src/views/forms/form-element/form-input-group/FormInputGroupSize.vue","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroupSize.vue?0a4e","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroupSize.vue","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroupButton.vue?5fda","webpack:///src/views/forms/form-element/form-input-group/FormInputGroupButton.vue","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroupButton.vue?a885","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroupButton.vue","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroupDropdown.vue?020f","webpack:///src/views/forms/form-element/form-input-group/FormInputGroupDropdown.vue","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroupDropdown.vue?c545","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroupDropdown.vue","webpack:///src/views/forms/form-element/form-input-group/FormInputGroup.vue","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroup.vue?12d1","webpack:///./src/views/forms/form-element/form-input-group/FormInputGroup.vue","webpack:///./src/@core/mixins/ui/forms.js"],"names":["BCardCode","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticRenderFns","scopedSlots","_u","key","fn","_v","_s","codeBasic","proxy","passwordFieldType","passwordToggleIcon","on","togglePasswordVisibility","codeButton","codeCheckboxRadio","codeDropdown","codeSize","codeMerged","components","BFormTextarea","BInputGroup","BFormGroup","BFormInput","BInputGroupPrepend","BInputGroupAppend","mixins","data","computed","component","model","value","callback","$$v","radio1","expression","BRow","BCol","BFormCheckbox","BFormRadio","BButton","BDropdownDivider","BDropdown","BDropdownItem","FormInputGroupBasic","FormInputGroupMerged","FormInputGroupCheckboxRadio","FormInputGroupSize","FormInputGroupButton","FormInputGroupDropdown","methods"],"mappings":"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","file":"js/chunk-47a60ae4.2ef83261.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:{\"md\":\"6\"}},[_c('form-input-group-basic')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('form-input-group-merged')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('form-input-group-size')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('form-input-group-checkbox-radio')],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('form-input-group-button')],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('form-input-group-dropdown')],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\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeBasic)+\" \")]},proxy:true}])},[_c('div',{staticClass:\"demo-vertical-spacing\"},[_c('b-input-group',[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"SearchIcon\"}})],1),_c('b-form-input',{attrs:{\"placeholder\":\"Search\"}})],1),_c('b-form-group',[_c('label',{attrs:{\"for\":\"basic-password\"}},[_vm._v(\"Password\")]),_c('b-input-group',[_c('b-form-input',{attrs:{\"id\":\"basic-password\",\"type\":_vm.passwordFieldType,\"placeholder\":\"Your Password\"}}),_c('b-input-group-append',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"icon\":_vm.passwordToggleIcon},on:{\"click\":_vm.togglePasswordVisibility}})],1)],1)],1),_c('b-input-group',{attrs:{\"prepend\":\"@\"}},[_c('b-form-input',{attrs:{\"placeholder\":\"Username\"}})],1),_c('b-input-group',{attrs:{\"append\":\"@example.com\"}},[_c('b-form-input',{attrs:{\"placeholder\":\"Recipient's username\"}})],1),_c('b-input-group',{attrs:{\"prepend\":\"https://example.com/users/\"}},[_c('b-form-input')],1),_c('b-input-group',{attrs:{\"prepend\":\"$\",\"append\":\".00\"}},[_c('b-form-input',{attrs:{\"placeholder\":\"100\"}})],1),_c('b-input-group',{attrs:{\"prepend\":\"With textarea\"}},[_c('b-form-textarea')],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const codeAddons = `\r\n<template>\r\n  <b-row>\r\n    <b-col\r\n      md=\"6\"\r\n      class=\"mb-1\"\r\n    >\r\n      <b-input-group>\r\n        <b-input-group-prepend>\r\n          <b-input-group-text>$</b-input-group-text>\r\n          <b-input-group-text>\r\n            <b-form-checkbox\r\n              name=\"checkbox-input\"\r\n              plain\r\n              class=\"vs-checkbox-con pl-0\"\r\n            >\r\n              <span class=\"vs-checkbox\">\r\n                <span class=\"vs-checkbox--check\">\r\n                  <i class=\"vs-icon feather icon-check\" />\r\n                </span>\r\n              </span>\r\n            </b-form-checkbox>\r\n          </b-input-group-text>\r\n        </b-input-group-prepend>\r\n        <b-form-input />\r\n      </b-input-group>\r\n    </b-col>\r\n    <b-col\r\n      md=\"6\"\r\n    >\r\n      <b-input-group>\r\n        <b-form-input />\r\n        <b-input-group-append>\r\n          <b-input-group-text>$</b-input-group-text>\r\n          <b-input-group-text>\r\n            <b-form-radio\r\n              class=\"vs-radio-con\"\r\n              name=\"radio-input\"\r\n              plain\r\n            >\r\n              <span class=\"vs-radio\">\r\n                <span class=\"vs-radio--border\" />\r\n                <span class=\"vs-radio--circle\" />\r\n              </span>\r\n            </b-form-radio>\r\n          </b-input-group-text>\r\n        </b-input-group-append>\r\n      </b-input-group>\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BInputGroup, BFormInput, BInputGroupPrepend, BInputGroupAppend, BRow, BCol, BFormCheckbox, BInputGroupText, BFormRadio,\r\n} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormInput,\r\n    BInputGroup,\r\n    BInputGroupPrepend,\r\n    BInputGroupAppend,\r\n    BFormCheckbox,\r\n    BFormRadio,\r\n    BInputGroupText,\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  <div class=\"demo-vertical-spacing\">\r\n    <!-- basic search -->\r\n    <b-input-group>\r\n      <b-input-group-prepend is-text>\r\n        <feather-icon icon=\"SearchIcon\" />\r\n      </b-input-group-prepend>\r\n      <b-form-input placeholder=\"Search\" />\r\n    </b-input-group>\r\n\r\n    <!-- password -->\r\n    <b-form-group>\r\n      <label for=\"basic-password\">Password</label>\r\n      <b-input-group>\r\n        <b-form-input\r\n          id=\"basic-password\"\r\n          :type=\"passwordFieldType\"\r\n          placeholder=\"Your Password\"\r\n        />\r\n        <b-input-group-append is-text>\r\n          <feather-icon\r\n            :icon=\"passwordToggleIcon\"\r\n            class=\"cursor-pointer\"\r\n            @click=\"togglePasswordVisibility\"\r\n          />\r\n        </b-input-group-append>\r\n      </b-input-group>\r\n    </b-form-group>\r\n\r\n    <!-- with prop prepend  -->\r\n    <b-input-group prepend=\"@\">\r\n      <b-form-input placeholder=\"Username\" />\r\n    </b-input-group>\r\n\r\n    <!-- with prop append -->\r\n    <b-input-group append=\"@example.com\">\r\n      <b-form-input placeholder=\"Recipient's username\" />\r\n    </b-input-group>\r\n\r\n    <b-input-group prepend=\"https://example.com/users/\">\r\n      <b-form-input />\r\n    </b-input-group>\r\n\r\n    <!-- append and pepend -->\r\n    <b-input-group\r\n      prepend=\"$\"\r\n      append=\".00\"\r\n    >\r\n      <b-form-input placeholder=\"100\" />\r\n    </b-input-group>\r\n\r\n    <!-- textarea -->\r\n    <b-input-group prepend=\"With textarea\">\r\n      <b-form-textarea />\r\n    </b-input-group>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BInputGroup, BFormInput, BInputGroupPrepend, BInputGroupAppend, BFormGroup, BFormTextarea,\r\n} from 'bootstrap-vue'\r\nimport { togglePasswordVisibility } from '@core/mixins/ui/forms'\r\n\r\nexport default {\r\n  components: {\r\n    BFormTextarea,\r\n    BInputGroup,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BInputGroupPrepend,\r\n    BInputGroupAppend,\r\n  },\r\n  mixins: [togglePasswordVisibility],\r\n  computed: {\r\n    passwordToggleIcon() {\r\n      return this.passwordFieldType === 'password' ? 'EyeIcon' : 'EyeOffIcon'\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeButton = `\r\n<template>\r\n  <b-row>\r\n    <b-col\r\n      lg=\"6\"\r\n      class=\"mb-1\"\r\n    >\r\n      <!-- button on right -->\r\n      <b-input-group>\r\n        <b-form-input placeholder=\"Button on right\" />\r\n        <b-input-group-append>\r\n          <b-button variant=\"outline-primary\">\r\n            GO\r\n          </b-button>\r\n        </b-input-group-append>\r\n      </b-input-group>\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <!-- button on both side -->\r\n      <b-input-group>\r\n        <b-input-group-prepend>\r\n          <b-button variant=\"outline-primary\">\r\n            <feather-icon icon=\"SearchIcon\" />\r\n          </b-button>\r\n        </b-input-group-prepend>\r\n        <b-form-input placeholder=\"Button on both side\" />\r\n        <b-input-group-append>\r\n          <b-button variant=\"outline-primary\">\r\n            Search !\r\n          </b-button>\r\n        </b-input-group-append>\r\n      </b-input-group>\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport {BInputGroup, BFormInput, BInputGroupAppend, BInputGroupPrepend, BRow, BCol, BButton} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormInput,\r\n    BInputGroup,\r\n    BInputGroupAppend,\r\n    BInputGroupPrepend,\r\n    BRow,\r\n    BCol,\r\n    BButton,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeCheckboxRadio = `\r\n<template>\r\n  <b-row>\r\n    <!-- checkbox -->\r\n    <b-col md=\"6\">\r\n      <b-form-group>\r\n        <b-input-group>\r\n          <b-input-group-prepend is-text>\r\n            <b-form-checkbox\r\n              plain\r\n              name=\"checkbox-input\"\r\n            />\r\n          </b-input-group-prepend>\r\n          <b-form-input placeholder=\"Message\" />\r\n        </b-input-group>\r\n      </b-form-group>\r\n    </b-col>\r\n\r\n    <!-- radio -->\r\n    <b-col md=\"6\">\r\n      <b-form-group>\r\n        <b-input-group>\r\n          <b-input-group-prepend is-text>\r\n            <b-form-radio\r\n              v-model=\"radio1\"\r\n              value=\"radio2\"\r\n              plain\r\n              name=\"radio-input1\"\r\n            />\r\n          </b-input-group-prepend>\r\n          <b-form-input placeholder=\"Message\" />\r\n        </b-input-group>\r\n      </b-form-group>\r\n    </b-col>\r\n\r\n    <!-- custome checkbox and radio -->\r\n    <b-col\r\n      cols=\"12\"\r\n      class=\" my-1\"\r\n    >\r\n      <small class=\"font-weight-semibold\">Custom checkbox and radio</small>\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <b-form-group>\r\n        <b-input-group>\r\n          <b-input-group-prepend is-text>\r\n            <b-form-checkbox\r\n              name=\"checkbox-input\"\r\n            />\r\n          </b-input-group-prepend>\r\n          <b-form-input placeholder=\"Message\" />\r\n        </b-input-group>\r\n      </b-form-group>\r\n    </b-col>\r\n\r\n    <!-- radio -->\r\n    <b-col md=\"6\">\r\n      <b-form-group>\r\n        <b-input-group>\r\n          <b-input-group-prepend is-text>\r\n            <b-form-radio\r\n              v-model=\"radio1\"\r\n              value=\"radio2\"\r\n              name=\"radio-input1\"\r\n            />\r\n          </b-input-group-prepend>\r\n          <b-form-input placeholder=\"Message\" />\r\n        </b-input-group>\r\n      </b-form-group>\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport {BInputGroup, BFormInput, BInputGroupPrepend, BRow, BCol, BFormCheckbox, BFormRadio, BFormGroup} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormInput,\r\n    BInputGroup,\r\n    BInputGroupPrepend,\r\n    BRow,\r\n    BCol,\r\n    BFormCheckbox,\r\n    BFormRadio,\r\n    BFormGroup,\r\n  },\r\n  data() {\r\n    return {\r\n      radio1: 'radio2',\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeDropdown = `\r\n<template>\r\n  <b-row>\r\n    <b-col\r\n      lg=\"6\"\r\n      class=\"mb-1\"\r\n    >\r\n      <!-- dropdown in right side -->\r\n      <b-input-group>\r\n        <b-input-group-prepend>\r\n          <b-dropdown\r\n            text=\"Action\"\r\n            variant=\"outline-primary\"\r\n          >\r\n            <b-dropdown-item>Action </b-dropdown-item>\r\n            <b-dropdown-item>Another Action</b-dropdown-item>\r\n            <b-dropdown-item>Something else here</b-dropdown-item>\r\n            <b-dropdown-divider />\r\n            <b-dropdown-item>Separated link</b-dropdown-item>\r\n          </b-dropdown>\r\n        </b-input-group-prepend>\r\n        <b-form-input placeholder=\"Dropdown on left\" />\r\n      </b-input-group>\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n\r\n      <!-- dropdown in both side -->\r\n      <b-input-group>\r\n        <b-input-group-prepend>\r\n          <b-dropdown variant=\"outline-primary\">\r\n            <template #button-content>\r\n              <feather-icon icon=\"Edit2Icon\" />\r\n            </template>\r\n            <b-dropdown-item>Action </b-dropdown-item>\r\n            <b-dropdown-item>Another Action</b-dropdown-item>\r\n            <b-dropdown-item>Something else here</b-dropdown-item>\r\n            <b-dropdown-divider />\r\n            <b-dropdown-item>Separated link</b-dropdown-item>\r\n          </b-dropdown>\r\n        </b-input-group-prepend>\r\n        <b-form-input placeholder=\"Dropdown on both side\" />\r\n        <b-input-group-append>\r\n          <b-dropdown\r\n            text=\"Action\"\r\n            variant=\"outline-primary\"\r\n            right\r\n          >\r\n            <b-dropdown-item>Action </b-dropdown-item>\r\n            <b-dropdown-item>Another Action</b-dropdown-item>\r\n            <b-dropdown-item>Something else here</b-dropdown-item>\r\n            <b-dropdown-divider />\r\n            <b-dropdown-item>Separated link</b-dropdown-item>\r\n          </b-dropdown>\r\n        </b-input-group-append>\r\n\r\n      </b-input-group>\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BInputGroup,\r\n  BFormInput,\r\n  BInputGroupPrepend,\r\n  BInputGroupAppend,\r\n  BDropdown,\r\n  BDropdownItem,\r\n  BDropdownDivider,\r\n  BRow,\r\n  BCol,\r\n} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormInput,\r\n    BInputGroup,\r\n    BInputGroupPrepend,\r\n    BInputGroupAppend,\r\n    BDropdownDivider,\r\n    BDropdown,\r\n    BDropdownItem,\r\n    BRow,\r\n    BCol,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeSize = `\r\n<template>\r\n  <div class=\"demo-vertical-spacing\">\r\n\r\n    <!-- large -->\r\n    <b-input-group\r\n      prepend=\"@\"\r\n      size=\"lg\"\r\n    >\r\n      <b-form-input placeholder=\"Username\" />\r\n    </b-input-group>\r\n\r\n    <!-- default -->\r\n    <b-input-group\r\n      prepend=\"@\"\r\n    >\r\n      <b-form-input placeholder=\"Username\" />\r\n    </b-input-group>\r\n\r\n    <!-- small -->\r\n    <b-input-group\r\n      size=\"sm\"\r\n      prepend=\"@\"\r\n    >\r\n      <b-form-input placeholder=\"Username\" />\r\n    </b-input-group>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {BInputGroup, BFormInput} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BFormInput,\r\n    BInputGroup,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeMerged = `\r\n<template>\r\n  <div class=\"demo-vertical-spacing\">\r\n    <!-- basic search -->\r\n    <b-input-group class=\"input-group-merge\">\r\n      <b-input-group-prepend is-text>\r\n        <feather-icon icon=\"SearchIcon\" />\r\n      </b-input-group-prepend>\r\n      <b-form-input placeholder=\"Search\" />\r\n    </b-input-group>\r\n\r\n    <!-- password -->\r\n    <b-form-group>\r\n      <label for=\"basic-password1\">Password</label>\r\n      <b-input-group class=\"input-group-merge\">\r\n        <b-form-input\r\n          id=\"basic-password1\"\r\n          :type=\"passwordFieldType\"\r\n          placeholder=\"Your Password\"\r\n        />\r\n        <b-input-group-append is-text>\r\n          <feather-icon\r\n            :icon=\"passwordToggleIcon\"\r\n            class=\"cursor-pointer\"\r\n            @click=\"togglePasswordVisibility\"\r\n          />\r\n        </b-input-group-append>\r\n      </b-input-group>\r\n    </b-form-group>\r\n\r\n    <!-- with prop prepend  -->\r\n    <b-input-group\r\n      prepend=\"@\"\r\n      class=\"input-group-merge\"\r\n    >\r\n      <b-form-input placeholder=\"Username\" />\r\n    </b-input-group>\r\n\r\n    <!-- with prop append -->\r\n    <b-input-group\r\n      append=\"@example.com\"\r\n      class=\"input-group-merge\"\r\n    >\r\n      <b-form-input placeholder=\"Recipient's username\" />\r\n    </b-input-group>\r\n\r\n    <b-input-group\r\n      prepend=\"https://example.com/users/\"\r\n      class=\"input-group-merge\"\r\n    >\r\n      <b-form-input />\r\n    </b-input-group>\r\n\r\n    <!-- append and pepend -->\r\n    <b-input-group\r\n      prepend=\"$\"\r\n      append=\".00\"\r\n      class=\"input-group-merge\"\r\n    >\r\n      <b-form-input placeholder=\"100\" />\r\n    </b-input-group>\r\n\r\n    <!-- textarea -->\r\n    <b-input-group\r\n      prepend=\"With textarea\"\r\n      class=\"input-group-merge\"\r\n    >\r\n      <b-form-textarea />\r\n    </b-input-group>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {BInputGroup, BFormInput, BInputGroupPrepend, BInputGroupAppend, BFormGroup, BFormTextarea} from 'bootstrap-vue'\r\nimport { togglePasswordVisibility } from '@core/mixins/ui/forms'\r\n\r\nexport default {\r\n  components: {\r\n    BFormTextarea,\r\n    BInputGroup,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BInputGroupPrepend,\r\n    BInputGroupAppend,\r\n  },\r\n  mixins: [togglePasswordVisibility],\r\n  computed: {\r\n    passwordToggleIcon() {\r\n      return this.passwordFieldType === 'password' ? 'EyeIcon' : 'EyeOffIcon'\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\n","<template>\r\n  <b-card-code title=\"Basic\">\r\n    <div class=\"demo-vertical-spacing\">\r\n      <!-- basic search -->\r\n      <b-input-group>\r\n        <b-input-group-prepend is-text>\r\n          <feather-icon icon=\"SearchIcon\" />\r\n        </b-input-group-prepend>\r\n        <b-form-input placeholder=\"Search\" />\r\n      </b-input-group>\r\n\r\n      <!-- password -->\r\n      <b-form-group>\r\n        <label for=\"basic-password\">Password</label>\r\n        <b-input-group>\r\n          <b-form-input\r\n            id=\"basic-password\"\r\n            :type=\"passwordFieldType\"\r\n            placeholder=\"Your Password\"\r\n          />\r\n          <b-input-group-append is-text>\r\n            <feather-icon\r\n              :icon=\"passwordToggleIcon\"\r\n              class=\"cursor-pointer\"\r\n              @click=\"togglePasswordVisibility\"\r\n            />\r\n          </b-input-group-append>\r\n        </b-input-group>\r\n      </b-form-group>\r\n\r\n      <!-- with prop prepend  -->\r\n      <b-input-group prepend=\"@\">\r\n        <b-form-input placeholder=\"Username\" />\r\n      </b-input-group>\r\n\r\n      <!-- with prop append -->\r\n      <b-input-group append=\"@example.com\">\r\n        <b-form-input placeholder=\"Recipient's username\" />\r\n      </b-input-group>\r\n\r\n      <b-input-group prepend=\"https://example.com/users/\">\r\n        <b-form-input />\r\n      </b-input-group>\r\n\r\n      <!-- append and pepend -->\r\n      <b-input-group\r\n        prepend=\"$\"\r\n        append=\".00\"\r\n      >\r\n        <b-form-input placeholder=\"100\" />\r\n      </b-input-group>\r\n\r\n      <!-- textarea -->\r\n      <b-input-group prepend=\"With textarea\">\r\n        <b-form-textarea />\r\n      </b-input-group>\r\n    </div>\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  BInputGroup, BFormInput, BInputGroupPrepend, BInputGroupAppend, BFormGroup, BFormTextarea,\r\n} from 'bootstrap-vue'\r\nimport { togglePasswordVisibility } from '@core/mixins/ui/forms'\r\nimport { codeBasic } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormTextarea,\r\n    BInputGroup,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BInputGroupPrepend,\r\n    BInputGroupAppend,\r\n  },\r\n  mixins: [togglePasswordVisibility],\r\n  data() {\r\n    return {\r\n      codeBasic,\r\n    }\r\n  },\r\n  computed: {\r\n    passwordToggleIcon() {\r\n      return this.passwordFieldType === 'password' ? 'EyeIcon' : 'EyeOffIcon'\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!./FormInputGroupBasic.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!./FormInputGroupBasic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroupBasic.vue?vue&type=template&id=1efa28ec&\"\nimport script from \"./FormInputGroupBasic.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroupBasic.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\":\"Merged\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeMerged)+\" \")]},proxy:true}])},[_c('div',{staticClass:\"demo-vertical-spacing\"},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"SearchIcon\"}})],1),_c('b-form-input',{attrs:{\"placeholder\":\"Search\"}})],1),_c('b-form-group',[_c('label',{attrs:{\"for\":\"basic-password1\"}},[_vm._v(\"Password\")]),_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-form-input',{attrs:{\"id\":\"basic-password1\",\"type\":_vm.passwordFieldType,\"placeholder\":\"Your Password\"}}),_c('b-input-group-append',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"icon\":_vm.passwordToggleIcon},on:{\"click\":_vm.togglePasswordVisibility}})],1)],1)],1),_c('b-input-group',{staticClass:\"input-group-merge\",attrs:{\"prepend\":\"@\"}},[_c('b-form-input',{attrs:{\"placeholder\":\"Username\"}})],1),_c('b-input-group',{staticClass:\"input-group-merge\",attrs:{\"append\":\"@example.com\"}},[_c('b-form-input',{attrs:{\"placeholder\":\"Recipient's username\"}})],1),_c('b-input-group',{staticClass:\"input-group-merge\",attrs:{\"prepend\":\"https://example.com/users/\"}},[_c('b-form-input')],1),_c('b-input-group',{staticClass:\"input-group-merge\",attrs:{\"prepend\":\"$\",\"append\":\".00\"}},[_c('b-form-input',{attrs:{\"placeholder\":\"100\"}})],1),_c('b-input-group',{staticClass:\"input-group-merge\",attrs:{\"prepend\":\"With textarea\"}},[_c('b-form-textarea')],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Merged\">\r\n    <div class=\"demo-vertical-spacing\">\r\n      <!-- basic search -->\r\n      <b-input-group class=\"input-group-merge\">\r\n        <b-input-group-prepend is-text>\r\n          <feather-icon icon=\"SearchIcon\" />\r\n        </b-input-group-prepend>\r\n        <b-form-input placeholder=\"Search\" />\r\n      </b-input-group>\r\n\r\n      <!-- password -->\r\n      <b-form-group>\r\n        <label for=\"basic-password1\">Password</label>\r\n        <b-input-group class=\"input-group-merge\">\r\n          <b-form-input\r\n            id=\"basic-password1\"\r\n            :type=\"passwordFieldType\"\r\n            placeholder=\"Your Password\"\r\n          />\r\n          <b-input-group-append is-text>\r\n            <feather-icon\r\n              :icon=\"passwordToggleIcon\"\r\n              class=\"cursor-pointer\"\r\n              @click=\"togglePasswordVisibility\"\r\n            />\r\n          </b-input-group-append>\r\n        </b-input-group>\r\n      </b-form-group>\r\n\r\n      <!-- with prop prepend  -->\r\n      <b-input-group\r\n        prepend=\"@\"\r\n        class=\"input-group-merge\"\r\n      >\r\n        <b-form-input placeholder=\"Username\" />\r\n      </b-input-group>\r\n\r\n      <!-- with prop append -->\r\n      <b-input-group\r\n        append=\"@example.com\"\r\n        class=\"input-group-merge\"\r\n      >\r\n        <b-form-input placeholder=\"Recipient's username\" />\r\n      </b-input-group>\r\n\r\n      <b-input-group\r\n        prepend=\"https://example.com/users/\"\r\n        class=\"input-group-merge\"\r\n      >\r\n        <b-form-input />\r\n      </b-input-group>\r\n\r\n      <!-- append and pepend -->\r\n      <b-input-group\r\n        prepend=\"$\"\r\n        append=\".00\"\r\n        class=\"input-group-merge\"\r\n      >\r\n        <b-form-input placeholder=\"100\" />\r\n      </b-input-group>\r\n\r\n      <!-- textarea -->\r\n      <b-input-group\r\n        prepend=\"With textarea\"\r\n        class=\"input-group-merge\"\r\n      >\r\n        <b-form-textarea />\r\n      </b-input-group>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeMerged }}\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  BInputGroup, BFormInput, BInputGroupPrepend, BInputGroupAppend, BFormGroup, BFormTextarea,\r\n} from 'bootstrap-vue'\r\nimport { togglePasswordVisibility } from '@core/mixins/ui/forms'\r\nimport { codeMerged } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormTextarea,\r\n    BInputGroup,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BInputGroupPrepend,\r\n    BInputGroupAppend,\r\n  },\r\n  mixins: [togglePasswordVisibility],\r\n  data() {\r\n    return {\r\n      codeMerged,\r\n    }\r\n  },\r\n  computed: {\r\n    passwordToggleIcon() {\r\n      return this.passwordFieldType === 'password' ? 'EyeIcon' : 'EyeOffIcon'\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!./FormInputGroupMerged.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!./FormInputGroupMerged.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroupMerged.vue?vue&type=template&id=60d686f4&\"\nimport script from \"./FormInputGroupMerged.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroupMerged.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\":\"Checkbox and radio addons\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeCheckboxRadio)+\" \")]},proxy:true}])},[_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',[_c('b-input-group',[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('b-form-checkbox',{attrs:{\"plain\":\"\",\"name\":\"checkbox-input\"}})],1),_c('b-form-input',{attrs:{\"placeholder\":\"Message\"}})],1)],1)],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',[_c('b-input-group',[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('b-form-radio',{attrs:{\"value\":\"radio2\",\"plain\":\"\",\"name\":\"radio-input1\"},model:{value:(_vm.radio1),callback:function ($$v) {_vm.radio1=$$v},expression:\"radio1\"}})],1),_c('b-form-input',{attrs:{\"placeholder\":\"Message\"}})],1)],1)],1),_c('b-col',{staticClass:\" my-1\",attrs:{\"cols\":\"12\"}},[_c('small',{staticClass:\"font-weight-semibold\"},[_vm._v(\"Custom checkbox and radio\")])]),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',[_c('b-input-group',[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('b-form-checkbox',{attrs:{\"name\":\"checkbox-input\"}})],1),_c('b-form-input',{attrs:{\"placeholder\":\"Message\"}})],1)],1)],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',[_c('b-input-group',[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('b-form-radio',{attrs:{\"value\":\"radio2\",\"name\":\"radio-input1\"},model:{value:(_vm.radio1),callback:function ($$v) {_vm.radio1=$$v},expression:\"radio1\"}})],1),_c('b-form-input',{attrs:{\"placeholder\":\"Message\"}})],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Checkbox and radio addons\">\r\n    <b-row>\r\n\r\n      <!-- checkbox -->\r\n      <b-col md=\"6\">\r\n        <b-form-group>\r\n          <b-input-group>\r\n            <b-input-group-prepend is-text>\r\n              <b-form-checkbox\r\n                plain\r\n                name=\"checkbox-input\"\r\n              />\r\n            </b-input-group-prepend>\r\n            <b-form-input placeholder=\"Message\" />\r\n          </b-input-group>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- radio -->\r\n      <b-col md=\"6\">\r\n        <b-form-group>\r\n          <b-input-group>\r\n            <b-input-group-prepend is-text>\r\n              <b-form-radio\r\n                v-model=\"radio1\"\r\n                value=\"radio2\"\r\n                plain\r\n                name=\"radio-input1\"\r\n              />\r\n            </b-input-group-prepend>\r\n            <b-form-input placeholder=\"Message\" />\r\n          </b-input-group>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- custome checkbox and radio -->\r\n      <b-col\r\n        cols=\"12\"\r\n        class=\" my-1\"\r\n      >\r\n        <small class=\"font-weight-semibold\">Custom checkbox and radio</small>\r\n      </b-col>\r\n      <b-col md=\"6\">\r\n        <b-form-group>\r\n          <b-input-group>\r\n            <b-input-group-prepend is-text>\r\n              <b-form-checkbox\r\n                name=\"checkbox-input\"\r\n              />\r\n            </b-input-group-prepend>\r\n            <b-form-input placeholder=\"Message\" />\r\n          </b-input-group>\r\n        </b-form-group>\r\n      </b-col>\r\n\r\n      <!-- radio -->\r\n      <b-col md=\"6\">\r\n        <b-form-group>\r\n          <b-input-group>\r\n            <b-input-group-prepend is-text>\r\n              <b-form-radio\r\n                v-model=\"radio1\"\r\n                value=\"radio2\"\r\n                name=\"radio-input1\"\r\n              />\r\n            </b-input-group-prepend>\r\n            <b-form-input placeholder=\"Message\" />\r\n          </b-input-group>\r\n        </b-form-group>\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <template #code>\r\n      {{ codeCheckboxRadio }}\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  BInputGroup, BFormInput, BInputGroupPrepend, BRow, BCol, BFormCheckbox, BFormRadio, BFormGroup,\r\n} from 'bootstrap-vue'\r\nimport { codeCheckboxRadio } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormInput,\r\n    BInputGroup,\r\n    BInputGroupPrepend,\r\n    BRow,\r\n    BCol,\r\n    BFormCheckbox,\r\n    BFormRadio,\r\n    BFormGroup,\r\n  },\r\n  data() {\r\n    return {\r\n      codeCheckboxRadio,\r\n      radio1: 'radio2',\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!./FormInputGroupCheckboxRadio.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!./FormInputGroupCheckboxRadio.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroupCheckboxRadio.vue?vue&type=template&id=509d36b8&\"\nimport script from \"./FormInputGroupCheckboxRadio.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroupCheckboxRadio.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\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeSize)+\" \")]},proxy:true}])},[_c('div',{staticClass:\"demo-vertical-spacing\"},[_c('b-input-group',{attrs:{\"prepend\":\"@\",\"size\":\"lg\"}},[_c('b-form-input',{attrs:{\"placeholder\":\"Username\"}})],1),_c('b-input-group',{attrs:{\"prepend\":\"@\"}},[_c('b-form-input',{attrs:{\"placeholder\":\"Username\"}})],1),_c('b-input-group',{attrs:{\"size\":\"sm\",\"prepend\":\"@\"}},[_c('b-form-input',{attrs:{\"placeholder\":\"Username\"}})],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Sizing\">\r\n    <div class=\"demo-vertical-spacing\">\r\n\r\n      <!-- large -->\r\n      <b-input-group\r\n        prepend=\"@\"\r\n        size=\"lg\"\r\n      >\r\n        <b-form-input placeholder=\"Username\" />\r\n      </b-input-group>\r\n\r\n      <!-- default -->\r\n      <b-input-group\r\n        prepend=\"@\"\r\n      >\r\n        <b-form-input placeholder=\"Username\" />\r\n      </b-input-group>\r\n\r\n      <!-- small -->\r\n      <b-input-group\r\n        size=\"sm\"\r\n        prepend=\"@\"\r\n      >\r\n        <b-form-input placeholder=\"Username\" />\r\n      </b-input-group>\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  BInputGroup, BFormInput,\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    BInputGroup,\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!./FormInputGroupSize.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!./FormInputGroupSize.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroupSize.vue?vue&type=template&id=7421209b&\"\nimport script from \"./FormInputGroupSize.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroupSize.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 Groups with Buttons\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeButton)+\" \")]},proxy:true}])},[_c('b-row',[_c('b-col',{staticClass:\"mb-1\",attrs:{\"lg\":\"6\"}},[_c('b-input-group',[_c('b-form-input',{attrs:{\"placeholder\":\"Button on right\"}}),_c('b-input-group-append',[_c('b-button',{attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" GO \")])],1)],1)],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('b-input-group',[_c('b-input-group-prepend',[_c('b-button',{attrs:{\"variant\":\"outline-primary\"}},[_c('feather-icon',{attrs:{\"icon\":\"SearchIcon\"}})],1)],1),_c('b-form-input',{attrs:{\"placeholder\":\"Button on both side\"}}),_c('b-input-group-append',[_c('b-button',{attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Search ! \")])],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Input Groups with Buttons\">\r\n    <b-row>\r\n      <b-col\r\n        lg=\"6\"\r\n        class=\"mb-1\"\r\n      >\r\n        <!-- button on right -->\r\n        <b-input-group>\r\n          <b-form-input placeholder=\"Button on right\" />\r\n          <b-input-group-append>\r\n            <b-button variant=\"outline-primary\">\r\n              GO\r\n            </b-button>\r\n          </b-input-group-append>\r\n        </b-input-group>\r\n      </b-col>\r\n      <b-col lg=\"6\">\r\n        <!-- button on both side -->\r\n        <b-input-group>\r\n          <b-input-group-prepend>\r\n            <b-button variant=\"outline-primary\">\r\n              <feather-icon icon=\"SearchIcon\" />\r\n            </b-button>\r\n          </b-input-group-prepend>\r\n          <b-form-input placeholder=\"Button on both side\" />\r\n          <b-input-group-append>\r\n            <b-button variant=\"outline-primary\">\r\n              Search !\r\n            </b-button>\r\n          </b-input-group-append>\r\n        </b-input-group>\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <template #code>\r\n      {{ codeButton }}\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  BInputGroup, BFormInput, BInputGroupAppend, BInputGroupPrepend, BRow, BCol, BButton,\r\n} from 'bootstrap-vue'\r\nimport { codeButton } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormInput,\r\n    BInputGroup,\r\n    BInputGroupAppend,\r\n    BInputGroupPrepend,\r\n    BRow,\r\n    BCol,\r\n    BButton,\r\n  },\r\n  data() {\r\n    return {\r\n      codeButton,\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!./FormInputGroupButton.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!./FormInputGroupButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroupButton.vue?vue&type=template&id=4a6408f2&\"\nimport script from \"./FormInputGroupButton.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroupButton.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 Groups With Dropdown\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeDropdown)+\" \")]},proxy:true}])},[_c('b-row',[_c('b-col',{staticClass:\"mb-1\",attrs:{\"lg\":\"6\"}},[_c('b-input-group',[_c('b-input-group-prepend',[_c('b-dropdown',{attrs:{\"text\":\"Action\",\"variant\":\"outline-primary\"}},[_c('b-dropdown-item',[_vm._v(\"Action \")]),_c('b-dropdown-item',[_vm._v(\"Another Action\")]),_c('b-dropdown-item',[_vm._v(\"Something else here\")]),_c('b-dropdown-divider'),_c('b-dropdown-item',[_vm._v(\"Separated link\")])],1)],1),_c('b-form-input',{attrs:{\"placeholder\":\"Dropdown on left\"}})],1)],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('b-input-group',[_c('b-input-group-prepend',[_c('b-dropdown',{attrs:{\"variant\":\"outline-primary\"},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_c('feather-icon',{attrs:{\"icon\":\"Edit2Icon\"}})]},proxy:true}])},[_c('b-dropdown-item',[_vm._v(\"Action \")]),_c('b-dropdown-item',[_vm._v(\"Another Action\")]),_c('b-dropdown-item',[_vm._v(\"Something else here\")]),_c('b-dropdown-divider'),_c('b-dropdown-item',[_vm._v(\"Separated link\")])],1)],1),_c('b-form-input',{attrs:{\"placeholder\":\"Dropdown on both side\"}}),_c('b-input-group-append',[_c('b-dropdown',{attrs:{\"text\":\"Action\",\"variant\":\"outline-primary\",\"right\":\"\"}},[_c('b-dropdown-item',[_vm._v(\"Action \")]),_c('b-dropdown-item',[_vm._v(\"Another Action\")]),_c('b-dropdown-item',[_vm._v(\"Something else here\")]),_c('b-dropdown-divider'),_c('b-dropdown-item',[_vm._v(\"Separated link\")])],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Input Groups With Dropdown\">\r\n    <b-row>\r\n      <b-col\r\n        lg=\"6\"\r\n        class=\"mb-1\"\r\n      >\r\n        <!-- dropdown in right side -->\r\n        <b-input-group>\r\n          <b-input-group-prepend>\r\n            <b-dropdown\r\n              text=\"Action\"\r\n              variant=\"outline-primary\"\r\n            >\r\n              <b-dropdown-item>Action </b-dropdown-item>\r\n              <b-dropdown-item>Another Action</b-dropdown-item>\r\n              <b-dropdown-item>Something else here</b-dropdown-item>\r\n              <b-dropdown-divider />\r\n              <b-dropdown-item>Separated link</b-dropdown-item>\r\n            </b-dropdown>\r\n          </b-input-group-prepend>\r\n          <b-form-input placeholder=\"Dropdown on left\" />\r\n        </b-input-group>\r\n      </b-col>\r\n      <b-col lg=\"6\">\r\n\r\n        <!-- dropdown in both side -->\r\n        <b-input-group>\r\n          <b-input-group-prepend>\r\n            <b-dropdown variant=\"outline-primary\">\r\n              <template #button-content>\r\n                <feather-icon icon=\"Edit2Icon\" />\r\n              </template>\r\n              <b-dropdown-item>Action </b-dropdown-item>\r\n              <b-dropdown-item>Another Action</b-dropdown-item>\r\n              <b-dropdown-item>Something else here</b-dropdown-item>\r\n              <b-dropdown-divider />\r\n              <b-dropdown-item>Separated link</b-dropdown-item>\r\n            </b-dropdown>\r\n          </b-input-group-prepend>\r\n          <b-form-input placeholder=\"Dropdown on both side\" />\r\n          <b-input-group-append>\r\n            <b-dropdown\r\n              text=\"Action\"\r\n              variant=\"outline-primary\"\r\n              right\r\n            >\r\n              <b-dropdown-item>Action </b-dropdown-item>\r\n              <b-dropdown-item>Another Action</b-dropdown-item>\r\n              <b-dropdown-item>Something else here</b-dropdown-item>\r\n              <b-dropdown-divider />\r\n              <b-dropdown-item>Separated link</b-dropdown-item>\r\n            </b-dropdown>\r\n          </b-input-group-append>\r\n\r\n        </b-input-group>\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <template #code>\r\n      {{ codeDropdown }}\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  BInputGroup,\r\n  BFormInput,\r\n  BInputGroupPrepend,\r\n  BInputGroupAppend,\r\n  BDropdown,\r\n  BDropdownItem,\r\n  BDropdownDivider,\r\n  BRow,\r\n  BCol,\r\n} from 'bootstrap-vue'\r\nimport { codeDropdown } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormInput,\r\n    BInputGroup,\r\n    BInputGroupPrepend,\r\n    BInputGroupAppend,\r\n    BDropdownDivider,\r\n    BDropdown,\r\n    BDropdownItem,\r\n    BRow,\r\n    BCol,\r\n  },\r\n  data() {\r\n    return {\r\n      codeDropdown,\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!./FormInputGroupDropdown.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!./FormInputGroupDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroupDropdown.vue?vue&type=template&id=e0a1f94a&\"\nimport script from \"./FormInputGroupDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroupDropdown.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 md=\"6\">\r\n      <form-input-group-basic />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <form-input-group-merged />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <form-input-group-size />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <form-input-group-checkbox-radio />\r\n    </b-col>\r\n    <b-col cols=\"12\">\r\n      <form-input-group-button />\r\n    </b-col>\r\n    <b-col cols=\"12\">\r\n      <form-input-group-dropdown />\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 FormInputGroupBasic from './FormInputGroupBasic.vue'\r\nimport FormInputGroupMerged from './FormInputGroupMerged.vue'\r\nimport FormInputGroupCheckboxRadio from './FormInputGroupCheckboxRadio.vue'\r\nimport FormInputGroupSize from './FormInputGroupSize.vue'\r\nimport FormInputGroupButton from './FormInputGroupButton.vue'\r\nimport FormInputGroupDropdown from './FormInputGroupDropdown.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n\r\n    FormInputGroupBasic,\r\n    FormInputGroupMerged,\r\n    FormInputGroupCheckboxRadio,\r\n    FormInputGroupSize,\r\n    FormInputGroupButton,\r\n    FormInputGroupDropdown,\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!./FormInputGroup.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!./FormInputGroup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormInputGroup.vue?vue&type=template&id=2858cc7a&\"\nimport script from \"./FormInputGroup.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroup.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","// We haven't added icon's computed property because it makes this mixin coupled with UI\r\nexport const togglePasswordVisibility = {\r\n  data() {\r\n    return {\r\n      passwordFieldType: 'password',\r\n    }\r\n  },\r\n  methods: {\r\n    togglePasswordVisibility() {\r\n      this.passwordFieldType = this.passwordFieldType === 'password' ? 'text' : 'password'\r\n    },\r\n  },\r\n}\r\n\r\nexport const _ = null\r\n"],"sourceRoot":""}