{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/components/avatar/Avatar.vue?8950","webpack:///./src/views/components/avatar/AvatarSize.vue?f948","webpack:///./src/views/components/avatar/code.js","webpack:///src/views/components/avatar/AvatarSize.vue","webpack:///./src/views/components/avatar/AvatarSize.vue?bbab","webpack:///./src/views/components/avatar/AvatarSize.vue","webpack:///./src/views/components/avatar/AvatarInitials.vue?9b0c","webpack:///src/views/components/avatar/AvatarInitials.vue","webpack:///./src/views/components/avatar/AvatarInitials.vue?f812","webpack:///./src/views/components/avatar/AvatarInitials.vue","webpack:///./src/views/components/avatar/AvatarColor.vue?cf2b","webpack:///src/views/components/avatar/AvatarColor.vue","webpack:///./src/views/components/avatar/AvatarColor.vue?78cd","webpack:///./src/views/components/avatar/AvatarColor.vue","webpack:///./src/views/components/avatar/AvatarLightColor.vue?bdeb","webpack:///src/views/components/avatar/AvatarLightColor.vue","webpack:///./src/views/components/avatar/AvatarLightColor.vue?cfea","webpack:///./src/views/components/avatar/AvatarLightColor.vue","webpack:///./src/views/components/avatar/AvatarAction.vue?8a0f","webpack:///src/views/components/avatar/AvatarAction.vue","webpack:///./src/views/components/avatar/AvatarAction.vue?583f","webpack:///./src/views/components/avatar/AvatarAction.vue","webpack:///./src/views/components/avatar/AvatarBadge.vue?14af","webpack:///src/views/components/avatar/AvatarBadge.vue","webpack:///./src/views/components/avatar/AvatarBadge.vue?c54d","webpack:///./src/views/components/avatar/AvatarBadge.vue","webpack:///./src/views/components/avatar/AvatarBadgePosition.vue?eb78","webpack:///src/views/components/avatar/AvatarBadgePosition.vue","webpack:///./src/views/components/avatar/AvatarBadgePosition.vue?58fc","webpack:///./src/views/components/avatar/AvatarBadgePosition.vue","webpack:///./src/views/components/avatar/AvatarOffset.vue?8951","webpack:///src/views/components/avatar/AvatarOffset.vue","webpack:///./src/views/components/avatar/AvatarOffset.vue?a859","webpack:///./src/views/components/avatar/AvatarOffset.vue","webpack:///./src/views/components/avatar/AvatarIcon.vue?1d15","webpack:///src/views/components/avatar/AvatarIcon.vue","webpack:///./src/views/components/avatar/AvatarIcon.vue?9693","webpack:///./src/views/components/avatar/AvatarIcon.vue","webpack:///./src/views/components/avatar/AvatarCustomContent.vue?511a","webpack:///src/views/components/avatar/AvatarCustomContent.vue","webpack:///./src/views/components/avatar/AvatarCustomContent.vue?2041","webpack:///./src/views/components/avatar/AvatarCustomContent.vue","webpack:///./src/views/components/avatar/AvatarBadgeContent.vue?2fcc","webpack:///src/views/components/avatar/AvatarBadgeContent.vue","webpack:///./src/views/components/avatar/AvatarBadgeContent.vue?dd22","webpack:///./src/views/components/avatar/AvatarBadgeContent.vue","webpack:///./src/views/components/avatar/AvatarSquare.vue?c3c7","webpack:///src/views/components/avatar/AvatarSquare.vue","webpack:///./src/views/components/avatar/AvatarSquare.vue?d7f1","webpack:///./src/views/components/avatar/AvatarSquare.vue","webpack:///./src/views/components/avatar/AvatarRounded.vue?d362","webpack:///src/views/components/avatar/AvatarRounded.vue","webpack:///./src/views/components/avatar/AvatarRounded.vue?cee9","webpack:///./src/views/components/avatar/AvatarRounded.vue","webpack:///./src/views/components/avatar/AvatarGroup.vue?36e3","webpack:///src/views/components/avatar/AvatarGroup.vue","webpack:///./src/views/components/avatar/AvatarGroup.vue?5ae9","webpack:///./src/views/components/avatar/AvatarGroup.vue","webpack:///./src/views/components/avatar/AvatarGroupTooltip.vue?47ed","webpack:///src/views/components/avatar/AvatarGroupTooltip.vue","webpack:///./src/views/components/avatar/AvatarGroupTooltip.vue?3ddf","webpack:///./src/views/components/avatar/AvatarGroupTooltip.vue","webpack:///src/views/components/avatar/Avatar.vue","webpack:///./src/views/components/avatar/Avatar.vue?fb2a","webpack:///./src/views/components/avatar/Avatar.vue","webpack:///./src/assets/images/portrait/small/avatar-s-16.jpg"],"names":["BCardCode","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticRenderFns","scopedSlots","_u","key","fn","_v","_s","codeSizes","proxy","codeInitials","codeColor","codeColorLight","codeIcon","codeCustomContent","codeBadge","codeBadgeContent","codeBadgePosition","codeBadgeOffset","codeSquare","codeRounded","codeGroup","codeGroupTooltip","codeAction","components","BAvatar","BCardText","data","component","on","showToast","ToastificationContent","methods","$toast","props","title","icon","BAvatarGroup","directives","name","rawName","modifiers","VBTooltip","BRow","BCol","AvatarInitials","AvatarColor","AvatarLightColor","AvatarSize","AvatarAction","AvatarBadge","AvatarBadgePosition","AvatarOffset","AvatarIcon","AvatarCustomContent","AvatarBadgeContent","AvatarSquare","AvatarRounded","AvatarGroup","AvatarGroupTooltip","module","exports"],"mappings":"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","file":"js/chunk-4d17fe6f.3066150d.js","sourcesContent":["import BCardCode from './BCardCode.vue'\r\n\r\nexport default BCardCode\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('avatar-size')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('avatar-initials')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('avatar-color')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('avatar-light-color')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('avatar-icon')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('avatar-custom-content')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('avatar-badge')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('avatar-badge-content')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('avatar-badge-position')],1),_c('b-col',{attrs:{\"ld\":\"6\"}},[_c('avatar-offset')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('avatar-square')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('avatar-rounded')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('avatar-group')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('avatar-group-tooltip')],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('avatar-action')],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Sizes\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeSizes)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"Use the prop\")]),_c('code',[_vm._v(\"size\")]),_c('span',[_vm._v(\" to specify sizes \")]),_c('code',[_vm._v(\"sm, md\")]),_c('span',[_vm._v(\"and \")]),_c('code',[_vm._v(\"lg\")]),_c('span',[_vm._v(\" default to \")]),_c('code',[_vm._v(\"1.5em, 2.5em\")]),_c('span',[_vm._v(\" and \")]),_c('code',[_vm._v(\"3.5em\")])]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-avatar',{attrs:{\"size\":\"sm\",\"src\":require('@/assets/images/portrait/small/avatar-s-20.jpg')}}),_c('b-avatar',{attrs:{\"src\":require('@/assets/images/portrait/small/avatar-s-20.jpg')}}),_c('b-avatar',{attrs:{\"size\":\"lg\",\"src\":require('@/assets/images/portrait/small/avatar-s-20.jpg')}}),_c('b-avatar',{attrs:{\"size\":\"70px\",\"src\":require('@/assets/images/portrait/small/avatar-s-20.jpg')}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const codeSizes = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n    <b-avatar\r\n      size=\"sm\"\r\n      :src=\"require('@/assets/images/portrait/small/avatar-s-20.jpg')\"\r\n    />\r\n    <b-avatar\r\n      :src=\"require('@/assets/images/portrait/small/avatar-s-20.jpg')\"\r\n    />\r\n    <b-avatar\r\n      size=\"lg\"\r\n      :src=\"require('@/assets/images/portrait/small/avatar-s-20.jpg')\"\r\n    />\r\n    <b-avatar\r\n      size=\"70px\"\r\n      :src=\"require('@/assets/images/portrait/small/avatar-s-20.jpg')\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAvatar } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatar,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeInitials = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n    <b-avatar\r\n      size=\"sm\"\r\n      variant=\"light-primary\"\r\n      text=\"PI\"\r\n    />\r\n    <b-avatar\r\n      variant=\"light-secondary\"\r\n      text=\"PI\"\r\n    />\r\n    <b-avatar\r\n      size=\"lg\"\r\n      variant=\"light-success\"\r\n      text=\"PI\"\r\n    />\r\n    <b-avatar\r\n      size=\"70px\"\r\n      variant=\"light-danger\"\r\n      text=\"PI\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAvatar } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatar\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeColor = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n    <b-avatar\r\n      variant=\"primary\"\r\n      text=\"PI\"\r\n    />\r\n    <b-avatar\r\n      variant=\"secondary\"\r\n      text=\"PI\"\r\n    />\r\n    <b-avatar\r\n      variant=\"success\"\r\n      text=\"PI\"\r\n    />\r\n    <b-avatar\r\n      variant=\"danger\"\r\n      text=\"PI\"\r\n    />\r\n    <b-avatar\r\n      variant=\"warning\"\r\n      text=\"PI\"\r\n    />\r\n    <b-avatar\r\n      variant=\"info\"\r\n      text=\"PI\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAvatar} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatar,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeColorLight = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n    <b-avatar\r\n      text=\"PI\"\r\n      variant=\"light-primary\"\r\n    />\r\n    <b-avatar\r\n      text=\"PI\"\r\n      variant=\"light-secondary\"\r\n    />\r\n    <b-avatar\r\n      text=\"PI\"\r\n      variant=\"light-success\"\r\n    />\r\n    <b-avatar\r\n      text=\"PI\"\r\n      variant=\"light-danger\"\r\n    />\r\n    <b-avatar\r\n      text=\"PI\"\r\n      variant=\"light-warning\"\r\n    />\r\n    <b-avatar\r\n      text=\"PI\"\r\n      variant=\"light-info\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAvatar } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatar,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeIcon = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n    <b-avatar variant=\"primary\">\r\n      <feather-icon icon=\"HomeIcon\" />\r\n    </b-avatar>\r\n    <b-avatar variant=\"success\">\r\n      <feather-icon icon=\"BellIcon\" />\r\n    </b-avatar>\r\n    <b-avatar variant=\"info\">\r\n      <feather-icon icon=\"UserIcon\" />\r\n    </b-avatar>\r\n    <b-avatar variant=\"danger\">\r\n      <feather-icon icon=\"MessageSquareIcon\" />\r\n    </b-avatar>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAvatar } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatar\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeCustomContent = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n    <b-avatar variant=\"primary\">\r\n      <span>Hi</span>\r\n    </b-avatar>\r\n\r\n    <b-avatar variant=\"secondary\">\r\n      <span>New</span>\r\n    </b-avatar>\r\n\r\n    <b-avatar variant=\"success\">\r\n      <span>Hey</span>\r\n    </b-avatar>\r\n\r\n    <b-avatar variant=\"light-danger\">\r\n      <span>Hi</span>\r\n    </b-avatar>\r\n\r\n    <b-avatar variant=\"light-warning\">\r\n      <span>New</span>\r\n    </b-avatar>\r\n\r\n    <b-avatar variant=\"light-info\">\r\n      <span>Hey</span>\r\n    </b-avatar>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAvatar} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatar\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeBadge = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n    <!-- using default slot  -->\r\n    <b-avatar\r\n      badge=\"5\"\r\n      badge-variant=\"primary\"\r\n    >\r\n      <span class=\"d-flex align-items-center\">\r\n        <feather-icon\r\n          icon=\"DownloadIcon\"\r\n          size=\"16\"\r\n        />\r\n      </span>\r\n    </b-avatar>\r\n\r\n    <!-- with badge prop -->\r\n    <b-avatar\r\n      badge=\"3\"\r\n      badge-variant=\"primary\"\r\n    />\r\n\r\n    <b-avatar\r\n      badge=\"2\"\r\n      badge-variant=\"primary\"\r\n    />\r\n\r\n    <b-avatar\r\n      badge=\"1\"\r\n      badge-variant=\"primary\"\r\n    />\r\n\r\n    <b-avatar\r\n      badge=\"10\"\r\n      badge-variant=\"primary\"\r\n      text=\"BV\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAvatar} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatar,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeBadgeContent = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n    <b-avatar\r\n      class=\"mr-1\"\r\n      badge=\"B\"\r\n    />\r\n    <b-avatar\r\n      badge=\"7\"\r\n      class=\"mr-1\"\r\n      variant=\"primary\"\r\n      badge-variant=\"danger\"\r\n    />\r\n    <b-avatar\r\n      badge-variant=\"success\"\r\n      badge=\"1\"\r\n      :src=\"require('@/assets/images/portrait/small/avatar-s-16.jpg')\"\r\n    />\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport { BAvatar} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatar\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeBadgePosition = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n    <b-avatar\r\n      class=\"mr-1\"\r\n      badge\r\n      badge-variant=\"success\"\r\n    />\r\n    <b-avatar\r\n      class=\"mr-1\"\r\n      badge-variant=\"success\"\r\n      badge\r\n      badge-left\r\n    />\r\n    <b-avatar\r\n      badge\r\n      class=\"mr-1\"\r\n      badge-variant=\"success\"\r\n      badge-top\r\n    />\r\n    <b-avatar\r\n      badge\r\n      class=\"mr-1\"\r\n      badge-variant=\"success\"\r\n      badge-left\r\n      badge-top\r\n    />\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport { BAvatar} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatar\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeBadgeOffset = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n    <b-avatar\r\n      badge\r\n      badge-variant=\"success\"\r\n      badge-offset=\"-0.5em\"\r\n      class=\"mr-1\"\r\n    />\r\n    <b-avatar\r\n      badge\r\n      badge-variant=\"success\"\r\n      badge-offset=\"-2px\"\r\n      class=\"mr-1\"\r\n    />\r\n    <b-avatar\r\n      badge\r\n      badge-variant=\"success\"\r\n      badge-offset=\"2px\"\r\n      class=\"mr-1\"\r\n    />\r\n    <b-avatar\r\n      badge\r\n      badge-top\r\n      badge-variant=\"success\"\r\n      badge-offset=\"-0.5em\"\r\n      class=\"mr-1\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAvatar } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatar\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeSquare = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n    <b-avatar\r\n      variant=\"light-primary\"\r\n      square\r\n    />\r\n    <b-avatar\r\n      square\r\n      variant=\"light-success\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAvatar } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatar\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeRounded = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n    <b-avatar\r\n      rounded=\"sm\"\r\n      variant=\"light-primary\"\r\n    />\r\n    <b-avatar\r\n      rounded\r\n      variant=\"light-success\"\r\n    />\r\n    <b-avatar\r\n      rounded=\"top\"\r\n      variant=\"light-danger\"\r\n    />\r\n    <b-avatar\r\n      rounded=\"lg\"\r\n      variant=\"light-warning\"\r\n    />\r\n    <b-avatar\r\n      rounded=\"left\"\r\n      variant=\"light-info\"\r\n    />\r\n    <b-avatar\r\n      rounded=\"right\"\r\n      variant=\"light-primary\"\r\n    />\r\n    <b-avatar\r\n      rounded=\"bottom\"\r\n      variant=\"light-dark\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAvatar} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatar\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeGroup = `\r\n<template>\r\n  <b-avatar-group size=\"32px\">\r\n    <b-avatar\r\n      class=\"pull-up\"\r\n      :src=\"require('@/assets/images/portrait/small/avatar-s-5.jpg')\"\r\n    />\r\n    <b-avatar\r\n      class=\"pull-up\"\r\n      variant=\"primary\"\r\n      :src=\"require('@/assets/images/portrait/small/avatar-s-7.jpg')\"\r\n    />\r\n    <b-avatar\r\n      class=\"pull-up\"\r\n      :src=\"require('@/assets/images/portrait/small/avatar-s-10.jpg')\"\r\n    />\r\n    <b-avatar\r\n      class=\"pull-up\"\r\n      variant=\"danger\"\r\n      :src=\"require('@/assets/images/portrait/small/avatar-s-8.jpg')\"\r\n    />\r\n    <b-avatar\r\n      class=\"pull-up\"\r\n      :src=\"require('@/assets/images/portrait/small/avatar-s-20.jpg')\"\r\n    />\r\n  </b-avatar-group>\r\n</template>\r\n\r\n<script>\r\nimport { BAvatarGroup, BAvatar, } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatarGroup,\r\n    BAvatar,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeGroupTooltip = `\r\n<template>\r\n  <b-avatar-group size=\"32px\">\r\n    <b-avatar\r\n      v-b-tooltip.hover\r\n      class=\"pull-up\"\r\n      title=\"Jenny Looper\"\r\n      :src=\"require('@/assets/images/portrait/small/avatar-s-5.jpg')\"\r\n    />\r\n    <b-avatar\r\n      v-b-tooltip.hover\r\n      class=\"pull-up\"\r\n      title=\"Darcey Nooner\"\r\n      variant=\"primary\"\r\n      :src=\"require('@/assets/images/portrait/small/avatar-s-7.jpg')\"\r\n    />\r\n    <b-avatar\r\n      v-b-tooltip.hover\r\n      class=\"pull-up\"\r\n      title=\"Julee Rossignol\"\r\n      :src=\"require('@/assets/images/portrait/small/avatar-s-10.jpg')\"\r\n    />\r\n    <b-avatar\r\n      v-b-tooltip.hover\r\n      class=\"pull-up\"\r\n      title=\"Elicia Rieske\"\r\n      variant=\"danger\"\r\n      :src=\"require('@/assets/images/portrait/small/avatar-s-8.jpg')\"\r\n    />\r\n    <b-avatar\r\n      v-b-tooltip.hover\r\n      class=\"pull-up\"\r\n      title=\"Vinnie Mostowy\"\r\n      :src=\"require('@/assets/images/portrait/small/avatar-s-20.jpg')\"\r\n    />\r\n  </b-avatar-group>\r\n</template>\r\n\r\n<script>\r\nimport {  BAvatarGroup, BAvatar, VBTooltip} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatarGroup,\r\n    BAvatar\r\n  },\r\n  directives: {\r\n    'b-tooltip': VBTooltip,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeAction = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n    <!-- button avatar -->\r\n    <b-avatar\r\n      button\r\n      variant=\"primary\"\r\n      text=\"BA\"\r\n      class=\"align-baseline\"\r\n      @click=\"showToast\"\r\n    />\r\n    <span> Button Avatar</span>\r\n\r\n    <!-- link avatar -->\r\n    <b-avatar\r\n      href=\"#foobar\"\r\n      :src=\"require('@/assets/images/portrait/small/avatar-s-8.jpg')\"\r\n    />\r\n    <span>Link Avatar</span>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAvatar} from 'bootstrap-vue'\r\nimport ToastificationContent from '@core/components/toastification/ToastificationContent.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatar,\r\n    // eslint-disable-next-line vue/no-unused-components\r\n    ToastificationContent,\r\n  },\r\n  methods: {\r\n    showToast() {\r\n      this.$toast({\r\n        component: ToastificationContent,\r\n        props: {\r\n          title: 'Notification',\r\n          icon: 'BellIcon',\r\n        },\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\n","<template>\r\n  <b-card-code title=\"Sizes\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span>Use the prop</span>\r\n      <code>size</code>\r\n      <span> to specify sizes </span>\r\n      <code>sm, md</code>\r\n      <span>and </span>\r\n      <code>lg</code>\r\n      <span> default to </span>\r\n      <code>1.5em, 2.5em</code>\r\n      <span> and </span>\r\n      <code>3.5em</code>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <b-avatar\r\n        size=\"sm\"\r\n        :src=\"require('@/assets/images/portrait/small/avatar-s-20.jpg')\"\r\n      />\r\n      <b-avatar\r\n        :src=\"require('@/assets/images/portrait/small/avatar-s-20.jpg')\"\r\n      />\r\n      <b-avatar\r\n        size=\"lg\"\r\n        :src=\"require('@/assets/images/portrait/small/avatar-s-20.jpg')\"\r\n      />\r\n      <b-avatar\r\n        size=\"70px\"\r\n        :src=\"require('@/assets/images/portrait/small/avatar-s-20.jpg')\"\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeSizes }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAvatar, BCardText } from 'bootstrap-vue'\r\nimport { codeSizes } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAvatar,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeSizes,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarSize.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarSize.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AvatarSize.vue?vue&type=template&id=50286823&\"\nimport script from \"./AvatarSize.vue?vue&type=script&lang=js&\"\nexport * from \"./AvatarSize.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Initials\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeInitials)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"You can specify a short string as the content of an avatar via the \")]),_c('code',[_vm._v(\"text\")]),_c('span',[_vm._v(\" prop.\")])]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-avatar',{attrs:{\"size\":\"sm\",\"variant\":\"light-primary\",\"text\":\"PI\"}}),_c('b-avatar',{attrs:{\"variant\":\"light-secondary\",\"text\":\"PI\"}}),_c('b-avatar',{attrs:{\"size\":\"lg\",\"variant\":\"light-success\",\"text\":\"PI\"}}),_c('b-avatar',{attrs:{\"size\":\"70px\",\"variant\":\"light-danger\",\"text\":\"PI\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Initials\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span>You can specify a short string as the content of an avatar via the </span>\r\n      <code>text</code>\r\n      <span> prop.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <b-avatar\r\n        size=\"sm\"\r\n        variant=\"light-primary\"\r\n        text=\"PI\"\r\n      />\r\n      <b-avatar\r\n        variant=\"light-secondary\"\r\n        text=\"PI\"\r\n      />\r\n      <b-avatar\r\n        size=\"lg\"\r\n        variant=\"light-success\"\r\n        text=\"PI\"\r\n      />\r\n      <b-avatar\r\n        size=\"70px\"\r\n        variant=\"light-danger\"\r\n        text=\"PI\"\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeInitials }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAvatar, BCardText } from 'bootstrap-vue'\r\nimport { codeInitials } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAvatar,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeInitials,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarInitials.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarInitials.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AvatarInitials.vue?vue&type=template&id=33a93c3a&\"\nimport script from \"./AvatarInitials.vue?vue&type=script&lang=js&\"\nexport * from \"./AvatarInitials.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Colors\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeColor)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"Use the \")]),_c('code',[_vm._v(\"variant\")]),_c('span',[_vm._v(\" prop to specify one of Bootstrap theme variant colors.\")])]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-avatar',{attrs:{\"variant\":\"primary\",\"text\":\"PI\"}}),_c('b-avatar',{attrs:{\"variant\":\"secondary\",\"text\":\"PI\"}}),_c('b-avatar',{attrs:{\"variant\":\"success\",\"text\":\"PI\"}}),_c('b-avatar',{attrs:{\"variant\":\"danger\",\"text\":\"PI\"}}),_c('b-avatar',{attrs:{\"variant\":\"warning\",\"text\":\"PI\"}}),_c('b-avatar',{attrs:{\"variant\":\"info\",\"text\":\"PI\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Colors\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span>Use the </span>\r\n      <code>variant</code>\r\n      <span> prop to specify one of Bootstrap theme variant colors.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <b-avatar\r\n        variant=\"primary\"\r\n        text=\"PI\"\r\n      />\r\n      <b-avatar\r\n        variant=\"secondary\"\r\n        text=\"PI\"\r\n      />\r\n      <b-avatar\r\n        variant=\"success\"\r\n        text=\"PI\"\r\n      />\r\n      <b-avatar\r\n        variant=\"danger\"\r\n        text=\"PI\"\r\n      />\r\n      <b-avatar\r\n        variant=\"warning\"\r\n        text=\"PI\"\r\n      />\r\n      <b-avatar\r\n        variant=\"info\"\r\n        text=\"PI\"\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeColor }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAvatar, BCardText } from 'bootstrap-vue'\r\nimport { codeColor } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAvatar,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeColor,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarColor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AvatarColor.vue?vue&type=template&id=b2a3a08a&\"\nimport script from \"./AvatarColor.vue?vue&type=script&lang=js&\"\nexport * from \"./AvatarColor.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Light Colors\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeColorLight)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"use class \")]),_c('code',[_vm._v(\"variant=\\\"light-{color-name}\\\"\")]),_c('span',[_vm._v(\" to change background color of your avatar.\")])]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-avatar',{attrs:{\"text\":\"PI\",\"variant\":\"light-primary\"}}),_c('b-avatar',{attrs:{\"text\":\"PI\",\"variant\":\"light-secondary\"}}),_c('b-avatar',{attrs:{\"text\":\"PI\",\"variant\":\"light-success\"}}),_c('b-avatar',{attrs:{\"text\":\"PI\",\"variant\":\"light-danger\"}}),_c('b-avatar',{attrs:{\"text\":\"PI\",\"variant\":\"light-warning\"}}),_c('b-avatar',{attrs:{\"text\":\"PI\",\"variant\":\"light-info\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Light Colors\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span>use class </span>\r\n      <code>variant=\"light-{color-name}\"</code>\r\n      <span> to change background color of your avatar.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <b-avatar\r\n        text=\"PI\"\r\n        variant=\"light-primary\"\r\n      />\r\n      <b-avatar\r\n        text=\"PI\"\r\n        variant=\"light-secondary\"\r\n      />\r\n      <b-avatar\r\n        text=\"PI\"\r\n        variant=\"light-success\"\r\n      />\r\n      <b-avatar\r\n        text=\"PI\"\r\n        variant=\"light-danger\"\r\n      />\r\n      <b-avatar\r\n        text=\"PI\"\r\n        variant=\"light-warning\"\r\n      />\r\n      <b-avatar\r\n        text=\"PI\"\r\n        variant=\"light-info\"\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeColorLight }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { BCardText, BAvatar } from 'bootstrap-vue'\r\nimport { codeColorLight } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BAvatar,\r\n    BCardCode,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeColorLight,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarLightColor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarLightColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AvatarLightColor.vue?vue&type=template&id=ddca07b8&\"\nimport script from \"./AvatarLightColor.vue?vue&type=script&lang=js&\"\nexport * from \"./AvatarLightColor.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Actionable avatars\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeAction)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"Want to trigger the opening of a modal or trigger an action? Set the button prop to instruct\")]),_c('code',[_vm._v(\"<b-avatar>\")]),_c('span',[_vm._v(\" to render as a \")]),_c('code',[_vm._v(\"<button>\")]),_c('span',[_vm._v(\" element.\")])]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-avatar',{staticClass:\"align-baseline\",attrs:{\"button\":\"\",\"variant\":\"primary\",\"text\":\"BA\"},on:{\"click\":_vm.showToast}}),_c('span',[_vm._v(\" Button Avatar\")]),_c('b-avatar',{attrs:{\"href\":\"#foobar\",\"src\":require('@/assets/images/portrait/small/avatar-s-8.jpg')}}),_c('span',[_vm._v(\"Link Avatar\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Actionable avatars\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span>Want to trigger the opening of a modal or trigger an action? Set the button prop to instruct</span>\r\n      <code>&lt;b-avatar&gt;</code>\r\n      <span> to render as a </span>\r\n      <code>&lt;button&gt;</code>\r\n      <span> element.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n\r\n      <!-- button avatar -->\r\n      <b-avatar\r\n        button\r\n        variant=\"primary\"\r\n        text=\"BA\"\r\n        class=\"align-baseline\"\r\n        @click=\"showToast\"\r\n      />\r\n      <span> Button Avatar</span>\r\n\r\n      <!-- link avatar -->\r\n      <b-avatar\r\n        href=\"#foobar\"\r\n        :src=\"require('@/assets/images/portrait/small/avatar-s-8.jpg')\"\r\n      />\r\n      <span>Link Avatar</span>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeAction }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAvatar, BCardText } from 'bootstrap-vue'\r\nimport ToastificationContent from '@core/components/toastification/ToastificationContent.vue'\r\nimport { codeAction } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAvatar,\r\n    BCardText,\r\n    // eslint-disable-next-line vue/no-unused-components\r\n    ToastificationContent,\r\n  },\r\n  data() {\r\n    return {\r\n      codeAction,\r\n    }\r\n  },\r\n  methods: {\r\n    showToast() {\r\n      this.$toast({\r\n        component: ToastificationContent,\r\n        props: {\r\n          title: 'Notification',\r\n          icon: 'BellIcon',\r\n        },\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarAction.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarAction.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AvatarAction.vue?vue&type=template&id=93dc8924&\"\nimport script from \"./AvatarAction.vue?vue&type=script&lang=js&\"\nexport * from \"./AvatarAction.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Badge avatars\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeBadge)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"Easily add a badge to your avatar via the \")]),_c('code',[_vm._v(\"badge\")]),_c('span',[_vm._v(\" prop or \")]),_c('code',[_vm._v(\"'badge'\")]),_c('span',[_vm._v(\" slot, and the badge variant can be set via the \")]),_c('code',[_vm._v(\"badge-variant\")]),_c('span',[_vm._v(\" prop. The badge will scale with the size of the avatar.\")])]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-avatar',{attrs:{\"badge\":\"5\",\"badge-variant\":\"primary\"}},[_c('span',{staticClass:\"d-flex align-items-center\"},[_c('feather-icon',{attrs:{\"icon\":\"DownloadIcon\",\"size\":\"16\"}})],1)]),_c('b-avatar',{attrs:{\"badge\":\"3\",\"badge-variant\":\"primary\"}}),_c('b-avatar',{attrs:{\"badge\":\"2\",\"badge-variant\":\"primary\"}}),_c('b-avatar',{attrs:{\"badge\":\"1\",\"badge-variant\":\"primary\"}}),_c('b-avatar',{attrs:{\"badge\":\"10\",\"badge-variant\":\"primary\",\"text\":\"BV\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Badge avatars\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span>Easily add a badge to your avatar via the </span>\r\n      <code>badge</code>\r\n      <span> prop or </span>\r\n      <code>'badge'</code>\r\n      <span> slot, and the badge variant can be set via the </span>\r\n      <code>badge-variant</code>\r\n      <span> prop. The badge will scale with the size of the avatar.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <!-- using default slot  -->\r\n      <b-avatar\r\n        badge=\"5\"\r\n        badge-variant=\"primary\"\r\n      >\r\n        <span class=\"d-flex align-items-center\">\r\n          <feather-icon\r\n            icon=\"DownloadIcon\"\r\n            size=\"16\"\r\n          />\r\n        </span>\r\n      </b-avatar>\r\n\r\n      <!-- with badge prop -->\r\n      <b-avatar\r\n        badge=\"3\"\r\n        badge-variant=\"primary\"\r\n      />\r\n\r\n      <b-avatar\r\n        badge=\"2\"\r\n        badge-variant=\"primary\"\r\n      />\r\n\r\n      <b-avatar\r\n        badge=\"1\"\r\n        badge-variant=\"primary\"\r\n      />\r\n\r\n      <b-avatar\r\n        badge=\"10\"\r\n        badge-variant=\"primary\"\r\n        text=\"BV\"\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeBadge }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAvatar, BCardText } from 'bootstrap-vue'\r\nimport { codeBadge } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BCardText,\r\n    BAvatar,\r\n  },\r\n  data() {\r\n    return {\r\n      codeBadge,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarBadge.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarBadge.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AvatarBadge.vue?vue&type=template&id=345bf754&\"\nimport script from \"./AvatarBadge.vue?vue&type=script&lang=js&\"\nexport * from \"./AvatarBadge.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Badge positioning\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeBadgePosition)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"By default the badge appears on the bottom right of the avatar. \")]),_c('span',[_vm._v(\"You can use the \")]),_c('code',[_vm._v(\"badge-top\")]),_c('span',[_vm._v(\" and \")]),_c('code',[_vm._v(\"badge-right\")]),_c('span',[_vm._v(\" boolean props to switch the sides.\")])]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-avatar',{staticClass:\"mr-1\",attrs:{\"badge\":\"\",\"badge-variant\":\"success\"}}),_c('b-avatar',{staticClass:\"mr-1\",attrs:{\"badge-variant\":\"success\",\"badge\":\"\",\"badge-left\":\"\"}}),_c('b-avatar',{staticClass:\"mr-1\",attrs:{\"badge\":\"\",\"badge-variant\":\"success\",\"badge-top\":\"\"}}),_c('b-avatar',{staticClass:\"mr-1\",attrs:{\"badge\":\"\",\"badge-variant\":\"success\",\"badge-left\":\"\",\"badge-top\":\"\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Badge positioning\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span>By default the badge appears on the bottom right of the avatar. </span>\r\n      <span>You can use the </span>\r\n      <code>badge-top</code>\r\n      <span> and </span>\r\n      <code>badge-right</code>\r\n      <span> boolean props to switch the sides.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <b-avatar\r\n        class=\"mr-1\"\r\n        badge\r\n        badge-variant=\"success\"\r\n      />\r\n      <b-avatar\r\n        class=\"mr-1\"\r\n        badge-variant=\"success\"\r\n        badge\r\n        badge-left\r\n      />\r\n      <b-avatar\r\n        badge\r\n        class=\"mr-1\"\r\n        badge-variant=\"success\"\r\n        badge-top\r\n      />\r\n      <b-avatar\r\n        badge\r\n        class=\"mr-1\"\r\n        badge-variant=\"success\"\r\n        badge-left\r\n        badge-top\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeBadgePosition }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAvatar, BCardText } from 'bootstrap-vue'\r\nimport { codeBadgePosition } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAvatar,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeBadgePosition,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarBadgePosition.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarBadgePosition.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AvatarBadgePosition.vue?vue&type=template&id=10d17dcc&\"\nimport script from \"./AvatarBadgePosition.vue?vue&type=script&lang=js&\"\nexport * from \"./AvatarBadgePosition.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Badge Offset\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeBadgeOffset)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"Use the \")]),_c('code',[_vm._v(\"badge-offset\")]),_c('span',[_vm._v(\" prop to control the offset of the badge. \")]),_c('span',[_vm._v(\"Positive values will move the badge inward, while negative values will move the badge outward.\")])]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-avatar',{staticClass:\"mr-1\",attrs:{\"badge\":\"\",\"badge-variant\":\"success\",\"badge-offset\":\"-0.5em\"}}),_c('b-avatar',{staticClass:\"mr-1\",attrs:{\"badge\":\"\",\"badge-variant\":\"success\",\"badge-offset\":\"-2px\"}}),_c('b-avatar',{staticClass:\"mr-1\",attrs:{\"badge\":\"\",\"badge-variant\":\"success\",\"badge-offset\":\"2px\"}}),_c('b-avatar',{staticClass:\"mr-1\",attrs:{\"badge\":\"\",\"badge-top\":\"\",\"badge-variant\":\"success\",\"badge-offset\":\"-0.5em\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Badge Offset\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span>Use the </span>\r\n      <code>badge-offset</code>\r\n      <span> prop to control the offset of the badge. </span>\r\n      <span>Positive values will move the badge inward, while negative values will move the badge outward.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <b-avatar\r\n        badge\r\n        badge-variant=\"success\"\r\n        badge-offset=\"-0.5em\"\r\n        class=\"mr-1\"\r\n      />\r\n      <b-avatar\r\n        badge\r\n        badge-variant=\"success\"\r\n        badge-offset=\"-2px\"\r\n        class=\"mr-1\"\r\n      />\r\n      <b-avatar\r\n        badge\r\n        badge-variant=\"success\"\r\n        badge-offset=\"2px\"\r\n        class=\"mr-1\"\r\n      />\r\n      <b-avatar\r\n        badge\r\n        badge-top\r\n        badge-variant=\"success\"\r\n        badge-offset=\"-0.5em\"\r\n        class=\"mr-1\"\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeBadgeOffset }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAvatar, BCardText } from 'bootstrap-vue'\r\nimport { codeBadgeOffset } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAvatar,\r\n\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeBadgeOffset,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarOffset.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarOffset.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AvatarOffset.vue?vue&type=template&id=74cb0629&\"\nimport script from \"./AvatarOffset.vue?vue&type=script&lang=js&\"\nexport * from \"./AvatarOffset.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Icons\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeIcon)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"Easily use one of \")]),_c('code',[_vm._v(\"BootstrapVue's\")]),_c('span',[_vm._v(\" icons as the avatar content via the \")]),_c('code',[_vm._v(\"icon\")]),_c('span',[_vm._v(\" prop. The prop should be set to a valid icon name.\")])]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-avatar',{attrs:{\"variant\":\"primary\"}},[_c('feather-icon',{attrs:{\"icon\":\"HomeIcon\"}})],1),_c('b-avatar',{attrs:{\"variant\":\"success\"}},[_c('feather-icon',{attrs:{\"icon\":\"BellIcon\"}})],1),_c('b-avatar',{attrs:{\"variant\":\"info\"}},[_c('feather-icon',{attrs:{\"icon\":\"UserIcon\"}})],1),_c('b-avatar',{attrs:{\"variant\":\"danger\"}},[_c('feather-icon',{attrs:{\"icon\":\"MessageSquareIcon\"}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Icons\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span>Easily use one of </span>\r\n      <code>BootstrapVue's</code>\r\n      <span> icons as the avatar content via the </span>\r\n      <code>icon</code>\r\n      <span> prop. The prop should be set to a valid icon name.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <b-avatar variant=\"primary\">\r\n        <feather-icon icon=\"HomeIcon\" />\r\n      </b-avatar>\r\n      <b-avatar variant=\"success\">\r\n        <feather-icon icon=\"BellIcon\" />\r\n      </b-avatar>\r\n      <b-avatar variant=\"info\">\r\n        <feather-icon icon=\"UserIcon\" />\r\n      </b-avatar>\r\n      <b-avatar variant=\"danger\">\r\n        <feather-icon icon=\"MessageSquareIcon\" />\r\n      </b-avatar>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeIcon }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAvatar, BCardText } from 'bootstrap-vue'\r\nimport { codeIcon } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAvatar,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeIcon,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarIcon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AvatarIcon.vue?vue&type=template&id=5f561e16&\"\nimport script from \"./AvatarIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./AvatarIcon.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Custom content\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeCustomContent)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"Use the \")]),_c('code',[_vm._v(\"default\")]),_c('span',[_vm._v(\"slot to render custom content in the avatar, for finer grained control of its appearance.\")])]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-avatar',{attrs:{\"variant\":\"primary\"}},[_c('span',[_vm._v(\"Hi\")])]),_c('b-avatar',{attrs:{\"variant\":\"secondary\"}},[_c('span',[_vm._v(\"New\")])]),_c('b-avatar',{attrs:{\"variant\":\"success\"}},[_c('span',[_vm._v(\"Hey\")])]),_c('b-avatar',{attrs:{\"variant\":\"light-danger\"}},[_c('span',[_vm._v(\"Hi\")])]),_c('b-avatar',{attrs:{\"variant\":\"light-warning\"}},[_c('span',[_vm._v(\"New\")])]),_c('b-avatar',{attrs:{\"variant\":\"light-info\"}},[_c('span',[_vm._v(\"Hey\")])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Custom content\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span>Use the </span>\r\n      <code>default</code>\r\n      <span>slot to render custom content in the avatar, for finer grained control of its appearance.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <b-avatar variant=\"primary\">\r\n        <span>Hi</span>\r\n      </b-avatar>\r\n\r\n      <b-avatar variant=\"secondary\">\r\n        <span>New</span>\r\n      </b-avatar>\r\n\r\n      <b-avatar variant=\"success\">\r\n        <span>Hey</span>\r\n      </b-avatar>\r\n\r\n      <b-avatar variant=\"light-danger\">\r\n        <span>Hi</span>\r\n      </b-avatar>\r\n\r\n      <b-avatar variant=\"light-warning\">\r\n        <span>New</span>\r\n      </b-avatar>\r\n\r\n      <b-avatar variant=\"light-info\">\r\n        <span>Hey</span>\r\n      </b-avatar>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeCustomContent }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAvatar, BCardText } from 'bootstrap-vue'\r\nimport { codeCustomContent } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAvatar,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeCustomContent,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarCustomContent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarCustomContent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AvatarCustomContent.vue?vue&type=template&id=51175b43&\"\nimport script from \"./AvatarCustomContent.vue?vue&type=script&lang=js&\"\nexport * from \"./AvatarCustomContent.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Badge content\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeBadgeContent)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"Add textual content to the badge by supplying a string to the \")]),_c('code',[_vm._v(\"badge\")]),_c('span',[_vm._v(\" prop, or use the named slot \")]),_c('code',[_vm._v(\"'badge'\")]),_vm._v(\". \")]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-avatar',{staticClass:\"mr-1\",attrs:{\"badge\":\"B\"}}),_c('b-avatar',{staticClass:\"mr-1\",attrs:{\"badge\":\"7\",\"variant\":\"primary\",\"badge-variant\":\"danger\"}}),_c('b-avatar',{attrs:{\"badge-variant\":\"success\",\"badge\":\"1\",\"src\":require('@/assets/images/portrait/small/avatar-s-16.jpg')}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Badge content\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span>Add textual content to the badge by supplying a string to the </span>\r\n      <code>badge</code>\r\n      <span> prop, or use the named slot </span><code>'badge'</code>.\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <b-avatar\r\n        class=\"mr-1\"\r\n        badge=\"B\"\r\n      />\r\n      <b-avatar\r\n        badge=\"7\"\r\n        class=\"mr-1\"\r\n        variant=\"primary\"\r\n        badge-variant=\"danger\"\r\n      />\r\n      <b-avatar\r\n        badge-variant=\"success\"\r\n        badge=\"1\"\r\n        :src=\"require('@/assets/images/portrait/small/avatar-s-16.jpg')\"\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeBadgeContent }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAvatar, BCardText } from 'bootstrap-vue'\r\nimport { codeBadgeContent } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAvatar,\r\n    BCardText,\r\n  },\r\n  data() { return { codeBadgeContent } },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarBadgeContent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarBadgeContent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AvatarBadgeContent.vue?vue&type=template&id=1e3230f8&\"\nimport script from \"./AvatarBadgeContent.vue?vue&type=script&lang=js&\"\nexport * from \"./AvatarBadgeContent.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Square\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeSquare)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\" Prefer a square avatar? simply set the \")]),_c('code',[_vm._v(\"square\")]),_c('span',[_vm._v(\" prop to \")]),_c('code',[_vm._v(\"true\")]),_vm._v(\". \")]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-avatar',{attrs:{\"variant\":\"light-primary\",\"square\":\"\"}}),_c('b-avatar',{attrs:{\"square\":\"\",\"variant\":\"light-success\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Square\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span> Prefer a square avatar? simply set the </span>\r\n      <code>square</code>\r\n      <span> prop to </span>\r\n      <code>true</code>.\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <b-avatar\r\n        variant=\"light-primary\"\r\n        square\r\n      />\r\n      <b-avatar\r\n        square\r\n        variant=\"light-success\"\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeSquare }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAvatar, BCardText } from 'bootstrap-vue'\r\nimport { codeSquare } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAvatar,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeSquare,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarSquare.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarSquare.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AvatarSquare.vue?vue&type=template&id=b4e6810a&\"\nimport script from \"./AvatarSquare.vue?vue&type=script&lang=js&\"\nexport * from \"./AvatarSquare.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Rounded\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeRounded)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\" You can change the rounding by setting the prop\")]),_c('code',[_vm._v(\"rounded\")]),_c('span',[_vm._v(\".\")])]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-avatar',{attrs:{\"rounded\":\"sm\",\"variant\":\"light-primary\"}}),_c('b-avatar',{attrs:{\"rounded\":\"\",\"variant\":\"light-success\"}}),_c('b-avatar',{attrs:{\"rounded\":\"top\",\"variant\":\"light-danger\"}}),_c('b-avatar',{attrs:{\"rounded\":\"lg\",\"variant\":\"light-warning\"}}),_c('b-avatar',{attrs:{\"rounded\":\"left\",\"variant\":\"light-info\"}}),_c('b-avatar',{attrs:{\"rounded\":\"right\",\"variant\":\"light-primary\"}}),_c('b-avatar',{attrs:{\"rounded\":\"bottom\",\"variant\":\"light-dark\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Rounded\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span> You can change the rounding by setting the prop</span>\r\n      <code>rounded</code>\r\n      <span>.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <b-avatar\r\n        rounded=\"sm\"\r\n        variant=\"light-primary\"\r\n      />\r\n      <b-avatar\r\n        rounded\r\n        variant=\"light-success\"\r\n      />\r\n      <b-avatar\r\n        rounded=\"top\"\r\n        variant=\"light-danger\"\r\n      />\r\n      <b-avatar\r\n        rounded=\"lg\"\r\n        variant=\"light-warning\"\r\n      />\r\n      <b-avatar\r\n        rounded=\"left\"\r\n        variant=\"light-info\"\r\n      />\r\n      <b-avatar\r\n        rounded=\"right\"\r\n        variant=\"light-primary\"\r\n      />\r\n      <b-avatar\r\n        rounded=\"bottom\"\r\n        variant=\"light-dark\"\r\n      />\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeRounded }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAvatar, BCardText } from 'bootstrap-vue'\r\nimport { codeRounded } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAvatar,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeRounded,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarRounded.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarRounded.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AvatarRounded.vue?vue&type=template&id=4787a048&\"\nimport script from \"./AvatarRounded.vue?vue&type=script&lang=js&\"\nexport * from \"./AvatarRounded.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Avatar Group\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeGroup)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Group multiple avatars together by wrapping them in a \")]),_c('code',[_vm._v(\"<b-avatar-group>\")]),_c('span',[_vm._v(\" component. Add class \")]),_c('code',[_vm._v(\"pull-up\")]),_c('span',[_vm._v(\" for pull up the avatar on hover.\")])]),_c('b-avatar-group',{attrs:{\"size\":\"32px\"}},[_c('b-avatar',{staticClass:\"pull-up\",attrs:{\"src\":require('@/assets/images/portrait/small/avatar-s-5.jpg')}}),_c('b-avatar',{staticClass:\"pull-up\",attrs:{\"variant\":\"primary\",\"src\":require('@/assets/images/portrait/small/avatar-s-7.jpg')}}),_c('b-avatar',{staticClass:\"pull-up\",attrs:{\"src\":require('@/assets/images/portrait/small/avatar-s-10.jpg')}}),_c('b-avatar',{staticClass:\"pull-up\",attrs:{\"variant\":\"danger\",\"src\":require('@/assets/images/portrait/small/avatar-s-8.jpg')}}),_c('b-avatar',{staticClass:\"pull-up\",attrs:{\"src\":require('@/assets/images/portrait/small/avatar-s-20.jpg')}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Avatar Group\">\r\n    <b-card-text>\r\n      <span>Group multiple avatars together by wrapping them in a </span>\r\n      <code>&lt;b-avatar-group&gt;</code>\r\n      <span> component. Add class </span>\r\n      <code>pull-up</code>\r\n      <span> for pull up the avatar on hover.</span>\r\n    </b-card-text>\r\n\r\n    <b-avatar-group size=\"32px\">\r\n      <b-avatar\r\n        class=\"pull-up\"\r\n        :src=\"require('@/assets/images/portrait/small/avatar-s-5.jpg')\"\r\n      />\r\n      <b-avatar\r\n        class=\"pull-up\"\r\n        variant=\"primary\"\r\n        :src=\"require('@/assets/images/portrait/small/avatar-s-7.jpg')\"\r\n      />\r\n      <b-avatar\r\n        class=\"pull-up\"\r\n        :src=\"require('@/assets/images/portrait/small/avatar-s-10.jpg')\"\r\n      />\r\n      <b-avatar\r\n        class=\"pull-up\"\r\n        variant=\"danger\"\r\n        :src=\"require('@/assets/images/portrait/small/avatar-s-8.jpg')\"\r\n      />\r\n      <b-avatar\r\n        class=\"pull-up\"\r\n        :src=\"require('@/assets/images/portrait/small/avatar-s-20.jpg')\"\r\n      />\r\n    </b-avatar-group>\r\n\r\n    <template #code>\r\n      {{ codeGroup }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { BAvatarGroup, BAvatar, BCardText } from 'bootstrap-vue'\r\nimport { codeGroup } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAvatarGroup,\r\n    BAvatar,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeGroup,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarGroup.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarGroup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AvatarGroup.vue?vue&type=template&id=5b8c8de6&\"\nimport script from \"./AvatarGroup.vue?vue&type=script&lang=js&\"\nexport * from \"./AvatarGroup.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Avatar Group with Tooltip\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeGroupTooltip)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Use bootstrapVue's \")]),_c('code',[_vm._v(\"VBTooltip\")]),_c('span',[_vm._v(\" directive with avatar to use tooltip. \")]),_c('span',[_vm._v(\"Add class \")]),_c('code',[_vm._v(\"pull-up\")]),_c('span',[_vm._v(\" for pull up the avatar on hover.\")])]),_c('b-avatar-group',{attrs:{\"size\":\"32px\"}},[_c('b-avatar',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"pull-up\",attrs:{\"title\":\"Jenny Looper\",\"src\":require('@/assets/images/portrait/small/avatar-s-5.jpg')}}),_c('b-avatar',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"pull-up\",attrs:{\"title\":\"Darcey Nooner\",\"variant\":\"primary\",\"src\":require('@/assets/images/portrait/small/avatar-s-7.jpg')}}),_c('b-avatar',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"pull-up\",attrs:{\"title\":\"Julee Rossignol\",\"src\":require('@/assets/images/portrait/small/avatar-s-10.jpg')}}),_c('b-avatar',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"pull-up\",attrs:{\"title\":\"Elicia Rieske\",\"variant\":\"danger\",\"src\":require('@/assets/images/portrait/small/avatar-s-8.jpg')}}),_c('b-avatar',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"pull-up\",attrs:{\"title\":\"Vinnie Mostowy\",\"src\":require('@/assets/images/portrait/small/avatar-s-20.jpg')}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Avatar Group with Tooltip\">\r\n    <b-card-text>\r\n      <span>Use bootstrapVue's </span>\r\n      <code>VBTooltip</code>\r\n      <span> directive with avatar to use tooltip. </span>\r\n      <span>Add class </span>\r\n      <code>pull-up</code>\r\n      <span> for pull up the avatar on hover.</span>\r\n    </b-card-text>\r\n\r\n    <b-avatar-group size=\"32px\">\r\n      <b-avatar\r\n        v-b-tooltip.hover\r\n        class=\"pull-up\"\r\n        title=\"Jenny Looper\"\r\n        :src=\"require('@/assets/images/portrait/small/avatar-s-5.jpg')\"\r\n      />\r\n      <b-avatar\r\n        v-b-tooltip.hover\r\n        class=\"pull-up\"\r\n        title=\"Darcey Nooner\"\r\n        variant=\"primary\"\r\n        :src=\"require('@/assets/images/portrait/small/avatar-s-7.jpg')\"\r\n      />\r\n      <b-avatar\r\n        v-b-tooltip.hover\r\n        class=\"pull-up\"\r\n        title=\"Julee Rossignol\"\r\n        :src=\"require('@/assets/images/portrait/small/avatar-s-10.jpg')\"\r\n      />\r\n      <b-avatar\r\n        v-b-tooltip.hover\r\n        class=\"pull-up\"\r\n        title=\"Elicia Rieske\"\r\n        variant=\"danger\"\r\n        :src=\"require('@/assets/images/portrait/small/avatar-s-8.jpg')\"\r\n      />\r\n      <b-avatar\r\n        v-b-tooltip.hover\r\n        class=\"pull-up\"\r\n        title=\"Vinnie Mostowy\"\r\n        :src=\"require('@/assets/images/portrait/small/avatar-s-20.jpg')\"\r\n      />\r\n    </b-avatar-group>\r\n\r\n    <template #code>\r\n      {{ codeGroupTooltip }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport {\r\n  BAvatarGroup, BAvatar, BCardText, VBTooltip,\r\n} from 'bootstrap-vue'\r\nimport { codeGroupTooltip } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAvatarGroup,\r\n    BAvatar,\r\n    BCardText,\r\n  },\r\n  directives: {\r\n    'b-tooltip': VBTooltip,\r\n  },\r\n  data() {\r\n    return {\r\n      codeGroupTooltip,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarGroupTooltip.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvatarGroupTooltip.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AvatarGroupTooltip.vue?vue&type=template&id=35a8c0d0&\"\nimport script from \"./AvatarGroupTooltip.vue?vue&type=script&lang=js&\"\nexport * from \"./AvatarGroupTooltip.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","<template>\r\n  <b-row class=\"match-height\">\r\n    <b-col lg=\"6\">\r\n      <avatar-size />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <avatar-initials />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <avatar-color />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <avatar-light-color />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <avatar-icon />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <avatar-custom-content />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <avatar-badge />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <avatar-badge-content />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <avatar-badge-position />\r\n    </b-col>\r\n    <b-col ld=\"6\">\r\n      <avatar-offset />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <avatar-square />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <avatar-rounded />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <avatar-group />\r\n    </b-col>\r\n    <b-col lg=\"6\">\r\n      <avatar-group-tooltip />\r\n    </b-col>\r\n    <b-col cols=\"12\">\r\n      <avatar-action />\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport { BRow, BCol } from 'bootstrap-vue'\r\n\r\nimport AvatarSize from './AvatarSize.vue'\r\nimport AvatarInitials from './AvatarInitials.vue'\r\nimport AvatarColor from './AvatarColor.vue'\r\nimport AvatarLightColor from './AvatarLightColor.vue'\r\nimport AvatarAction from './AvatarAction.vue'\r\nimport AvatarBadge from './AvatarBadge.vue'\r\nimport AvatarBadgePosition from './AvatarBadgePosition.vue'\r\nimport AvatarOffset from './AvatarOffset.vue'\r\nimport AvatarIcon from './AvatarIcon.vue'\r\nimport AvatarCustomContent from './AvatarCustomContent.vue'\r\nimport AvatarBadgeContent from './AvatarBadgeContent.vue'\r\nimport AvatarSquare from './AvatarSquare.vue'\r\nimport AvatarRounded from './AvatarRounded.vue'\r\nimport AvatarGroup from './AvatarGroup.vue'\r\nimport AvatarGroupTooltip from './AvatarGroupTooltip.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n\r\n    AvatarInitials,\r\n    AvatarColor,\r\n    AvatarLightColor,\r\n    AvatarSize,\r\n    AvatarAction,\r\n    AvatarBadge,\r\n    AvatarBadgePosition,\r\n    AvatarOffset,\r\n    AvatarIcon,\r\n    AvatarCustomContent,\r\n    AvatarBadgeContent,\r\n    AvatarSquare,\r\n    AvatarRounded,\r\n    AvatarGroup,\r\n    AvatarGroupTooltip,\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Avatar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Avatar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Avatar.vue?vue&type=template&id=59dc015c&\"\nimport script from \"./Avatar.vue?vue&type=script&lang=js&\"\nexport * from \"./Avatar.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","module.exports = __webpack_public_path__ + \"img/avatar-s-16.037d5bcb.jpg\";"],"sourceRoot":""}