{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/components/button-group/ButtonGroup.vue?d1ce","webpack:///./src/views/components/button-group/ButtonGroupBasic.vue?31ff","webpack:///./src/views/components/button-group/code.js","webpack:///src/views/components/button-group/ButtonGroupBasic.vue","webpack:///./src/views/components/button-group/ButtonGroupBasic.vue?ac95","webpack:///./src/views/components/button-group/ButtonGroupBasic.vue","webpack:///./src/views/components/button-group/ButtonGroupSize.vue?701d","webpack:///src/views/components/button-group/ButtonGroupSize.vue","webpack:///./src/views/components/button-group/ButtonGroupSize.vue?26cb","webpack:///./src/views/components/button-group/ButtonGroupSize.vue","webpack:///./src/views/components/button-group/ButtonGroupDropdownSupport.vue?85e5","webpack:///src/views/components/button-group/ButtonGroupDropdownSupport.vue","webpack:///./src/views/components/button-group/ButtonGroupDropdownSupport.vue?0fca","webpack:///./src/views/components/button-group/ButtonGroupDropdownSupport.vue","webpack:///src/views/components/button-group/ButtonGroup.vue","webpack:///./src/views/components/button-group/ButtonGroup.vue?72a0","webpack:///./src/views/components/button-group/ButtonGroup.vue"],"names":["BCardCode","render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","scopedSlots","_u","key","fn","_v","_s","codeBasic","proxy","directives","name","rawName","value","expression","modifiers","codeSize","codeDropdown","components","BButtonGroup","BButton","BCardText","Ripple","data","component","staticClass","BDropdown","BDropdownItem","BDropdownDivider","BRow","BCol","ButtonGroupBasic","ButtonGroupSize","ButtonGroupDropdownSupport"],"mappings":"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","file":"js/chunk-4ccd9fcd.72f6a837.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',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('button-group-basic'),_c('button-group-size'),_c('button-group-dropdown-support')],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('b-card-text',[_c('span',[_vm._v(\"Group a series of buttons together on a single line with \")]),_c('code',[_vm._v(\"<b-button-group>\")]),_c('span',[_vm._v(\".\")])]),_c('b-button-group',[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" First \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Second \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Third \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const codeBasic = `\r\n<template>\r\n  <b-button-group>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      First\r\n    </b-button>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      Second\r\n    </b-button>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      Third\r\n    </b-button>\r\n  </b-button-group>\r\n</template>\r\n\r\n<script>\r\nimport { BButtonGroup, BButton } from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BButtonGroup,\r\n    BButton,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeSize = `\r\n<template>\r\n  <div>\r\n    <div>\r\n      <!-- large -->\r\n      <b-button-group\r\n        size=\"lg\"\r\n      >\r\n        <b-button\r\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n          variant=\"outline-primary\"\r\n        >\r\n          First\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n          variant=\"outline-primary\"\r\n        >\r\n          Second\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n          variant=\"outline-primary\"\r\n        >\r\n          Third\r\n        </b-button>\r\n      </b-button-group>\r\n    </div>\r\n    <div>\r\n\r\n      <!-- default -->\r\n      <b-button-group\r\n        class=\"my-1\"\r\n      >\r\n        <b-button\r\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n          variant=\"outline-primary\"\r\n        >\r\n          First\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n          variant=\"outline-primary\"\r\n        >\r\n          Second\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n          variant=\"outline-primary\"\r\n        >\r\n          Third\r\n        </b-button>\r\n      </b-button-group>\r\n    </div>\r\n\r\n    <div>\r\n\r\n      <!-- size -->\r\n      <b-button-group\r\n        size=\"sm\"\r\n      >\r\n        <b-button\r\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n          variant=\"outline-primary\"\r\n        >\r\n          First\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n          variant=\"outline-primary\"\r\n        >\r\n          Second\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n          variant=\"outline-primary\"\r\n        >\r\n          Third\r\n        </b-button>\r\n      </b-button-group>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BButtonGroup, BButton } from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BButtonGroup,\r\n    BButton,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeDropdown = `\r\n<template>\r\n  <b-button-group>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      Button\r\n    </b-button>\r\n    <b-dropdown\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      right\r\n      variant=\"outline-primary\"\r\n      text=\"Menu\"\r\n    >\r\n      <b-dropdown-item>Item 1</b-dropdown-item>\r\n      <b-dropdown-item>Item 2</b-dropdown-item>\r\n      <b-dropdown-divider />\r\n      <b-dropdown-item>Item 3</b-dropdown-item>\r\n    </b-dropdown>\r\n    <b-dropdown\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      right\r\n      split\r\n      text=\"Split Menu\"\r\n    >\r\n      <b-dropdown-item>Item 1</b-dropdown-item>\r\n      <b-dropdown-item>Item 2</b-dropdown-item>\r\n      <b-dropdown-divider />\r\n      <b-dropdown-item>Item 3</b-dropdown-item>\r\n    </b-dropdown>\r\n  </b-button-group>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BButtonGroup, BButton, BDropdown, BDropdownItem, BDropdownDivider, \r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BButtonGroup,\r\n    BDropdown,\r\n    BDropdownItem,\r\n    BButton,\r\n    BDropdownDivider,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n}\r\n</script>\r\n`\r\n","<template>\r\n  <b-card-code title=\"Basic\">\r\n    <b-card-text>\r\n      <span>Group a series of buttons together on a single line with </span>\r\n      <code>&lt;b-button-group&gt;</code>\r\n      <span>.</span>\r\n    </b-card-text>\r\n\r\n    <b-button-group>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        First\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        Second\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        Third\r\n      </b-button>\r\n    </b-button-group>\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 { BButtonGroup, BButton, BCardText } from 'bootstrap-vue'\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeBasic } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BButtonGroup,\r\n    BButton,\r\n    BCardText,\r\n    BCardCode,\r\n  },\r\n  directives: {\r\n    Ripple,\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!./ButtonGroupBasic.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!./ButtonGroupBasic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ButtonGroupBasic.vue?vue&type=template&id=0b640ece&\"\nimport script from \"./ButtonGroupBasic.vue?vue&type=script&lang=js&\"\nexport * from \"./ButtonGroupBasic.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\":\"Size\"},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 the size prop to \")]),_c('code',[_vm._v(\"lg\")]),_c('span',[_vm._v(\" or \")]),_c('code',[_vm._v(\"sm\")]),_c('span',[_vm._v(\" to render larger or smaller, respectively, buttons. There is no need to specify the size on the individual buttons.\")])]),_c('div',[_c('b-button-group',{attrs:{\"size\":\"lg\"}},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" First \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Second \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Third \")])],1)],1),_c('div',[_c('b-button-group',{staticClass:\"my-1\"},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" First \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Second \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Third \")])],1)],1),_c('div',[_c('b-button-group',{attrs:{\"size\":\"sm\"}},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" First \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Second \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Third \")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Size\">\r\n    <b-card-text>\r\n      <span>Set the size prop to </span>\r\n      <code>lg</code>\r\n      <span> or </span>\r\n      <code>sm</code>\r\n      <span> to render larger or smaller, respectively, buttons. There is no need to specify the size on the individual buttons.</span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <!-- large -->\r\n      <b-button-group\r\n        size=\"lg\"\r\n      >\r\n        <b-button\r\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n          variant=\"outline-primary\"\r\n        >\r\n          First\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n          variant=\"outline-primary\"\r\n        >\r\n          Second\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n          variant=\"outline-primary\"\r\n        >\r\n          Third\r\n        </b-button>\r\n      </b-button-group>\r\n    </div>\r\n    <div>\r\n\r\n      <!-- default -->\r\n      <b-button-group\r\n        class=\"my-1\"\r\n      >\r\n        <b-button\r\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n          variant=\"outline-primary\"\r\n        >\r\n          First\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n          variant=\"outline-primary\"\r\n        >\r\n          Second\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n          variant=\"outline-primary\"\r\n        >\r\n          Third\r\n        </b-button>\r\n      </b-button-group>\r\n    </div>\r\n\r\n    <div>\r\n\r\n      <!-- size -->\r\n      <b-button-group\r\n        size=\"sm\"\r\n      >\r\n        <b-button\r\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n          variant=\"outline-primary\"\r\n        >\r\n          First\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n          variant=\"outline-primary\"\r\n        >\r\n          Second\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n          variant=\"outline-primary\"\r\n        >\r\n          Third\r\n        </b-button>\r\n      </b-button-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 { BButtonGroup, BButton, BCardText } from 'bootstrap-vue'\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeSize } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BButtonGroup,\r\n    BButton,\r\n    BCardText,\r\n    BCardCode,\r\n  },\r\n  directives: {\r\n    Ripple,\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!./ButtonGroupSize.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!./ButtonGroupSize.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ButtonGroupSize.vue?vue&type=template&id=3f8add6e&\"\nimport script from \"./ButtonGroupSize.vue?vue&type=script&lang=js&\"\nexport * from \"./ButtonGroupSize.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',{staticClass:\"mb-0\",attrs:{\"title\":\"Dropdown menu support\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeDropdown)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Add \")]),_c('code',[_vm._v(\"<b-dropdown>\")]),_c('span',[_vm._v(\" menus directly inside your \")]),_c('code',[_vm._v(\"<b-button-group>\")]),_c('span',[_vm._v(\". Note that split dropdown menus are not supported when prop \")]),_c('code',[_vm._v(\"vertical\")]),_c('span',[_vm._v(\" is set.\")])]),_c('b-button-group',[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Button \")]),_c('b-dropdown',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"right\":\"\",\"variant\":\"outline-primary\",\"text\":\"Menu\"}},[_c('b-dropdown-item',[_vm._v(\"Item 1\")]),_c('b-dropdown-item',[_vm._v(\"Item 2\")]),_c('b-dropdown-divider'),_c('b-dropdown-item',[_vm._v(\"Item 3\")])],1),_c('b-dropdown',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-primary\",\"right\":\"\",\"split\":\"\",\"text\":\"Split Menu\"}},[_c('b-dropdown-item',[_vm._v(\"Item 1\")]),_c('b-dropdown-item',[_vm._v(\"Item 2\")]),_c('b-dropdown-divider'),_c('b-dropdown-item',[_vm._v(\"Item 3\")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Dropdown menu support\"\r\n    class=\"mb-0\"\r\n  >\r\n    <b-card-text>\r\n      <span>Add </span>\r\n      <code>&lt;b-dropdown&gt;</code>\r\n      <span> menus directly inside your </span>\r\n      <code>&lt;b-button-group&gt;</code>\r\n      <span>. Note that split dropdown menus are not supported when prop </span>\r\n      <code>vertical</code>\r\n      <span> is set.</span>\r\n    </b-card-text>\r\n\r\n    <b-button-group>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        Button\r\n      </b-button>\r\n      <b-dropdown\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        right\r\n        variant=\"outline-primary\"\r\n        text=\"Menu\"\r\n      >\r\n        <b-dropdown-item>Item 1</b-dropdown-item>\r\n        <b-dropdown-item>Item 2</b-dropdown-item>\r\n        <b-dropdown-divider />\r\n        <b-dropdown-item>Item 3</b-dropdown-item>\r\n      </b-dropdown>\r\n      <b-dropdown\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        right\r\n        split\r\n        text=\"Split Menu\"\r\n      >\r\n        <b-dropdown-item>Item 1</b-dropdown-item>\r\n        <b-dropdown-item>Item 2</b-dropdown-item>\r\n        <b-dropdown-divider />\r\n        <b-dropdown-item>Item 3</b-dropdown-item>\r\n      </b-dropdown>\r\n    </b-button-group>\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 {\r\n  BButtonGroup, BButton, BDropdown, BDropdownItem, BDropdownDivider, BCardText,\r\n} from 'bootstrap-vue'\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeDropdown } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BButtonGroup,\r\n    BDropdown,\r\n    BDropdownItem,\r\n    BButton,\r\n    BCardCode,\r\n    BDropdownDivider,\r\n    BCardText,\r\n  },\r\n  directives: {\r\n    Ripple,\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!./ButtonGroupDropdownSupport.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!./ButtonGroupDropdownSupport.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ButtonGroupDropdownSupport.vue?vue&type=template&id=1b28ef2f&\"\nimport script from \"./ButtonGroupDropdownSupport.vue?vue&type=script&lang=js&\"\nexport * from \"./ButtonGroupDropdownSupport.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>\r\n    <b-col cols=\"12\">\r\n      <button-group-basic />\r\n      <button-group-size />\r\n      <button-group-dropdown-support />\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport { BRow, BCol } from 'bootstrap-vue'\r\nimport ButtonGroupBasic from './ButtonGroupBasic.vue'\r\nimport ButtonGroupSize from './ButtonGroupSize.vue'\r\nimport ButtonGroupDropdownSupport from './ButtonGroupDropdownSupport.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n\r\n    ButtonGroupBasic,\r\n    ButtonGroupSize,\r\n    ButtonGroupDropdownSupport,\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!./ButtonGroup.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!./ButtonGroup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ButtonGroup.vue?vue&type=template&id=5ea4d16a&\"\nimport script from \"./ButtonGroup.vue?vue&type=script&lang=js&\"\nexport * from \"./ButtonGroup.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":""}