{"version":3,"sources":["webpack:///./src/views/components/avatar/code.js"],"names":["codeSizes","codeInitials","codeColor","codeColorLight","codeIcon","codeCustomContent","codeBadge","codeBadgeContent","codeBadgePosition","codeBadgeOffset","codeSquare","codeRounded","codeGroup","codeGroupTooltip","codeAction"],"mappings":"gHAAA,4qBAAO,IAAMA,EAAY,qoBAgCZC,EAAe,6hBAoCfC,EAAY,+kBAyCZC,EAAiB,onBAyCjBC,EAAW,4jBA6BXC,EAAoB,oqBAwCpBC,EAAY,0zBAmDZC,EAAmB,wgBAgCnBC,EAAoB,0mBAyCpBC,EAAkB,uqBA0ClBC,EAAa,mVAyBbC,EAAc,8sBA6CdC,EAAY,03BAwCZC,EAAmB,ysCAqDnBC,EAAa","file":"js/chunk-2d22e16a.22fe08ba.js","sourcesContent":["export const codeSizes = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-avatar\n      size=\"sm\"\n      :src=\"require('@/assets/images/portrait/small/avatar-s-20.jpg')\"\n    />\n    <b-avatar\n      :src=\"require('@/assets/images/portrait/small/avatar-s-20.jpg')\"\n    />\n    <b-avatar\n      size=\"lg\"\n      :src=\"require('@/assets/images/portrait/small/avatar-s-20.jpg')\"\n    />\n    <b-avatar\n      size=\"70px\"\n      :src=\"require('@/assets/images/portrait/small/avatar-s-20.jpg')\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BAvatar } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BAvatar,\n  },\n}\n</script>\n`\n\nexport const codeInitials = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-avatar\n      size=\"sm\"\n      variant=\"light-primary\"\n      text=\"PI\"\n    />\n    <b-avatar\n      variant=\"light-secondary\"\n      text=\"PI\"\n    />\n    <b-avatar\n      size=\"lg\"\n      variant=\"light-success\"\n      text=\"PI\"\n    />\n    <b-avatar\n      size=\"70px\"\n      variant=\"light-danger\"\n      text=\"PI\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BAvatar } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BAvatar\n  },\n}\n</script>\n`\n\nexport const codeColor = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-avatar\n      variant=\"primary\"\n      text=\"PI\"\n    />\n    <b-avatar\n      variant=\"secondary\"\n      text=\"PI\"\n    />\n    <b-avatar\n      variant=\"success\"\n      text=\"PI\"\n    />\n    <b-avatar\n      variant=\"danger\"\n      text=\"PI\"\n    />\n    <b-avatar\n      variant=\"warning\"\n      text=\"PI\"\n    />\n    <b-avatar\n      variant=\"info\"\n      text=\"PI\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BAvatar} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BAvatar,\n  },\n}\n</script>\n`\n\nexport const codeColorLight = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-avatar\n      text=\"PI\"\n      variant=\"light-primary\"\n    />\n    <b-avatar\n      text=\"PI\"\n      variant=\"light-secondary\"\n    />\n    <b-avatar\n      text=\"PI\"\n      variant=\"light-success\"\n    />\n    <b-avatar\n      text=\"PI\"\n      variant=\"light-danger\"\n    />\n    <b-avatar\n      text=\"PI\"\n      variant=\"light-warning\"\n    />\n    <b-avatar\n      text=\"PI\"\n      variant=\"light-info\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BAvatar } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BAvatar,\n  },\n}\n</script>\n`\n\nexport const codeIcon = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-avatar variant=\"primary\">\n      <feather-icon icon=\"HomeIcon\" />\n    </b-avatar>\n    <b-avatar variant=\"success\">\n      <feather-icon icon=\"BellIcon\" />\n    </b-avatar>\n    <b-avatar variant=\"info\">\n      <feather-icon icon=\"UserIcon\" />\n    </b-avatar>\n    <b-avatar variant=\"danger\">\n      <feather-icon icon=\"MessageSquareIcon\" />\n    </b-avatar>\n  </div>\n</template>\n\n<script>\nimport { BAvatar } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BAvatar\n  },\n}\n</script>\n`\n\nexport const codeCustomContent = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-avatar variant=\"primary\">\n      <span>Hi</span>\n    </b-avatar>\n\n    <b-avatar variant=\"secondary\">\n      <span>New</span>\n    </b-avatar>\n\n    <b-avatar variant=\"success\">\n      <span>Hey</span>\n    </b-avatar>\n\n    <b-avatar variant=\"light-danger\">\n      <span>Hi</span>\n    </b-avatar>\n\n    <b-avatar variant=\"light-warning\">\n      <span>New</span>\n    </b-avatar>\n\n    <b-avatar variant=\"light-info\">\n      <span>Hey</span>\n    </b-avatar>\n  </div>\n</template>\n\n<script>\nimport { BAvatar} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BAvatar\n  },\n}\n</script>\n`\n\nexport const codeBadge = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <!-- using default slot  -->\n    <b-avatar\n      badge=\"5\"\n      badge-variant=\"primary\"\n    >\n      <span class=\"d-flex align-items-center\">\n        <feather-icon\n          icon=\"DownloadIcon\"\n          size=\"16\"\n        />\n      </span>\n    </b-avatar>\n\n    <!-- with badge prop -->\n    <b-avatar\n      badge=\"3\"\n      badge-variant=\"primary\"\n    />\n\n    <b-avatar\n      badge=\"2\"\n      badge-variant=\"primary\"\n    />\n\n    <b-avatar\n      badge=\"1\"\n      badge-variant=\"primary\"\n    />\n\n    <b-avatar\n      badge=\"10\"\n      badge-variant=\"primary\"\n      text=\"BV\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BAvatar} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BAvatar,\n  },\n}\n</script>\n`\n\nexport const codeBadgeContent = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-avatar\n      class=\"mr-1\"\n      badge=\"B\"\n    />\n    <b-avatar\n      badge=\"7\"\n      class=\"mr-1\"\n      variant=\"primary\"\n      badge-variant=\"danger\"\n    />\n    <b-avatar\n      badge-variant=\"success\"\n      badge=\"1\"\n      :src=\"require('@/assets/images/portrait/small/avatar-s-16.jpg')\"\n    />\n</div>\n</template>\n\n<script>\nimport { BAvatar} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BAvatar\n  },\n}\n</script>\n`\n\nexport const codeBadgePosition = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-avatar\n      class=\"mr-1\"\n      badge\n      badge-variant=\"success\"\n    />\n    <b-avatar\n      class=\"mr-1\"\n      badge-variant=\"success\"\n      badge\n      badge-left\n    />\n    <b-avatar\n      badge\n      class=\"mr-1\"\n      badge-variant=\"success\"\n      badge-top\n    />\n    <b-avatar\n      badge\n      class=\"mr-1\"\n      badge-variant=\"success\"\n      badge-left\n      badge-top\n    />\n</div>\n</template>\n\n<script>\nimport { BAvatar} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BAvatar\n  },\n}\n</script>\n`\n\nexport const codeBadgeOffset = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-avatar\n      badge\n      badge-variant=\"success\"\n      badge-offset=\"-0.5em\"\n      class=\"mr-1\"\n    />\n    <b-avatar\n      badge\n      badge-variant=\"success\"\n      badge-offset=\"-2px\"\n      class=\"mr-1\"\n    />\n    <b-avatar\n      badge\n      badge-variant=\"success\"\n      badge-offset=\"2px\"\n      class=\"mr-1\"\n    />\n    <b-avatar\n      badge\n      badge-top\n      badge-variant=\"success\"\n      badge-offset=\"-0.5em\"\n      class=\"mr-1\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BAvatar } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BAvatar\n  },\n}\n</script>\n`\n\nexport const codeSquare = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-avatar\n      variant=\"light-primary\"\n      square\n    />\n    <b-avatar\n      square\n      variant=\"light-success\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BAvatar } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BAvatar\n  },\n}\n</script>\n`\n\nexport const codeRounded = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-avatar\n      rounded=\"sm\"\n      variant=\"light-primary\"\n    />\n    <b-avatar\n      rounded\n      variant=\"light-success\"\n    />\n    <b-avatar\n      rounded=\"top\"\n      variant=\"light-danger\"\n    />\n    <b-avatar\n      rounded=\"lg\"\n      variant=\"light-warning\"\n    />\n    <b-avatar\n      rounded=\"left\"\n      variant=\"light-info\"\n    />\n    <b-avatar\n      rounded=\"right\"\n      variant=\"light-primary\"\n    />\n    <b-avatar\n      rounded=\"bottom\"\n      variant=\"light-dark\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BAvatar} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BAvatar\n  },\n}\n</script>\n`\n\nexport const codeGroup = `\n<template>\n  <b-avatar-group size=\"32px\">\n    <b-avatar\n      class=\"pull-up\"\n      :src=\"require('@/assets/images/portrait/small/avatar-s-5.jpg')\"\n    />\n    <b-avatar\n      class=\"pull-up\"\n      variant=\"primary\"\n      :src=\"require('@/assets/images/portrait/small/avatar-s-7.jpg')\"\n    />\n    <b-avatar\n      class=\"pull-up\"\n      :src=\"require('@/assets/images/portrait/small/avatar-s-10.jpg')\"\n    />\n    <b-avatar\n      class=\"pull-up\"\n      variant=\"danger\"\n      :src=\"require('@/assets/images/portrait/small/avatar-s-8.jpg')\"\n    />\n    <b-avatar\n      class=\"pull-up\"\n      :src=\"require('@/assets/images/portrait/small/avatar-s-20.jpg')\"\n    />\n  </b-avatar-group>\n</template>\n\n<script>\nimport { BAvatarGroup, BAvatar, } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BAvatarGroup,\n    BAvatar,\n  },\n}\n</script>\n`\n\nexport const codeGroupTooltip = `\n<template>\n  <b-avatar-group size=\"32px\">\n    <b-avatar\n      v-b-tooltip.hover\n      class=\"pull-up\"\n      title=\"Jenny Looper\"\n      :src=\"require('@/assets/images/portrait/small/avatar-s-5.jpg')\"\n    />\n    <b-avatar\n      v-b-tooltip.hover\n      class=\"pull-up\"\n      title=\"Darcey Nooner\"\n      variant=\"primary\"\n      :src=\"require('@/assets/images/portrait/small/avatar-s-7.jpg')\"\n    />\n    <b-avatar\n      v-b-tooltip.hover\n      class=\"pull-up\"\n      title=\"Julee Rossignol\"\n      :src=\"require('@/assets/images/portrait/small/avatar-s-10.jpg')\"\n    />\n    <b-avatar\n      v-b-tooltip.hover\n      class=\"pull-up\"\n      title=\"Elicia Rieske\"\n      variant=\"danger\"\n      :src=\"require('@/assets/images/portrait/small/avatar-s-8.jpg')\"\n    />\n    <b-avatar\n      v-b-tooltip.hover\n      class=\"pull-up\"\n      title=\"Vinnie Mostowy\"\n      :src=\"require('@/assets/images/portrait/small/avatar-s-20.jpg')\"\n    />\n  </b-avatar-group>\n</template>\n\n<script>\nimport {  BAvatarGroup, BAvatar, VBTooltip} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BAvatarGroup,\n    BAvatar\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n  },\n}\n</script>\n`\n\nexport const codeAction = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <!-- button avatar -->\n    <b-avatar\n      button\n      variant=\"primary\"\n      text=\"BA\"\n      class=\"align-baseline\"\n      @click=\"showToast\"\n    />\n    <span> Button Avatar</span>\n\n    <!-- link avatar -->\n    <b-avatar\n      href=\"#foobar\"\n      :src=\"require('@/assets/images/portrait/small/avatar-s-8.jpg')\"\n    />\n    <span>Link Avatar</span>\n  </div>\n</template>\n\n<script>\nimport { BAvatar} from 'bootstrap-vue'\nimport ToastificationContent from '@core/components/toastification/ToastificationContent.vue'\n\nexport default {\n  components: {\n    BAvatar,\n    // eslint-disable-next-line vue/no-unused-components\n    ToastificationContent,\n  },\n  methods: {\n    showToast() {\n      this.$toast({\n        component: ToastificationContent,\n        props: {\n          title: 'Notification',\n          icon: 'BellIcon',\n        },\n      })\n    },\n  },\n}\n</script>\n`\n"],"sourceRoot":""}