{"version":3,"sources":["webpack:///./src/views/components/list-group/code.js"],"names":["codeListGroupBasic","codeListGroupDisable","codeListGroupAction","codeListGroupActionButton","codeListGroupContextual","codeListGroupHorizontal","codeListGroupBadge","codeFlush","codeCustom","codeListAvatar","codeIcon"],"mappings":"gHAAA,6iBAAO,IAAMA,EAAqB,0iBAuBrBC,EAAuB,gkBAyBvBC,EAAsB,kmBAuBtBC,EAA4B,skBAuB5BC,EAA0B,w+BAwC1BC,EAA0B,+dAsB1BC,EAAqB,8nCAoDrBC,EAAY,snBAuBZC,EAAa,20DA2DbC,EAAiB,i2CAgDjBC,EAAW","file":"js/chunk-2d0abf60.44e7fe23.js","sourcesContent":["export const codeListGroupBasic = `\n<template>\n  <b-list-group>\n    <b-list-group-item>Cras justo odio</b-list-group-item>\n    <b-list-group-item>Dapibus ac facilisis in</b-list-group-item>\n    <b-list-group-item>Morbi leo risus</b-list-group-item>\n    <b-list-group-item>Porta ac consectetur ac</b-list-group-item>\n    <b-list-group-item>Vestibulum at eros</b-list-group-item>\n  </b-list-group>\n</template>\n\n<script>\nimport { BListGroup, BListGroupItem } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BListGroup,\n    BListGroupItem,\n  },\n}\n</script>\n`\n\nexport const codeListGroupDisable = `\n<template>\n  <b-list-group>\n    <b-list-group-item disabled>\n      Cras justo odio\n    </b-list-group-item>\n    <b-list-group-item>Dapibus ac facilisis in</b-list-group-item>\n    <b-list-group-item>Morbi leo risus</b-list-group-item>\n    <b-list-group-item>Porta ac consectetur ac</b-list-group-item>\n    <b-list-group-item>Vestibulum at eros</b-list-group-item>\n  </b-list-group>\n</template>\n\n<script>\nimport {BListGroup, BListGroupItem } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BListGroup,\n    BListGroupItem,\n  },\n}\n</script>\n`\n\nexport const codeListGroupAction = `\n<template>\n  <b-list-group>\n    <b-list-group-item >Awesome link</b-list-group-item>\n    <b-list-group-item href=\"#\" active>Link with active state</b-list-group-item>\n    <b-list-group-item href=\"#\">Action links are easy</b-list-group-item>\n    <b-list-group-item href=\"#\">Action links are fast</b-list-group-item>\n    <b-list-group-item href=\"#foobar\" disabled>Disabled link</b-list-group-item>\n  </b-list-group>\n</template>\n\n<script>\nimport { BListGroup, BListGroupItem } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BListGroup,\n    BListGroupItem,\n  },\n}\n</script>\n`\n\nexport const codeListGroupActionButton = `\n<template>\n  <b-list-group>\n    <b-list-group-item button>Button item</b-list-group-item>\n    <b-list-group-item button>Button item in list</b-list-group-item>\n    <b-list-group-item button>I am a button</b-list-group-item>\n    <b-list-group-item button disabled>Disabled button</b-list-group-item>\n    <b-list-group-item button>This is a button too</b-list-group-item>\n  </b-list-group>\n</template>\n\n<script>\nimport { BListGroup, BListGroupItem } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BListGroup,\n    BListGroupItem,\n  },\n}\n</script>\n`\n\nexport const codeListGroupContextual = `\n<template>\n  <b-list-group>\n    <b-list-group-item variant=\"primary\">\n      Pie fruitcake jelly-o\n    </b-list-group-item>\n    <b-list-group-item variant=\"secondary\">\n      halvah icing marshmallow\n    </b-list-group-item>\n    <b-list-group-item variant=\"success\">\n      Cake caramels donut danish muffin biscuit\n    </b-list-group-item>\n    <b-list-group-item variant=\"danger\">\n      Chocolate cake pie lollipop\n    </b-list-group-item>\n    <b-list-group-item variant=\"warning\">\n      Apple pie toffee pudding gummi bears\n    </b-list-group-item>\n    <b-list-group-item variant=\"info\">\n      Jujubes chupa chups cheesecake tart\n    </b-list-group-item>\n    <b-list-group-item variant=\"dark\">\n      Candy fruitcake bonbon sesame snaps dessert\n    </b-list-group-item>\n  </b-list-group>\n</template>\n\n\n<script>\nimport { BListGroup, BListGroupItem } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BListGroup,\n    BListGroupItem,\n  },\n}\n</script>\n`\n\nexport const codeListGroupHorizontal = `\n<template>\n  <b-list-group horizontal=\"md\">\n    <b-list-group-item>Chocolate cake</b-list-group-item>\n    <b-list-group-item>Cookie pie</b-list-group-item>\n    <b-list-group-item>Cheesecake</b-list-group-item>\n    <b-list-group-item>Cotton candy</b-list-group-item>\n  </b-list-group>\n</template>\n\n<script>\nimport { BListGroup, BListGroupItem } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BListGroup,\n    BListGroupItem,\n  },\n}\n</script>\n`\n\nexport const codeListGroupBadge = `\n<template>\n  <!-- badge -->\n  <b-list-group>\n    <b-list-group-item class=\"d-flex justify-content-between align-items-center\">\n      <span>Biscuit jelly beans macaroon danish pudding.</span>\n      <b-badge\n        variant=\"primary\"\n        pill\n        class=\"badge-round\"\n      >\n        8\n      </b-badge>\n    </b-list-group-item>\n\n    <b-list-group-item class=\"d-flex justify-content-between align-items-center\">\n      <span>chocolate cheesecake candy</span>\n      <b-badge\n        variant=\"primary\"\n        pill\n        class=\"badge-round\"\n      >\n        7\n      </b-badge>\n    </b-list-group-item>\n\n    <b-list-group-item class=\"d-flex justify-content-between align-items-center\">\n      <span>Oat cake icing pastry pie carrot</span>\n      <b-badge\n        variant=\"primary\"\n        pill\n        class=\"badge-round\"\n      >\n        6\n      </b-badge>\n    </b-list-group-item>\n  </b-list-group>\n</template>\n\n<script>\nimport { BListGroup, BListGroupItem, BBadge } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BBadge,\n    BListGroup,\n    BListGroupItem,\n  },\n}\n</script>\n`\n\nexport const codeFlush = `\n<template>\n  <b-list-group flush>\n    <b-list-group-item>Sweet gummi bears gingerbread carrot</b-list-group-item>\n    <b-list-group-item>Cake macaroon brownie wafer soufflé</b-list-group-item>\n    <b-list-group-item>Jelly beans lemon drops</b-list-group-item>\n    <b-list-group-item>Lollipop ice cream donut chupa chups</b-list-group-item>\n    <b-list-group-item>Chocolate candy canes tootsie roll</b-list-group-item>\n  </b-list-group>\n</template>\n\n<script>\nimport { BListGroup, BListGroupItem } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BListGroup,\n    BListGroupItem,\n  },\n}\n</script>\n`\n\nexport const codeCustom = `\n<template>\n  <b-list-group>\n    <b-list-group-item\n      active\n      class=\"flex-column align-items-start\"\n    >\n      <div class=\"d-flex w-100 justify-content-between\">\n        <h5 class=\"mb-1 text-white\">\n          List group item heading\n        </h5>\n        <small class=\"text-secondary\">3 days ago</small>\n      </div>\n      <b-card-text class=\"mb-1\">\n        Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.\n      </b-card-text>\n      <small class=\"text-secondary\">Donec id elit non mi porta.</small>\n    </b-list-group-item>\n\n    <b-list-group-item class=\"flex-column align-items-start\">\n      <div class=\"d-flex w-100 justify-content-between\">\n        <h5 class=\"mb-1\">\n          List group item heading\n        </h5>\n        <small class=\"text-secondary\">3 days ago</small>\n      </div>\n      <b-card-text class=\"mb-1\">\n        Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.\n      </b-card-text>\n      <small class=\"text-secondary\">Donec id elit non mi porta.</small>\n    </b-list-group-item>\n\n    <b-list-group-item class=\"flex-column align-items-start\">\n      <div class=\"d-flex w-100 justify-content-between\">\n        <h5 class=\"mb-1\">\n          Disabled List group item\n        </h5>\n        <small class=\"text-secondary\">3 days ago</small>\n      </div>\n      <b-card-text class=\"mb-1\">\n        Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.\n      </b-card-text>\n      <small class=\"text-secondary\">Donec id elit non mi porta.</small>\n    </b-list-group-item>\n  </b-list-group>\n</template>\n\n<script>\nimport { BListGroup, BListGroupItem } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BListGroup,\n    BListGroupItem,\n  },\n}\n</script>\n`\n\nexport const codeListAvatar = `\n<template>\n  <div>\n    <b-list-group flush>\n      <b-list-group-item>\n        <div class=\"d-flex align-items-center\">\n        <b-avatar :src=\"require('@/assets/images/small/avatar-s-8.jpg')\" />\n          <div class=\"d-flex flex-column ml-1\">\n            <strong>Steve Jobes</strong>\n            <small>Top Contributor</small>\n          </div>\n        </div>\n      </b-list-group-item>\n      <b-list-group-item>\n        <div class=\"d-flex align-items-center\">\n        <b-avatar :src=\"require('@/assets/images/small/avatar-s-10.jpg')\" />\n          <div class=\"d-flex flex-column ml-1\">\n            <strong>Matt</strong>\n            <small>11 Points</small>\n          </div>\n        </div>\n      </b-list-group-item>\n      <b-list-group-item>\n        <div class=\"d-flex align-items-center\">\n        <b-avatar :src=\"require('@/assets/images/small/avatar-s-24.jpg')\" />\n          <div class=\"d-flex flex-column ml-1\">\n            <strong>Xian Famous Foods</strong>\n            <small>A taste of Shaanxi's delicious culinary traditions.</small>\n          </div>\n        </div>\n      </b-list-group-item>\n    </b-list-group>\n  </div>\n</template>\n\n<script>\nimport { BListGroup, BListGroupItem, BAvatar } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BListGroup,\n    BListGroupItem,\n    BAvatar,\n  },\n}\n</script>\n`\n\nexport const codeIcon = `\n<template>\n  <b-list-group>\n    <b-list-group-item class=\"d-flex\">\n      <span class=\"mr-1\">\n        <feather-icon\n          icon=\"InstagramIcon\"\n          size=\"16\"\n        />\n      </span>\n      <span>Cupcake sesame snaps dessert marzipan.</span>\n    </b-list-group-item>\n\n    <b-list-group-item class=\"d-flex\">\n      <span class=\"mr-1\">\n        <feather-icon\n          icon=\"FacebookIcon\"\n          size=\"17\"\n        />\n      </span>\n      <span>Jelly beans jelly-o gummi bears chupa chups marshmallow.</span>\n    </b-list-group-item>\n\n    <b-list-group-item class=\"d-flex\">\n      <span class=\"mr-1\">\n        <feather-icon\n          icon=\"TwitterIcon\"\n          size=\"16\"\n        />\n      </span>\n      <span>Bonbon macaroon gummies pie jelly</span>\n    </b-list-group-item>\n  </b-list-group>\n</template>\n\n<script>\nimport { BListGroup, BListGroupItem} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BListGroup,\n    BListGroupItem,\n  },\n}\n</script>\n`\n"],"sourceRoot":""}