{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/components/dropdown/code.js","webpack:///./node_modules/bootstrap-vue/esm/components/card/card-text.js"],"names":["BCardCode","codeDropdownBasic","codeDropdownDirection","codeDropdownSize","codeDropdownSplit","codeDropdownVariation","codeBlock","codeButtonLink","codeLazy","codeSubComponent","codeGradient","codeFlat","codeOutline","props","textTag","BCardText","extend","name","functional","render","h","_ref","data","children","staticClass"],"mappings":"gHAAA,gBAEeA,e,oCCFf,wZAAO,IAAMC,EAAoB,yrFA0GpBC,EAAwB,w9EAoHxBC,EAAmB,s/EA8FnBC,EAAoB,ktHA0KpBC,EAAwB,+hHA6JxBC,EAAY,6rCA6DZC,EAAiB,itBAwCjBC,EAAW,mrBAuCXC,EAAmB,wsBAqCnBC,EAAe,8pGAiJfC,EAAW,sjHA4JXC,EAAc,smH,kCCjmC3B,kGAKWC,EAAQ,eAAsB,CACvCC,QAAS,eAAS,OAAkB,MACnC,QAGQC,EAAyB,aAAIC,OAAO,CAC7CC,KAAM,OACNC,YAAY,EACZL,MAAOA,EACPM,OAAQ,SAAgBC,EAAGC,GACzB,IAAIR,EAAQQ,EAAKR,MACbS,EAAOD,EAAKC,KACZC,EAAWF,EAAKE,SACpB,OAAOH,EAAEP,EAAMC,QAAS,eAAUQ,EAAM,CACtCE,YAAa,cACXD","file":"js/chunk-15bc811a.7c3ebbe0.js","sourcesContent":["import BCardCode from './BCardCode.vue'\n\nexport default BCardCode\n","export const codeDropdownBasic = `\n<template>\n  <div class=\"demo-inline-spacing\">\n\n    <!-- primary -->\n    <b-dropdown\n      id=\"dropdown-1\"\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      text=\"Primary\"\n      variant=\"primary\"\n    >\n      <b-dropdown-item>Option 1</b-dropdown-item>\n      <b-dropdown-item>Option 2</b-dropdown-item>\n      <b-dropdown-item>Option 3</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- secondary -->\n    <b-dropdown\n      id=\"dropdown-7\"\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      text=\"Secondary\"\n      variant=\"secondary\"\n    >\n      <b-dropdown-item>Option 1</b-dropdown-item>\n      <b-dropdown-item>Option 2</b-dropdown-item>\n      <b-dropdown-item>Option 3</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- success -->\n    <b-dropdown\n      id=\"dropdown-3\"\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      text=\"Success\"\n      variant=\"success\"\n    >\n      <b-dropdown-item>Option 1</b-dropdown-item>\n      <b-dropdown-item>Option 2</b-dropdown-item>\n      <b-dropdown-item>Option 3</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- danger -->\n    <b-dropdown\n      id=\"dropdown-5\"\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      text=\"Danger\"\n      variant=\"danger\"\n    >\n      <b-dropdown-item>Option 1</b-dropdown-item>\n      <b-dropdown-item>Option 2</b-dropdown-item>\n      <b-dropdown-item>Option 3</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- warning -->\n    <b-dropdown\n      id=\"dropdown-4\"\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      text=\"Warning\"\n      variant=\"warning\"\n    >\n      <b-dropdown-item>Option 1</b-dropdown-item>\n      <b-dropdown-item>Option 2</b-dropdown-item>\n      <b-dropdown-item>Option 3</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- info -->\n    <b-dropdown\n      id=\"dropdown-6\"\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      text=\"Info\"\n      variant=\"info\"\n    >\n      <b-dropdown-item>Option 1</b-dropdown-item>\n      <b-dropdown-item>Option 2</b-dropdown-item>\n      <b-dropdown-item>Option 3</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- dark -->\n    <b-dropdown\n      id=\"dropdown-8\"\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      text=\"Dark\"\n      variant=\"dark\"\n    >\n      <b-dropdown-item>Option 1</b-dropdown-item>\n      <b-dropdown-item>Option 2</b-dropdown-item>\n      <b-dropdown-item>Option 3</b-dropdown-item>\n    </b-dropdown>\n  </div>\n</template>\n\n<script>\nimport { BDropdown, BDropdownItem } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BDropdown,\n    BDropdownItem,\n  },\n  directives: {\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeDropdownDirection = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <!-- menu align -->\n    <b-dropdown\n      id=\"dropdown-left\"\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      left\n      text=\"Left align\"\n      variant=\"primary\"\n    >\n      <b-dropdown-item>\n        Action\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Another action\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Something else here\n      </b-dropdown-item>\n    </b-dropdown>\n\n    <b-dropdown\n      id=\"dropdown-right\"\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      right\n      text=\"Right align\"\n      variant=\"primary\"\n    >\n      <b-dropdown-item>\n        Action\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Another action\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Something else here\n      </b-dropdown-item>\n    </b-dropdown>\n\n    <!-- drop up -->\n    <b-dropdown\n      id=\"dropdown-dropup\"\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      dropup\n      right\n      text=\"Drop-Up\"\n      variant=\"primary\"\n    >\n      <b-dropdown-item>\n        Action\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Another action\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Something else here\n      </b-dropdown-item>\n    </b-dropdown>\n\n    <!-- drop left and right -->\n    <b-dropdown\n      id=\"dropdown-dropright\"\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      dropright\n      text=\"Drop-Right\"\n      variant=\"primary\"\n    >\n      <b-dropdown-item>\n        Action\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Another action\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Something else here\n      </b-dropdown-item>\n    </b-dropdown>\n\n    <!-- drop left -->\n    <b-dropdown\n      id=\"dropdown-dropleft\"\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      dropleft\n      text=\"Drop-Left\"\n      variant=\"primary\"\n    >\n      <b-dropdown-item>\n        Action\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Another action\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Something else here\n      </b-dropdown-item>\n    </b-dropdown>\n  </div>\n</template>\n\n<script>\nimport { BDropdown, BDropdownItem } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BDropdown,\n    BDropdownItem,\n  },\n  directives: {\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeDropdownSize = `\n<template>\n  <div class=\"d-flex flex-wrap justify-content-between\">\n\n    <!-- dropdown -->\n    <div class=\"demo-inline-spacing\">\n      <b-dropdown\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        size=\"lg\"\n        text=\"Large\"\n        variant=\"primary\"\n      >\n        <b-dropdown-item>Option 1</b-dropdown-item>\n        <b-dropdown-item>Option 2</b-dropdown-item>\n        <b-dropdown-item>Option 3</b-dropdown-item>\n      </b-dropdown>\n      <b-dropdown\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        text=\"Default\"\n        variant=\"primary\"\n      >\n        <b-dropdown-item>Option 1</b-dropdown-item>\n        <b-dropdown-item>Option 2</b-dropdown-item>\n        <b-dropdown-item>Option 3</b-dropdown-item>\n      </b-dropdown>\n      <b-dropdown\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        size=\"sm\"\n        text=\"Small\"\n        variant=\"primary\"\n      >\n        <b-dropdown-item>Option 1</b-dropdown-item>\n        <b-dropdown-item>Option 2</b-dropdown-item>\n        <b-dropdown-item>Option 3</b-dropdown-item>\n      </b-dropdown>\n    </div>\n\n    <!-- dropdown split -->\n    <div class=\"demo-inline-spacing\">\n      <b-dropdown\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        split\n        right\n        size=\"lg\"\n        text=\"Large\"\n        variant=\"primary\"\n      >\n        <b-dropdown-item>Option 1</b-dropdown-item>\n        <b-dropdown-item>Option 2</b-dropdown-item>\n        <b-dropdown-item>Option 3</b-dropdown-item>\n      </b-dropdown>\n      <b-dropdown\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        split\n        right\n        text=\"Default\"\n        variant=\"primary\"\n      >\n        <b-dropdown-item>Option 1</b-dropdown-item>\n        <b-dropdown-item>Option 2</b-dropdown-item>\n        <b-dropdown-item>Option 3</b-dropdown-item>\n      </b-dropdown>\n      <b-dropdown\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        split\n        right\n        size=\"sm\"\n        text=\"Small\"\n        variant=\"primary\"\n      >\n        <b-dropdown-item>Option 1</b-dropdown-item>\n        <b-dropdown-item>Option 2</b-dropdown-item>\n        <b-dropdown-item>Option 3</b-dropdown-item>\n      </b-dropdown>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { BDropdown, BDropdownItem} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BDropdown,\n    BDropdownItem,\n  },\n  directives: {\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeDropdownSplit = `\n<template>\n  <div class=\"demo-inline-spacing\">\n\n    <!-- primary -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      split\n      text=\"Primary\"\n      variant=\"primary\"\n      right\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- secondary -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      split\n      text=\"Secondary\"\n      variant=\"secondary\"\n      right\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- success -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      split\n      text=\"Success\"\n      variant=\"success\"\n      right\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- danger -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      split\n      text=\"Danger\"\n      variant=\"danger\"\n      right\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- warning -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      split\n      text=\"Warning\"\n      variant=\"warning\"\n      right\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- info -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      split\n      text=\"Info\"\n      variant=\"info\"\n      right\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- dark -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      split\n      text=\"Dark\"\n      right\n      variant=\"dark\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n  </div>\n</template>\n\n<script>\nimport { BDropdown, BDropdownItem, BDropdownDivider } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BDropdown,\n    BDropdownDivider,\n    BDropdownItem,\n  },\n  directives: {\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeDropdownVariation = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <!-- group -->\n    <b-dropdown\n      id=\"dropdown-grouped\"\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      variant=\"primary\"\n      right\n      text=\"Group\"\n    >\n      <b-dropdown-group\n        id=\"dropdown-group-1\"\n        header=\"Group 1\"\n      >\n        <b-dropdown-item>Option 1</b-dropdown-item>\n        <b-dropdown-item>Option 2</b-dropdown-item>\n      </b-dropdown-group>\n      <b-dropdown-divider />\n      <b-dropdown-group\n        id=\"dropdown-group-2\"\n        header=\"Group 2\"\n      >\n        <b-dropdown-item>Option 1</b-dropdown-item>\n        <b-dropdown-item>Option 2</b-dropdown-item>\n      </b-dropdown-group>\n    </b-dropdown>\n\n    <!-- icon -->\n    <b-dropdown\n      id=\"dropdown-grouped\"\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      variant=\"primary\"\n      right\n      class=\"dropdown-icon-wrapper\"\n    >\n      <template #button-content>\n        <span class=\"mr-1\">Volume</span>\n        <feather-icon\n          icon=\"Volume1Icon\"\n          size=\"16\"\n          class=\"align-middle\"\n        />\n      </template>\n      <b-dropdown-item>\n        <feather-icon\n          icon=\"Volume1Icon\"\n          size=\"18\"\n        />\n      </b-dropdown-item>\n      <b-dropdown-item>\n        <feather-icon\n          icon=\"Volume2Icon\"\n          size=\"18\"\n        />\n      </b-dropdown-item>\n      <b-dropdown-item>\n        <feather-icon\n          icon=\"VolumeXIcon\"\n          size=\"18\"\n        />\n      </b-dropdown-item>\n    </b-dropdown>\n\n    <!-- form -->\n    <b-dropdown\n      id=\"dropdown-form\"\n      ref=\"dropdown\"\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      right\n      variant=\"primary\"\n      text=\"Form\"\n    >\n      <b-dropdown-form class=\"py-1\">\n        <b-form-group\n          label=\"Email\"\n          label-for=\"dropdown-form-email\"\n          @submit.stop.prevent\n        >\n          <b-form-input\n            id=\"dropdown-form-email\"\n            size=\"sm\"\n            placeholder=\"email@example.com\"\n          />\n        </b-form-group>\n\n        <b-form-group\n          label=\"Password\"\n          label-for=\"dropdown-form-password\"\n        >\n          <b-form-input\n            id=\"dropdown-form-password\"\n            type=\"password\"\n            size=\"sm\"\n            placeholder=\"Password\"\n          />\n        </b-form-group>\n\n        <div class=\"mb-2\">\n          <b-form-checkbox>\n            Remember me\n          </b-form-checkbox>\n        </div>\n        <b-button\n          variant=\"primary\"\n          size=\"sm\"\n          @click=\"onClick\"\n        >\n          Sign In\n        </b-button>\n      </b-dropdown-form>\n      <b-dropdown-divider />\n      <b-dropdown-item>New around here? Sign up</b-dropdown-item>\n      <b-dropdown-item>Forgot Password?</b-dropdown-item>\n    </b-dropdown>\n  </div>\n</template>\n\n<script>\nimport {\n  BButton,\n  BDropdown,\n  BDropdownDivider,\n  BDropdownForm,\n  BDropdownGroup,\n  BDropdownItem,\n  BFormCheckbox,\n  BFormGroup,\n  BFormInput,\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n    BDropdown,\n    BDropdownDivider,\n    BDropdownForm,\n    BDropdownGroup,\n    BDropdownItem,\n    BFormCheckbox,\n    BFormGroup,\n    BFormInput,\n  },\n  directives: {\n    Ripple,\n  },\n  methods: {\n    onClick() {\n      // Close the menu and (by passing true) return focus to the toggle button\n      this.$refs.dropdown.hide(true)\n    },\n  },\n}\n</script>\n `\n\nexport const codeBlock = `\n<template>\n  <div>\n    <b-dropdown\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      text=\"Block Level Dropdown\"\n      block\n      right\n      variant=\"primary\"\n      class=\"mt-2\"\n    >\n      <b-dropdown-item>\n        Action\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Another action\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Something else here\n      </b-dropdown-item>\n    </b-dropdown>\n\n    <b-dropdown\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      text=\"Block Level Split Dropdown\"\n      block\n      split\n      right\n      split-variant=\"outline-primary\"\n      variant=\"outline-primary\"\n      class=\"mt-2\"\n    >\n      <b-dropdown-item>\n        Action\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Another action\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Something else here...\n      </b-dropdown-item>\n    </b-dropdown>\n  </div>\n</template>\n\n<script>\nimport { BDropdown, BDropdownItem } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BDropdown,\n    BDropdownItem,\n  },\n  directives: {\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeButtonLink = `\n<template>\n  <div>\n    <b-dropdown\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      split\n      right\n      variant=\"primary\"\n      split-href=\"#foo/bar\"\n      text=\"Split Link\"\n    >\n      <b-dropdown-item>\n        Action\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Another action\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Something else here...\n      </b-dropdown-item>\n    </b-dropdown>\n  </div>\n</template>\n\n<script>\nimport { BDropdown, BDropdownItem } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BDropdown,\n    BDropdownItem,\n  },\n  directives: {\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeLazy = `\n<template>\n  <div>\n    <b-dropdown\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      text=\"Lazy Dropdown\"\n      variant=\"primary\"\n      lazy\n      right\n    >\n      <b-dropdown-item>\n        Action\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Another action\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Something else here\n      </b-dropdown-item>\n    </b-dropdown>\n  </div>\n</template>\n\n<script>\nimport { BDropdown, BDropdownItem } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BDropdown,\n    BDropdownItem,\n  },\n  directives: {\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeSubComponent = `\n<template>\n  <div>\n    <b-dropdown\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      text=\"Block Level Dropdown Menu\"\n      variant=\"primary\"\n      right\n      menu-class=\"w-100\"\n    >\n      <b-dropdown-item>Hold</b-dropdown-item>\n      <b-dropdown-item variant=\"success\">\n        Approve\n      </b-dropdown-item>\n      <b-dropdown-item variant=\"danger\">\n        Remove\n      </b-dropdown-item>\n    </b-dropdown>\n  </div>\n</template>\n\n<script>\nimport { BDropdown, BDropdownItem } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BDropdown,\n    BDropdownItem,\n  },\n  directives: {\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeGradient = `\n<template>\n  <div class=\"demo-inline-spacing\">\n\n    <!-- primary -->\n    <b-dropdown\n      text=\"Primary\"\n      variant=\"gradient-primary\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- secondary -->\n    <b-dropdown\n      text=\"Secondary\"\n      variant=\"gradient-secondary\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- success -->\n    <b-dropdown\n      text=\"Success\"\n      variant=\"gradient-success\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- danger -->\n    <b-dropdown\n      text=\"Danger\"\n      variant=\"gradient-danger\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- warning -->\n    <b-dropdown\n      text=\"Warning\"\n      variant=\"gradient-warning\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- info -->\n    <b-dropdown\n      text=\"Info\"\n      variant=\"gradient-info\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- dark -->\n    <b-dropdown\n      text=\"Dark\"\n      variant=\"gradient-dark\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n  </div>\n</template>\n\n<script>\nimport { BDropdown, BDropdownItem, BDropdownDivider } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BDropdown,\n    BDropdownDivider,\n    BDropdownItem,\n  },\n}\n</script>\n`\n\nexport const codeFlat = `\n<template>\n  <div class=\"demo-inline-spacing\">\n\n    <!-- primary -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      text=\"Primary\"\n      variant=\"flat-primary\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- secondary -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\n      text=\"Secondary\"\n      variant=\"flat-secondary\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- success -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(40, 199, 111, 0.15)'\"\n      text=\"Success\"\n      variant=\"flat-success\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- danger -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(234, 84, 85, 0.15)'\"\n      text=\"Danger\"\n      variant=\"flat-danger\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- warning -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(255, 159, 67, 0.15)'\"\n      text=\"Warning\"\n      variant=\"flat-warning\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- info -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(0, 207, 232, 0.15)'\"\n      text=\"Info\"\n      variant=\"flat-info\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- dark -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(30, 30, 30, 0.15)'\"\n      text=\"Dark\"\n      variant=\"flat-dark\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n  </div>\n</template>\n\n<script>\nimport { BDropdown, BDropdownItem, BDropdownDivider } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BDropdown,\n    BDropdownDivider,\n    BDropdownItem,\n  },\n  directives: {\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeOutline = `\n<template>\n  <div class=\"demo-inline-spacing\">\n\n    <!-- primary -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      text=\"Primary\"\n      variant=\"outline-primary\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- secondary -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\n      text=\"Secondary\"\n      variant=\"outline-secondary\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- success -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(40, 199, 111, 0.15)'\"\n      text=\"Success\"\n      variant=\"outline-success\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- danger -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(234, 84, 85, 0.15)'\"\n      split\n      text=\"Danger\"\n      variant=\"outline-danger\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- warning -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(255, 159, 67, 0.15)'\"\n      split\n      text=\"Warning\"\n      variant=\"outline-warning\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- info -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(0, 207, 232, 0.15)'\"\n      text=\"Info\"\n      variant=\"outline-info\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n\n    <!-- Dark -->\n    <b-dropdown\n      v-ripple.400=\"'rgba(30, 30, 30, 0.15)'\"\n      text=\"Dark\"\n      variant=\"outline-dark\"\n    >\n      <b-dropdown-item>\n        Option 1\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 2\n      </b-dropdown-item>\n      <b-dropdown-item>\n        Option 3\n      </b-dropdown-item>\n      <b-dropdown-divider />\n      <b-dropdown-item>Separated link</b-dropdown-item>\n    </b-dropdown>\n  </div>\n</template>\n\n<script>\nimport { BDropdown, BDropdownItem, BDropdownDivider } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BDropdown,\n    BDropdownDivider,\n    BDropdownItem,\n  },\n  directives: {\n    Ripple,\n  },\n}\n</script>\n`\n","import { Vue, mergeData } from '../../vue';\nimport { NAME_CARD_TEXT } from '../../constants/components';\nimport { PROP_TYPE_STRING } from '../../constants/props';\nimport { makeProp, makePropsConfigurable } from '../../utils/props'; // --- Props ---\n\nexport var props = makePropsConfigurable({\n  textTag: makeProp(PROP_TYPE_STRING, 'p')\n}, NAME_CARD_TEXT); // --- Main component ---\n// @vue/component\n\nexport var BCardText = /*#__PURE__*/Vue.extend({\n  name: NAME_CARD_TEXT,\n  functional: true,\n  props: props,\n  render: function render(h, _ref) {\n    var props = _ref.props,\n        data = _ref.data,\n        children = _ref.children;\n    return h(props.textTag, mergeData(data, {\n      staticClass: 'card-text'\n    }), children);\n  }\n});"],"sourceRoot":""}