{"version":3,"sources":["webpack:///./src/views/buttons/ButtonGroups.vue?39cd","webpack:///src/views/buttons/ButtonGroups.vue","webpack:///./src/views/buttons/ButtonGroups.vue?e8ac","webpack:///./src/views/buttons/ButtonGroups.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_v","staticClass","staticRenderFns","name","component"],"mappings":"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","file":"js/chunk-2d222779.b96df214.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CRow',[_c('CCol',{attrs:{\"col\":\"12\"}},[_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}}),_c('strong',[_vm._v(\" Bootstrap button group\")]),_c('div',{staticClass:\"card-header-actions\"},[_c('a',{staticClass:\"card-header-action\",attrs:{\"href\":\"https://coreui.io/vue/docs/components/button-components\",\"rel\":\"noreferrer noopener\",\"target\":\"_blank\"}},[_c('small',{staticClass:\"text-muted\"},[_vm._v(\"docs\")])])])],1),_c('CCardBody',[_c('div',[_c('CButtonGroup',[_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"One\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Two\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Three\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Four\")]),_c('CButton',{staticClass:\"d-sm-down-none\",attrs:{\"color\":\"secondary\"}},[_vm._v(\"Five\")])],1),_c('br'),_c('br'),_c('CButtonGroup',[_c('CButton',{staticClass:\"d-sm-down-none\",attrs:{\"color\":\"success\"}},[_vm._v(\"Success\")]),_c('CButton',{attrs:{\"color\":\"info\"}},[_vm._v(\"Info\")]),_c('CButton',{attrs:{\"color\":\"warning\"}},[_vm._v(\"Warn\")]),_c('CButton',{staticClass:\"d-sm-down-none\",attrs:{\"color\":\"primary\"}},[_vm._v(\"Primary\")]),_c('CButton',{attrs:{\"color\":\"danger\"}},[_vm._v(\"Danger\")]),_c('CButton',{attrs:{\"color\":\"link\"}},[_vm._v(\"Link\")])],1)],1)])],1)],1),_c('CCol',{attrs:{\"col\":\"12\"}},[_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}}),_c('strong',[_vm._v(\" Button group \")]),_vm._v(\"sizing \")],1),_c('CCardBody',[_c('div',[_c('CButtonGroup',[_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Left\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Middle\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Right\")])],1),_c('br'),_c('br'),_c('CButtonGroup',{attrs:{\"size\":\"sm\"}},[_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Left\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Middle\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Right\")])],1),_c('br'),_c('br'),_c('CButtonGroup',{attrs:{\"size\":\"lg\"}},[_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Left\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Middle\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Right\")])],1)],1)])],1)],1),_c('CCol',{attrs:{\"col\":\"12\"}},[_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}}),_c('strong',[_vm._v(\" Button group \")]),_vm._v(\"dropdown support \")],1),_c('CCardBody',[_c('div',[_c('CButtonGroup',[_c('CButton',{staticClass:\"d-sm-down-none\",attrs:{\"color\":\"secondary\"}},[_vm._v(\"Button 1\")]),_c('CButton',{staticClass:\"d-sm-down-none\",attrs:{\"color\":\"secondary\"}},[_vm._v(\"Button 2\")]),_c('CDropdown',{attrs:{\"right\":\"\",\"text\":\"Menu\",\"color\":\"success\"}},[_c('CDropdownItem',[_vm._v(\"Item 1\")]),_c('CDropdownItem',[_vm._v(\"Item 2\")]),_c('CDropdownDivider'),_c('CDropdownItem',[_vm._v(\"Item 3\")])],1),_c('CButton',{staticClass:\"d-sm-down-none\",attrs:{\"color\":\"secondary\"}},[_vm._v(\"Button 3\")]),_c('CDropdown',{attrs:{\"right\":\"\",\"split\":\"\",\"text\":\"Split Menu\",\"color\":\"info\"}},[_c('CDropdownItem',[_vm._v(\"Item 1\")]),_c('CDropdownItem',[_vm._v(\"Item 2\")]),_c('CDropdownDivider'),_c('CDropdownItem',[_vm._v(\"Item 3\")])],1)],1)],1)])],1)],1),_c('CCol',{attrs:{\"col\":\"12\"}},[_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}}),_c('strong',[_vm._v(\" Button group \")]),_vm._v(\"vertical variation \")],1),_c('CCardBody',[_c('div',[_c('CButtonGroup',{attrs:{\"vertical\":\"\"}},[_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Top\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Middle\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Bottom\")])],1)],1)])],1)],1),_c('CCol',{attrs:{\"col\":\"12\"}},[_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}}),_c('strong',[_vm._v(\" Button toolbar \")]),_c('small',[_vm._v(\"with button groups\")])],1),_c('CCardBody',[_c('CButtonToolbar',{attrs:{\"aria-label\":\"Toolbar with button groups\"}},[_c('CButtonGroup',{staticClass:\"mx-1\"},[_c('CButton',{staticClass:\"d-sm-down-none\",attrs:{\"color\":\"secondary\"}},[_vm._v(\"«\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"‹\")])],1),_c('CButtonGroup',{staticClass:\"mx-1\"},[_c('CButton',{staticClass:\"d-sm-down-none\",attrs:{\"color\":\"secondary\"}},[_vm._v(\"Edit\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Undo\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Redo\")])],1),_c('CButtonGroup',{staticClass:\"mx-1\"},[_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"›\")]),_c('CButton',{staticClass:\"d-sm-down-none\",attrs:{\"color\":\"secondary\"}},[_vm._v(\"»\")])],1)],1),_c('hr',{staticClass:\"d-sm-down-none\"}),_c('CButtonToolbar',{staticClass:\"d-sm-down-none\",attrs:{\"aria-label\":\"Toolbar with button groups and input groups\"}},[_c('CButtonGroup',{staticClass:\"mx-1\",attrs:{\"size\":\"sm\"}},[_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"New\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Edit\")])],1),_c('CInput',{staticClass:\"mb-0 w-25 mx-1\",attrs:{\"size\":\"sm\",\"append\":\".00\",\"value\":\"100\",\"prepend\":\"$\"}}),_c('CSelect',{staticClass:\"mb-0 w-25 mx-1\",attrs:{\"size\":\"sm\",\"value\":\"Medium\",\"options\":['Large','Medium','Small'],\"custom\":\"\",\"prepend\":\"Size\"}}),_c('CButtonGroup',{staticClass:\"mx-1\",attrs:{\"size\":\"sm\"}},[_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Save\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Cancel\")])],1)],1),_c('hr'),_c('CButtonToolbar',{attrs:{\"aria-label\":\"Toolbar with button groups and dropdown menu\"}},[_c('CButtonGroup',{staticClass:\"mx-1 d-sm-down-none\"},[_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"New\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Edit\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Undo\")])],1),_c('CDropdown',{staticClass:\"mx-1\",attrs:{\"color\":\"secondary\",\"placement\":\"bottom-end\",\"button-content\":\"Menu\"}},[_c('CDropdownItem',[_vm._v(\"Item 1\")]),_c('CDropdownItem',[_vm._v(\"Item 2\")]),_c('CDropdownItem',[_vm._v(\"Item 3\")])],1),_c('CButtonGroup',{staticClass:\"mx-1\"},[_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Save\")]),_c('CButton',{attrs:{\"color\":\"secondary\"}},[_vm._v(\"Cancel\")])],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <CRow>\r\n    <CCol col=\"12\">\r\n      <CCard>\r\n        <CCardHeader>\r\n          <CIcon name=\"cil-justify-center\"/>\r\n          <strong> Bootstrap button group</strong>\r\n          <div class=\"card-header-actions\">\r\n            <a \r\n              href=\"https://coreui.io/vue/docs/components/button-components\" \r\n              class=\"card-header-action\" \r\n              rel=\"noreferrer noopener\" \r\n              target=\"_blank\"\r\n            >\r\n              <small class=\"text-muted\">docs</small>\r\n            </a>\r\n          </div>\r\n        </CCardHeader>\r\n        <CCardBody>\r\n          <div>\r\n            <CButtonGroup>\r\n              <CButton color=\"secondary\">One</CButton>\r\n              <CButton color=\"secondary\">Two</CButton>\r\n              <CButton color=\"secondary\">Three</CButton>\r\n              <CButton color=\"secondary\">Four</CButton>\r\n              <CButton color=\"secondary\" class=\"d-sm-down-none\">Five</CButton>\r\n            </CButtonGroup>\r\n            <br><br>\r\n            <CButtonGroup>\r\n              <CButton class=\"d-sm-down-none\" color=\"success\">Success</CButton>\r\n              <CButton color=\"info\">Info</CButton>\r\n              <CButton color=\"warning\">Warn</CButton>\r\n              <CButton class=\"d-sm-down-none\" color=\"primary\">Primary</CButton>\r\n              <CButton color=\"danger\">Danger</CButton>\r\n              <CButton color=\"link\">Link</CButton>\r\n            </CButtonGroup>\r\n          </div>\r\n        </CCardBody>\r\n      </CCard>\r\n    </CCol>\r\n    <CCol col=\"12\">\r\n      <CCard>\r\n        <CCardHeader>\r\n          <CIcon name=\"cil-justify-center\"/>\r\n          <strong> Button group </strong>sizing\r\n        </CCardHeader>\r\n        <CCardBody>\r\n          <div>\r\n            <CButtonGroup>\r\n              <CButton color=\"secondary\">Left</CButton>\r\n              <CButton color=\"secondary\">Middle</CButton>\r\n              <CButton color=\"secondary\">Right</CButton>\r\n            </CButtonGroup>\r\n            <br><br>\r\n            <CButtonGroup size=\"sm\">\r\n              <CButton color=\"secondary\">Left</CButton>\r\n              <CButton color=\"secondary\">Middle</CButton>\r\n              <CButton color=\"secondary\">Right</CButton>\r\n            </CButtonGroup>\r\n            <br><br>\r\n            <CButtonGroup size=\"lg\">\r\n              <CButton color=\"secondary\">Left</CButton>\r\n              <CButton color=\"secondary\">Middle</CButton>\r\n              <CButton color=\"secondary\">Right</CButton>\r\n            </CButtonGroup>\r\n          </div>\r\n        </CCardBody>\r\n      </CCard>\r\n    </CCol>\r\n    <CCol col=\"12\">\r\n      <CCard>\r\n        <CCardHeader>\r\n          <CIcon name=\"cil-justify-center\"/><strong> Button group </strong>dropdown support\r\n        </CCardHeader>\r\n        <CCardBody>\r\n          <div>\r\n            <CButtonGroup>\r\n              <CButton color=\"secondary\" class=\"d-sm-down-none\">Button 1</CButton>\r\n              <CButton color=\"secondary\" class=\"d-sm-down-none\">Button 2</CButton>\r\n              <CDropdown right text=\"Menu\" color=\"success\">\r\n                <CDropdownItem>Item 1</CDropdownItem>\r\n                <CDropdownItem>Item 2</CDropdownItem>\r\n                <CDropdownDivider/>\r\n                <CDropdownItem>Item 3</CDropdownItem>\r\n              </CDropdown>\r\n              <CButton color=\"secondary\" class=\"d-sm-down-none\">Button 3</CButton>\r\n              <CDropdown right split text=\"Split Menu\" color=\"info\">\r\n                <CDropdownItem>Item 1</CDropdownItem>\r\n                <CDropdownItem>Item 2</CDropdownItem>\r\n                <CDropdownDivider/>\r\n                <CDropdownItem>Item 3</CDropdownItem>\r\n              </CDropdown>\r\n            </CButtonGroup>\r\n          </div>\r\n        </CCardBody>\r\n      </CCard>\r\n    </CCol>\r\n    <CCol col=\"12\">\r\n      <CCard>\r\n        <CCardHeader>\r\n          <CIcon name=\"cil-justify-center\"/>\r\n          <strong> Button group </strong>vertical variation\r\n        </CCardHeader>\r\n        <CCardBody>\r\n          <div>\r\n            <CButtonGroup vertical>\r\n              <CButton color=\"secondary\">Top</CButton>\r\n              <CButton color=\"secondary\">Middle</CButton>\r\n              <CButton color=\"secondary\">Bottom</CButton>\r\n            </CButtonGroup>\r\n          </div>\r\n        </CCardBody>\r\n      </CCard>\r\n    </CCol>\r\n    <CCol col=\"12\">\r\n      <CCard>\r\n        <CCardHeader>\r\n          <CIcon name=\"cil-justify-center\"/>\r\n          <strong> Button toolbar </strong>\r\n          <small>with button groups</small>\r\n        </CCardHeader>\r\n        <CCardBody>\r\n          <CButtonToolbar aria-label=\"Toolbar with button groups\" >\r\n            <CButtonGroup class=\"mx-1\">\r\n              <CButton color=\"secondary\" class=\"d-sm-down-none\">&laquo;</CButton>\r\n              <CButton color=\"secondary\">&lsaquo;</CButton>\r\n            </CButtonGroup>\r\n            <CButtonGroup class=\"mx-1\">\r\n              <CButton color=\"secondary\" class=\"d-sm-down-none\">Edit</CButton>\r\n              <CButton color=\"secondary\">Undo</CButton>\r\n              <CButton color=\"secondary\">Redo</CButton>\r\n            </CButtonGroup>\r\n            <CButtonGroup class=\"mx-1\">\r\n              <CButton color=\"secondary\">&rsaquo;</CButton>\r\n              <CButton color=\"secondary\" class=\"d-sm-down-none\">&raquo;</CButton>\r\n            </CButtonGroup>\r\n          </CButtonToolbar>\r\n          <hr class=\"d-sm-down-none\"/>\r\n          <CButtonToolbar\r\n            aria-label=\"Toolbar with button groups and input groups\"\r\n            class=\"d-sm-down-none\"\r\n          >\r\n            <CButtonGroup size=\"sm\" class=\"mx-1\">\r\n              <CButton color=\"secondary\">New</CButton>\r\n              <CButton color=\"secondary\">Edit</CButton>\r\n            </CButtonGroup>\r\n            <CInput\r\n              class=\"mb-0 w-25 mx-1\"\r\n              size=\"sm\"\r\n              append=\".00\"\r\n              value=\"100\"\r\n              prepend=\"$\"\r\n            />\r\n            <CSelect\r\n              class=\"mb-0 w-25 mx-1\"\r\n              size=\"sm\"\r\n              value=\"Medium\"\r\n              :options=\"['Large','Medium','Small']\"\r\n              custom\r\n              prepend=\"Size\"\r\n            />\r\n            <CButtonGroup size=\"sm\" class=\"mx-1\">\r\n              <CButton color=\"secondary\">Save</CButton>\r\n              <CButton color=\"secondary\">Cancel</CButton>\r\n            </CButtonGroup>\r\n          </CButtonToolbar>\r\n          <hr/>\r\n          <CButtonToolbar aria-label=\"Toolbar with button groups and dropdown menu\">\r\n            <CButtonGroup class=\"mx-1 d-sm-down-none\">\r\n              <CButton color=\"secondary\">New</CButton>\r\n              <CButton color=\"secondary\">Edit</CButton>\r\n              <CButton color=\"secondary\">Undo</CButton>\r\n            </CButtonGroup>\r\n            <CDropdown\r\n              color=\"secondary\"\r\n              class=\"mx-1\"\r\n              placement=\"bottom-end\"\r\n              button-content=\"Menu\"\r\n            >\r\n              <CDropdownItem>Item 1</CDropdownItem>\r\n              <CDropdownItem>Item 2</CDropdownItem>\r\n              <CDropdownItem>Item 3</CDropdownItem>\r\n            </CDropdown>\r\n            <CButtonGroup class=\"mx-1\">\r\n              <CButton color=\"secondary\">Save</CButton>\r\n              <CButton color=\"secondary\">Cancel</CButton>\r\n            </CButtonGroup>\r\n          </CButtonToolbar>\r\n        </CCardBody>\r\n      </CCard>\r\n    </CCol>\r\n  </CRow>\r\n</template>\r\n<script>\r\nexport default {\r\n  name: 'ButtonGroups',\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ButtonGroups.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ButtonGroups.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ButtonGroups.vue?vue&type=template&id=f3d01fd6&\"\nimport script from \"./ButtonGroups.vue?vue&type=script&lang=js&\"\nexport * from \"./ButtonGroups.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":""}