bootstrap-vue-next 0.45.5 → 0.45.6

package/dist/{BAvatar-CZn0MQHY.js → BAvatar-FGK0dK0x.js}

@@ -1,11 +1,11 @@
 require("./chunk-CoQrYLCe.js");
-const require_keys = require("./keys-durSVUrO.js");
+const require_keys = require("./keys-BMye8nSf.js");
 const require_dist = require("./dist-DiXKLh_W.js");
 const require_dom = require("./dom-Bs6DzM72.js");
-const require_useDefaults = require("./useDefaults-DsLf4iRY.js");
-const require_BLink = require("./BLink-uLjtY3bY.js");
+const require_useDefaults = require("./useDefaults-C0CYry78.js");
+const require_BLink = require("./BLink-kLEjleB1.js");
 const require_useColorVariantClasses = require("./useColorVariantClasses-Dq0sOYDL.js");
-const require_BBadge = require("./BBadge-DTJcCo9u.js");
+const require_BBadge = require("./BBadge-Db6SEnzy.js");
 const require_useNumberishToStyle = require("./useNumberishToStyle-BtMa0R27.js");
 const require_useRadiusElementClasses = require("./useRadiusElementClasses-DWiUVgex.js");
 let vue = require("vue");
@@ -383,4 +383,4 @@ Object.defineProperty(exports, "BAvatar_default", {
 	}
 });
 
-//# sourceMappingURL=BAvatar-CZn0MQHY.js.map
+//# sourceMappingURL=BAvatar-FGK0dK0x.js.map

package/dist/{BAvatar-CZn0MQHY.js.map → BAvatar-FGK0dK0x.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BAvatar-CZn0MQHY.js","names":[],"sources":["../src/components/BAvatar/BAvatar.vue","../src/components/BAvatar/BAvatar.vue","../src/components/BAvatar/BAvatarGroup.vue","../src/components/BAvatar/BAvatarGroup.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"computedTag\"\n    class=\"b-avatar\"\n    :class=\"computedClasses\"\n    :style=\"computedStyle\"\n    v-bind=\"computedLinkProps\"\n    :type=\"props.button && !computedLink ? props.buttonType : undefined\"\n    :disabled=\"props.disabled || null\"\n    :variant=\"null\"\n    @click=\"clicked\"\n  >\n    <span v-if=\"hasDefaultSlot\" class=\"b-avatar-custom\">\n      <slot />\n    </span>\n    <span v-else-if=\"!!localSrc\" class=\"b-avatar-img\">\n      <img :src=\"localSrc\" :alt=\"props.alt\" @error=\"onImgError\" />\n    </span>\n    <span v-else-if=\"!!props.text\" class=\"b-avatar-text\" :style=\"textFontStyle\">\n      {{ props.text }}\n    </span>\n    <span v-else class=\"b-avatar-img\"\n      ><svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"80%\"\n        height=\"80%\"\n        fill=\"currentColor\"\n        class=\"bi bi-person-fill\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path d=\"M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6\" />\n      </svg>\n    </span>\n    <BBadge\n      v-if=\"showBadge\"\n      :pill=\"props.badgePill\"\n      :dot-indicator=\"props.badgeDotIndicator || badgeImplicitlyDot\"\n      :variant=\"props.badgeVariant\"\n      :bg-variant=\"props.badgeBgVariant\"\n      :text-variant=\"props.badgeTextVariant\"\n      :style=\"badgeStyle\"\n      :placement=\"props.badgePlacement\"\n    >\n      <slot name=\"badge\">\n        {{ badgeText }}\n      </slot>\n    </BBadge>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {avatarGroupInjectionKey} from '../../utils/keys'\nimport {computed, type CSSProperties, inject, ref, type StyleValue, watch} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport BBadge from '../BBadge/BBadge.vue'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {isEmptySlot} from '../../utils/dom'\nimport {useNumberishToStyle} from '../../composables/useNumberishToStyle'\nimport {useRadiusElementClasses} from '../../composables/useRadiusElementClasses'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BAvatarEmits, BAvatarProps, BAvatarSlots, Size} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAvatarProps>(), {\n  alt: 'avatar',\n  badge: false,\n  badgeBgVariant: null,\n  badgeTextVariant: null,\n  badgeVariant: 'primary',\n  badgePlacement: 'bottom-end',\n  badgeDotIndicator: false,\n  badgePill: false,\n  button: false,\n  buttonType: 'button',\n  size: undefined,\n  square: false,\n  src: undefined,\n  text: undefined,\n  // Link props\n  variant: 'secondary',\n  // All others use defaults\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  stretched: false,\n  routerComponentName: undefined,\n  target: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  // ColorExtendables props\n  // Variant is here as well\n  bgVariant: null,\n  textVariant: null,\n  // End ColorExtendables props\n  // RadiusElementExtendables props\n  rounded: 'circle',\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  // End RadiusElementExtendables props\n})\nconst props = useDefaults(_props, 'BAvatar')\nconst emit = defineEmits<BAvatarEmits>()\nconst slots = defineSlots<BAvatarSlots>()\n\nconst localSrc = ref(props.src)\nwatch(\n  () => props.src,\n  (value) => {\n    localSrc.value = value\n  }\n)\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst parentData = inject(avatarGroupInjectionKey, null)\n\nconst SIZES = Object.freeze([\n  null,\n  ...Object.keys({\n    lg: null,\n    sm: null,\n  } satisfies Record<Size, null>),\n] as (string | null)[])\nconst FONT_SIZE_SCALE = 0.4\nconst BADGE_FONT_SIZE_SCALE = FONT_SIZE_SCALE * 0.7\n\nconst hasDefaultSlot = computed(() => !isEmptySlot(slots.default))\nconst hasBadgeSlot = computed(() => !isEmptySlot(slots.badge))\n\nconst showBadge = computed(() => !!props.badge || props.badge === '' || hasBadgeSlot.value)\nconst computedSquare = computed(() => parentData?.square.value || props.square)\n\n// const computedPropSize = useNumberishToStyle(() => props.size)\n// const propSizeIsLiteralSize = (val: unknown): val is Size =>\n//   !!val && typeof val === 'string' && SIZES.includes(val)\n// const computedParentSize = useNumberishToStyle(() => parentData?.size.value)\n// const computedSize = computed(() => computedParentSize.value ?? computedPropSize.value)\n// const computedPropSizeIsLiteralSize = computed(() => propSizeIsLiteralSize(computedSize.value))\n\nconst computedSize = useNumberishToStyle(() => parentData?.size.value ?? props.size)\nconst computedSizeIsLiteralSize = computed(\n  () => !!computedSize.value && SIZES.includes(computedSize.value)\n)\n\nconst computedVariant = computed(() => parentData?.variant.value ?? props.variant)\nconst computedRounded = computed(() => parentData?.rounded.value ?? props.rounded)\nconst computedRoundedTop = computed(() => parentData?.roundedTop.value ?? props.roundedTop)\nconst computedRoundedBottom = computed(() => parentData?.roundedBottom.value ?? props.roundedBottom)\nconst computedRoundedStart = computed(() => parentData?.roundedStart.value ?? props.roundedStart)\nconst computedRoundedEnd = computed(() => parentData?.roundedEnd.value ?? props.roundedEnd)\n\nconst radiusElementClasses = useRadiusElementClasses(() => ({\n  rounded: computedRounded.value,\n  roundedTop: computedRoundedTop.value,\n  roundedBottom: computedRoundedBottom.value,\n  roundedStart: computedRoundedStart.value,\n  roundedEnd: computedRoundedEnd.value,\n}))\n\nconst badgeText = computed(() => (props.badge === true ? '' : props.badge))\nconst badgeImplicitlyDot = computed(() => !badgeText.value && !hasBadgeSlot.value)\n\nconst colorClasses = useColorVariantClasses(() => ({\n  bgVariant: parentData?.bgVariant.value ?? props.bgVariant,\n  textVariant: parentData?.textVariant.value ?? props.textVariant,\n  variant: computedVariant.value,\n}))\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  // Square overwrites all else\n  computedSquare.value === true ? undefined : radiusElementClasses.value,\n  {\n    [`b-avatar-${computedSize.value}`]:\n      computedSizeIsLiteralSize.value && computedSize.value !== 'md',\n    [`btn-${computedVariant.value}`]: props.button ? computedVariant.value !== null : false,\n    'badge': !props.button && computedVariant.value !== null && hasDefaultSlot.value,\n    'btn': props.button,\n    // Square is the same as rounded-0 class\n    'rounded-0': computedSquare.value === true,\n  },\n])\n\nconst badgeStyle = computed<StyleValue>(() => ({\n  fontSize:\n    (!computedSizeIsLiteralSize.value\n      ? `calc(${computedSize.value} * ${BADGE_FONT_SIZE_SCALE})`\n      : '') || '',\n}))\n\nconst textFontStyle = computed<StyleValue>(() => {\n  const fontSize = !computedSizeIsLiteralSize.value\n    ? `calc(${computedSize.value} * ${FONT_SIZE_SCALE})`\n    : null\n  return fontSize ? {fontSize} : {}\n})\n\nconst marginStyle = computed(() => {\n  const overlapScale = parentData?.overlapScale?.value || 0\n\n  const value =\n    computedSize.value && overlapScale ? `calc(${computedSize.value} * -${overlapScale})` : null\n  return value ? {marginLeft: value, marginRight: value} : {}\n})\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.button ? 'button' : 'span'))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n  ...marginStyle.value,\n  ...(!computedSizeIsLiteralSize.value\n    ? {\n        width: computedSize.value,\n        height: computedSize.value,\n      }\n    : undefined),\n}))\n\nconst clicked = (e: Readonly<MouseEvent>): void => {\n  if (!props.disabled && (computedLink.value || props.button)) emit('click', e)\n}\n\nconst onImgError = (e: Readonly<Event>) => {\n  localSrc.value = undefined\n  emit('img-error', e)\n}\n</script>\n","<template>\n  <component\n    :is=\"computedTag\"\n    class=\"b-avatar\"\n    :class=\"computedClasses\"\n    :style=\"computedStyle\"\n    v-bind=\"computedLinkProps\"\n    :type=\"props.button && !computedLink ? props.buttonType : undefined\"\n    :disabled=\"props.disabled || null\"\n    :variant=\"null\"\n    @click=\"clicked\"\n  >\n    <span v-if=\"hasDefaultSlot\" class=\"b-avatar-custom\">\n      <slot />\n    </span>\n    <span v-else-if=\"!!localSrc\" class=\"b-avatar-img\">\n      <img :src=\"localSrc\" :alt=\"props.alt\" @error=\"onImgError\" />\n    </span>\n    <span v-else-if=\"!!props.text\" class=\"b-avatar-text\" :style=\"textFontStyle\">\n      {{ props.text }}\n    </span>\n    <span v-else class=\"b-avatar-img\"\n      ><svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"80%\"\n        height=\"80%\"\n        fill=\"currentColor\"\n        class=\"bi bi-person-fill\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path d=\"M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6\" />\n      </svg>\n    </span>\n    <BBadge\n      v-if=\"showBadge\"\n      :pill=\"props.badgePill\"\n      :dot-indicator=\"props.badgeDotIndicator || badgeImplicitlyDot\"\n      :variant=\"props.badgeVariant\"\n      :bg-variant=\"props.badgeBgVariant\"\n      :text-variant=\"props.badgeTextVariant\"\n      :style=\"badgeStyle\"\n      :placement=\"props.badgePlacement\"\n    >\n      <slot name=\"badge\">\n        {{ badgeText }}\n      </slot>\n    </BBadge>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {avatarGroupInjectionKey} from '../../utils/keys'\nimport {computed, type CSSProperties, inject, ref, type StyleValue, watch} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport BBadge from '../BBadge/BBadge.vue'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {isEmptySlot} from '../../utils/dom'\nimport {useNumberishToStyle} from '../../composables/useNumberishToStyle'\nimport {useRadiusElementClasses} from '../../composables/useRadiusElementClasses'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BAvatarEmits, BAvatarProps, BAvatarSlots, Size} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAvatarProps>(), {\n  alt: 'avatar',\n  badge: false,\n  badgeBgVariant: null,\n  badgeTextVariant: null,\n  badgeVariant: 'primary',\n  badgePlacement: 'bottom-end',\n  badgeDotIndicator: false,\n  badgePill: false,\n  button: false,\n  buttonType: 'button',\n  size: undefined,\n  square: false,\n  src: undefined,\n  text: undefined,\n  // Link props\n  variant: 'secondary',\n  // All others use defaults\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  stretched: false,\n  routerComponentName: undefined,\n  target: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  // ColorExtendables props\n  // Variant is here as well\n  bgVariant: null,\n  textVariant: null,\n  // End ColorExtendables props\n  // RadiusElementExtendables props\n  rounded: 'circle',\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  // End RadiusElementExtendables props\n})\nconst props = useDefaults(_props, 'BAvatar')\nconst emit = defineEmits<BAvatarEmits>()\nconst slots = defineSlots<BAvatarSlots>()\n\nconst localSrc = ref(props.src)\nwatch(\n  () => props.src,\n  (value) => {\n    localSrc.value = value\n  }\n)\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst parentData = inject(avatarGroupInjectionKey, null)\n\nconst SIZES = Object.freeze([\n  null,\n  ...Object.keys({\n    lg: null,\n    sm: null,\n  } satisfies Record<Size, null>),\n] as (string | null)[])\nconst FONT_SIZE_SCALE = 0.4\nconst BADGE_FONT_SIZE_SCALE = FONT_SIZE_SCALE * 0.7\n\nconst hasDefaultSlot = computed(() => !isEmptySlot(slots.default))\nconst hasBadgeSlot = computed(() => !isEmptySlot(slots.badge))\n\nconst showBadge = computed(() => !!props.badge || props.badge === '' || hasBadgeSlot.value)\nconst computedSquare = computed(() => parentData?.square.value || props.square)\n\n// const computedPropSize = useNumberishToStyle(() => props.size)\n// const propSizeIsLiteralSize = (val: unknown): val is Size =>\n//   !!val && typeof val === 'string' && SIZES.includes(val)\n// const computedParentSize = useNumberishToStyle(() => parentData?.size.value)\n// const computedSize = computed(() => computedParentSize.value ?? computedPropSize.value)\n// const computedPropSizeIsLiteralSize = computed(() => propSizeIsLiteralSize(computedSize.value))\n\nconst computedSize = useNumberishToStyle(() => parentData?.size.value ?? props.size)\nconst computedSizeIsLiteralSize = computed(\n  () => !!computedSize.value && SIZES.includes(computedSize.value)\n)\n\nconst computedVariant = computed(() => parentData?.variant.value ?? props.variant)\nconst computedRounded = computed(() => parentData?.rounded.value ?? props.rounded)\nconst computedRoundedTop = computed(() => parentData?.roundedTop.value ?? props.roundedTop)\nconst computedRoundedBottom = computed(() => parentData?.roundedBottom.value ?? props.roundedBottom)\nconst computedRoundedStart = computed(() => parentData?.roundedStart.value ?? props.roundedStart)\nconst computedRoundedEnd = computed(() => parentData?.roundedEnd.value ?? props.roundedEnd)\n\nconst radiusElementClasses = useRadiusElementClasses(() => ({\n  rounded: computedRounded.value,\n  roundedTop: computedRoundedTop.value,\n  roundedBottom: computedRoundedBottom.value,\n  roundedStart: computedRoundedStart.value,\n  roundedEnd: computedRoundedEnd.value,\n}))\n\nconst badgeText = computed(() => (props.badge === true ? '' : props.badge))\nconst badgeImplicitlyDot = computed(() => !badgeText.value && !hasBadgeSlot.value)\n\nconst colorClasses = useColorVariantClasses(() => ({\n  bgVariant: parentData?.bgVariant.value ?? props.bgVariant,\n  textVariant: parentData?.textVariant.value ?? props.textVariant,\n  variant: computedVariant.value,\n}))\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  // Square overwrites all else\n  computedSquare.value === true ? undefined : radiusElementClasses.value,\n  {\n    [`b-avatar-${computedSize.value}`]:\n      computedSizeIsLiteralSize.value && computedSize.value !== 'md',\n    [`btn-${computedVariant.value}`]: props.button ? computedVariant.value !== null : false,\n    'badge': !props.button && computedVariant.value !== null && hasDefaultSlot.value,\n    'btn': props.button,\n    // Square is the same as rounded-0 class\n    'rounded-0': computedSquare.value === true,\n  },\n])\n\nconst badgeStyle = computed<StyleValue>(() => ({\n  fontSize:\n    (!computedSizeIsLiteralSize.value\n      ? `calc(${computedSize.value} * ${BADGE_FONT_SIZE_SCALE})`\n      : '') || '',\n}))\n\nconst textFontStyle = computed<StyleValue>(() => {\n  const fontSize = !computedSizeIsLiteralSize.value\n    ? `calc(${computedSize.value} * ${FONT_SIZE_SCALE})`\n    : null\n  return fontSize ? {fontSize} : {}\n})\n\nconst marginStyle = computed(() => {\n  const overlapScale = parentData?.overlapScale?.value || 0\n\n  const value =\n    computedSize.value && overlapScale ? `calc(${computedSize.value} * -${overlapScale})` : null\n  return value ? {marginLeft: value, marginRight: value} : {}\n})\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.button ? 'button' : 'span'))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n  ...marginStyle.value,\n  ...(!computedSizeIsLiteralSize.value\n    ? {\n        width: computedSize.value,\n        height: computedSize.value,\n      }\n    : undefined),\n}))\n\nconst clicked = (e: Readonly<MouseEvent>): void => {\n  if (!props.disabled && (computedLink.value || props.button)) emit('click', e)\n}\n\nconst onImgError = (e: Readonly<Event>) => {\n  localSrc.value = undefined\n  emit('img-error', e)\n}\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"b-avatar-group\" role=\"group\">\n    <div class=\"b-avatar-group-inner\" :style=\"paddingStyle\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, type StyleValue, toRef} from 'vue'\nimport {avatarGroupInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useToNumber} from '@vueuse/core'\nimport {useNumberishToStyle} from '../../composables/useNumberishToStyle'\nimport type {BAvatarGroupProps, BAvatarGroupSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BAvatarGroupProps>(), {\n  overlap: 0.3,\n  size: undefined,\n  square: false,\n  tag: 'div',\n  // RadiusElementExtendables props\n  rounded: 'circle',\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  // End RadiusElementExtendables props\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BAvatarGroup')\ndefineSlots<BAvatarGroupSlots>()\n\nconst overlapNumber = useToNumber(() => props.overlap)\n\nconst computedSize = useNumberishToStyle(() => props.size)\nconst overlapScale = computed(() => Math.min(Math.max(overlapNumber.value, 0), 1) / 2)\n\nconst paddingStyle = computed<StyleValue>(() => {\n  const value = computedSize.value ? `calc(${computedSize.value} * ${overlapScale.value})` : null\n  return value ? {paddingLeft: value, paddingRight: value} : {}\n})\n\nprovide(avatarGroupInjectionKey, {\n  overlapScale,\n  size: toRef(() => props.size),\n  square: toRef(() => props.square),\n  rounded: toRef(() => props.rounded),\n  roundedTop: toRef(() => props.roundedTop),\n  roundedBottom: toRef(() => props.roundedBottom),\n  roundedStart: toRef(() => props.roundedStart),\n  roundedEnd: toRef(() => props.roundedEnd),\n  variant: toRef(() => props.variant),\n  bgVariant: toRef(() => props.bgVariant),\n  textVariant: toRef(() => props.textVariant),\n})\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"b-avatar-group\" role=\"group\">\n    <div class=\"b-avatar-group-inner\" :style=\"paddingStyle\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, type StyleValue, toRef} from 'vue'\nimport {avatarGroupInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useToNumber} from '@vueuse/core'\nimport {useNumberishToStyle} from '../../composables/useNumberishToStyle'\nimport type {BAvatarGroupProps, BAvatarGroupSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BAvatarGroupProps>(), {\n  overlap: 0.3,\n  size: undefined,\n  square: false,\n  tag: 'div',\n  // RadiusElementExtendables props\n  rounded: 'circle',\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  // End RadiusElementExtendables props\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BAvatarGroup')\ndefineSlots<BAvatarGroupSlots>()\n\nconst overlapNumber = useToNumber(() => props.overlap)\n\nconst computedSize = useNumberishToStyle(() => props.size)\nconst overlapScale = computed(() => Math.min(Math.max(overlapNumber.value, 0), 1) / 2)\n\nconst paddingStyle = computed<StyleValue>(() => {\n  const value = computedSize.value ? `calc(${computedSize.value} * ${overlapScale.value})` : null\n  return value ? {paddingLeft: value, paddingRight: value} : {}\n})\n\nprovide(avatarGroupInjectionKey, {\n  overlapScale,\n  size: toRef(() => props.size),\n  square: toRef(() => props.square),\n  rounded: toRef(() => props.rounded),\n  roundedTop: toRef(() => props.roundedTop),\n  roundedBottom: toRef(() => props.roundedBottom),\n  roundedStart: toRef(() => props.roundedStart),\n  roundedEnd: toRef(() => props.roundedEnd),\n  variant: toRef(() => props.variant),\n  bgVariant: toRef(() => props.bgVariant),\n  textVariant: toRef(() => props.textVariant),\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"BAvatar-FGK0dK0x.js","names":[],"sources":["../src/components/BAvatar/BAvatar.vue","../src/components/BAvatar/BAvatar.vue","../src/components/BAvatar/BAvatarGroup.vue","../src/components/BAvatar/BAvatarGroup.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"computedTag\"\n    class=\"b-avatar\"\n    :class=\"computedClasses\"\n    :style=\"computedStyle\"\n    v-bind=\"computedLinkProps\"\n    :type=\"props.button && !computedLink ? props.buttonType : undefined\"\n    :disabled=\"props.disabled || null\"\n    :variant=\"null\"\n    @click=\"clicked\"\n  >\n    <span v-if=\"hasDefaultSlot\" class=\"b-avatar-custom\">\n      <slot />\n    </span>\n    <span v-else-if=\"!!localSrc\" class=\"b-avatar-img\">\n      <img :src=\"localSrc\" :alt=\"props.alt\" @error=\"onImgError\" />\n    </span>\n    <span v-else-if=\"!!props.text\" class=\"b-avatar-text\" :style=\"textFontStyle\">\n      {{ props.text }}\n    </span>\n    <span v-else class=\"b-avatar-img\"\n      ><svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"80%\"\n        height=\"80%\"\n        fill=\"currentColor\"\n        class=\"bi bi-person-fill\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path d=\"M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6\" />\n      </svg>\n    </span>\n    <BBadge\n      v-if=\"showBadge\"\n      :pill=\"props.badgePill\"\n      :dot-indicator=\"props.badgeDotIndicator || badgeImplicitlyDot\"\n      :variant=\"props.badgeVariant\"\n      :bg-variant=\"props.badgeBgVariant\"\n      :text-variant=\"props.badgeTextVariant\"\n      :style=\"badgeStyle\"\n      :placement=\"props.badgePlacement\"\n    >\n      <slot name=\"badge\">\n        {{ badgeText }}\n      </slot>\n    </BBadge>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {avatarGroupInjectionKey} from '../../utils/keys'\nimport {computed, type CSSProperties, inject, ref, type StyleValue, watch} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport BBadge from '../BBadge/BBadge.vue'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {isEmptySlot} from '../../utils/dom'\nimport {useNumberishToStyle} from '../../composables/useNumberishToStyle'\nimport {useRadiusElementClasses} from '../../composables/useRadiusElementClasses'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BAvatarEmits, BAvatarProps, BAvatarSlots, Size} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAvatarProps>(), {\n  alt: 'avatar',\n  badge: false,\n  badgeBgVariant: null,\n  badgeTextVariant: null,\n  badgeVariant: 'primary',\n  badgePlacement: 'bottom-end',\n  badgeDotIndicator: false,\n  badgePill: false,\n  button: false,\n  buttonType: 'button',\n  size: undefined,\n  square: false,\n  src: undefined,\n  text: undefined,\n  // Link props\n  variant: 'secondary',\n  // All others use defaults\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  stretched: false,\n  routerComponentName: undefined,\n  target: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  // ColorExtendables props\n  // Variant is here as well\n  bgVariant: null,\n  textVariant: null,\n  // End ColorExtendables props\n  // RadiusElementExtendables props\n  rounded: 'circle',\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  // End RadiusElementExtendables props\n})\nconst props = useDefaults(_props, 'BAvatar')\nconst emit = defineEmits<BAvatarEmits>()\nconst slots = defineSlots<BAvatarSlots>()\n\nconst localSrc = ref(props.src)\nwatch(\n  () => props.src,\n  (value) => {\n    localSrc.value = value\n  }\n)\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst parentData = inject(avatarGroupInjectionKey, null)\n\nconst SIZES = Object.freeze([\n  null,\n  ...Object.keys({\n    lg: null,\n    sm: null,\n  } satisfies Record<Size, null>),\n] as (string | null)[])\nconst FONT_SIZE_SCALE = 0.4\nconst BADGE_FONT_SIZE_SCALE = FONT_SIZE_SCALE * 0.7\n\nconst hasDefaultSlot = computed(() => !isEmptySlot(slots.default))\nconst hasBadgeSlot = computed(() => !isEmptySlot(slots.badge))\n\nconst showBadge = computed(() => !!props.badge || props.badge === '' || hasBadgeSlot.value)\nconst computedSquare = computed(() => parentData?.square.value || props.square)\n\n// const computedPropSize = useNumberishToStyle(() => props.size)\n// const propSizeIsLiteralSize = (val: unknown): val is Size =>\n//   !!val && typeof val === 'string' && SIZES.includes(val)\n// const computedParentSize = useNumberishToStyle(() => parentData?.size.value)\n// const computedSize = computed(() => computedParentSize.value ?? computedPropSize.value)\n// const computedPropSizeIsLiteralSize = computed(() => propSizeIsLiteralSize(computedSize.value))\n\nconst computedSize = useNumberishToStyle(() => parentData?.size.value ?? props.size)\nconst computedSizeIsLiteralSize = computed(\n  () => !!computedSize.value && SIZES.includes(computedSize.value)\n)\n\nconst computedVariant = computed(() => parentData?.variant.value ?? props.variant)\nconst computedRounded = computed(() => parentData?.rounded.value ?? props.rounded)\nconst computedRoundedTop = computed(() => parentData?.roundedTop.value ?? props.roundedTop)\nconst computedRoundedBottom = computed(() => parentData?.roundedBottom.value ?? props.roundedBottom)\nconst computedRoundedStart = computed(() => parentData?.roundedStart.value ?? props.roundedStart)\nconst computedRoundedEnd = computed(() => parentData?.roundedEnd.value ?? props.roundedEnd)\n\nconst radiusElementClasses = useRadiusElementClasses(() => ({\n  rounded: computedRounded.value,\n  roundedTop: computedRoundedTop.value,\n  roundedBottom: computedRoundedBottom.value,\n  roundedStart: computedRoundedStart.value,\n  roundedEnd: computedRoundedEnd.value,\n}))\n\nconst badgeText = computed(() => (props.badge === true ? '' : props.badge))\nconst badgeImplicitlyDot = computed(() => !badgeText.value && !hasBadgeSlot.value)\n\nconst colorClasses = useColorVariantClasses(() => ({\n  bgVariant: parentData?.bgVariant.value ?? props.bgVariant,\n  textVariant: parentData?.textVariant.value ?? props.textVariant,\n  variant: computedVariant.value,\n}))\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  // Square overwrites all else\n  computedSquare.value === true ? undefined : radiusElementClasses.value,\n  {\n    [`b-avatar-${computedSize.value}`]:\n      computedSizeIsLiteralSize.value && computedSize.value !== 'md',\n    [`btn-${computedVariant.value}`]: props.button ? computedVariant.value !== null : false,\n    'badge': !props.button && computedVariant.value !== null && hasDefaultSlot.value,\n    'btn': props.button,\n    // Square is the same as rounded-0 class\n    'rounded-0': computedSquare.value === true,\n  },\n])\n\nconst badgeStyle = computed<StyleValue>(() => ({\n  fontSize:\n    (!computedSizeIsLiteralSize.value\n      ? `calc(${computedSize.value} * ${BADGE_FONT_SIZE_SCALE})`\n      : '') || '',\n}))\n\nconst textFontStyle = computed<StyleValue>(() => {\n  const fontSize = !computedSizeIsLiteralSize.value\n    ? `calc(${computedSize.value} * ${FONT_SIZE_SCALE})`\n    : null\n  return fontSize ? {fontSize} : {}\n})\n\nconst marginStyle = computed(() => {\n  const overlapScale = parentData?.overlapScale?.value || 0\n\n  const value =\n    computedSize.value && overlapScale ? `calc(${computedSize.value} * -${overlapScale})` : null\n  return value ? {marginLeft: value, marginRight: value} : {}\n})\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.button ? 'button' : 'span'))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n  ...marginStyle.value,\n  ...(!computedSizeIsLiteralSize.value\n    ? {\n        width: computedSize.value,\n        height: computedSize.value,\n      }\n    : undefined),\n}))\n\nconst clicked = (e: Readonly<MouseEvent>): void => {\n  if (!props.disabled && (computedLink.value || props.button)) emit('click', e)\n}\n\nconst onImgError = (e: Readonly<Event>) => {\n  localSrc.value = undefined\n  emit('img-error', e)\n}\n</script>\n","<template>\n  <component\n    :is=\"computedTag\"\n    class=\"b-avatar\"\n    :class=\"computedClasses\"\n    :style=\"computedStyle\"\n    v-bind=\"computedLinkProps\"\n    :type=\"props.button && !computedLink ? props.buttonType : undefined\"\n    :disabled=\"props.disabled || null\"\n    :variant=\"null\"\n    @click=\"clicked\"\n  >\n    <span v-if=\"hasDefaultSlot\" class=\"b-avatar-custom\">\n      <slot />\n    </span>\n    <span v-else-if=\"!!localSrc\" class=\"b-avatar-img\">\n      <img :src=\"localSrc\" :alt=\"props.alt\" @error=\"onImgError\" />\n    </span>\n    <span v-else-if=\"!!props.text\" class=\"b-avatar-text\" :style=\"textFontStyle\">\n      {{ props.text }}\n    </span>\n    <span v-else class=\"b-avatar-img\"\n      ><svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"80%\"\n        height=\"80%\"\n        fill=\"currentColor\"\n        class=\"bi bi-person-fill\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path d=\"M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6\" />\n      </svg>\n    </span>\n    <BBadge\n      v-if=\"showBadge\"\n      :pill=\"props.badgePill\"\n      :dot-indicator=\"props.badgeDotIndicator || badgeImplicitlyDot\"\n      :variant=\"props.badgeVariant\"\n      :bg-variant=\"props.badgeBgVariant\"\n      :text-variant=\"props.badgeTextVariant\"\n      :style=\"badgeStyle\"\n      :placement=\"props.badgePlacement\"\n    >\n      <slot name=\"badge\">\n        {{ badgeText }}\n      </slot>\n    </BBadge>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {avatarGroupInjectionKey} from '../../utils/keys'\nimport {computed, type CSSProperties, inject, ref, type StyleValue, watch} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport BBadge from '../BBadge/BBadge.vue'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {isEmptySlot} from '../../utils/dom'\nimport {useNumberishToStyle} from '../../composables/useNumberishToStyle'\nimport {useRadiusElementClasses} from '../../composables/useRadiusElementClasses'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BAvatarEmits, BAvatarProps, BAvatarSlots, Size} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAvatarProps>(), {\n  alt: 'avatar',\n  badge: false,\n  badgeBgVariant: null,\n  badgeTextVariant: null,\n  badgeVariant: 'primary',\n  badgePlacement: 'bottom-end',\n  badgeDotIndicator: false,\n  badgePill: false,\n  button: false,\n  buttonType: 'button',\n  size: undefined,\n  square: false,\n  src: undefined,\n  text: undefined,\n  // Link props\n  variant: 'secondary',\n  // All others use defaults\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  stretched: false,\n  routerComponentName: undefined,\n  target: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  // ColorExtendables props\n  // Variant is here as well\n  bgVariant: null,\n  textVariant: null,\n  // End ColorExtendables props\n  // RadiusElementExtendables props\n  rounded: 'circle',\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  // End RadiusElementExtendables props\n})\nconst props = useDefaults(_props, 'BAvatar')\nconst emit = defineEmits<BAvatarEmits>()\nconst slots = defineSlots<BAvatarSlots>()\n\nconst localSrc = ref(props.src)\nwatch(\n  () => props.src,\n  (value) => {\n    localSrc.value = value\n  }\n)\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst parentData = inject(avatarGroupInjectionKey, null)\n\nconst SIZES = Object.freeze([\n  null,\n  ...Object.keys({\n    lg: null,\n    sm: null,\n  } satisfies Record<Size, null>),\n] as (string | null)[])\nconst FONT_SIZE_SCALE = 0.4\nconst BADGE_FONT_SIZE_SCALE = FONT_SIZE_SCALE * 0.7\n\nconst hasDefaultSlot = computed(() => !isEmptySlot(slots.default))\nconst hasBadgeSlot = computed(() => !isEmptySlot(slots.badge))\n\nconst showBadge = computed(() => !!props.badge || props.badge === '' || hasBadgeSlot.value)\nconst computedSquare = computed(() => parentData?.square.value || props.square)\n\n// const computedPropSize = useNumberishToStyle(() => props.size)\n// const propSizeIsLiteralSize = (val: unknown): val is Size =>\n//   !!val && typeof val === 'string' && SIZES.includes(val)\n// const computedParentSize = useNumberishToStyle(() => parentData?.size.value)\n// const computedSize = computed(() => computedParentSize.value ?? computedPropSize.value)\n// const computedPropSizeIsLiteralSize = computed(() => propSizeIsLiteralSize(computedSize.value))\n\nconst computedSize = useNumberishToStyle(() => parentData?.size.value ?? props.size)\nconst computedSizeIsLiteralSize = computed(\n  () => !!computedSize.value && SIZES.includes(computedSize.value)\n)\n\nconst computedVariant = computed(() => parentData?.variant.value ?? props.variant)\nconst computedRounded = computed(() => parentData?.rounded.value ?? props.rounded)\nconst computedRoundedTop = computed(() => parentData?.roundedTop.value ?? props.roundedTop)\nconst computedRoundedBottom = computed(() => parentData?.roundedBottom.value ?? props.roundedBottom)\nconst computedRoundedStart = computed(() => parentData?.roundedStart.value ?? props.roundedStart)\nconst computedRoundedEnd = computed(() => parentData?.roundedEnd.value ?? props.roundedEnd)\n\nconst radiusElementClasses = useRadiusElementClasses(() => ({\n  rounded: computedRounded.value,\n  roundedTop: computedRoundedTop.value,\n  roundedBottom: computedRoundedBottom.value,\n  roundedStart: computedRoundedStart.value,\n  roundedEnd: computedRoundedEnd.value,\n}))\n\nconst badgeText = computed(() => (props.badge === true ? '' : props.badge))\nconst badgeImplicitlyDot = computed(() => !badgeText.value && !hasBadgeSlot.value)\n\nconst colorClasses = useColorVariantClasses(() => ({\n  bgVariant: parentData?.bgVariant.value ?? props.bgVariant,\n  textVariant: parentData?.textVariant.value ?? props.textVariant,\n  variant: computedVariant.value,\n}))\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  // Square overwrites all else\n  computedSquare.value === true ? undefined : radiusElementClasses.value,\n  {\n    [`b-avatar-${computedSize.value}`]:\n      computedSizeIsLiteralSize.value && computedSize.value !== 'md',\n    [`btn-${computedVariant.value}`]: props.button ? computedVariant.value !== null : false,\n    'badge': !props.button && computedVariant.value !== null && hasDefaultSlot.value,\n    'btn': props.button,\n    // Square is the same as rounded-0 class\n    'rounded-0': computedSquare.value === true,\n  },\n])\n\nconst badgeStyle = computed<StyleValue>(() => ({\n  fontSize:\n    (!computedSizeIsLiteralSize.value\n      ? `calc(${computedSize.value} * ${BADGE_FONT_SIZE_SCALE})`\n      : '') || '',\n}))\n\nconst textFontStyle = computed<StyleValue>(() => {\n  const fontSize = !computedSizeIsLiteralSize.value\n    ? `calc(${computedSize.value} * ${FONT_SIZE_SCALE})`\n    : null\n  return fontSize ? {fontSize} : {}\n})\n\nconst marginStyle = computed(() => {\n  const overlapScale = parentData?.overlapScale?.value || 0\n\n  const value =\n    computedSize.value && overlapScale ? `calc(${computedSize.value} * -${overlapScale})` : null\n  return value ? {marginLeft: value, marginRight: value} : {}\n})\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.button ? 'button' : 'span'))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n  ...marginStyle.value,\n  ...(!computedSizeIsLiteralSize.value\n    ? {\n        width: computedSize.value,\n        height: computedSize.value,\n      }\n    : undefined),\n}))\n\nconst clicked = (e: Readonly<MouseEvent>): void => {\n  if (!props.disabled && (computedLink.value || props.button)) emit('click', e)\n}\n\nconst onImgError = (e: Readonly<Event>) => {\n  localSrc.value = undefined\n  emit('img-error', e)\n}\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"b-avatar-group\" role=\"group\">\n    <div class=\"b-avatar-group-inner\" :style=\"paddingStyle\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, type StyleValue, toRef} from 'vue'\nimport {avatarGroupInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useToNumber} from '@vueuse/core'\nimport {useNumberishToStyle} from '../../composables/useNumberishToStyle'\nimport type {BAvatarGroupProps, BAvatarGroupSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BAvatarGroupProps>(), {\n  overlap: 0.3,\n  size: undefined,\n  square: false,\n  tag: 'div',\n  // RadiusElementExtendables props\n  rounded: 'circle',\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  // End RadiusElementExtendables props\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BAvatarGroup')\ndefineSlots<BAvatarGroupSlots>()\n\nconst overlapNumber = useToNumber(() => props.overlap)\n\nconst computedSize = useNumberishToStyle(() => props.size)\nconst overlapScale = computed(() => Math.min(Math.max(overlapNumber.value, 0), 1) / 2)\n\nconst paddingStyle = computed<StyleValue>(() => {\n  const value = computedSize.value ? `calc(${computedSize.value} * ${overlapScale.value})` : null\n  return value ? {paddingLeft: value, paddingRight: value} : {}\n})\n\nprovide(avatarGroupInjectionKey, {\n  overlapScale,\n  size: toRef(() => props.size),\n  square: toRef(() => props.square),\n  rounded: toRef(() => props.rounded),\n  roundedTop: toRef(() => props.roundedTop),\n  roundedBottom: toRef(() => props.roundedBottom),\n  roundedStart: toRef(() => props.roundedStart),\n  roundedEnd: toRef(() => props.roundedEnd),\n  variant: toRef(() => props.variant),\n  bgVariant: toRef(() => props.bgVariant),\n  textVariant: toRef(() => props.textVariant),\n})\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"b-avatar-group\" role=\"group\">\n    <div class=\"b-avatar-group-inner\" :style=\"paddingStyle\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, type StyleValue, toRef} from 'vue'\nimport {avatarGroupInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useToNumber} from '@vueuse/core'\nimport {useNumberishToStyle} from '../../composables/useNumberishToStyle'\nimport type {BAvatarGroupProps, BAvatarGroupSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BAvatarGroupProps>(), {\n  overlap: 0.3,\n  size: undefined,\n  square: false,\n  tag: 'div',\n  // RadiusElementExtendables props\n  rounded: 'circle',\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  // End RadiusElementExtendables props\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BAvatarGroup')\ndefineSlots<BAvatarGroupSlots>()\n\nconst overlapNumber = useToNumber(() => props.overlap)\n\nconst computedSize = useNumberishToStyle(() => props.size)\nconst overlapScale = computed(() => Math.min(Math.max(overlapNumber.value, 0), 1) / 2)\n\nconst paddingStyle = computed<StyleValue>(() => {\n  const value = computedSize.value ? `calc(${computedSize.value} * ${overlapScale.value})` : null\n  return value ? {paddingLeft: value, paddingRight: value} : {}\n})\n\nprovide(avatarGroupInjectionKey, {\n  overlapScale,\n  size: toRef(() => props.size),\n  square: toRef(() => props.square),\n  rounded: toRef(() => props.rounded),\n  roundedTop: toRef(() => props.roundedTop),\n  roundedBottom: toRef(() => props.roundedBottom),\n  roundedStart: toRef(() => props.roundedStart),\n  roundedEnd: toRef(() => props.roundedEnd),\n  variant: toRef(() => props.variant),\n  bgVariant: toRef(() => props.bgVariant),\n  textVariant: toRef(() => props.textVariant),\n})\n</script>\n"],"mappings":"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"}

package/dist/{BAvatar-DODGnQMY.mjs → BAvatar-iALHbqVk.mjs}

@@ -1,10 +1,10 @@
-import { n as avatarGroupInjectionKey } from "./keys-CQKrwmvN.mjs";
+import { n as avatarGroupInjectionKey } from "./keys-DU7sQgl3.mjs";
 import { R as useToNumber } from "./dist-Dk9C_HFS.mjs";
 import { o as isEmptySlot } from "./dom-AhkaSoh8.mjs";
-import { t as useDefaults } from "./useDefaults-BKgBaqOV.mjs";
-import { r as useBLinkHelper, t as BLink_default } from "./BLink-CNFWSz0D.mjs";
+import { t as useDefaults } from "./useDefaults-DseelK6y.mjs";
+import { r as useBLinkHelper, t as BLink_default } from "./BLink-Dfgte6dQ.mjs";
 import { t as useColorVariantClasses } from "./useColorVariantClasses-CqeXHjRh.mjs";
-import { t as BBadge_default } from "./BBadge-CZ219I7a.mjs";
+import { t as BBadge_default } from "./BBadge-Cx_CdauK.mjs";
 import { t as useNumberishToStyle } from "./useNumberishToStyle-DgS1slD3.mjs";
 import { t as useRadiusElementClasses } from "./useRadiusElementClasses-BW832F7F.mjs";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, inject, mergeProps, normalizeStyle, openBlock, provide, ref, renderSlot, resolveDynamicComponent, toDisplayString, toRef, unref, useSlots, watch, withCtx } from "vue";
@@ -371,4 +371,4 @@ var BAvatarGroup_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { BAvatar_default as n, BAvatarGroup_default as t };
 
-//# sourceMappingURL=BAvatar-DODGnQMY.mjs.map
+//# sourceMappingURL=BAvatar-iALHbqVk.mjs.map

package/dist/{BAvatar-DODGnQMY.mjs.map → BAvatar-iALHbqVk.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"BAvatar-DODGnQMY.mjs","names":[],"sources":["../src/components/BAvatar/BAvatar.vue","../src/components/BAvatar/BAvatar.vue","../src/components/BAvatar/BAvatarGroup.vue","../src/components/BAvatar/BAvatarGroup.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"computedTag\"\n    class=\"b-avatar\"\n    :class=\"computedClasses\"\n    :style=\"computedStyle\"\n    v-bind=\"computedLinkProps\"\n    :type=\"props.button && !computedLink ? props.buttonType : undefined\"\n    :disabled=\"props.disabled || null\"\n    :variant=\"null\"\n    @click=\"clicked\"\n  >\n    <span v-if=\"hasDefaultSlot\" class=\"b-avatar-custom\">\n      <slot />\n    </span>\n    <span v-else-if=\"!!localSrc\" class=\"b-avatar-img\">\n      <img :src=\"localSrc\" :alt=\"props.alt\" @error=\"onImgError\" />\n    </span>\n    <span v-else-if=\"!!props.text\" class=\"b-avatar-text\" :style=\"textFontStyle\">\n      {{ props.text }}\n    </span>\n    <span v-else class=\"b-avatar-img\"\n      ><svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"80%\"\n        height=\"80%\"\n        fill=\"currentColor\"\n        class=\"bi bi-person-fill\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path d=\"M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6\" />\n      </svg>\n    </span>\n    <BBadge\n      v-if=\"showBadge\"\n      :pill=\"props.badgePill\"\n      :dot-indicator=\"props.badgeDotIndicator || badgeImplicitlyDot\"\n      :variant=\"props.badgeVariant\"\n      :bg-variant=\"props.badgeBgVariant\"\n      :text-variant=\"props.badgeTextVariant\"\n      :style=\"badgeStyle\"\n      :placement=\"props.badgePlacement\"\n    >\n      <slot name=\"badge\">\n        {{ badgeText }}\n      </slot>\n    </BBadge>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {avatarGroupInjectionKey} from '../../utils/keys'\nimport {computed, type CSSProperties, inject, ref, type StyleValue, watch} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport BBadge from '../BBadge/BBadge.vue'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {isEmptySlot} from '../../utils/dom'\nimport {useNumberishToStyle} from '../../composables/useNumberishToStyle'\nimport {useRadiusElementClasses} from '../../composables/useRadiusElementClasses'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BAvatarEmits, BAvatarProps, BAvatarSlots, Size} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAvatarProps>(), {\n  alt: 'avatar',\n  badge: false,\n  badgeBgVariant: null,\n  badgeTextVariant: null,\n  badgeVariant: 'primary',\n  badgePlacement: 'bottom-end',\n  badgeDotIndicator: false,\n  badgePill: false,\n  button: false,\n  buttonType: 'button',\n  size: undefined,\n  square: false,\n  src: undefined,\n  text: undefined,\n  // Link props\n  variant: 'secondary',\n  // All others use defaults\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  stretched: false,\n  routerComponentName: undefined,\n  target: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  // ColorExtendables props\n  // Variant is here as well\n  bgVariant: null,\n  textVariant: null,\n  // End ColorExtendables props\n  // RadiusElementExtendables props\n  rounded: 'circle',\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  // End RadiusElementExtendables props\n})\nconst props = useDefaults(_props, 'BAvatar')\nconst emit = defineEmits<BAvatarEmits>()\nconst slots = defineSlots<BAvatarSlots>()\n\nconst localSrc = ref(props.src)\nwatch(\n  () => props.src,\n  (value) => {\n    localSrc.value = value\n  }\n)\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst parentData = inject(avatarGroupInjectionKey, null)\n\nconst SIZES = Object.freeze([\n  null,\n  ...Object.keys({\n    lg: null,\n    sm: null,\n  } satisfies Record<Size, null>),\n] as (string | null)[])\nconst FONT_SIZE_SCALE = 0.4\nconst BADGE_FONT_SIZE_SCALE = FONT_SIZE_SCALE * 0.7\n\nconst hasDefaultSlot = computed(() => !isEmptySlot(slots.default))\nconst hasBadgeSlot = computed(() => !isEmptySlot(slots.badge))\n\nconst showBadge = computed(() => !!props.badge || props.badge === '' || hasBadgeSlot.value)\nconst computedSquare = computed(() => parentData?.square.value || props.square)\n\n// const computedPropSize = useNumberishToStyle(() => props.size)\n// const propSizeIsLiteralSize = (val: unknown): val is Size =>\n//   !!val && typeof val === 'string' && SIZES.includes(val)\n// const computedParentSize = useNumberishToStyle(() => parentData?.size.value)\n// const computedSize = computed(() => computedParentSize.value ?? computedPropSize.value)\n// const computedPropSizeIsLiteralSize = computed(() => propSizeIsLiteralSize(computedSize.value))\n\nconst computedSize = useNumberishToStyle(() => parentData?.size.value ?? props.size)\nconst computedSizeIsLiteralSize = computed(\n  () => !!computedSize.value && SIZES.includes(computedSize.value)\n)\n\nconst computedVariant = computed(() => parentData?.variant.value ?? props.variant)\nconst computedRounded = computed(() => parentData?.rounded.value ?? props.rounded)\nconst computedRoundedTop = computed(() => parentData?.roundedTop.value ?? props.roundedTop)\nconst computedRoundedBottom = computed(() => parentData?.roundedBottom.value ?? props.roundedBottom)\nconst computedRoundedStart = computed(() => parentData?.roundedStart.value ?? props.roundedStart)\nconst computedRoundedEnd = computed(() => parentData?.roundedEnd.value ?? props.roundedEnd)\n\nconst radiusElementClasses = useRadiusElementClasses(() => ({\n  rounded: computedRounded.value,\n  roundedTop: computedRoundedTop.value,\n  roundedBottom: computedRoundedBottom.value,\n  roundedStart: computedRoundedStart.value,\n  roundedEnd: computedRoundedEnd.value,\n}))\n\nconst badgeText = computed(() => (props.badge === true ? '' : props.badge))\nconst badgeImplicitlyDot = computed(() => !badgeText.value && !hasBadgeSlot.value)\n\nconst colorClasses = useColorVariantClasses(() => ({\n  bgVariant: parentData?.bgVariant.value ?? props.bgVariant,\n  textVariant: parentData?.textVariant.value ?? props.textVariant,\n  variant: computedVariant.value,\n}))\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  // Square overwrites all else\n  computedSquare.value === true ? undefined : radiusElementClasses.value,\n  {\n    [`b-avatar-${computedSize.value}`]:\n      computedSizeIsLiteralSize.value && computedSize.value !== 'md',\n    [`btn-${computedVariant.value}`]: props.button ? computedVariant.value !== null : false,\n    'badge': !props.button && computedVariant.value !== null && hasDefaultSlot.value,\n    'btn': props.button,\n    // Square is the same as rounded-0 class\n    'rounded-0': computedSquare.value === true,\n  },\n])\n\nconst badgeStyle = computed<StyleValue>(() => ({\n  fontSize:\n    (!computedSizeIsLiteralSize.value\n      ? `calc(${computedSize.value} * ${BADGE_FONT_SIZE_SCALE})`\n      : '') || '',\n}))\n\nconst textFontStyle = computed<StyleValue>(() => {\n  const fontSize = !computedSizeIsLiteralSize.value\n    ? `calc(${computedSize.value} * ${FONT_SIZE_SCALE})`\n    : null\n  return fontSize ? {fontSize} : {}\n})\n\nconst marginStyle = computed(() => {\n  const overlapScale = parentData?.overlapScale?.value || 0\n\n  const value =\n    computedSize.value && overlapScale ? `calc(${computedSize.value} * -${overlapScale})` : null\n  return value ? {marginLeft: value, marginRight: value} : {}\n})\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.button ? 'button' : 'span'))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n  ...marginStyle.value,\n  ...(!computedSizeIsLiteralSize.value\n    ? {\n        width: computedSize.value,\n        height: computedSize.value,\n      }\n    : undefined),\n}))\n\nconst clicked = (e: Readonly<MouseEvent>): void => {\n  if (!props.disabled && (computedLink.value || props.button)) emit('click', e)\n}\n\nconst onImgError = (e: Readonly<Event>) => {\n  localSrc.value = undefined\n  emit('img-error', e)\n}\n</script>\n","<template>\n  <component\n    :is=\"computedTag\"\n    class=\"b-avatar\"\n    :class=\"computedClasses\"\n    :style=\"computedStyle\"\n    v-bind=\"computedLinkProps\"\n    :type=\"props.button && !computedLink ? props.buttonType : undefined\"\n    :disabled=\"props.disabled || null\"\n    :variant=\"null\"\n    @click=\"clicked\"\n  >\n    <span v-if=\"hasDefaultSlot\" class=\"b-avatar-custom\">\n      <slot />\n    </span>\n    <span v-else-if=\"!!localSrc\" class=\"b-avatar-img\">\n      <img :src=\"localSrc\" :alt=\"props.alt\" @error=\"onImgError\" />\n    </span>\n    <span v-else-if=\"!!props.text\" class=\"b-avatar-text\" :style=\"textFontStyle\">\n      {{ props.text }}\n    </span>\n    <span v-else class=\"b-avatar-img\"\n      ><svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"80%\"\n        height=\"80%\"\n        fill=\"currentColor\"\n        class=\"bi bi-person-fill\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path d=\"M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6\" />\n      </svg>\n    </span>\n    <BBadge\n      v-if=\"showBadge\"\n      :pill=\"props.badgePill\"\n      :dot-indicator=\"props.badgeDotIndicator || badgeImplicitlyDot\"\n      :variant=\"props.badgeVariant\"\n      :bg-variant=\"props.badgeBgVariant\"\n      :text-variant=\"props.badgeTextVariant\"\n      :style=\"badgeStyle\"\n      :placement=\"props.badgePlacement\"\n    >\n      <slot name=\"badge\">\n        {{ badgeText }}\n      </slot>\n    </BBadge>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {avatarGroupInjectionKey} from '../../utils/keys'\nimport {computed, type CSSProperties, inject, ref, type StyleValue, watch} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport BBadge from '../BBadge/BBadge.vue'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {isEmptySlot} from '../../utils/dom'\nimport {useNumberishToStyle} from '../../composables/useNumberishToStyle'\nimport {useRadiusElementClasses} from '../../composables/useRadiusElementClasses'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BAvatarEmits, BAvatarProps, BAvatarSlots, Size} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAvatarProps>(), {\n  alt: 'avatar',\n  badge: false,\n  badgeBgVariant: null,\n  badgeTextVariant: null,\n  badgeVariant: 'primary',\n  badgePlacement: 'bottom-end',\n  badgeDotIndicator: false,\n  badgePill: false,\n  button: false,\n  buttonType: 'button',\n  size: undefined,\n  square: false,\n  src: undefined,\n  text: undefined,\n  // Link props\n  variant: 'secondary',\n  // All others use defaults\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  stretched: false,\n  routerComponentName: undefined,\n  target: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  // ColorExtendables props\n  // Variant is here as well\n  bgVariant: null,\n  textVariant: null,\n  // End ColorExtendables props\n  // RadiusElementExtendables props\n  rounded: 'circle',\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  // End RadiusElementExtendables props\n})\nconst props = useDefaults(_props, 'BAvatar')\nconst emit = defineEmits<BAvatarEmits>()\nconst slots = defineSlots<BAvatarSlots>()\n\nconst localSrc = ref(props.src)\nwatch(\n  () => props.src,\n  (value) => {\n    localSrc.value = value\n  }\n)\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst parentData = inject(avatarGroupInjectionKey, null)\n\nconst SIZES = Object.freeze([\n  null,\n  ...Object.keys({\n    lg: null,\n    sm: null,\n  } satisfies Record<Size, null>),\n] as (string | null)[])\nconst FONT_SIZE_SCALE = 0.4\nconst BADGE_FONT_SIZE_SCALE = FONT_SIZE_SCALE * 0.7\n\nconst hasDefaultSlot = computed(() => !isEmptySlot(slots.default))\nconst hasBadgeSlot = computed(() => !isEmptySlot(slots.badge))\n\nconst showBadge = computed(() => !!props.badge || props.badge === '' || hasBadgeSlot.value)\nconst computedSquare = computed(() => parentData?.square.value || props.square)\n\n// const computedPropSize = useNumberishToStyle(() => props.size)\n// const propSizeIsLiteralSize = (val: unknown): val is Size =>\n//   !!val && typeof val === 'string' && SIZES.includes(val)\n// const computedParentSize = useNumberishToStyle(() => parentData?.size.value)\n// const computedSize = computed(() => computedParentSize.value ?? computedPropSize.value)\n// const computedPropSizeIsLiteralSize = computed(() => propSizeIsLiteralSize(computedSize.value))\n\nconst computedSize = useNumberishToStyle(() => parentData?.size.value ?? props.size)\nconst computedSizeIsLiteralSize = computed(\n  () => !!computedSize.value && SIZES.includes(computedSize.value)\n)\n\nconst computedVariant = computed(() => parentData?.variant.value ?? props.variant)\nconst computedRounded = computed(() => parentData?.rounded.value ?? props.rounded)\nconst computedRoundedTop = computed(() => parentData?.roundedTop.value ?? props.roundedTop)\nconst computedRoundedBottom = computed(() => parentData?.roundedBottom.value ?? props.roundedBottom)\nconst computedRoundedStart = computed(() => parentData?.roundedStart.value ?? props.roundedStart)\nconst computedRoundedEnd = computed(() => parentData?.roundedEnd.value ?? props.roundedEnd)\n\nconst radiusElementClasses = useRadiusElementClasses(() => ({\n  rounded: computedRounded.value,\n  roundedTop: computedRoundedTop.value,\n  roundedBottom: computedRoundedBottom.value,\n  roundedStart: computedRoundedStart.value,\n  roundedEnd: computedRoundedEnd.value,\n}))\n\nconst badgeText = computed(() => (props.badge === true ? '' : props.badge))\nconst badgeImplicitlyDot = computed(() => !badgeText.value && !hasBadgeSlot.value)\n\nconst colorClasses = useColorVariantClasses(() => ({\n  bgVariant: parentData?.bgVariant.value ?? props.bgVariant,\n  textVariant: parentData?.textVariant.value ?? props.textVariant,\n  variant: computedVariant.value,\n}))\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  // Square overwrites all else\n  computedSquare.value === true ? undefined : radiusElementClasses.value,\n  {\n    [`b-avatar-${computedSize.value}`]:\n      computedSizeIsLiteralSize.value && computedSize.value !== 'md',\n    [`btn-${computedVariant.value}`]: props.button ? computedVariant.value !== null : false,\n    'badge': !props.button && computedVariant.value !== null && hasDefaultSlot.value,\n    'btn': props.button,\n    // Square is the same as rounded-0 class\n    'rounded-0': computedSquare.value === true,\n  },\n])\n\nconst badgeStyle = computed<StyleValue>(() => ({\n  fontSize:\n    (!computedSizeIsLiteralSize.value\n      ? `calc(${computedSize.value} * ${BADGE_FONT_SIZE_SCALE})`\n      : '') || '',\n}))\n\nconst textFontStyle = computed<StyleValue>(() => {\n  const fontSize = !computedSizeIsLiteralSize.value\n    ? `calc(${computedSize.value} * ${FONT_SIZE_SCALE})`\n    : null\n  return fontSize ? {fontSize} : {}\n})\n\nconst marginStyle = computed(() => {\n  const overlapScale = parentData?.overlapScale?.value || 0\n\n  const value =\n    computedSize.value && overlapScale ? `calc(${computedSize.value} * -${overlapScale})` : null\n  return value ? {marginLeft: value, marginRight: value} : {}\n})\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.button ? 'button' : 'span'))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n  ...marginStyle.value,\n  ...(!computedSizeIsLiteralSize.value\n    ? {\n        width: computedSize.value,\n        height: computedSize.value,\n      }\n    : undefined),\n}))\n\nconst clicked = (e: Readonly<MouseEvent>): void => {\n  if (!props.disabled && (computedLink.value || props.button)) emit('click', e)\n}\n\nconst onImgError = (e: Readonly<Event>) => {\n  localSrc.value = undefined\n  emit('img-error', e)\n}\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"b-avatar-group\" role=\"group\">\n    <div class=\"b-avatar-group-inner\" :style=\"paddingStyle\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, type StyleValue, toRef} from 'vue'\nimport {avatarGroupInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useToNumber} from '@vueuse/core'\nimport {useNumberishToStyle} from '../../composables/useNumberishToStyle'\nimport type {BAvatarGroupProps, BAvatarGroupSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BAvatarGroupProps>(), {\n  overlap: 0.3,\n  size: undefined,\n  square: false,\n  tag: 'div',\n  // RadiusElementExtendables props\n  rounded: 'circle',\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  // End RadiusElementExtendables props\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BAvatarGroup')\ndefineSlots<BAvatarGroupSlots>()\n\nconst overlapNumber = useToNumber(() => props.overlap)\n\nconst computedSize = useNumberishToStyle(() => props.size)\nconst overlapScale = computed(() => Math.min(Math.max(overlapNumber.value, 0), 1) / 2)\n\nconst paddingStyle = computed<StyleValue>(() => {\n  const value = computedSize.value ? `calc(${computedSize.value} * ${overlapScale.value})` : null\n  return value ? {paddingLeft: value, paddingRight: value} : {}\n})\n\nprovide(avatarGroupInjectionKey, {\n  overlapScale,\n  size: toRef(() => props.size),\n  square: toRef(() => props.square),\n  rounded: toRef(() => props.rounded),\n  roundedTop: toRef(() => props.roundedTop),\n  roundedBottom: toRef(() => props.roundedBottom),\n  roundedStart: toRef(() => props.roundedStart),\n  roundedEnd: toRef(() => props.roundedEnd),\n  variant: toRef(() => props.variant),\n  bgVariant: toRef(() => props.bgVariant),\n  textVariant: toRef(() => props.textVariant),\n})\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"b-avatar-group\" role=\"group\">\n    <div class=\"b-avatar-group-inner\" :style=\"paddingStyle\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, type StyleValue, toRef} from 'vue'\nimport {avatarGroupInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useToNumber} from '@vueuse/core'\nimport {useNumberishToStyle} from '../../composables/useNumberishToStyle'\nimport type {BAvatarGroupProps, BAvatarGroupSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BAvatarGroupProps>(), {\n  overlap: 0.3,\n  size: undefined,\n  square: false,\n  tag: 'div',\n  // RadiusElementExtendables props\n  rounded: 'circle',\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  // End RadiusElementExtendables props\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BAvatarGroup')\ndefineSlots<BAvatarGroupSlots>()\n\nconst overlapNumber = useToNumber(() => props.overlap)\n\nconst computedSize = useNumberishToStyle(() => props.size)\nconst overlapScale = computed(() => Math.min(Math.max(overlapNumber.value, 0), 1) / 2)\n\nconst paddingStyle = computed<StyleValue>(() => {\n  const value = computedSize.value ? `calc(${computedSize.value} * ${overlapScale.value})` : null\n  return value ? {paddingLeft: value, paddingRight: value} : {}\n})\n\nprovide(avatarGroupInjectionKey, {\n  overlapScale,\n  size: toRef(() => props.size),\n  square: toRef(() => props.square),\n  rounded: toRef(() => props.rounded),\n  roundedTop: toRef(() => props.roundedTop),\n  roundedBottom: toRef(() => props.roundedBottom),\n  roundedStart: toRef(() => props.roundedStart),\n  roundedEnd: toRef(() => props.roundedEnd),\n  variant: toRef(() => props.variant),\n  bgVariant: toRef(() => props.bgVariant),\n  textVariant: toRef(() => props.textVariant),\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"BAvatar-iALHbqVk.mjs","names":[],"sources":["../src/components/BAvatar/BAvatar.vue","../src/components/BAvatar/BAvatar.vue","../src/components/BAvatar/BAvatarGroup.vue","../src/components/BAvatar/BAvatarGroup.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"computedTag\"\n    class=\"b-avatar\"\n    :class=\"computedClasses\"\n    :style=\"computedStyle\"\n    v-bind=\"computedLinkProps\"\n    :type=\"props.button && !computedLink ? props.buttonType : undefined\"\n    :disabled=\"props.disabled || null\"\n    :variant=\"null\"\n    @click=\"clicked\"\n  >\n    <span v-if=\"hasDefaultSlot\" class=\"b-avatar-custom\">\n      <slot />\n    </span>\n    <span v-else-if=\"!!localSrc\" class=\"b-avatar-img\">\n      <img :src=\"localSrc\" :alt=\"props.alt\" @error=\"onImgError\" />\n    </span>\n    <span v-else-if=\"!!props.text\" class=\"b-avatar-text\" :style=\"textFontStyle\">\n      {{ props.text }}\n    </span>\n    <span v-else class=\"b-avatar-img\"\n      ><svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"80%\"\n        height=\"80%\"\n        fill=\"currentColor\"\n        class=\"bi bi-person-fill\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path d=\"M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6\" />\n      </svg>\n    </span>\n    <BBadge\n      v-if=\"showBadge\"\n      :pill=\"props.badgePill\"\n      :dot-indicator=\"props.badgeDotIndicator || badgeImplicitlyDot\"\n      :variant=\"props.badgeVariant\"\n      :bg-variant=\"props.badgeBgVariant\"\n      :text-variant=\"props.badgeTextVariant\"\n      :style=\"badgeStyle\"\n      :placement=\"props.badgePlacement\"\n    >\n      <slot name=\"badge\">\n        {{ badgeText }}\n      </slot>\n    </BBadge>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {avatarGroupInjectionKey} from '../../utils/keys'\nimport {computed, type CSSProperties, inject, ref, type StyleValue, watch} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport BBadge from '../BBadge/BBadge.vue'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {isEmptySlot} from '../../utils/dom'\nimport {useNumberishToStyle} from '../../composables/useNumberishToStyle'\nimport {useRadiusElementClasses} from '../../composables/useRadiusElementClasses'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BAvatarEmits, BAvatarProps, BAvatarSlots, Size} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAvatarProps>(), {\n  alt: 'avatar',\n  badge: false,\n  badgeBgVariant: null,\n  badgeTextVariant: null,\n  badgeVariant: 'primary',\n  badgePlacement: 'bottom-end',\n  badgeDotIndicator: false,\n  badgePill: false,\n  button: false,\n  buttonType: 'button',\n  size: undefined,\n  square: false,\n  src: undefined,\n  text: undefined,\n  // Link props\n  variant: 'secondary',\n  // All others use defaults\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  stretched: false,\n  routerComponentName: undefined,\n  target: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  // ColorExtendables props\n  // Variant is here as well\n  bgVariant: null,\n  textVariant: null,\n  // End ColorExtendables props\n  // RadiusElementExtendables props\n  rounded: 'circle',\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  // End RadiusElementExtendables props\n})\nconst props = useDefaults(_props, 'BAvatar')\nconst emit = defineEmits<BAvatarEmits>()\nconst slots = defineSlots<BAvatarSlots>()\n\nconst localSrc = ref(props.src)\nwatch(\n  () => props.src,\n  (value) => {\n    localSrc.value = value\n  }\n)\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst parentData = inject(avatarGroupInjectionKey, null)\n\nconst SIZES = Object.freeze([\n  null,\n  ...Object.keys({\n    lg: null,\n    sm: null,\n  } satisfies Record<Size, null>),\n] as (string | null)[])\nconst FONT_SIZE_SCALE = 0.4\nconst BADGE_FONT_SIZE_SCALE = FONT_SIZE_SCALE * 0.7\n\nconst hasDefaultSlot = computed(() => !isEmptySlot(slots.default))\nconst hasBadgeSlot = computed(() => !isEmptySlot(slots.badge))\n\nconst showBadge = computed(() => !!props.badge || props.badge === '' || hasBadgeSlot.value)\nconst computedSquare = computed(() => parentData?.square.value || props.square)\n\n// const computedPropSize = useNumberishToStyle(() => props.size)\n// const propSizeIsLiteralSize = (val: unknown): val is Size =>\n//   !!val && typeof val === 'string' && SIZES.includes(val)\n// const computedParentSize = useNumberishToStyle(() => parentData?.size.value)\n// const computedSize = computed(() => computedParentSize.value ?? computedPropSize.value)\n// const computedPropSizeIsLiteralSize = computed(() => propSizeIsLiteralSize(computedSize.value))\n\nconst computedSize = useNumberishToStyle(() => parentData?.size.value ?? props.size)\nconst computedSizeIsLiteralSize = computed(\n  () => !!computedSize.value && SIZES.includes(computedSize.value)\n)\n\nconst computedVariant = computed(() => parentData?.variant.value ?? props.variant)\nconst computedRounded = computed(() => parentData?.rounded.value ?? props.rounded)\nconst computedRoundedTop = computed(() => parentData?.roundedTop.value ?? props.roundedTop)\nconst computedRoundedBottom = computed(() => parentData?.roundedBottom.value ?? props.roundedBottom)\nconst computedRoundedStart = computed(() => parentData?.roundedStart.value ?? props.roundedStart)\nconst computedRoundedEnd = computed(() => parentData?.roundedEnd.value ?? props.roundedEnd)\n\nconst radiusElementClasses = useRadiusElementClasses(() => ({\n  rounded: computedRounded.value,\n  roundedTop: computedRoundedTop.value,\n  roundedBottom: computedRoundedBottom.value,\n  roundedStart: computedRoundedStart.value,\n  roundedEnd: computedRoundedEnd.value,\n}))\n\nconst badgeText = computed(() => (props.badge === true ? '' : props.badge))\nconst badgeImplicitlyDot = computed(() => !badgeText.value && !hasBadgeSlot.value)\n\nconst colorClasses = useColorVariantClasses(() => ({\n  bgVariant: parentData?.bgVariant.value ?? props.bgVariant,\n  textVariant: parentData?.textVariant.value ?? props.textVariant,\n  variant: computedVariant.value,\n}))\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  // Square overwrites all else\n  computedSquare.value === true ? undefined : radiusElementClasses.value,\n  {\n    [`b-avatar-${computedSize.value}`]:\n      computedSizeIsLiteralSize.value && computedSize.value !== 'md',\n    [`btn-${computedVariant.value}`]: props.button ? computedVariant.value !== null : false,\n    'badge': !props.button && computedVariant.value !== null && hasDefaultSlot.value,\n    'btn': props.button,\n    // Square is the same as rounded-0 class\n    'rounded-0': computedSquare.value === true,\n  },\n])\n\nconst badgeStyle = computed<StyleValue>(() => ({\n  fontSize:\n    (!computedSizeIsLiteralSize.value\n      ? `calc(${computedSize.value} * ${BADGE_FONT_SIZE_SCALE})`\n      : '') || '',\n}))\n\nconst textFontStyle = computed<StyleValue>(() => {\n  const fontSize = !computedSizeIsLiteralSize.value\n    ? `calc(${computedSize.value} * ${FONT_SIZE_SCALE})`\n    : null\n  return fontSize ? {fontSize} : {}\n})\n\nconst marginStyle = computed(() => {\n  const overlapScale = parentData?.overlapScale?.value || 0\n\n  const value =\n    computedSize.value && overlapScale ? `calc(${computedSize.value} * -${overlapScale})` : null\n  return value ? {marginLeft: value, marginRight: value} : {}\n})\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.button ? 'button' : 'span'))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n  ...marginStyle.value,\n  ...(!computedSizeIsLiteralSize.value\n    ? {\n        width: computedSize.value,\n        height: computedSize.value,\n      }\n    : undefined),\n}))\n\nconst clicked = (e: Readonly<MouseEvent>): void => {\n  if (!props.disabled && (computedLink.value || props.button)) emit('click', e)\n}\n\nconst onImgError = (e: Readonly<Event>) => {\n  localSrc.value = undefined\n  emit('img-error', e)\n}\n</script>\n","<template>\n  <component\n    :is=\"computedTag\"\n    class=\"b-avatar\"\n    :class=\"computedClasses\"\n    :style=\"computedStyle\"\n    v-bind=\"computedLinkProps\"\n    :type=\"props.button && !computedLink ? props.buttonType : undefined\"\n    :disabled=\"props.disabled || null\"\n    :variant=\"null\"\n    @click=\"clicked\"\n  >\n    <span v-if=\"hasDefaultSlot\" class=\"b-avatar-custom\">\n      <slot />\n    </span>\n    <span v-else-if=\"!!localSrc\" class=\"b-avatar-img\">\n      <img :src=\"localSrc\" :alt=\"props.alt\" @error=\"onImgError\" />\n    </span>\n    <span v-else-if=\"!!props.text\" class=\"b-avatar-text\" :style=\"textFontStyle\">\n      {{ props.text }}\n    </span>\n    <span v-else class=\"b-avatar-img\"\n      ><svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"80%\"\n        height=\"80%\"\n        fill=\"currentColor\"\n        class=\"bi bi-person-fill\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path d=\"M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6\" />\n      </svg>\n    </span>\n    <BBadge\n      v-if=\"showBadge\"\n      :pill=\"props.badgePill\"\n      :dot-indicator=\"props.badgeDotIndicator || badgeImplicitlyDot\"\n      :variant=\"props.badgeVariant\"\n      :bg-variant=\"props.badgeBgVariant\"\n      :text-variant=\"props.badgeTextVariant\"\n      :style=\"badgeStyle\"\n      :placement=\"props.badgePlacement\"\n    >\n      <slot name=\"badge\">\n        {{ badgeText }}\n      </slot>\n    </BBadge>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {avatarGroupInjectionKey} from '../../utils/keys'\nimport {computed, type CSSProperties, inject, ref, type StyleValue, watch} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport BBadge from '../BBadge/BBadge.vue'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {isEmptySlot} from '../../utils/dom'\nimport {useNumberishToStyle} from '../../composables/useNumberishToStyle'\nimport {useRadiusElementClasses} from '../../composables/useRadiusElementClasses'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BAvatarEmits, BAvatarProps, BAvatarSlots, Size} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAvatarProps>(), {\n  alt: 'avatar',\n  badge: false,\n  badgeBgVariant: null,\n  badgeTextVariant: null,\n  badgeVariant: 'primary',\n  badgePlacement: 'bottom-end',\n  badgeDotIndicator: false,\n  badgePill: false,\n  button: false,\n  buttonType: 'button',\n  size: undefined,\n  square: false,\n  src: undefined,\n  text: undefined,\n  // Link props\n  variant: 'secondary',\n  // All others use defaults\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  stretched: false,\n  routerComponentName: undefined,\n  target: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  // ColorExtendables props\n  // Variant is here as well\n  bgVariant: null,\n  textVariant: null,\n  // End ColorExtendables props\n  // RadiusElementExtendables props\n  rounded: 'circle',\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  // End RadiusElementExtendables props\n})\nconst props = useDefaults(_props, 'BAvatar')\nconst emit = defineEmits<BAvatarEmits>()\nconst slots = defineSlots<BAvatarSlots>()\n\nconst localSrc = ref(props.src)\nwatch(\n  () => props.src,\n  (value) => {\n    localSrc.value = value\n  }\n)\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst parentData = inject(avatarGroupInjectionKey, null)\n\nconst SIZES = Object.freeze([\n  null,\n  ...Object.keys({\n    lg: null,\n    sm: null,\n  } satisfies Record<Size, null>),\n] as (string | null)[])\nconst FONT_SIZE_SCALE = 0.4\nconst BADGE_FONT_SIZE_SCALE = FONT_SIZE_SCALE * 0.7\n\nconst hasDefaultSlot = computed(() => !isEmptySlot(slots.default))\nconst hasBadgeSlot = computed(() => !isEmptySlot(slots.badge))\n\nconst showBadge = computed(() => !!props.badge || props.badge === '' || hasBadgeSlot.value)\nconst computedSquare = computed(() => parentData?.square.value || props.square)\n\n// const computedPropSize = useNumberishToStyle(() => props.size)\n// const propSizeIsLiteralSize = (val: unknown): val is Size =>\n//   !!val && typeof val === 'string' && SIZES.includes(val)\n// const computedParentSize = useNumberishToStyle(() => parentData?.size.value)\n// const computedSize = computed(() => computedParentSize.value ?? computedPropSize.value)\n// const computedPropSizeIsLiteralSize = computed(() => propSizeIsLiteralSize(computedSize.value))\n\nconst computedSize = useNumberishToStyle(() => parentData?.size.value ?? props.size)\nconst computedSizeIsLiteralSize = computed(\n  () => !!computedSize.value && SIZES.includes(computedSize.value)\n)\n\nconst computedVariant = computed(() => parentData?.variant.value ?? props.variant)\nconst computedRounded = computed(() => parentData?.rounded.value ?? props.rounded)\nconst computedRoundedTop = computed(() => parentData?.roundedTop.value ?? props.roundedTop)\nconst computedRoundedBottom = computed(() => parentData?.roundedBottom.value ?? props.roundedBottom)\nconst computedRoundedStart = computed(() => parentData?.roundedStart.value ?? props.roundedStart)\nconst computedRoundedEnd = computed(() => parentData?.roundedEnd.value ?? props.roundedEnd)\n\nconst radiusElementClasses = useRadiusElementClasses(() => ({\n  rounded: computedRounded.value,\n  roundedTop: computedRoundedTop.value,\n  roundedBottom: computedRoundedBottom.value,\n  roundedStart: computedRoundedStart.value,\n  roundedEnd: computedRoundedEnd.value,\n}))\n\nconst badgeText = computed(() => (props.badge === true ? '' : props.badge))\nconst badgeImplicitlyDot = computed(() => !badgeText.value && !hasBadgeSlot.value)\n\nconst colorClasses = useColorVariantClasses(() => ({\n  bgVariant: parentData?.bgVariant.value ?? props.bgVariant,\n  textVariant: parentData?.textVariant.value ?? props.textVariant,\n  variant: computedVariant.value,\n}))\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  // Square overwrites all else\n  computedSquare.value === true ? undefined : radiusElementClasses.value,\n  {\n    [`b-avatar-${computedSize.value}`]:\n      computedSizeIsLiteralSize.value && computedSize.value !== 'md',\n    [`btn-${computedVariant.value}`]: props.button ? computedVariant.value !== null : false,\n    'badge': !props.button && computedVariant.value !== null && hasDefaultSlot.value,\n    'btn': props.button,\n    // Square is the same as rounded-0 class\n    'rounded-0': computedSquare.value === true,\n  },\n])\n\nconst badgeStyle = computed<StyleValue>(() => ({\n  fontSize:\n    (!computedSizeIsLiteralSize.value\n      ? `calc(${computedSize.value} * ${BADGE_FONT_SIZE_SCALE})`\n      : '') || '',\n}))\n\nconst textFontStyle = computed<StyleValue>(() => {\n  const fontSize = !computedSizeIsLiteralSize.value\n    ? `calc(${computedSize.value} * ${FONT_SIZE_SCALE})`\n    : null\n  return fontSize ? {fontSize} : {}\n})\n\nconst marginStyle = computed(() => {\n  const overlapScale = parentData?.overlapScale?.value || 0\n\n  const value =\n    computedSize.value && overlapScale ? `calc(${computedSize.value} * -${overlapScale})` : null\n  return value ? {marginLeft: value, marginRight: value} : {}\n})\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.button ? 'button' : 'span'))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n  ...marginStyle.value,\n  ...(!computedSizeIsLiteralSize.value\n    ? {\n        width: computedSize.value,\n        height: computedSize.value,\n      }\n    : undefined),\n}))\n\nconst clicked = (e: Readonly<MouseEvent>): void => {\n  if (!props.disabled && (computedLink.value || props.button)) emit('click', e)\n}\n\nconst onImgError = (e: Readonly<Event>) => {\n  localSrc.value = undefined\n  emit('img-error', e)\n}\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"b-avatar-group\" role=\"group\">\n    <div class=\"b-avatar-group-inner\" :style=\"paddingStyle\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, type StyleValue, toRef} from 'vue'\nimport {avatarGroupInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useToNumber} from '@vueuse/core'\nimport {useNumberishToStyle} from '../../composables/useNumberishToStyle'\nimport type {BAvatarGroupProps, BAvatarGroupSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BAvatarGroupProps>(), {\n  overlap: 0.3,\n  size: undefined,\n  square: false,\n  tag: 'div',\n  // RadiusElementExtendables props\n  rounded: 'circle',\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  // End RadiusElementExtendables props\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BAvatarGroup')\ndefineSlots<BAvatarGroupSlots>()\n\nconst overlapNumber = useToNumber(() => props.overlap)\n\nconst computedSize = useNumberishToStyle(() => props.size)\nconst overlapScale = computed(() => Math.min(Math.max(overlapNumber.value, 0), 1) / 2)\n\nconst paddingStyle = computed<StyleValue>(() => {\n  const value = computedSize.value ? `calc(${computedSize.value} * ${overlapScale.value})` : null\n  return value ? {paddingLeft: value, paddingRight: value} : {}\n})\n\nprovide(avatarGroupInjectionKey, {\n  overlapScale,\n  size: toRef(() => props.size),\n  square: toRef(() => props.square),\n  rounded: toRef(() => props.rounded),\n  roundedTop: toRef(() => props.roundedTop),\n  roundedBottom: toRef(() => props.roundedBottom),\n  roundedStart: toRef(() => props.roundedStart),\n  roundedEnd: toRef(() => props.roundedEnd),\n  variant: toRef(() => props.variant),\n  bgVariant: toRef(() => props.bgVariant),\n  textVariant: toRef(() => props.textVariant),\n})\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"b-avatar-group\" role=\"group\">\n    <div class=\"b-avatar-group-inner\" :style=\"paddingStyle\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, provide, type StyleValue, toRef} from 'vue'\nimport {avatarGroupInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useToNumber} from '@vueuse/core'\nimport {useNumberishToStyle} from '../../composables/useNumberishToStyle'\nimport type {BAvatarGroupProps, BAvatarGroupSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BAvatarGroupProps>(), {\n  overlap: 0.3,\n  size: undefined,\n  square: false,\n  tag: 'div',\n  // RadiusElementExtendables props\n  rounded: 'circle',\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  // End RadiusElementExtendables props\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BAvatarGroup')\ndefineSlots<BAvatarGroupSlots>()\n\nconst overlapNumber = useToNumber(() => props.overlap)\n\nconst computedSize = useNumberishToStyle(() => props.size)\nconst overlapScale = computed(() => Math.min(Math.max(overlapNumber.value, 0), 1) / 2)\n\nconst paddingStyle = computed<StyleValue>(() => {\n  const value = computedSize.value ? `calc(${computedSize.value} * ${overlapScale.value})` : null\n  return value ? {paddingLeft: value, paddingRight: value} : {}\n})\n\nprovide(avatarGroupInjectionKey, {\n  overlapScale,\n  size: toRef(() => props.size),\n  square: toRef(() => props.square),\n  rounded: toRef(() => props.rounded),\n  roundedTop: toRef(() => props.roundedTop),\n  roundedBottom: toRef(() => props.roundedBottom),\n  roundedStart: toRef(() => props.roundedStart),\n  roundedEnd: toRef(() => props.roundedEnd),\n  variant: toRef(() => props.variant),\n  bgVariant: toRef(() => props.bgVariant),\n  textVariant: toRef(() => props.textVariant),\n})\n</script>\n"],"mappings":"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"}

package/dist/{BBadge-CZ219I7a.mjs → BBadge-Cx_CdauK.mjs}

@@ -1,5 +1,5 @@
-import { t as useDefaults } from "./useDefaults-BKgBaqOV.mjs";
-import { r as useBLinkHelper, t as BLink_default } from "./BLink-CNFWSz0D.mjs";
+import { t as useDefaults } from "./useDefaults-DseelK6y.mjs";
+import { r as useBLinkHelper, t as BLink_default } from "./BLink-Dfgte6dQ.mjs";
 import { t as useColorVariantClasses } from "./useColorVariantClasses-CqeXHjRh.mjs";
 import { t as ConditionalWrapper_default } from "./ConditionalWrapper-Dbc_O6qe.mjs";
 import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
@@ -136,4 +136,4 @@ var BBadge_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { BBadge_default as t };
 
-//# sourceMappingURL=BBadge-CZ219I7a.mjs.map
+//# sourceMappingURL=BBadge-Cx_CdauK.mjs.map

package/dist/{BBadge-CZ219I7a.mjs.map → BBadge-Cx_CdauK.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"BBadge-CZ219I7a.mjs","names":[],"sources":["../src/components/BBadge/BBadge.vue","../src/components/BBadge/BBadge.vue"],"sourcesContent":["<template>\n  <component :is=\"computedTag\" class=\"badge\" :class=\"computedClasses\" v-bind=\"computedLinkProps\">\n    <ConditionalWrapper\n      :skip=\"props.dotIndicator !== true\"\n      tag=\"span\"\n      v-bind=\"props.dotIndicator ? {class: 'visually-hidden'} : {}\"\n    >\n      <slot />\n    </ConditionalWrapper>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport ConditionalWrapper from '../ConditionalWrapper.vue'\nimport type {BBadgeProps, BBadgeSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBadgeProps>(), {\n  dotIndicator: false,\n  pill: false,\n  tag: 'span',\n  placement: undefined,\n  // Link props\n  variant: 'secondary',\n  // All others use defaults\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  stretched: false,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  // ColorExtendables props\n  // Variant is here as well\n  textVariant: null,\n  bgVariant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BBadge')\ndefineSlots<BBadgeSlots>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props, [\n  'active',\n  'activeClass',\n  'disabled',\n  'exactActiveClass',\n  'href',\n  'icon',\n  'noRel',\n  'opacity',\n  'opacityHover',\n  'noPrefetch',\n  'prefetch',\n  'prefetchOn',\n  'prefetchedClass',\n  'rel',\n  'replace',\n  'routerComponentName',\n  'stretched',\n  'target',\n  'to',\n  'underlineOffset',\n  'underlineOffsetHover',\n  'underlineOpacity',\n  'underlineOpacityHover',\n  'underlineVariant',\n])\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.tag))\n\nconst placementClasses = computed(() => {\n  // dotindicator is implicitly top-end if no placement is set\n  const pos = props.placement ?? (props.dotIndicator ? 'top-end' : undefined)\n  return [\n    'position-absolute',\n    'translate-middle',\n    {\n      'start-0 top-0': pos === 'top-start',\n      'start-0 top-50': pos === 'start',\n      'start-0 top-100': pos === 'bottom-start',\n      'start-50 top-0': pos === 'top',\n      'start-50 top-100': pos === 'bottom',\n      'start-100 top-0': pos === 'top-end',\n      'start-100 top-50': pos === 'end',\n      'start-100 top-100': pos === 'bottom-end',\n    },\n  ]\n})\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  props.placement !== undefined || props.dotIndicator ? placementClasses.value : undefined,\n  {\n    'active': props.active,\n    'disabled': props.disabled,\n    'rounded-pill': props.pill,\n    'p-2 border border-light rounded-circle': props.dotIndicator,\n    'text-decoration-none': computedLink.value,\n  },\n])\n</script>\n","<template>\n  <component :is=\"computedTag\" class=\"badge\" :class=\"computedClasses\" v-bind=\"computedLinkProps\">\n    <ConditionalWrapper\n      :skip=\"props.dotIndicator !== true\"\n      tag=\"span\"\n      v-bind=\"props.dotIndicator ? {class: 'visually-hidden'} : {}\"\n    >\n      <slot />\n    </ConditionalWrapper>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport ConditionalWrapper from '../ConditionalWrapper.vue'\nimport type {BBadgeProps, BBadgeSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBadgeProps>(), {\n  dotIndicator: false,\n  pill: false,\n  tag: 'span',\n  placement: undefined,\n  // Link props\n  variant: 'secondary',\n  // All others use defaults\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  stretched: false,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  // ColorExtendables props\n  // Variant is here as well\n  textVariant: null,\n  bgVariant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BBadge')\ndefineSlots<BBadgeSlots>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props, [\n  'active',\n  'activeClass',\n  'disabled',\n  'exactActiveClass',\n  'href',\n  'icon',\n  'noRel',\n  'opacity',\n  'opacityHover',\n  'noPrefetch',\n  'prefetch',\n  'prefetchOn',\n  'prefetchedClass',\n  'rel',\n  'replace',\n  'routerComponentName',\n  'stretched',\n  'target',\n  'to',\n  'underlineOffset',\n  'underlineOffsetHover',\n  'underlineOpacity',\n  'underlineOpacityHover',\n  'underlineVariant',\n])\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.tag))\n\nconst placementClasses = computed(() => {\n  // dotindicator is implicitly top-end if no placement is set\n  const pos = props.placement ?? (props.dotIndicator ? 'top-end' : undefined)\n  return [\n    'position-absolute',\n    'translate-middle',\n    {\n      'start-0 top-0': pos === 'top-start',\n      'start-0 top-50': pos === 'start',\n      'start-0 top-100': pos === 'bottom-start',\n      'start-50 top-0': pos === 'top',\n      'start-50 top-100': pos === 'bottom',\n      'start-100 top-0': pos === 'top-end',\n      'start-100 top-50': pos === 'end',\n      'start-100 top-100': pos === 'bottom-end',\n    },\n  ]\n})\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  props.placement !== undefined || props.dotIndicator ? placementClasses.value : undefined,\n  {\n    'active': props.active,\n    'disabled': props.disabled,\n    'rounded-pill': props.pill,\n    'p-2 border border-light rounded-circle': props.dotIndicator,\n    'text-decoration-none': computedLink.value,\n  },\n])\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDA,MAAM,QAAQ,YAlCC,SAkCmB,SAAQ;EAG1C,MAAM,EAAC,cAAc,sBAAqB,eAAe,OAAO;GAC9D;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAA;EAED,MAAM,cAAc,eAAgB,aAAa,QAAQ,gBAAQ,MAAM,IAAI;EAE3E,MAAM,mBAAmB,eAAe;GAEtC,MAAM,MAAM,MAAM,cAAc,MAAM,eAAe,YAAY,KAAA;AACjE,UAAO;IACL;IACA;IACA;KACE,iBAAiB,QAAQ;KACzB,kBAAkB,QAAQ;KAC1B,mBAAmB,QAAQ;KAC3B,kBAAkB,QAAQ;KAC1B,oBAAoB,QAAQ;KAC5B,mBAAmB,QAAQ;KAC3B,oBAAoB,QAAQ;KAC5B,qBAAqB,QAAQ;;IAEjC;IACD;EAED,MAAM,eAAe,uBAAuB,MAAK;EACjD,MAAM,kBAAkB,eAAe;GACrC,aAAa;GACb,MAAM,cAAc,KAAA,KAAa,MAAM,eAAe,iBAAiB,QAAQ,KAAA;GAC/E;IACE,UAAU,MAAM;IAChB,YAAY,MAAM;IAClB,gBAAgB,MAAM;IACtB,0CAA0C,MAAM;IAChD,wBAAwB,aAAa;;GAExC,CAAA;;uBApHC,YAQY,wBARI,YAAA,MAAW,EAA3B,WAQY,EARiB,OAAK,CAAC,SAAgB,gBAAA,MAAe,EAAA,EAAU,MAAA,kBAAiB,CAAA,EAAA;2BAOtE,CANrB,YAMqB,4BANrB,WAMqB;KALlB,MAAM,MAAA,MAAK,CAAC,iBAAY;KACzB,KAAI;OACI,MAAA,MAAK,CAAC,eAAY,EAAA,OAAA,mBAAA,GAAA,EAAA,CAAA,EAAA;4BAElB,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"BBadge-Cx_CdauK.mjs","names":[],"sources":["../src/components/BBadge/BBadge.vue","../src/components/BBadge/BBadge.vue"],"sourcesContent":["<template>\n  <component :is=\"computedTag\" class=\"badge\" :class=\"computedClasses\" v-bind=\"computedLinkProps\">\n    <ConditionalWrapper\n      :skip=\"props.dotIndicator !== true\"\n      tag=\"span\"\n      v-bind=\"props.dotIndicator ? {class: 'visually-hidden'} : {}\"\n    >\n      <slot />\n    </ConditionalWrapper>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport ConditionalWrapper from '../ConditionalWrapper.vue'\nimport type {BBadgeProps, BBadgeSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBadgeProps>(), {\n  dotIndicator: false,\n  pill: false,\n  tag: 'span',\n  placement: undefined,\n  // Link props\n  variant: 'secondary',\n  // All others use defaults\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  stretched: false,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  // ColorExtendables props\n  // Variant is here as well\n  textVariant: null,\n  bgVariant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BBadge')\ndefineSlots<BBadgeSlots>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props, [\n  'active',\n  'activeClass',\n  'disabled',\n  'exactActiveClass',\n  'href',\n  'icon',\n  'noRel',\n  'opacity',\n  'opacityHover',\n  'noPrefetch',\n  'prefetch',\n  'prefetchOn',\n  'prefetchedClass',\n  'rel',\n  'replace',\n  'routerComponentName',\n  'stretched',\n  'target',\n  'to',\n  'underlineOffset',\n  'underlineOffsetHover',\n  'underlineOpacity',\n  'underlineOpacityHover',\n  'underlineVariant',\n])\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.tag))\n\nconst placementClasses = computed(() => {\n  // dotindicator is implicitly top-end if no placement is set\n  const pos = props.placement ?? (props.dotIndicator ? 'top-end' : undefined)\n  return [\n    'position-absolute',\n    'translate-middle',\n    {\n      'start-0 top-0': pos === 'top-start',\n      'start-0 top-50': pos === 'start',\n      'start-0 top-100': pos === 'bottom-start',\n      'start-50 top-0': pos === 'top',\n      'start-50 top-100': pos === 'bottom',\n      'start-100 top-0': pos === 'top-end',\n      'start-100 top-50': pos === 'end',\n      'start-100 top-100': pos === 'bottom-end',\n    },\n  ]\n})\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  props.placement !== undefined || props.dotIndicator ? placementClasses.value : undefined,\n  {\n    'active': props.active,\n    'disabled': props.disabled,\n    'rounded-pill': props.pill,\n    'p-2 border border-light rounded-circle': props.dotIndicator,\n    'text-decoration-none': computedLink.value,\n  },\n])\n</script>\n","<template>\n  <component :is=\"computedTag\" class=\"badge\" :class=\"computedClasses\" v-bind=\"computedLinkProps\">\n    <ConditionalWrapper\n      :skip=\"props.dotIndicator !== true\"\n      tag=\"span\"\n      v-bind=\"props.dotIndicator ? {class: 'visually-hidden'} : {}\"\n    >\n      <slot />\n    </ConditionalWrapper>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport ConditionalWrapper from '../ConditionalWrapper.vue'\nimport type {BBadgeProps, BBadgeSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBadgeProps>(), {\n  dotIndicator: false,\n  pill: false,\n  tag: 'span',\n  placement: undefined,\n  // Link props\n  variant: 'secondary',\n  // All others use defaults\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  stretched: false,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  // ColorExtendables props\n  // Variant is here as well\n  textVariant: null,\n  bgVariant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BBadge')\ndefineSlots<BBadgeSlots>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props, [\n  'active',\n  'activeClass',\n  'disabled',\n  'exactActiveClass',\n  'href',\n  'icon',\n  'noRel',\n  'opacity',\n  'opacityHover',\n  'noPrefetch',\n  'prefetch',\n  'prefetchOn',\n  'prefetchedClass',\n  'rel',\n  'replace',\n  'routerComponentName',\n  'stretched',\n  'target',\n  'to',\n  'underlineOffset',\n  'underlineOffsetHover',\n  'underlineOpacity',\n  'underlineOpacityHover',\n  'underlineVariant',\n])\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.tag))\n\nconst placementClasses = computed(() => {\n  // dotindicator is implicitly top-end if no placement is set\n  const pos = props.placement ?? (props.dotIndicator ? 'top-end' : undefined)\n  return [\n    'position-absolute',\n    'translate-middle',\n    {\n      'start-0 top-0': pos === 'top-start',\n      'start-0 top-50': pos === 'start',\n      'start-0 top-100': pos === 'bottom-start',\n      'start-50 top-0': pos === 'top',\n      'start-50 top-100': pos === 'bottom',\n      'start-100 top-0': pos === 'top-end',\n      'start-100 top-50': pos === 'end',\n      'start-100 top-100': pos === 'bottom-end',\n    },\n  ]\n})\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  props.placement !== undefined || props.dotIndicator ? placementClasses.value : undefined,\n  {\n    'active': props.active,\n    'disabled': props.disabled,\n    'rounded-pill': props.pill,\n    'p-2 border border-light rounded-circle': props.dotIndicator,\n    'text-decoration-none': computedLink.value,\n  },\n])\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDA,MAAM,QAAQ,YAlCC,SAkCmB,SAAQ;EAG1C,MAAM,EAAC,cAAc,sBAAqB,eAAe,OAAO;GAC9D;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAA;EAED,MAAM,cAAc,eAAgB,aAAa,QAAQ,gBAAQ,MAAM,IAAI;EAE3E,MAAM,mBAAmB,eAAe;GAEtC,MAAM,MAAM,MAAM,cAAc,MAAM,eAAe,YAAY,KAAA;AACjE,UAAO;IACL;IACA;IACA;KACE,iBAAiB,QAAQ;KACzB,kBAAkB,QAAQ;KAC1B,mBAAmB,QAAQ;KAC3B,kBAAkB,QAAQ;KAC1B,oBAAoB,QAAQ;KAC5B,mBAAmB,QAAQ;KAC3B,oBAAoB,QAAQ;KAC5B,qBAAqB,QAAQ;;IAEjC;IACD;EAED,MAAM,eAAe,uBAAuB,MAAK;EACjD,MAAM,kBAAkB,eAAe;GACrC,aAAa;GACb,MAAM,cAAc,KAAA,KAAa,MAAM,eAAe,iBAAiB,QAAQ,KAAA;GAC/E;IACE,UAAU,MAAM;IAChB,YAAY,MAAM;IAClB,gBAAgB,MAAM;IACtB,0CAA0C,MAAM;IAChD,wBAAwB,aAAa;;GAExC,CAAA;;uBApHC,YAQY,wBARI,YAAA,MAAW,EAA3B,WAQY,EARiB,OAAK,CAAC,SAAgB,gBAAA,MAAe,EAAA,EAAU,MAAA,kBAAiB,CAAA,EAAA;2BAOtE,CANrB,YAMqB,4BANrB,WAMqB;KALlB,MAAM,MAAA,MAAK,CAAC,iBAAY;KACzB,KAAI;OACI,MAAA,MAAK,CAAC,eAAY,EAAA,OAAA,mBAAA,GAAA,EAAA,CAAA,EAAA;4BAElB,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/{BBadge-DTJcCo9u.js → BBadge-Db6SEnzy.js}

@@ -1,6 +1,6 @@
 require("./chunk-CoQrYLCe.js");
-const require_useDefaults = require("./useDefaults-DsLf4iRY.js");
-const require_BLink = require("./BLink-uLjtY3bY.js");
+const require_useDefaults = require("./useDefaults-C0CYry78.js");
+const require_BLink = require("./BLink-kLEjleB1.js");
 const require_useColorVariantClasses = require("./useColorVariantClasses-Dq0sOYDL.js");
 const require_ConditionalWrapper = require("./ConditionalWrapper-DZH_VSwb.js");
 let vue = require("vue");
@@ -142,4 +142,4 @@ Object.defineProperty(exports, "BBadge_default", {
 	}
 });
 
-//# sourceMappingURL=BBadge-DTJcCo9u.js.map
+//# sourceMappingURL=BBadge-Db6SEnzy.js.map

package/dist/{BBadge-DTJcCo9u.js.map → BBadge-Db6SEnzy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BBadge-DTJcCo9u.js","names":[],"sources":["../src/components/BBadge/BBadge.vue","../src/components/BBadge/BBadge.vue"],"sourcesContent":["<template>\n  <component :is=\"computedTag\" class=\"badge\" :class=\"computedClasses\" v-bind=\"computedLinkProps\">\n    <ConditionalWrapper\n      :skip=\"props.dotIndicator !== true\"\n      tag=\"span\"\n      v-bind=\"props.dotIndicator ? {class: 'visually-hidden'} : {}\"\n    >\n      <slot />\n    </ConditionalWrapper>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport ConditionalWrapper from '../ConditionalWrapper.vue'\nimport type {BBadgeProps, BBadgeSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBadgeProps>(), {\n  dotIndicator: false,\n  pill: false,\n  tag: 'span',\n  placement: undefined,\n  // Link props\n  variant: 'secondary',\n  // All others use defaults\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  stretched: false,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  // ColorExtendables props\n  // Variant is here as well\n  textVariant: null,\n  bgVariant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BBadge')\ndefineSlots<BBadgeSlots>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props, [\n  'active',\n  'activeClass',\n  'disabled',\n  'exactActiveClass',\n  'href',\n  'icon',\n  'noRel',\n  'opacity',\n  'opacityHover',\n  'noPrefetch',\n  'prefetch',\n  'prefetchOn',\n  'prefetchedClass',\n  'rel',\n  'replace',\n  'routerComponentName',\n  'stretched',\n  'target',\n  'to',\n  'underlineOffset',\n  'underlineOffsetHover',\n  'underlineOpacity',\n  'underlineOpacityHover',\n  'underlineVariant',\n])\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.tag))\n\nconst placementClasses = computed(() => {\n  // dotindicator is implicitly top-end if no placement is set\n  const pos = props.placement ?? (props.dotIndicator ? 'top-end' : undefined)\n  return [\n    'position-absolute',\n    'translate-middle',\n    {\n      'start-0 top-0': pos === 'top-start',\n      'start-0 top-50': pos === 'start',\n      'start-0 top-100': pos === 'bottom-start',\n      'start-50 top-0': pos === 'top',\n      'start-50 top-100': pos === 'bottom',\n      'start-100 top-0': pos === 'top-end',\n      'start-100 top-50': pos === 'end',\n      'start-100 top-100': pos === 'bottom-end',\n    },\n  ]\n})\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  props.placement !== undefined || props.dotIndicator ? placementClasses.value : undefined,\n  {\n    'active': props.active,\n    'disabled': props.disabled,\n    'rounded-pill': props.pill,\n    'p-2 border border-light rounded-circle': props.dotIndicator,\n    'text-decoration-none': computedLink.value,\n  },\n])\n</script>\n","<template>\n  <component :is=\"computedTag\" class=\"badge\" :class=\"computedClasses\" v-bind=\"computedLinkProps\">\n    <ConditionalWrapper\n      :skip=\"props.dotIndicator !== true\"\n      tag=\"span\"\n      v-bind=\"props.dotIndicator ? {class: 'visually-hidden'} : {}\"\n    >\n      <slot />\n    </ConditionalWrapper>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport ConditionalWrapper from '../ConditionalWrapper.vue'\nimport type {BBadgeProps, BBadgeSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBadgeProps>(), {\n  dotIndicator: false,\n  pill: false,\n  tag: 'span',\n  placement: undefined,\n  // Link props\n  variant: 'secondary',\n  // All others use defaults\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  stretched: false,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  // ColorExtendables props\n  // Variant is here as well\n  textVariant: null,\n  bgVariant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BBadge')\ndefineSlots<BBadgeSlots>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props, [\n  'active',\n  'activeClass',\n  'disabled',\n  'exactActiveClass',\n  'href',\n  'icon',\n  'noRel',\n  'opacity',\n  'opacityHover',\n  'noPrefetch',\n  'prefetch',\n  'prefetchOn',\n  'prefetchedClass',\n  'rel',\n  'replace',\n  'routerComponentName',\n  'stretched',\n  'target',\n  'to',\n  'underlineOffset',\n  'underlineOffsetHover',\n  'underlineOpacity',\n  'underlineOpacityHover',\n  'underlineVariant',\n])\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.tag))\n\nconst placementClasses = computed(() => {\n  // dotindicator is implicitly top-end if no placement is set\n  const pos = props.placement ?? (props.dotIndicator ? 'top-end' : undefined)\n  return [\n    'position-absolute',\n    'translate-middle',\n    {\n      'start-0 top-0': pos === 'top-start',\n      'start-0 top-50': pos === 'start',\n      'start-0 top-100': pos === 'bottom-start',\n      'start-50 top-0': pos === 'top',\n      'start-50 top-100': pos === 'bottom',\n      'start-100 top-0': pos === 'top-end',\n      'start-100 top-50': pos === 'end',\n      'start-100 top-100': pos === 'bottom-end',\n    },\n  ]\n})\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  props.placement !== undefined || props.dotIndicator ? placementClasses.value : undefined,\n  {\n    'active': props.active,\n    'disabled': props.disabled,\n    'rounded-pill': props.pill,\n    'p-2 border border-light rounded-circle': props.dotIndicator,\n    'text-decoration-none': computedLink.value,\n  },\n])\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDA,MAAM,QAAQ,oBAAA,YAlCC,SAkCmB,SAAQ;EAG1C,MAAM,EAAC,cAAc,sBAAqB,cAAA,eAAe,OAAO;GAC9D;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAA;EAED,MAAM,eAAA,GAAA,IAAA,gBAA8B,aAAa,QAAQ,cAAA,gBAAQ,MAAM,IAAI;EAE3E,MAAM,oBAAA,GAAA,IAAA,gBAAkC;GAEtC,MAAM,MAAM,MAAM,cAAc,MAAM,eAAe,YAAY,KAAA;AACjE,UAAO;IACL;IACA;IACA;KACE,iBAAiB,QAAQ;KACzB,kBAAkB,QAAQ;KAC1B,mBAAmB,QAAQ;KAC3B,kBAAkB,QAAQ;KAC1B,oBAAoB,QAAQ;KAC5B,mBAAmB,QAAQ;KAC3B,oBAAoB,QAAQ;KAC5B,qBAAqB,QAAQ;;IAEjC;IACD;EAED,MAAM,eAAe,+BAAA,uBAAuB,MAAK;EACjD,MAAM,mBAAA,GAAA,IAAA,gBAAiC;GACrC,aAAa;GACb,MAAM,cAAc,KAAA,KAAa,MAAM,eAAe,iBAAiB,QAAQ,KAAA;GAC/E;IACE,UAAU,MAAM;IAChB,YAAY,MAAM;IAClB,gBAAgB,MAAM;IACtB,0CAA0C,MAAM;IAChD,wBAAwB,aAAa;;GAExC,CAAA;;sFApHiB,YAAA,MAAW,GAAA,GAAA,IAAA,YAQf,EARiB,OAAK,CAAC,SAAgB,gBAAA,MAAe,EAAA,GAAA,GAAA,IAAA,OAAU,kBAAiB,CAAA,EAAA;oCAOtE,EAAA,GAAA,IAAA,aAAA,2BAAA,6BAAA,GAAA,IAAA,YAAA;KALlB,OAAA,GAAA,IAAA,OAAM,MAAK,CAAC,iBAAY;KACzB,KAAI;sBACI,MAAK,CAAC,eAAY,EAAA,OAAA,mBAAA,GAAA,EAAA,CAAA,EAAA;qCAElB,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"BBadge-Db6SEnzy.js","names":[],"sources":["../src/components/BBadge/BBadge.vue","../src/components/BBadge/BBadge.vue"],"sourcesContent":["<template>\n  <component :is=\"computedTag\" class=\"badge\" :class=\"computedClasses\" v-bind=\"computedLinkProps\">\n    <ConditionalWrapper\n      :skip=\"props.dotIndicator !== true\"\n      tag=\"span\"\n      v-bind=\"props.dotIndicator ? {class: 'visually-hidden'} : {}\"\n    >\n      <slot />\n    </ConditionalWrapper>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport ConditionalWrapper from '../ConditionalWrapper.vue'\nimport type {BBadgeProps, BBadgeSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBadgeProps>(), {\n  dotIndicator: false,\n  pill: false,\n  tag: 'span',\n  placement: undefined,\n  // Link props\n  variant: 'secondary',\n  // All others use defaults\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  stretched: false,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  // ColorExtendables props\n  // Variant is here as well\n  textVariant: null,\n  bgVariant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BBadge')\ndefineSlots<BBadgeSlots>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props, [\n  'active',\n  'activeClass',\n  'disabled',\n  'exactActiveClass',\n  'href',\n  'icon',\n  'noRel',\n  'opacity',\n  'opacityHover',\n  'noPrefetch',\n  'prefetch',\n  'prefetchOn',\n  'prefetchedClass',\n  'rel',\n  'replace',\n  'routerComponentName',\n  'stretched',\n  'target',\n  'to',\n  'underlineOffset',\n  'underlineOffsetHover',\n  'underlineOpacity',\n  'underlineOpacityHover',\n  'underlineVariant',\n])\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.tag))\n\nconst placementClasses = computed(() => {\n  // dotindicator is implicitly top-end if no placement is set\n  const pos = props.placement ?? (props.dotIndicator ? 'top-end' : undefined)\n  return [\n    'position-absolute',\n    'translate-middle',\n    {\n      'start-0 top-0': pos === 'top-start',\n      'start-0 top-50': pos === 'start',\n      'start-0 top-100': pos === 'bottom-start',\n      'start-50 top-0': pos === 'top',\n      'start-50 top-100': pos === 'bottom',\n      'start-100 top-0': pos === 'top-end',\n      'start-100 top-50': pos === 'end',\n      'start-100 top-100': pos === 'bottom-end',\n    },\n  ]\n})\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  props.placement !== undefined || props.dotIndicator ? placementClasses.value : undefined,\n  {\n    'active': props.active,\n    'disabled': props.disabled,\n    'rounded-pill': props.pill,\n    'p-2 border border-light rounded-circle': props.dotIndicator,\n    'text-decoration-none': computedLink.value,\n  },\n])\n</script>\n","<template>\n  <component :is=\"computedTag\" class=\"badge\" :class=\"computedClasses\" v-bind=\"computedLinkProps\">\n    <ConditionalWrapper\n      :skip=\"props.dotIndicator !== true\"\n      tag=\"span\"\n      v-bind=\"props.dotIndicator ? {class: 'visually-hidden'} : {}\"\n    >\n      <slot />\n    </ConditionalWrapper>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {computed} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport ConditionalWrapper from '../ConditionalWrapper.vue'\nimport type {BBadgeProps, BBadgeSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBadgeProps>(), {\n  dotIndicator: false,\n  pill: false,\n  tag: 'span',\n  placement: undefined,\n  // Link props\n  variant: 'secondary',\n  // All others use defaults\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  stretched: false,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  // ColorExtendables props\n  // Variant is here as well\n  textVariant: null,\n  bgVariant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BBadge')\ndefineSlots<BBadgeSlots>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props, [\n  'active',\n  'activeClass',\n  'disabled',\n  'exactActiveClass',\n  'href',\n  'icon',\n  'noRel',\n  'opacity',\n  'opacityHover',\n  'noPrefetch',\n  'prefetch',\n  'prefetchOn',\n  'prefetchedClass',\n  'rel',\n  'replace',\n  'routerComponentName',\n  'stretched',\n  'target',\n  'to',\n  'underlineOffset',\n  'underlineOffsetHover',\n  'underlineOpacity',\n  'underlineOpacityHover',\n  'underlineVariant',\n])\n\nconst computedTag = computed(() => (computedLink.value ? BLink : props.tag))\n\nconst placementClasses = computed(() => {\n  // dotindicator is implicitly top-end if no placement is set\n  const pos = props.placement ?? (props.dotIndicator ? 'top-end' : undefined)\n  return [\n    'position-absolute',\n    'translate-middle',\n    {\n      'start-0 top-0': pos === 'top-start',\n      'start-0 top-50': pos === 'start',\n      'start-0 top-100': pos === 'bottom-start',\n      'start-50 top-0': pos === 'top',\n      'start-50 top-100': pos === 'bottom',\n      'start-100 top-0': pos === 'top-end',\n      'start-100 top-50': pos === 'end',\n      'start-100 top-100': pos === 'bottom-end',\n    },\n  ]\n})\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  props.placement !== undefined || props.dotIndicator ? placementClasses.value : undefined,\n  {\n    'active': props.active,\n    'disabled': props.disabled,\n    'rounded-pill': props.pill,\n    'p-2 border border-light rounded-circle': props.dotIndicator,\n    'text-decoration-none': computedLink.value,\n  },\n])\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDA,MAAM,QAAQ,oBAAA,YAlCC,SAkCmB,SAAQ;EAG1C,MAAM,EAAC,cAAc,sBAAqB,cAAA,eAAe,OAAO;GAC9D;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAA;EAED,MAAM,eAAA,GAAA,IAAA,gBAA8B,aAAa,QAAQ,cAAA,gBAAQ,MAAM,IAAI;EAE3E,MAAM,oBAAA,GAAA,IAAA,gBAAkC;GAEtC,MAAM,MAAM,MAAM,cAAc,MAAM,eAAe,YAAY,KAAA;AACjE,UAAO;IACL;IACA;IACA;KACE,iBAAiB,QAAQ;KACzB,kBAAkB,QAAQ;KAC1B,mBAAmB,QAAQ;KAC3B,kBAAkB,QAAQ;KAC1B,oBAAoB,QAAQ;KAC5B,mBAAmB,QAAQ;KAC3B,oBAAoB,QAAQ;KAC5B,qBAAqB,QAAQ;;IAEjC;IACD;EAED,MAAM,eAAe,+BAAA,uBAAuB,MAAK;EACjD,MAAM,mBAAA,GAAA,IAAA,gBAAiC;GACrC,aAAa;GACb,MAAM,cAAc,KAAA,KAAa,MAAM,eAAe,iBAAiB,QAAQ,KAAA;GAC/E;IACE,UAAU,MAAM;IAChB,YAAY,MAAM;IAClB,gBAAgB,MAAM;IACtB,0CAA0C,MAAM;IAChD,wBAAwB,aAAa;;GAExC,CAAA;;sFApHiB,YAAA,MAAW,GAAA,GAAA,IAAA,YAQf,EARiB,OAAK,CAAC,SAAgB,gBAAA,MAAe,EAAA,GAAA,GAAA,IAAA,OAAU,kBAAiB,CAAA,EAAA;oCAOtE,EAAA,GAAA,IAAA,aAAA,2BAAA,6BAAA,GAAA,IAAA,YAAA;KALlB,OAAA,GAAA,IAAA,OAAM,MAAK,CAAC,iBAAY;KACzB,KAAI;sBACI,MAAK,CAAC,eAAY,EAAA,OAAA,mBAAA,GAAA,EAAA,CAAA,EAAA;qCAElB,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/{BBreadcrumb-DFG2Qxl9.js → BBreadcrumb-B9ra7vg2.js}

@@ -1,8 +1,8 @@
 require("./chunk-CoQrYLCe.js");
 const require_src_composables_useBreadcrumb_index = require("./src/composables/useBreadcrumb/index.umd.js");
-const require_useDefaults = require("./useDefaults-DsLf4iRY.js");
+const require_useDefaults = require("./useDefaults-C0CYry78.js");
 const require_object = require("./object-BN7QwMcz.js");
-const require_BLink = require("./BLink-uLjtY3bY.js");
+const require_BLink = require("./BLink-kLEjleB1.js");
 let vue = require("vue");
 //#endregion
 //#region src/components/BBreadcrumb/BBreadcrumbItem.vue
@@ -163,4 +163,4 @@ Object.defineProperty(exports, "BBreadcrumb_default", {
 	}
 });
 
-//# sourceMappingURL=BBreadcrumb-DFG2Qxl9.js.map
+//# sourceMappingURL=BBreadcrumb-B9ra7vg2.js.map

package/dist/{BBreadcrumb-DFG2Qxl9.js.map → BBreadcrumb-B9ra7vg2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BBreadcrumb-DFG2Qxl9.js","names":[],"sources":["../src/components/BBreadcrumb/BBreadcrumbItem.vue","../src/components/BBreadcrumb/BBreadcrumbItem.vue","../src/components/BBreadcrumb/BBreadcrumb.vue","../src/components/BBreadcrumb/BBreadcrumb.vue"],"sourcesContent":["<template>\n  <li class=\"breadcrumb-item\" :class=\"computedClasses\">\n    <component\n      :is=\"computedTag\"\n      :aria-current=\"computedAriaCurrent\"\n      v-bind=\"computedLinkProps\"\n      @click=\"clicked\"\n    >\n      <slot>\n        {{ props.text }}\n      </slot>\n    </component>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport {pick} from '../../utils/object'\nimport {computed} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BBreadcrumbItemEmits, BBreadcrumbItemProps, BBreadcrumbItemSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBreadcrumbItemProps>(), {\n  ariaCurrent: 'location',\n  text: undefined,\n  // Link props\n  active: false, // Why is this active: false?\n  // All others use defaults\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  stretched: false,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  routerTag: undefined,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  variant: undefined,\n  // End link props\n})\nconst props = useDefaults(_props, 'BBreadcrumbItem')\nconst emit = defineEmits<BBreadcrumbItemEmits>()\ndefineSlots<BBreadcrumbItemSlots>()\n\nconst computedClasses = computed(() => ({\n  active: props.active,\n}))\n\nconst computedTag = computed(() => (props.active ? 'span' : BLink))\n\nconst computedAriaCurrent = computed(() => (props.active ? props.ariaCurrent : undefined))\n\nconst computedLinkProps = computed(() =>\n  computedTag.value !== 'span'\n    ? pick(props, [\n        'active',\n        'activeClass',\n        'disabled',\n        'exactActiveClass',\n        'href',\n        'icon',\n        'noRel',\n        'opacity',\n        'opacityHover',\n        'noPrefetch',\n        'prefetch',\n        'prefetchOn',\n        'prefetchedClass',\n        'rel',\n        'replace',\n        'routerComponentName',\n        'stretched',\n        'target',\n        'to',\n        'underlineOffset',\n        'underlineOffsetHover',\n        'underlineOpacity',\n        'underlineOpacityHover',\n        'underlineVariant',\n        'variant',\n      ])\n    : {}\n)\n\nconst clicked = (e: Readonly<MouseEvent>): void => {\n  if (props.disabled || props.active) {\n    e.preventDefault()\n    e.stopImmediatePropagation()\n    return\n  }\n  if (!props.disabled) emit('click', e)\n}\n</script>\n","<template>\n  <li class=\"breadcrumb-item\" :class=\"computedClasses\">\n    <component\n      :is=\"computedTag\"\n      :aria-current=\"computedAriaCurrent\"\n      v-bind=\"computedLinkProps\"\n      @click=\"clicked\"\n    >\n      <slot>\n        {{ props.text }}\n      </slot>\n    </component>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport {pick} from '../../utils/object'\nimport {computed} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BBreadcrumbItemEmits, BBreadcrumbItemProps, BBreadcrumbItemSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBreadcrumbItemProps>(), {\n  ariaCurrent: 'location',\n  text: undefined,\n  // Link props\n  active: false, // Why is this active: false?\n  // All others use defaults\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  stretched: false,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  routerTag: undefined,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  variant: undefined,\n  // End link props\n})\nconst props = useDefaults(_props, 'BBreadcrumbItem')\nconst emit = defineEmits<BBreadcrumbItemEmits>()\ndefineSlots<BBreadcrumbItemSlots>()\n\nconst computedClasses = computed(() => ({\n  active: props.active,\n}))\n\nconst computedTag = computed(() => (props.active ? 'span' : BLink))\n\nconst computedAriaCurrent = computed(() => (props.active ? props.ariaCurrent : undefined))\n\nconst computedLinkProps = computed(() =>\n  computedTag.value !== 'span'\n    ? pick(props, [\n        'active',\n        'activeClass',\n        'disabled',\n        'exactActiveClass',\n        'href',\n        'icon',\n        'noRel',\n        'opacity',\n        'opacityHover',\n        'noPrefetch',\n        'prefetch',\n        'prefetchOn',\n        'prefetchedClass',\n        'rel',\n        'replace',\n        'routerComponentName',\n        'stretched',\n        'target',\n        'to',\n        'underlineOffset',\n        'underlineOffsetHover',\n        'underlineOpacity',\n        'underlineOpacityHover',\n        'underlineVariant',\n        'variant',\n      ])\n    : {}\n)\n\nconst clicked = (e: Readonly<MouseEvent>): void => {\n  if (props.disabled || props.active) {\n    e.preventDefault()\n    e.stopImmediatePropagation()\n    return\n  }\n  if (!props.disabled) emit('click', e)\n}\n</script>\n","<template>\n  <nav :id=\"props.id\" aria-label=\"breadcrumb\">\n    <ol class=\"breadcrumb\" :class=\"props.olClass\" v-bind=\"props.olAttrs\">\n      <slot name=\"prepend\" />\n      <BBreadcrumbItem v-for=\"(item, i) in breadcrumbItemObjects\" :key=\"i\" v-bind=\"item\">\n        {{ item.text }}\n      </BBreadcrumbItem>\n      <slot />\n      <slot name=\"append\" />\n    </ol>\n  </nav>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {useBreadcrumb} from '../../composables/useBreadcrumb'\nimport {useDefaults} from '../../composables/useDefaults'\nimport BBreadcrumbItem from './BBreadcrumbItem.vue'\nimport type {BBreadcrumbProps, BBreadcrumbSlots, BreadcrumbItem} from '../../types'\n\nconst _props = withDefaults(defineProps<BBreadcrumbProps>(), {\n  items: undefined,\n  id: undefined,\n  olAttrs: undefined,\n  olClass: undefined,\n})\nconst props = useDefaults(_props, 'BBreadcrumb')\ndefineSlots<BBreadcrumbSlots>()\n\nconst breadcrumb = useBreadcrumb(() => props.id || null)\n\nconst breadcrumbItemObjects = computed<BreadcrumbItem[]>(() => {\n  const localItems = props.items || breadcrumb.items?.value || []\n  let activeDefined = false\n  return localItems.map((item, idx) => {\n    if (typeof item === 'string') {\n      item = {text: item}\n      if (idx < localItems.length - 1) item.href = '#'\n    }\n    if (item.active) activeDefined = true\n\n    // Auto-detect active by position in list\n    if (!item.active && !activeDefined) {\n      item.active = idx + 1 === localItems.length\n    }\n    return item\n  })\n})\n</script>\n","<template>\n  <nav :id=\"props.id\" aria-label=\"breadcrumb\">\n    <ol class=\"breadcrumb\" :class=\"props.olClass\" v-bind=\"props.olAttrs\">\n      <slot name=\"prepend\" />\n      <BBreadcrumbItem v-for=\"(item, i) in breadcrumbItemObjects\" :key=\"i\" v-bind=\"item\">\n        {{ item.text }}\n      </BBreadcrumbItem>\n      <slot />\n      <slot name=\"append\" />\n    </ol>\n  </nav>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {useBreadcrumb} from '../../composables/useBreadcrumb'\nimport {useDefaults} from '../../composables/useDefaults'\nimport BBreadcrumbItem from './BBreadcrumbItem.vue'\nimport type {BBreadcrumbProps, BBreadcrumbSlots, BreadcrumbItem} from '../../types'\n\nconst _props = withDefaults(defineProps<BBreadcrumbProps>(), {\n  items: undefined,\n  id: undefined,\n  olAttrs: undefined,\n  olClass: undefined,\n})\nconst props = useDefaults(_props, 'BBreadcrumb')\ndefineSlots<BBreadcrumbSlots>()\n\nconst breadcrumb = useBreadcrumb(() => props.id || null)\n\nconst breadcrumbItemObjects = computed<BreadcrumbItem[]>(() => {\n  const localItems = props.items || breadcrumb.items?.value || []\n  let activeDefined = false\n  return localItems.map((item, idx) => {\n    if (typeof item === 'string') {\n      item = {text: item}\n      if (idx < localItems.length - 1) item.href = '#'\n    }\n    if (item.active) activeDefined = true\n\n    // Auto-detect active by position in list\n    if (!item.active && !activeDefined) {\n      item.active = idx + 1 === localItems.length\n    }\n    return item\n  })\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkDA,MAAM,QAAQ,oBAAA,YA5BC,SA4BmB,kBAAiB;EACnD,MAAM,OAAO;EAGb,MAAM,mBAAA,GAAA,IAAA,iBAAkC,EACtC,QAAQ,MAAM,QACf,EAAC;EAEF,MAAM,eAAA,GAAA,IAAA,gBAA8B,MAAM,SAAS,SAAS,cAAA,cAAM;EAElE,MAAM,uBAAA,GAAA,IAAA,gBAAsC,MAAM,SAAS,MAAM,cAAc,KAAA,EAAU;EAEzF,MAAM,qBAAA,GAAA,IAAA,gBACJ,YAAY,UAAU,SAClB,eAAA,KAAK,OAAO;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAA,GACD,EAAC,CACP;EAEA,MAAM,WAAW,MAAkC;AACjD,OAAI,MAAM,YAAY,MAAM,QAAQ;AAClC,MAAE,gBAAe;AACjB,MAAE,0BAAyB;AAC3B;;AAEF,OAAI,CAAC,MAAM,SAAU,MAAK,SAAS,EAAC;;;4DAxF/B,MAAA,EAXD,QAAA,GAAA,IAAA,gBAAK,CAAC,mBAA0B,gBAAA,MAAe,CAAA,EAAA,EAAA,GAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,cAAA,GAAA,IAAA,yBAE1C,YAAA,MAAW,GAAA,GAAA,IAAA,YAQN,EAPT,gBAAc,oBAAA,OAAmB,EAC1B,kBAAA,OAAiB,EACxB,SAAO,SAAO,CAAA,EAAA;oCAIR,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,WAAA,EAAA,QAAA,EAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,OADF,MAAK,CAAC,KAAI,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;EEiBrB,MAAM,QAAQ,oBAAA,YANC,SAMmB,cAAa;EAG/C,MAAM,aAAa,4CAAA,oBAAoB,MAAM,MAAM,KAAI;EAEvD,MAAM,yBAAA,GAAA,IAAA,gBAAyD;GAC7D,MAAM,aAAa,MAAM,SAAS,WAAW,OAAO,SAAS,EAAC;GAC9D,IAAI,gBAAgB;AACpB,UAAO,WAAW,KAAK,MAAM,QAAQ;AACnC,QAAI,OAAO,SAAS,UAAU;AAC5B,YAAO,EAAC,MAAM,MAAI;AAClB,SAAI,MAAM,WAAW,SAAS,EAAG,MAAK,OAAO;;AAE/C,QAAI,KAAK,OAAQ,iBAAgB;AAGjC,QAAI,CAAC,KAAK,UAAU,CAAC,cACnB,MAAK,SAAS,MAAM,MAAM,WAAW;AAEvC,WAAO;KACR;IACF;;4DArCO,OAAA;IATA,KAAA,GAAA,IAAA,OAAI,MAAK,CAAC;IAAI,cAAW;mCAQxB,OAAA,GAAA,IAAA,YAAA,EAPD,OAAK,CAAC,eAAA,GAAA,IAAA,OAAqB,MAAK,CAAC,QAAO,EAAA,GAAA,GAAA,IAAA,OAAU,MAAK,CAAC,QAAO,EAAA;wBAC1C,KAAA,QAAA,UAAA;2DAGL,IAAA,UAAA,OAAA,GAAA,IAAA,YAFmB,sBAAA,QAAZ,MAAM,MAAC;uDAEd,0BAAA,GAAA,IAAA,YAAA,EAF2C,KAAK,GAAC,EAAA,EAAA,SAAA,MAAA,EAAU,KAAI,EAAA;sCAChE,EAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,iBAAZ,KAAK,KAAI,EAAA,EAAA,CAAA,CAAA;;;;wBAEN,KAAA,QAAA,UAAA;wBACc,KAAA,QAAA,SAAA"}
+{"version":3,"file":"BBreadcrumb-B9ra7vg2.js","names":[],"sources":["../src/components/BBreadcrumb/BBreadcrumbItem.vue","../src/components/BBreadcrumb/BBreadcrumbItem.vue","../src/components/BBreadcrumb/BBreadcrumb.vue","../src/components/BBreadcrumb/BBreadcrumb.vue"],"sourcesContent":["<template>\n  <li class=\"breadcrumb-item\" :class=\"computedClasses\">\n    <component\n      :is=\"computedTag\"\n      :aria-current=\"computedAriaCurrent\"\n      v-bind=\"computedLinkProps\"\n      @click=\"clicked\"\n    >\n      <slot>\n        {{ props.text }}\n      </slot>\n    </component>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport {pick} from '../../utils/object'\nimport {computed} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BBreadcrumbItemEmits, BBreadcrumbItemProps, BBreadcrumbItemSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBreadcrumbItemProps>(), {\n  ariaCurrent: 'location',\n  text: undefined,\n  // Link props\n  active: false, // Why is this active: false?\n  // All others use defaults\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  stretched: false,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  routerTag: undefined,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  variant: undefined,\n  // End link props\n})\nconst props = useDefaults(_props, 'BBreadcrumbItem')\nconst emit = defineEmits<BBreadcrumbItemEmits>()\ndefineSlots<BBreadcrumbItemSlots>()\n\nconst computedClasses = computed(() => ({\n  active: props.active,\n}))\n\nconst computedTag = computed(() => (props.active ? 'span' : BLink))\n\nconst computedAriaCurrent = computed(() => (props.active ? props.ariaCurrent : undefined))\n\nconst computedLinkProps = computed(() =>\n  computedTag.value !== 'span'\n    ? pick(props, [\n        'active',\n        'activeClass',\n        'disabled',\n        'exactActiveClass',\n        'href',\n        'icon',\n        'noRel',\n        'opacity',\n        'opacityHover',\n        'noPrefetch',\n        'prefetch',\n        'prefetchOn',\n        'prefetchedClass',\n        'rel',\n        'replace',\n        'routerComponentName',\n        'stretched',\n        'target',\n        'to',\n        'underlineOffset',\n        'underlineOffsetHover',\n        'underlineOpacity',\n        'underlineOpacityHover',\n        'underlineVariant',\n        'variant',\n      ])\n    : {}\n)\n\nconst clicked = (e: Readonly<MouseEvent>): void => {\n  if (props.disabled || props.active) {\n    e.preventDefault()\n    e.stopImmediatePropagation()\n    return\n  }\n  if (!props.disabled) emit('click', e)\n}\n</script>\n","<template>\n  <li class=\"breadcrumb-item\" :class=\"computedClasses\">\n    <component\n      :is=\"computedTag\"\n      :aria-current=\"computedAriaCurrent\"\n      v-bind=\"computedLinkProps\"\n      @click=\"clicked\"\n    >\n      <slot>\n        {{ props.text }}\n      </slot>\n    </component>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport {pick} from '../../utils/object'\nimport {computed} from 'vue'\nimport BLink from '../BLink/BLink.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BBreadcrumbItemEmits, BBreadcrumbItemProps, BBreadcrumbItemSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BBreadcrumbItemProps>(), {\n  ariaCurrent: 'location',\n  text: undefined,\n  // Link props\n  active: false, // Why is this active: false?\n  // All others use defaults\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  stretched: false,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  routerTag: undefined,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  variant: undefined,\n  // End link props\n})\nconst props = useDefaults(_props, 'BBreadcrumbItem')\nconst emit = defineEmits<BBreadcrumbItemEmits>()\ndefineSlots<BBreadcrumbItemSlots>()\n\nconst computedClasses = computed(() => ({\n  active: props.active,\n}))\n\nconst computedTag = computed(() => (props.active ? 'span' : BLink))\n\nconst computedAriaCurrent = computed(() => (props.active ? props.ariaCurrent : undefined))\n\nconst computedLinkProps = computed(() =>\n  computedTag.value !== 'span'\n    ? pick(props, [\n        'active',\n        'activeClass',\n        'disabled',\n        'exactActiveClass',\n        'href',\n        'icon',\n        'noRel',\n        'opacity',\n        'opacityHover',\n        'noPrefetch',\n        'prefetch',\n        'prefetchOn',\n        'prefetchedClass',\n        'rel',\n        'replace',\n        'routerComponentName',\n        'stretched',\n        'target',\n        'to',\n        'underlineOffset',\n        'underlineOffsetHover',\n        'underlineOpacity',\n        'underlineOpacityHover',\n        'underlineVariant',\n        'variant',\n      ])\n    : {}\n)\n\nconst clicked = (e: Readonly<MouseEvent>): void => {\n  if (props.disabled || props.active) {\n    e.preventDefault()\n    e.stopImmediatePropagation()\n    return\n  }\n  if (!props.disabled) emit('click', e)\n}\n</script>\n","<template>\n  <nav :id=\"props.id\" aria-label=\"breadcrumb\">\n    <ol class=\"breadcrumb\" :class=\"props.olClass\" v-bind=\"props.olAttrs\">\n      <slot name=\"prepend\" />\n      <BBreadcrumbItem v-for=\"(item, i) in breadcrumbItemObjects\" :key=\"i\" v-bind=\"item\">\n        {{ item.text }}\n      </BBreadcrumbItem>\n      <slot />\n      <slot name=\"append\" />\n    </ol>\n  </nav>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {useBreadcrumb} from '../../composables/useBreadcrumb'\nimport {useDefaults} from '../../composables/useDefaults'\nimport BBreadcrumbItem from './BBreadcrumbItem.vue'\nimport type {BBreadcrumbProps, BBreadcrumbSlots, BreadcrumbItem} from '../../types'\n\nconst _props = withDefaults(defineProps<BBreadcrumbProps>(), {\n  items: undefined,\n  id: undefined,\n  olAttrs: undefined,\n  olClass: undefined,\n})\nconst props = useDefaults(_props, 'BBreadcrumb')\ndefineSlots<BBreadcrumbSlots>()\n\nconst breadcrumb = useBreadcrumb(() => props.id || null)\n\nconst breadcrumbItemObjects = computed<BreadcrumbItem[]>(() => {\n  const localItems = props.items || breadcrumb.items?.value || []\n  let activeDefined = false\n  return localItems.map((item, idx) => {\n    if (typeof item === 'string') {\n      item = {text: item}\n      if (idx < localItems.length - 1) item.href = '#'\n    }\n    if (item.active) activeDefined = true\n\n    // Auto-detect active by position in list\n    if (!item.active && !activeDefined) {\n      item.active = idx + 1 === localItems.length\n    }\n    return item\n  })\n})\n</script>\n","<template>\n  <nav :id=\"props.id\" aria-label=\"breadcrumb\">\n    <ol class=\"breadcrumb\" :class=\"props.olClass\" v-bind=\"props.olAttrs\">\n      <slot name=\"prepend\" />\n      <BBreadcrumbItem v-for=\"(item, i) in breadcrumbItemObjects\" :key=\"i\" v-bind=\"item\">\n        {{ item.text }}\n      </BBreadcrumbItem>\n      <slot />\n      <slot name=\"append\" />\n    </ol>\n  </nav>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {useBreadcrumb} from '../../composables/useBreadcrumb'\nimport {useDefaults} from '../../composables/useDefaults'\nimport BBreadcrumbItem from './BBreadcrumbItem.vue'\nimport type {BBreadcrumbProps, BBreadcrumbSlots, BreadcrumbItem} from '../../types'\n\nconst _props = withDefaults(defineProps<BBreadcrumbProps>(), {\n  items: undefined,\n  id: undefined,\n  olAttrs: undefined,\n  olClass: undefined,\n})\nconst props = useDefaults(_props, 'BBreadcrumb')\ndefineSlots<BBreadcrumbSlots>()\n\nconst breadcrumb = useBreadcrumb(() => props.id || null)\n\nconst breadcrumbItemObjects = computed<BreadcrumbItem[]>(() => {\n  const localItems = props.items || breadcrumb.items?.value || []\n  let activeDefined = false\n  return localItems.map((item, idx) => {\n    if (typeof item === 'string') {\n      item = {text: item}\n      if (idx < localItems.length - 1) item.href = '#'\n    }\n    if (item.active) activeDefined = true\n\n    // Auto-detect active by position in list\n    if (!item.active && !activeDefined) {\n      item.active = idx + 1 === localItems.length\n    }\n    return item\n  })\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkDA,MAAM,QAAQ,oBAAA,YA5BC,SA4BmB,kBAAiB;EACnD,MAAM,OAAO;EAGb,MAAM,mBAAA,GAAA,IAAA,iBAAkC,EACtC,QAAQ,MAAM,QACf,EAAC;EAEF,MAAM,eAAA,GAAA,IAAA,gBAA8B,MAAM,SAAS,SAAS,cAAA,cAAM;EAElE,MAAM,uBAAA,GAAA,IAAA,gBAAsC,MAAM,SAAS,MAAM,cAAc,KAAA,EAAU;EAEzF,MAAM,qBAAA,GAAA,IAAA,gBACJ,YAAY,UAAU,SAClB,eAAA,KAAK,OAAO;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAA,GACD,EAAC,CACP;EAEA,MAAM,WAAW,MAAkC;AACjD,OAAI,MAAM,YAAY,MAAM,QAAQ;AAClC,MAAE,gBAAe;AACjB,MAAE,0BAAyB;AAC3B;;AAEF,OAAI,CAAC,MAAM,SAAU,MAAK,SAAS,EAAC;;;4DAxF/B,MAAA,EAXD,QAAA,GAAA,IAAA,gBAAK,CAAC,mBAA0B,gBAAA,MAAe,CAAA,EAAA,EAAA,GAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,cAAA,GAAA,IAAA,yBAE1C,YAAA,MAAW,GAAA,GAAA,IAAA,YAQN,EAPT,gBAAc,oBAAA,OAAmB,EAC1B,kBAAA,OAAiB,EACxB,SAAO,SAAO,CAAA,EAAA;oCAIR,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,WAAA,EAAA,QAAA,EAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,OADF,MAAK,CAAC,KAAI,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;EEiBrB,MAAM,QAAQ,oBAAA,YANC,SAMmB,cAAa;EAG/C,MAAM,aAAa,4CAAA,oBAAoB,MAAM,MAAM,KAAI;EAEvD,MAAM,yBAAA,GAAA,IAAA,gBAAyD;GAC7D,MAAM,aAAa,MAAM,SAAS,WAAW,OAAO,SAAS,EAAC;GAC9D,IAAI,gBAAgB;AACpB,UAAO,WAAW,KAAK,MAAM,QAAQ;AACnC,QAAI,OAAO,SAAS,UAAU;AAC5B,YAAO,EAAC,MAAM,MAAI;AAClB,SAAI,MAAM,WAAW,SAAS,EAAG,MAAK,OAAO;;AAE/C,QAAI,KAAK,OAAQ,iBAAgB;AAGjC,QAAI,CAAC,KAAK,UAAU,CAAC,cACnB,MAAK,SAAS,MAAM,MAAM,WAAW;AAEvC,WAAO;KACR;IACF;;4DArCO,OAAA;IATA,KAAA,GAAA,IAAA,OAAI,MAAK,CAAC;IAAI,cAAW;mCAQxB,OAAA,GAAA,IAAA,YAAA,EAPD,OAAK,CAAC,eAAA,GAAA,IAAA,OAAqB,MAAK,CAAC,QAAO,EAAA,GAAA,GAAA,IAAA,OAAU,MAAK,CAAC,QAAO,EAAA;wBAC1C,KAAA,QAAA,UAAA;2DAGL,IAAA,UAAA,OAAA,GAAA,IAAA,YAFmB,sBAAA,QAAZ,MAAM,MAAC;uDAEd,0BAAA,GAAA,IAAA,YAAA,EAF2C,KAAK,GAAC,EAAA,EAAA,SAAA,MAAA,EAAU,KAAI,EAAA;sCAChE,EAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,iBAAZ,KAAK,KAAI,EAAA,EAAA,CAAA,CAAA;;;;wBAEN,KAAA,QAAA,UAAA;wBACc,KAAA,QAAA,SAAA"}

package/dist/{BBreadcrumb-Dk4ia-9c.mjs → BBreadcrumb-BxADbg0O.mjs}

@@ -1,7 +1,7 @@
 import { useBreadcrumb } from "./src/composables/useBreadcrumb/index.mjs";
-import { t as useDefaults } from "./useDefaults-BKgBaqOV.mjs";
+import { t as useDefaults } from "./useDefaults-DseelK6y.mjs";
 import { a as pick } from "./object-CHQkkner.mjs";
-import { t as BLink_default } from "./BLink-CNFWSz0D.mjs";
+import { t as BLink_default } from "./BLink-Dfgte6dQ.mjs";
 import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/BBreadcrumb/BBreadcrumbItem.vue
@@ -151,4 +151,4 @@ var BBreadcrumb_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { BBreadcrumbItem_default as n, BBreadcrumb_default as t };
 
-//# sourceMappingURL=BBreadcrumb-Dk4ia-9c.mjs.map
+//# sourceMappingURL=BBreadcrumb-BxADbg0O.mjs.map