{"version":3,"sources":["webpack:///./src/views/components/button-toolbar/code.js"],"names":["codeNavigation","codeInput","codeDropdown","codeSize","codeJustify"],"mappings":"gHAAA,kOAAO,IAAMA,EAAiB,o6DAqFjBC,EAAY,slCAsDZC,EAAe,ojDAwEfC,EAAW,0iEAiGXC,EAAc","file":"js/chunk-2d0ceb51.e3b41d7d.js","sourcesContent":["export const codeNavigation = `\n<template>\n  <b-button-toolbar\n    key-nav\n    aria-label=\"Toolbar with button groups\"\n    class=\"demo-inline-spacing\"\n  >\n\n    <!-- group  1 -->\n    <b-button-group>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        class=\"btn-icon\"\n        variant=\"outline-primary\"\n      >\n        <feather-icon icon=\"ChevronsLeftIcon\" />\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        class=\"btn-icon\"\n        variant=\"outline-primary\"\n      >\n        <feather-icon icon=\"ChevronLeftIcon\" />\n      </b-button>\n    </b-button-group>\n\n    <!-- group 2 -->\n    <b-button-group>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n      >\n        Edit\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n      >\n        Undo\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n      >\n        Redo\n      </b-button>\n    </b-button-group>\n\n    <!-- group 3 -->\n    <b-button-group>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        class=\"btn-icon\"\n        variant=\"outline-primary\"\n      >\n        <feather-icon icon=\"ChevronRightIcon\" />\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        class=\"btn-icon\"\n        variant=\"outline-primary\"\n      >\n        <feather-icon icon=\"ChevronsRightIcon\" />\n      </b-button>\n    </b-button-group>\n  </b-button-toolbar>\n</template>\n\n<script>\nimport {BButtonToolbar, BButtonGroup, BButton} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButtonToolbar,\n    BButtonGroup,\n    BButton,\n  },\n  directives: {\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeInput = `\n<template>\n   <b-button-toolbar\n      class=\"demo-inline-spacing\"\n      aria-label=\"Toolbar with button groups and input groups\"\n    >\n      <b-button-group size=\"sm\">\n        <b-button\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n          variant=\"outline-primary\"\n        >\n          Save\n        </b-button>\n        <b-button\n          v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n          variant=\"outline-primary\"\n        >\n          Cancel\n        </b-button>\n      </b-button-group>\n      <b-input-group\n        size=\"sm\"\n        append=\".00\"\n        prepend=\"$\"\n      >\n        <b-form-input\n          value=\"100\"\n          class=\"text-right\"\n        />\n      </b-input-group>\n  </b-button-toolbar>\n</template>\n\n<script>\nimport {\n  BButtonToolbar, BButtonGroup, BButton, BFormInput, BInputGroup,\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButtonToolbar,\n    BButtonGroup,\n    BButton,\n    BFormInput,\n    BInputGroup,\n  },\n  directives: {\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeDropdown = `\n<template>\n  <b-button-toolbar aria-label=\"Toolbar with button groups and dropdown menu\">\n    <b-button-group>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        variant=\"primary\"\n      >\n        New\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        variant=\"primary\"\n      >\n        Edit\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        variant=\"primary\"\n      >\n        Undo\n      </b-button>\n    </b-button-group>\n    <b-dropdown\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      class=\"mx-1\"\n      right\n      text=\"menu\"\n      variant=\"primary\"\n    >\n      <b-dropdown-item>Item 1</b-dropdown-item>\n      <b-dropdown-item>Item 2</b-dropdown-item>\n      <b-dropdown-item>Item 3</b-dropdown-item>\n    </b-dropdown>\n    <b-button-group>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        variant=\"primary\"\n      >\n        Save\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        variant=\"primary\"\n      >\n        Cancel\n      </b-button>\n    </b-button-group>\n  </b-button-toolbar>\n</template>\n\n<script>\nimport {\n  BButtonToolbar, BButtonGroup, BButton, BDropdown, BDropdownItem,\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButtonToolbar,\n    BButtonGroup,\n    BButton,\n    BDropdown,\n    BDropdownItem,\n  },\n  directives: {\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeSize = `\n<template>\n  <div>\n     <b-button-toolbar>\n      <b-button-group\n        size=\"lg\"\n      >\n        <b-button\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n          variant=\"primary\"\n        >\n          First\n        </b-button>\n        <b-button\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n          variant=\"primary\"\n        >\n          Second\n        </b-button>\n        <b-button\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n          variant=\"primary\"\n        >\n          Third\n        </b-button>\n      </b-button-group>\n    </b-button-toolbar>\n\n    <b-button-toolbar>\n      <b-button-group\n        class=\"my-1\"\n      >\n        <b-button\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n          variant=\"primary\"\n        >\n          First\n        </b-button>\n        <b-button\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n          variant=\"primary\"\n        >\n          Second\n        </b-button>\n        <b-button\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n          variant=\"primary\"\n        >\n          Third\n        </b-button>\n      </b-button-group>\n    </b-button-toolbar>\n\n    <b-button-toolbar>\n      <b-button-group\n        size=\"sm\"\n      >\n        <b-button\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n          variant=\"primary\"\n        >\n          First\n        </b-button>\n        <b-button\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n          variant=\"primary\"\n        >\n          Second\n        </b-button>\n        <b-button\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n          variant=\"primary\"\n        >\n          Third\n        </b-button>\n      </b-button-group>\n    </b-button-toolbar>\n  </div>\n</template>\n\n<script>\nimport { BButtonToolbar, BButtonGroup, BButton } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButtonToolbar,\n    BButtonGroup,\n    BButton,\n  },\n  directives: {\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeJustify = `\n<template>\n  <b-button-toolbar justify>\n    <b-button-group\n      class=\"mr-2 mb-1\"\n      vertical\n    >\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        variant=\"primary\"\n      >\n        Button\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        variant=\"primary\"\n      >\n        Button\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        variant=\"primary\"\n      >\n        Button\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        variant=\"primary\"\n      >\n        Button\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        variant=\"primary\"\n      >\n        Button\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        variant=\"primary\"\n      >\n        Button\n      </b-button>\n    </b-button-group>\n    <b-button-group\n      class=\"mr-2 mb-1\"\n      vertical\n    >\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        variant=\"primary\"\n      >\n        Primary\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        variant=\"secondary\"\n      >\n        Secondary\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        variant=\"success\"\n      >\n        Success\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        variant=\"warning\"\n      >\n        Warning\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        variant=\"danger\"\n      >\n        Danger\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        variant=\"info\"\n      >\n        Info\n      </b-button>\n    </b-button-group>\n    <b-button-group\n      class=\"mb-1\"\n      vertical\n    >\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n      >\n        Button\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-secondary\"\n      >\n        Button\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(40, 199, 111, 0.15)'\"\n        variant=\"outline-success\"\n      >\n        Button\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(255, 159, 67, 0.15)'\"\n        variant=\"outline-warning\"\n      >\n        Button\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(234, 84, 85, 0.15)'\"\n        variant=\"outline-danger\"\n      >\n        Button\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(0, 207, 232, 0.15)'\"\n        variant=\"outline-info\"\n      >\n        Button\n      </b-button>\n    </b-button-group>\n  </b-button-toolbar>\n</template>\n\n<script>\nimport { BButtonToolbar, BButtonGroup, BButton } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButtonToolbar,\n    BButtonGroup,\n    BButton,\n  },\n  directives: {\n    Ripple,\n  },\n}\n</script>\n`\n"],"sourceRoot":""}