bootstrap-vue-next 0.24.12 → 0.24.13

package/dist/BAvatarGroup.vue_vue_type_script_setup_true_lang-CJHztvxJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BAvatarGroup.vue_vue_type_script_setup_true_lang-CJHztvxJ.mjs","sources":["../src/components/BAvatar/BAvatar.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    @click=\"clicked\"\n  >\n    <span v-if=\"hasDefaultSlot\" class=\"b-avatar-custom\">\n      <slot />\n    </span>\n    <span v-else-if=\"!!props.src\" class=\"b-avatar-img\">\n      <img :src=\"props.src\" :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\" /></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, type StyleValue} from 'vue'\nimport type {BAvatarProps} from '../../types/ComponentProps'\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'\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})\n\nconst emit = defineEmits<{\n  'click': [value: MouseEvent]\n  'img-error': [value: Event]\n}>()\n\nconst slots = defineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  badge?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst parentData = inject(avatarGroupInjectionKey, null)\n\nconst SIZES = ['sm', null, 'lg']\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\nconst computedPropSize = useNumberishToStyle(() => props.size)\nconst computedParentSize = useNumberishToStyle(() => parentData?.size.value)\nconst computedSize = computed(() => computedParentSize.value ?? computedPropSize.value)\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 computedTextVariant = computed(() => parentData?.textVariant.value ?? props.textVariant)\nconst computedBgVariant = computed(() => parentData?.bgVariant.value ?? props.bgVariant)\n\nconst resolvedBackgroundClasses = useColorVariantClasses(() => ({\n  bgVariant: computedBgVariant.value,\n  textVariant: computedTextVariant.value,\n  variant: computedVariant.value,\n}))\n\nconst computedClasses = computed(() => [\n  resolvedBackgroundClasses.value,\n  // Square overwrites all else\n  computedSquare.value === true ? undefined : radiusElementClasses.value,\n  {\n    [`b-avatar-${props.size}`]:\n      !!props.size && SIZES.indexOf(computedPropSize.value as string) !== -1,\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    (SIZES.indexOf((computedSize.value as string | undefined) || null) === -1\n      ? `calc(${computedSize.value} * ${BADGE_FONT_SIZE_SCALE})`\n      : '') || '',\n}))\n\nconst textFontStyle = computed<StyleValue>(() => {\n  const fontSize =\n    SIZES.indexOf((computedSize.value as string | undefined) || null) === -1\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  width: computedSize.value ?? undefined,\n  height: computedSize.value ?? 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  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 type {BAvatarGroupProps} from '../../types/ComponentProps'\nimport {avatarGroupInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useToNumber} from '@vueuse/core'\nimport {useNumberishToStyle} from '../../composables/useNumberishToStyle'\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')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\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"],"names":["_useSlots","BLink"],"mappings":"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"}

package/dist/BAvatarGroup.vue_vue_type_script_setup_true_lang-CyH7wDxA.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),t=require("./keys-BgAe7wbu.js"),a=require("./BLink.vue_vue_type_script_setup_true_lang-CGvuLpmP.js"),l=require("./BBadge.vue_vue_type_script_setup_true_lang-D0XJTOKS.js"),o=require("./useBLinkHelper-BxI4evA6.js"),u=require("./dom-C-F8jHop.js"),d=require("./useNumberishToStyle-CUqOYwz3.js"),n=require("./useRadiusElementClasses-D-ydxJLn.js"),r=require("./useColorVariantClasses-CnrZmyKT.js"),i=require("./useDefaults-Cd8OVIUI.js"),v=require("./index-BInTFWT4.js"),s={key:0,class:"b-avatar-custom"},c={key:1,class:"b-avatar-img"},p=["src","alt"],m={key:3,class:"b-avatar-img"},f=e.defineComponent({__name:"BAvatar",props:{alt:{default:"avatar"},badge:{type:[Boolean,String],default:!1},badgeBgVariant:{default:null},badgePlacement:{default:"bottom-end"},badgeTextVariant:{default:null},badgeVariant:{default:"primary"},badgePill:{type:Boolean,default:!1},badgeDotIndicator:{type:Boolean,default:!1},button:{type:Boolean,default:!1},buttonType:{default:"button"},size:{default:void 0},square:{type:Boolean,default:!1},src:{default:void 0},text:{default:void 0},active:{type:Boolean,default:void 0},activeClass:{default:void 0},disabled:{type:Boolean,default:void 0},exactActiveClass:{default:void 0},href:{default:void 0},noRel:{type:Boolean},opacity:{default:void 0},opacityHover:{default:void 0},rel:{default:void 0},replace:{type:Boolean,default:void 0},routerComponentName:{default:void 0},stretched:{type:Boolean,default:!1},target:{default:void 0},to:{},underlineOffset:{default:void 0},underlineOffsetHover:{default:void 0},underlineOpacity:{default:void 0},underlineOpacityHover:{default:void 0},underlineVariant:{default:void 0},variant:{default:"secondary"},bgVariant:{default:null},textVariant:{default:null},rounded:{type:[Boolean,String,Number],default:"circle"},roundedTop:{type:[Boolean,String,Number],default:void 0},roundedBottom:{type:[Boolean,String,Number],default:void 0},roundedStart:{type:[Boolean,String,Number],default:void 0},roundedEnd:{type:[Boolean,String,Number],default:void 0}},emits:["click","img-error"],setup(i,{emit:v}){const f=i,b=v,g=e.useSlots(),{computedLink:y,computedLinkProps:B}=o.useBLinkHelper(f),S=e.inject(t.avatarGroupInjectionKey,null),x=["sm",null,"lg"],V=e.computed((()=>!u.isEmptySlot(g.default))),k=e.computed((()=>!u.isEmptySlot(g.badge))),_=e.computed((()=>!!f.badge||""===f.badge||k.value)),N=e.computed((()=>(null==S?void 0:S.square.value)||f.square)),h=d.useNumberishToStyle((()=>f.size)),E=d.useNumberishToStyle((()=>null==S?void 0:S.size.value)),C=e.computed((()=>E.value??h.value)),q=e.computed((()=>(null==S?void 0:S.variant.value)??f.variant)),T=e.computed((()=>(null==S?void 0:S.rounded.value)??f.rounded)),z=e.computed((()=>(null==S?void 0:S.roundedTop.value)??f.roundedTop)),R=e.computed((()=>(null==S?void 0:S.roundedBottom.value)??f.roundedBottom)),j=e.computed((()=>(null==S?void 0:S.roundedStart.value)??f.roundedStart)),$=e.computed((()=>(null==S?void 0:S.roundedEnd.value)??f.roundedEnd)),w=n.useRadiusElementClasses((()=>({rounded:T.value,roundedTop:z.value,roundedBottom:R.value,roundedStart:j.value,roundedEnd:$.value}))),D=e.computed((()=>!0===f.badge?"":f.badge)),L=e.computed((()=>!D.value&&!k.value)),O=e.computed((()=>(null==S?void 0:S.textVariant.value)??f.textVariant)),P=e.computed((()=>(null==S?void 0:S.bgVariant.value)??f.bgVariant)),H=r.useColorVariantClasses((()=>({bgVariant:P.value,textVariant:O.value,variant:q.value}))),A=e.computed((()=>[H.value,!0===N.value?void 0:w.value,{[`b-avatar-${f.size}`]:!!f.size&&-1!==x.indexOf(h.value),[`btn-${q.value}`]:!!f.button&&null!==q.value,badge:!f.button&&null!==q.value&&V.value,btn:f.button,"rounded-0":!0===N.value}])),G=e.computed((()=>({fontSize:(-1===x.indexOf(C.value||null)?`calc(${C.value} * 0.27999999999999997)`:"")||""}))),I=e.computed((()=>{const e=-1===x.indexOf(C.value||null)?`calc(${C.value} * 0.4)`:null;return e?{fontSize:e}:{}})),M=e.computed((()=>{var e;const t=(null==(e=null==S?void 0:S.overlapScale)?void 0:e.value)||0,a=C.value&&t?`calc(${C.value} * -${t})`:null;return a?{marginLeft:a,marginRight:a}:{}})),K=e.computed((()=>y.value?a._sfc_main:f.button?"button":"span")),W=e.computed((()=>({...M.value,width:C.value??void 0,height:C.value??void 0}))),F=e=>{f.disabled||!y.value&&!f.button||b("click",e)},J=e=>{b("img-error",e)};return(t,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(K.value),e.mergeProps({class:["b-avatar",A.value],style:W.value},e.unref(B),{type:f.button&&!e.unref(y)?f.buttonType:void 0,disabled:f.disabled||null,onClick:F}),{default:e.withCtx((()=>[V.value?(e.openBlock(),e.createElementBlock("span",s,[e.renderSlot(t.$slots,"default")])):f.src?(e.openBlock(),e.createElementBlock("span",c,[e.createElementVNode("img",{src:f.src,alt:f.alt,onError:J},null,40,p)])):f.text?(e.openBlock(),e.createElementBlock("span",{key:2,class:"b-avatar-text",style:e.normalizeStyle(I.value)},e.toDisplayString(f.text),5)):(e.openBlock(),e.createElementBlock("span",m,a[0]||(a[0]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"80%",height:"80%",fill:"currentColor",class:"bi bi-person-fill",viewBox:"0 0 16 16"},[e.createElementVNode("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"})],-1)]))),_.value?(e.openBlock(),e.createBlock(l._sfc_main,{key:4,pill:f.badgePill,"dot-indicator":f.badgeDotIndicator||L.value,variant:f.badgeVariant,"bg-variant":f.badgeBgVariant,"text-variant":f.badgeTextVariant,style:e.normalizeStyle(G.value),placement:f.badgePlacement},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"badge",{},(()=>[e.createTextVNode(e.toDisplayString(D.value),1)]))])),_:3},8,["pill","dot-indicator","variant","bg-variant","text-variant","style","placement"])):e.createCommentVNode("",!0)])),_:3},16,["class","style","type","disabled"]))}}),b=e.defineComponent({__name:"BAvatarGroup",props:{overlap:{default:.3},size:{default:void 0},square:{type:Boolean,default:!1},tag:{default:"div"},variant:{default:null},bgVariant:{default:null},textVariant:{default:null},rounded:{type:[Boolean,String,Number],default:"circle"},roundedTop:{type:[Boolean,String,Number],default:void 0},roundedBottom:{type:[Boolean,String,Number],default:void 0},roundedStart:{type:[Boolean,String,Number],default:void 0},roundedEnd:{type:[Boolean,String,Number],default:void 0}},setup(a){const l=a,o=i.useDefaults(l,"BAvatarGroup"),u=v.useToNumber((()=>o.overlap)),n=d.useNumberishToStyle((()=>o.size)),r=e.computed((()=>Math.min(Math.max(u.value,0),1)/2)),s=e.computed((()=>{const e=n.value?`calc(${n.value} * ${r.value})`:null;return e?{paddingLeft:e,paddingRight:e}:{}}));return e.provide(t.avatarGroupInjectionKey,{overlapScale:r,size:e.toRef((()=>o.size)),square:e.toRef((()=>o.square)),rounded:e.toRef((()=>o.rounded)),roundedTop:e.toRef((()=>o.roundedTop)),roundedBottom:e.toRef((()=>o.roundedBottom)),roundedStart:e.toRef((()=>o.roundedStart)),roundedEnd:e.toRef((()=>o.roundedEnd)),variant:e.toRef((()=>o.variant)),bgVariant:e.toRef((()=>o.bgVariant)),textVariant:e.toRef((()=>o.textVariant))}),(t,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o).tag),{class:"b-avatar-group",role:"group"},{default:e.withCtx((()=>[e.createElementVNode("div",{class:"b-avatar-group-inner",style:e.normalizeStyle(s.value)},[e.renderSlot(t.$slots,"default")],4)])),_:3}))}});exports._sfc_main=f,exports._sfc_main$1=b;
+//# sourceMappingURL=BAvatarGroup.vue_vue_type_script_setup_true_lang-CyH7wDxA.js.map

package/dist/BAvatarGroup.vue_vue_type_script_setup_true_lang-CyH7wDxA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BAvatarGroup.vue_vue_type_script_setup_true_lang-CyH7wDxA.js","sources":["../src/components/BAvatar/BAvatar.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    @click=\"clicked\"\n  >\n    <span v-if=\"hasDefaultSlot\" class=\"b-avatar-custom\">\n      <slot />\n    </span>\n    <span v-else-if=\"!!props.src\" class=\"b-avatar-img\">\n      <img :src=\"props.src\" :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\" /></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, type StyleValue} from 'vue'\nimport type {BAvatarProps} from '../../types/ComponentProps'\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'\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})\n\nconst emit = defineEmits<{\n  'click': [value: MouseEvent]\n  'img-error': [value: Event]\n}>()\n\nconst slots = defineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  badge?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst parentData = inject(avatarGroupInjectionKey, null)\n\nconst SIZES = ['sm', null, 'lg']\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\nconst computedPropSize = useNumberishToStyle(() => props.size)\nconst computedParentSize = useNumberishToStyle(() => parentData?.size.value)\nconst computedSize = computed(() => computedParentSize.value ?? computedPropSize.value)\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 computedTextVariant = computed(() => parentData?.textVariant.value ?? props.textVariant)\nconst computedBgVariant = computed(() => parentData?.bgVariant.value ?? props.bgVariant)\n\nconst resolvedBackgroundClasses = useColorVariantClasses(() => ({\n  bgVariant: computedBgVariant.value,\n  textVariant: computedTextVariant.value,\n  variant: computedVariant.value,\n}))\n\nconst computedClasses = computed(() => [\n  resolvedBackgroundClasses.value,\n  // Square overwrites all else\n  computedSquare.value === true ? undefined : radiusElementClasses.value,\n  {\n    [`b-avatar-${props.size}`]:\n      !!props.size && SIZES.indexOf(computedPropSize.value as string) !== -1,\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    (SIZES.indexOf((computedSize.value as string | undefined) || null) === -1\n      ? `calc(${computedSize.value} * ${BADGE_FONT_SIZE_SCALE})`\n      : '') || '',\n}))\n\nconst textFontStyle = computed<StyleValue>(() => {\n  const fontSize =\n    SIZES.indexOf((computedSize.value as string | undefined) || null) === -1\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  width: computedSize.value ?? undefined,\n  height: computedSize.value ?? 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  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 type {BAvatarGroupProps} from '../../types/ComponentProps'\nimport {avatarGroupInjectionKey} from '../../utils/keys'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useToNumber} from '@vueuse/core'\nimport {useNumberishToStyle} from '../../composables/useNumberishToStyle'\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')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\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"],"names":["props","__props","emit","__emit","slots","_useSlots","computedLink","computedLinkProps","useBLinkHelper","parentData","inject","avatarGroupInjectionKey","SIZES","hasDefaultSlot","computed","isEmptySlot","default","hasBadgeSlot","badge","showBadge","value","computedSquare","square","computedPropSize","useNumberishToStyle","size","computedParentSize","computedSize","computedVariant","variant","computedRounded","rounded","computedRoundedTop","roundedTop","computedRoundedBottom","roundedBottom","computedRoundedStart","roundedStart","computedRoundedEnd","roundedEnd","radiusElementClasses","useRadiusElementClasses","badgeText","badgeImplicitlyDot","computedTextVariant","textVariant","computedBgVariant","bgVariant","resolvedBackgroundClasses","useColorVariantClasses","computedClasses","indexOf","button","btn","badgeStyle","fontSize","textFontStyle","marginStyle","overlapScale","_a","marginLeft","marginRight","computedTag","BLink","computedStyle","width","height","clicked","e","disabled","onImgError","_props","useDefaults","overlapNumber","useToNumber","overlap","Math","min","max","paddingStyle","paddingLeft","paddingRight","provide","toRef"],"mappings":"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"}

package/dist/BBadge.vue_vue_type_script_setup_true_lang-D0XJTOKS.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),t=require("./useBLinkHelper-BxI4evA6.js"),a=require("./useColorVariantClasses-CnrZmyKT.js"),o=require("./useDefaults-Cd8OVIUI.js"),d=require("./BLink.vue_vue_type_script_setup_true_lang-CGvuLpmP.js"),r=require("./RenderComponentOrSkip.vue_vue_type_script_lang-Ceo_5VTw.js"),l=e.defineComponent({__name:"BBadge",props:{dotIndicator:{type:Boolean,default:!1},pill:{type:Boolean,default:!1},placement:{default:void 0},tag:{default:"span"},active:{type:Boolean,default:void 0},activeClass:{default:void 0},disabled:{type:Boolean,default:void 0},exactActiveClass:{default:void 0},href:{default:void 0},icon:{type:Boolean,default:void 0},noRel:{type:Boolean},opacity:{default:void 0},opacityHover:{default:void 0},rel:{default:void 0},replace:{type:Boolean,default:void 0},routerComponentName:{default:void 0},stretched:{type:Boolean,default:!1},target:{default:void 0},to:{default:void 0},underlineOffset:{default:void 0},underlineOffsetHover:{default:void 0},underlineOpacity:{default:void 0},underlineOpacityHover:{default:void 0},underlineVariant:{default:void 0},variant:{default:"secondary"},bgVariant:{default:null},textVariant:{default:null}},setup(l){const i=l,n=o.useDefaults(i,"BBadge"),u=a.useColorVariantClasses(n),{computedLink:s,computedLinkProps:p}=t.useBLinkHelper(n,["active","activeClass","append","disabled","href","rel","replace","routerComponentName","target","to","opacity","opacityHover","underlineVariant","underlineOffset","underlineOffsetHover","underlineOpacity","underlineOpacityHover","icon"]),c=e.computed((()=>s.value?d._sfc_main:n.tag)),v=e.computed((()=>{const e=n.placement??(n.dotIndicator?"top-end":void 0);return["position-absolute","translate-middle",{"start-0 top-0":"top-start"===e,"start-0 top-50":"start"===e,"start-0 top-100":"bottom-start"===e,"start-50 top-0":"top"===e,"start-50 top-100":"bottom"===e,"start-100 top-0":"top-end"===e,"start-100 top-50":"end"===e,"start-100 top-100":"bottom-end"===e}]})),f=e.computed((()=>[u.value,void 0!==n.placement||!0===n.dotIndicator?v.value:void 0,{active:n.active,disabled:n.disabled,"rounded-pill":n.pill,"p-2 border border-light rounded-circle":n.dotIndicator,"text-decoration-none":s.value}]));return(t,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value),e.mergeProps({class:["badge",f.value]},e.unref(p)),{default:e.withCtx((()=>[e.createVNode(r._sfc_main,e.mergeProps({skip:!0!==e.unref(n).dotIndicator,tag:"span"},e.unref(n).dotIndicator?{class:"visually-hidden"}:{}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default")])),_:3},16,["skip"])])),_:3},16,["class"]))}});exports._sfc_main=l;
+//# sourceMappingURL=BBadge.vue_vue_type_script_setup_true_lang-D0XJTOKS.js.map

package/dist/BBadge.vue_vue_type_script_setup_true_lang-D0XJTOKS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BBadge.vue_vue_type_script_setup_true_lang-D0XJTOKS.js","sources":["../src/components/BBadge/BBadge.vue"],"sourcesContent":["<template>\n  <component :is=\"computedTag\" class=\"badge\" :class=\"computedClasses\" v-bind=\"computedLinkProps\">\n    <RenderComponentOrSkip\n      :skip=\"props.dotIndicator !== true\"\n      tag=\"span\"\n      v-bind=\"props.dotIndicator ? {class: 'visually-hidden'} : {}\"\n    >\n      <slot />\n    </RenderComponentOrSkip>\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 type {BBadgeProps} from '../../types/ComponentProps'\nimport BLink from '../BLink/BLink.vue'\nimport RenderComponentOrSkip from '../RenderComponentOrSkip.vue'\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\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')\n\nconst resolvedBackgroundClasses = useColorVariantClasses(props)\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props, [\n  'active',\n  'activeClass',\n  'append',\n  'disabled',\n  'href',\n  'rel',\n  'replace',\n  'routerComponentName',\n  'target',\n  'to',\n  'opacity',\n  'opacityHover',\n  'underlineVariant',\n  'underlineOffset',\n  'underlineOffsetHover',\n  'underlineOpacity',\n  'underlineOpacityHover',\n  'icon',\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 computedClasses = computed(() => [\n  resolvedBackgroundClasses.value,\n  props.placement !== undefined || props.dotIndicator === true ? 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"],"names":["_props","__props","props","useDefaults","resolvedBackgroundClasses","useColorVariantClasses","computedLink","computedLinkProps","useBLinkHelper","computedTag","computed","value","BLink","tag","placementClasses","pos","placement","dotIndicator","computedClasses","active","disabled","pill"],"mappings":"sqCA0BA,MAAMA,EAASC,EAkCTC,EAAQC,EAAAA,YAAYH,EAAQ,UAE5BI,EAA4BC,yBAAuBH,IAEnDI,aAACA,EAAcC,kBAAAA,GAAqBC,EAAAA,eAAeN,EAAO,CAC9D,SACA,cACA,SACA,WACA,OACA,MACA,UACA,sBACA,SACA,KACA,UACA,eACA,mBACA,kBACA,uBACA,mBACA,wBACA,SAGIO,EAAcC,EAASA,UAAA,IAAOJ,EAAaK,MAAQC,YAAQV,EAAMW,MAEjEC,EAAmBJ,EAAAA,UAAS,KAEhC,MAAMK,EAAMb,EAAMc,YAAcd,EAAMe,aAAe,eAAY,GAC1D,MAAA,CACL,oBACA,mBACA,CACE,gBAAyB,cAARF,EACjB,iBAA0B,UAARA,EAClB,kBAA2B,iBAARA,EACnB,iBAA0B,QAARA,EAClB,mBAA4B,WAARA,EACpB,kBAA2B,YAARA,EACnB,mBAA4B,QAARA,EACpB,oBAA6B,eAARA,GACvB,IAIEG,EAAkBR,EAAAA,UAAS,IAAM,CACrCN,EAA0BO,WACN,IAApBT,EAAMc,YAAkD,IAAvBd,EAAMe,aAAwBH,EAAiBH,WAAQ,EACxF,CACEQ,OAAUjB,EAAMiB,OAChBC,SAAYlB,EAAMkB,SAClB,eAAgBlB,EAAMmB,KACtB,yCAA0CnB,EAAMe,aAChD,uBAAwBX,EAAaK"}

package/dist/BBadge.vue_vue_type_script_setup_true_lang-DvnR6bcm.mjs

@@ -0,0 +1,114 @@
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, createVNode, renderSlot } from "vue";
+import { u as useBLinkHelper } from "./useBLinkHelper-Bvtov_sk.mjs";
+import { u as useColorVariantClasses } from "./useColorVariantClasses-WMXe7khu.mjs";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+import { _ as _sfc_main$1 } from "./BLink.vue_vue_type_script_setup_true_lang-C39-ereM.mjs";
+import { _ as _sfc_main$2 } from "./RenderComponentOrSkip.vue_vue_type_script_lang-CvaXFCLB.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BBadge",
+  props: {
+    dotIndicator: { type: Boolean, default: false },
+    pill: { type: Boolean, default: false },
+    placement: { default: void 0 },
+    tag: { default: "span" },
+    active: { type: Boolean, default: void 0 },
+    activeClass: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    exactActiveClass: { default: void 0 },
+    href: { default: void 0 },
+    icon: { type: Boolean, default: void 0 },
+    noRel: { type: Boolean },
+    opacity: { default: void 0 },
+    opacityHover: { default: void 0 },
+    rel: { default: void 0 },
+    replace: { type: Boolean, default: void 0 },
+    routerComponentName: { default: void 0 },
+    stretched: { type: Boolean, default: false },
+    target: { default: void 0 },
+    to: { default: void 0 },
+    underlineOffset: { default: void 0 },
+    underlineOffsetHover: { default: void 0 },
+    underlineOpacity: { default: void 0 },
+    underlineOpacityHover: { default: void 0 },
+    underlineVariant: { default: void 0 },
+    variant: { default: "secondary" },
+    bgVariant: { default: null },
+    textVariant: { default: null }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BBadge");
+    const resolvedBackgroundClasses = useColorVariantClasses(props);
+    const { computedLink, computedLinkProps } = useBLinkHelper(props, [
+      "active",
+      "activeClass",
+      "append",
+      "disabled",
+      "href",
+      "rel",
+      "replace",
+      "routerComponentName",
+      "target",
+      "to",
+      "opacity",
+      "opacityHover",
+      "underlineVariant",
+      "underlineOffset",
+      "underlineOffsetHover",
+      "underlineOpacity",
+      "underlineOpacityHover",
+      "icon"
+    ]);
+    const computedTag = computed(() => computedLink.value ? _sfc_main$1 : props.tag);
+    const placementClasses = computed(() => {
+      const pos = props.placement ?? (props.dotIndicator ? "top-end" : void 0);
+      return [
+        "position-absolute",
+        "translate-middle",
+        {
+          "start-0 top-0": pos === "top-start",
+          "start-0 top-50": pos === "start",
+          "start-0 top-100": pos === "bottom-start",
+          "start-50 top-0": pos === "top",
+          "start-50 top-100": pos === "bottom",
+          "start-100 top-0": pos === "top-end",
+          "start-100 top-50": pos === "end",
+          "start-100 top-100": pos === "bottom-end"
+        }
+      ];
+    });
+    const computedClasses = computed(() => [
+      resolvedBackgroundClasses.value,
+      props.placement !== void 0 || props.dotIndicator === true ? placementClasses.value : void 0,
+      {
+        "active": props.active,
+        "disabled": props.disabled,
+        "rounded-pill": props.pill,
+        "p-2 border border-light rounded-circle": props.dotIndicator,
+        "text-decoration-none": computedLink.value
+      }
+    ]);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(computedTag.value), mergeProps({
+        class: ["badge", computedClasses.value]
+      }, unref(computedLinkProps)), {
+        default: withCtx(() => [
+          createVNode(_sfc_main$2, mergeProps({
+            skip: unref(props).dotIndicator !== true,
+            tag: "span"
+          }, unref(props).dotIndicator ? { class: "visually-hidden" } : {}), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["skip"])
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=BBadge.vue_vue_type_script_setup_true_lang-DvnR6bcm.mjs.map

package/dist/BBadge.vue_vue_type_script_setup_true_lang-DvnR6bcm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BBadge.vue_vue_type_script_setup_true_lang-DvnR6bcm.mjs","sources":["../src/components/BBadge/BBadge.vue"],"sourcesContent":["<template>\n  <component :is=\"computedTag\" class=\"badge\" :class=\"computedClasses\" v-bind=\"computedLinkProps\">\n    <RenderComponentOrSkip\n      :skip=\"props.dotIndicator !== true\"\n      tag=\"span\"\n      v-bind=\"props.dotIndicator ? {class: 'visually-hidden'} : {}\"\n    >\n      <slot />\n    </RenderComponentOrSkip>\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 type {BBadgeProps} from '../../types/ComponentProps'\nimport BLink from '../BLink/BLink.vue'\nimport RenderComponentOrSkip from '../RenderComponentOrSkip.vue'\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\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')\n\nconst resolvedBackgroundClasses = useColorVariantClasses(props)\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props, [\n  'active',\n  'activeClass',\n  'append',\n  'disabled',\n  'href',\n  'rel',\n  'replace',\n  'routerComponentName',\n  'target',\n  'to',\n  'opacity',\n  'opacityHover',\n  'underlineVariant',\n  'underlineOffset',\n  'underlineOffsetHover',\n  'underlineOpacity',\n  'underlineOpacityHover',\n  'icon',\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 computedClasses = computed(() => [\n  resolvedBackgroundClasses.value,\n  props.placement !== undefined || props.dotIndicator === true ? 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"],"names":["BLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,SAAS;AAkCT,UAAA,QAAQ,YAAY,QAAQ,QAAQ;AAEpC,UAAA,4BAA4B,uBAAuB,KAAK;AAE9D,UAAM,EAAC,cAAc,sBAAqB,eAAe,OAAO;AAAA,MAC9D;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAED,UAAM,cAAc,SAAS,MAAO,aAAa,QAAQA,cAAQ,MAAM,GAAI;AAErE,UAAA,mBAAmB,SAAS,MAAM;AAEtC,YAAM,MAAM,MAAM,cAAc,MAAM,eAAe,YAAY;AAC1D,aAAA;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,UACE,iBAAiB,QAAQ;AAAA,UACzB,kBAAkB,QAAQ;AAAA,UAC1B,mBAAmB,QAAQ;AAAA,UAC3B,kBAAkB,QAAQ;AAAA,UAC1B,oBAAoB,QAAQ;AAAA,UAC5B,mBAAmB,QAAQ;AAAA,UAC3B,oBAAoB,QAAQ;AAAA,UAC5B,qBAAqB,QAAQ;AAAA,QAC/B;AAAA,MAAA;AAAA,IACF,CACD;AAEK,UAAA,kBAAkB,SAAS,MAAM;AAAA,MACrC,0BAA0B;AAAA,MAC1B,MAAM,cAAc,UAAa,MAAM,iBAAiB,OAAO,iBAAiB,QAAQ;AAAA,MACxF;AAAA,QACE,UAAU,MAAM;AAAA,QAChB,YAAY,MAAM;AAAA,QAClB,gBAAgB,MAAM;AAAA,QACtB,0CAA0C,MAAM;AAAA,QAChD,wBAAwB,aAAa;AAAA,MACvC;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;"}

package/dist/BBreadcrumb.vue_vue_type_script_setup_true_lang-BaeAqIpb.mjs

@@ -0,0 +1,144 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createBlock, resolveDynamicComponent, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, unref, createElementVNode, Fragment, renderList } from "vue";
+import { useBreadcrumb } from "./src/composables/useBreadcrumb/index.mjs";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+import { p as pick } from "./object-DIbMZaP9.mjs";
+import { _ as _sfc_main$2 } from "./BLink.vue_vue_type_script_setup_true_lang-C39-ereM.mjs";
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "BBreadcrumbItem",
+  props: {
+    ariaCurrent: { default: "location" },
+    text: { default: void 0 },
+    active: { type: Boolean, default: false },
+    activeClass: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    exactActiveClass: { default: void 0 },
+    href: { default: void 0 },
+    icon: { type: Boolean, default: void 0 },
+    noRel: { type: Boolean },
+    opacity: { default: void 0 },
+    opacityHover: { default: void 0 },
+    rel: { default: void 0 },
+    replace: { type: Boolean, default: void 0 },
+    routerComponentName: { default: void 0 },
+    stretched: { type: Boolean, default: false },
+    target: { default: void 0 },
+    to: { default: void 0 },
+    underlineOffset: { default: void 0 },
+    underlineOffsetHover: { default: void 0 },
+    underlineOpacity: { default: void 0 },
+    underlineOpacityHover: { default: void 0 },
+    underlineVariant: { default: void 0 },
+    variant: { default: void 0 }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const _props = __props;
+    const props = useDefaults(_props, "BBreadcrumbItem");
+    const emit = __emit;
+    const computedClasses = computed(() => ({
+      active: props.active
+    }));
+    const computedTag = computed(() => props.active ? "span" : _sfc_main$2);
+    const computedAriaCurrent = computed(() => props.active ? props.ariaCurrent : void 0);
+    const computedLinkProps = computed(
+      () => computedTag.value !== "span" ? pick(props, [
+        "active",
+        "activeClass",
+        "append",
+        "disabled",
+        "href",
+        "rel",
+        "replace",
+        "routerComponentName",
+        "target",
+        "to",
+        "variant",
+        "opacity",
+        "opacityHover",
+        "underlineVariant",
+        "underlineOffset",
+        "underlineOffsetHover",
+        "underlineOpacity",
+        "underlineOpacityHover",
+        "icon"
+      ]) : {}
+    );
+    const clicked = (e) => {
+      if (props.disabled || props.active) {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        return;
+      }
+      if (!props.disabled) emit("click", e);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", {
+        class: normalizeClass(["breadcrumb-item", computedClasses.value])
+      }, [
+        (openBlock(), createBlock(resolveDynamicComponent(computedTag.value), mergeProps({ "aria-current": computedAriaCurrent.value }, computedLinkProps.value, { onClick: clicked }), {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(unref(props).text), 1)
+            ])
+          ]),
+          _: 3
+        }, 16, ["aria-current"]))
+      ], 2);
+    };
+  }
+});
+const _hoisted_1 = { "aria-label": "breadcrumb" };
+const _hoisted_2 = { class: "breadcrumb" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BBreadcrumb",
+  props: {
+    items: { default: void 0 }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BBreadcrumb");
+    const breadcrumb = useBreadcrumb();
+    const breadcrumbItemObjects = computed(() => {
+      var _a;
+      const localItems = props.items || ((_a = breadcrumb.items) == null ? void 0 : _a.value) || [];
+      let activeDefined = false;
+      const items = localItems.map((item, idx) => {
+        if (typeof item === "string") {
+          item = { text: item };
+          if (idx < localItems.length - 1) item.href = "#";
+        }
+        if (item.active) activeDefined = true;
+        if (!item.active && !activeDefined) {
+          item.active = idx + 1 === localItems.length;
+        }
+        return item;
+      });
+      return items;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("nav", _hoisted_1, [
+        createElementVNode("ol", _hoisted_2, [
+          renderSlot(_ctx.$slots, "prepend"),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbItemObjects.value, (item, i) => {
+            return openBlock(), createBlock(_sfc_main$1, mergeProps({
+              key: i,
+              ref_for: true
+            }, item), {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(item.text), 1)
+              ]),
+              _: 2
+            }, 1040);
+          }), 128)),
+          renderSlot(_ctx.$slots, "default"),
+          renderSlot(_ctx.$slots, "append")
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  _sfc_main$1 as a
+};
+//# sourceMappingURL=BBreadcrumb.vue_vue_type_script_setup_true_lang-BaeAqIpb.mjs.map

package/dist/BBreadcrumb.vue_vue_type_script_setup_true_lang-BaeAqIpb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BBreadcrumb.vue_vue_type_script_setup_true_lang-BaeAqIpb.mjs","sources":["../src/components/BBreadcrumb/BBreadcrumbItem.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 type {BBreadcrumbItemProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\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')\n\nconst emit = defineEmits<{\n  click: [value: MouseEvent]\n}>()\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        'append',\n        'disabled',\n        'href',\n        'rel',\n        'replace',\n        'routerComponentName',\n        'target',\n        'to',\n        'variant',\n        'opacity',\n        'opacityHover',\n        'underlineVariant',\n        'underlineOffset',\n        'underlineOffsetHover',\n        'underlineOpacity',\n        'underlineOpacityHover',\n        'icon',\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 aria-label=\"breadcrumb\">\n    <ol class=\"breadcrumb\">\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 type {BBreadcrumbProps} from '../../types/ComponentProps'\nimport BBreadcrumbItem from './BBreadcrumbItem.vue'\nimport type {BreadcrumbItem} from '../../types/BreadcrumbTypes'\n\nconst _props = withDefaults(defineProps<BBreadcrumbProps>(), {items: undefined})\nconst props = useDefaults(_props, 'BBreadcrumb')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  append?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  prepend?: (props: Record<string, never>) => any\n}>()\n\nconst breadcrumb = useBreadcrumb()\n\nconst breadcrumbItemObjects = computed<BreadcrumbItem[]>(() => {\n  const localItems = props.items || breadcrumb.items?.value || []\n  let activeDefined = false\n  const items = 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  return items\n})\n</script>\n"],"names":["BLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,UAAM,SAAS;AA4BT,UAAA,QAAQ,YAAY,QAAQ,iBAAiB;AAEnD,UAAM,OAAO;AAIP,UAAA,kBAAkB,SAAS,OAAO;AAAA,MACtC,QAAQ,MAAM;AAAA,IACd,EAAA;AAEF,UAAM,cAAc,SAAS,MAAO,MAAM,SAAS,SAASA,WAAM;AAElE,UAAM,sBAAsB,SAAS,MAAO,MAAM,SAAS,MAAM,cAAc,MAAU;AAEzF,UAAM,oBAAoB;AAAA,MAAS,MACjC,YAAY,UAAU,SAClB,KAAK,OAAO;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD,CAAA,IACD,CAAC;AAAA,IAAA;AAGD,UAAA,UAAU,CAAC,MAAkC;AAC7C,UAAA,MAAM,YAAY,MAAM,QAAQ;AAClC,UAAE,eAAe;AACjB,UAAE,yBAAyB;AAC3B;AAAA,MACF;AACA,UAAI,CAAC,MAAM,SAAU,MAAK,SAAS,CAAC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;AChFtC,UAAM,SAAS;AACT,UAAA,QAAQ,YAAY,QAAQ,aAAa;AAW/C,UAAM,aAAa;AAEb,UAAA,wBAAwB,SAA2B,MAAM;;AAC7D,YAAM,aAAa,MAAM,WAAS,gBAAW,UAAX,mBAAkB,UAAS;AAC7D,UAAI,gBAAgB;AACpB,YAAM,QAAQ,WAAW,IAAI,CAAC,MAAM,QAAQ;AACtC,YAAA,OAAO,SAAS,UAAU;AACrB,iBAAA,EAAC,MAAM;AACd,cAAI,MAAM,WAAW,SAAS,QAAQ,OAAO;AAAA,QAC/C;AACI,YAAA,KAAK,OAAwB,iBAAA;AAGjC,YAAI,CAAC,KAAK,UAAU,CAAC,eAAe;AAC7B,eAAA,SAAS,MAAM,MAAM,WAAW;AAAA,QACvC;AACO,eAAA;AAAA,MAAA,CACR;AACM,aAAA;AAAA,IAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/BBreadcrumb.vue_vue_type_script_setup_true_lang-C_H8oVoT.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),t=require("./src/composables/useBreadcrumb/index.umd.js"),a=require("./useDefaults-Cd8OVIUI.js"),r=require("./object-B-6ddRYH.js"),o=require("./BLink.vue_vue_type_script_setup_true_lang-CGvuLpmP.js"),l=e.defineComponent({__name:"BBreadcrumbItem",props:{ariaCurrent:{default:"location"},text:{default:void 0},active:{type:Boolean,default:!1},activeClass:{default:void 0},disabled:{type:Boolean,default:void 0},exactActiveClass:{default:void 0},href:{default:void 0},icon:{type:Boolean,default:void 0},noRel:{type:Boolean},opacity:{default:void 0},opacityHover:{default:void 0},rel:{default:void 0},replace:{type:Boolean,default:void 0},routerComponentName:{default:void 0},stretched:{type:Boolean,default:!1},target:{default:void 0},to:{default:void 0},underlineOffset:{default:void 0},underlineOffsetHover:{default:void 0},underlineOpacity:{default:void 0},underlineOpacityHover:{default:void 0},underlineVariant:{default:void 0},variant:{default:void 0}},emits:["click"],setup(t,{emit:l}){const i=t,n=a.useDefaults(i,"BBreadcrumbItem"),d=l,u=e.computed((()=>({active:n.active}))),c=e.computed((()=>n.active?"span":o._sfc_main)),s=e.computed((()=>n.active?n.ariaCurrent:void 0)),p=e.computed((()=>"span"!==c.value?r.pick(n,["active","activeClass","append","disabled","href","rel","replace","routerComponentName","target","to","variant","opacity","opacityHover","underlineVariant","underlineOffset","underlineOffsetHover","underlineOpacity","underlineOpacityHover","icon"]):{})),v=e=>{if(n.disabled||n.active)return e.preventDefault(),void e.stopImmediatePropagation();n.disabled||d("click",e)};return(t,a)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["breadcrumb-item",u.value])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value),e.mergeProps({"aria-current":s.value},p.value,{onClick:v}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(e.unref(n).text),1)]))])),_:3},16,["aria-current"]))],2))}}),i={"aria-label":"breadcrumb"},n={class:"breadcrumb"},d=e.defineComponent({__name:"BBreadcrumb",props:{items:{default:void 0}},setup(r){const o=r,d=a.useDefaults(o,"BBreadcrumb"),u=t.useBreadcrumb(),c=e.computed((()=>{var e;const t=d.items||(null==(e=u.items)?void 0:e.value)||[];let a=!1;return t.map(((e,r)=>("string"==typeof e&&(e={text:e},r<t.length-1&&(e.href="#")),e.active&&(a=!0),e.active||a||(e.active=r+1===t.length),e)))}));return(t,a)=>(e.openBlock(),e.createElementBlock("nav",i,[e.createElementVNode("ol",n,[e.renderSlot(t.$slots,"prepend"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,((t,a)=>(e.openBlock(),e.createBlock(l,e.mergeProps({key:a,ref_for:!0},t),{default:e.withCtx((()=>[e.createTextVNode(e.toDisplayString(t.text),1)])),_:2},1040)))),128)),e.renderSlot(t.$slots,"default"),e.renderSlot(t.$slots,"append")])]))}});exports._sfc_main=d,exports._sfc_main$1=l;
+//# sourceMappingURL=BBreadcrumb.vue_vue_type_script_setup_true_lang-C_H8oVoT.js.map

package/dist/BBreadcrumb.vue_vue_type_script_setup_true_lang-C_H8oVoT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BBreadcrumb.vue_vue_type_script_setup_true_lang-C_H8oVoT.js","sources":["../src/components/BBreadcrumb/BBreadcrumbItem.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 type {BBreadcrumbItemProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\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')\n\nconst emit = defineEmits<{\n  click: [value: MouseEvent]\n}>()\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        'append',\n        'disabled',\n        'href',\n        'rel',\n        'replace',\n        'routerComponentName',\n        'target',\n        'to',\n        'variant',\n        'opacity',\n        'opacityHover',\n        'underlineVariant',\n        'underlineOffset',\n        'underlineOffsetHover',\n        'underlineOpacity',\n        'underlineOpacityHover',\n        'icon',\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 aria-label=\"breadcrumb\">\n    <ol class=\"breadcrumb\">\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 type {BBreadcrumbProps} from '../../types/ComponentProps'\nimport BBreadcrumbItem from './BBreadcrumbItem.vue'\nimport type {BreadcrumbItem} from '../../types/BreadcrumbTypes'\n\nconst _props = withDefaults(defineProps<BBreadcrumbProps>(), {items: undefined})\nconst props = useDefaults(_props, 'BBreadcrumb')\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  append?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  prepend?: (props: Record<string, never>) => any\n}>()\n\nconst breadcrumb = useBreadcrumb()\n\nconst breadcrumbItemObjects = computed<BreadcrumbItem[]>(() => {\n  const localItems = props.items || breadcrumb.items?.value || []\n  let activeDefined = false\n  const items = 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  return items\n})\n</script>\n"],"names":["_props","__props","props","useDefaults","emit","__emit","computedClasses","computed","active","computedTag","BLink","computedAriaCurrent","ariaCurrent","computedLinkProps","value","pick","clicked","e","disabled","preventDefault","stopImmediatePropagation","breadcrumb","useBreadcrumb","breadcrumbItemObjects","localItems","items","_a","activeDefined","map","item","idx","text","length","href"],"mappings":"kgCA2BA,MAAMA,EAASC,EA4BTC,EAAQC,EAAAA,YAAYH,EAAQ,mBAE5BI,EAAOC,EAIPC,EAAkBC,EAAAA,UAAS,KAAO,CACtCC,OAAQN,EAAMM,WAGVC,EAAcF,EAAAA,UAAS,IAAOL,EAAMM,OAAS,OAASE,EAAAA,YAEtDC,EAAsBJ,EAASA,UAAA,IAAOL,EAAMM,OAASN,EAAMU,iBAAc,IAEzEC,EAAoBN,EAAAA,UAAS,IACX,SAAtBE,EAAYK,MACRC,EAAAA,KAAKb,EAAO,CACV,SACA,cACA,SACA,WACA,OACA,MACA,UACA,sBACA,SACA,KACA,UACA,UACA,eACA,mBACA,kBACA,uBACA,mBACA,wBACA,SAEF,CAAC,IAGDc,EAAWC,IACX,GAAAf,EAAMgB,UAAYhB,EAAMM,OAG1B,OAFAS,EAAEE,sBACFF,EAAEG,2BAGClB,EAAMgB,UAAUd,EAAK,QAASa,EAAC,ohBChFtC,MAAMjB,EAASC,EACTC,EAAQC,EAAAA,YAAYH,EAAQ,eAW5BqB,EAAaC,EAAAA,gBAEbC,EAAwBhB,EAAAA,UAA2B,WACvD,MAAMiB,EAAatB,EAAMuB,QAAS,OAAAC,IAAWD,YAAX,EAAAC,EAAkBZ,QAAS,GAC7D,IAAIa,GAAgB,EAcb,OAbOH,EAAWI,KAAI,CAACC,EAAMC,KACd,iBAATD,IACFA,EAAA,CAACE,KAAMF,GACVC,EAAMN,EAAWQ,OAAS,MAAQC,KAAO,MAE3CJ,EAAKrB,SAAwBmB,GAAA,GAG5BE,EAAKrB,QAAWmB,IACdE,EAAArB,OAASsB,EAAM,IAAMN,EAAWQ,QAEhCH,IAEF"}

package/dist/BButton.vue_vue_type_script_setup_true_lang-Ce8NKGox.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),l=require("./BSpinner.vue_vue_type_script_setup_true_lang-DybaAUVS.js"),t=require("./useBLinkHelper-BxI4evA6.js"),a=require("./BLink.vue_vue_type_script_setup_true_lang-CGvuLpmP.js"),u=require("./index-CnY1um_J.js"),n=require("./useDefaults-Cd8OVIUI.js"),o=e.defineComponent({__name:"BButton",props:e.mergeModels({loading:{type:Boolean,default:!1},loadingFill:{type:Boolean,default:!1},loadingText:{default:"Loading..."},pill:{type:Boolean,default:!1},size:{default:"md"},squared:{type:Boolean,default:!1},tag:{default:"button"},type:{default:"button"},variant:{default:"secondary"},active:{type:Boolean,default:!1},activeClass:{default:void 0},disabled:{type:Boolean,default:void 0},exactActiveClass:{default:void 0},href:{default:void 0},icon:{type:Boolean,default:!1},noRel:{type:Boolean},opacity:{default:void 0},opacityHover:{default:void 0},rel:{default:void 0},replace:{type:Boolean,default:void 0},routerComponentName:{default:void 0},routerTag:{default:void 0},stretched:{type:Boolean,default:!1},target:{default:void 0},to:{default:void 0},underlineOffset:{default:void 0},underlineOffsetHover:{default:void 0},underlineOpacity:{default:void 0},underlineOpacityHover:{default:void 0},underlineVariant:{default:null}},{pressed:{type:Boolean,default:void 0},pressedModifiers:{}}),emits:e.mergeModels(["click"],["update:pressed"]),setup(o,{emit:r}){const i=o,d=n.useDefaults(i,"BButton"),s=r,v=e.ref(null),f=e.useModel(o,"pressed"),{computedLink:p,computedLinkProps:c}=t.useBLinkHelper(d,["active-class","exact-active-class","replace","routerComponentName","routerTag"]),m=e.computed((()=>"boolean"==typeof f.value)),y=e.computed((()=>"button"===d.tag&&void 0===d.href&&void 0===d.to)),g=e.computed((()=>void 0!==d.to)),B=e.computed((()=>void 0===d.href&&!y.value)),_=e.computed((()=>g.value?c.value:[])),b=e.computed((()=>!("#"!==d.href||!d.disabled)||(B.value?d.disabled:null))),k=e.computed((()=>{var e;return(null==(e=d.variant)?void 0:e.startsWith("link"))||!1})),h=e.computed((()=>{var e;return(null==(e=d.variant)?void 0:e.startsWith("link-"))||!1})),O=a.useLinkClasses(e.computed((()=>{var e;return{...k.value&&{icon:d.icon,opacity:d.opacity,opacityHover:d.opacityHover,underlineOffset:d.underlineOffset,underlineOffsetHover:d.underlineOffsetHover,underlineOpacity:d.underlineOpacity,underlineOpacityHover:d.underlineOpacityHover,underlineVariant:d.underlineVariant,variant:!0===h.value?null==(e=d.variant)?void 0:e.slice(5):null}}}))),H=e.computed((()=>[!0===k.value&&!1===p.value?O.value:void 0,[`btn-${d.size}`],{[`btn-${d.variant}`]:null!==d.variant&&!1===h.value,active:d.active||f.value,"rounded-pill":d.pill,"rounded-0":d.squared,disabled:d.disabled}])),x=e.computed((()=>g.value?a._sfc_main:d.href?"a":d.tag)),C=e=>{if(d.disabled)return e.preventDefault(),void e.stopPropagation();s("click",e),m.value&&(f.value=!f.value)};return u.onKeyStroke([" ","enter"],(e=>{var l;"#"===d.href&&(e.preventDefault(),null==(l=v.value)||l.click())}),{target:v}),(t,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x.value),e.mergeProps({ref_key:"element",ref:v,class:"btn"},_.value,{class:H.value,"aria-disabled":b.value,"aria-pressed":m.value?f.value:null,autocomplete:m.value?"off":null,disabled:y.value?e.unref(d).disabled:null,href:e.unref(d).href,rel:e.unref(p)?e.unref(d).rel:null,role:B.value||e.unref(p)?"button":null,target:e.unref(p)?e.unref(d).target:null,type:y.value?e.unref(d).type:null,to:y.value?null:e.unref(d).to,onClick:C}),{default:e.withCtx((()=>[e.unref(d).loading?e.renderSlot(t.$slots,"loading",{key:0},(()=>[e.unref(d).loadingFill?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(d).loadingText),1)],64)),e.renderSlot(t.$slots,"loading-spinner",{},(()=>[e.createVNode(l._sfc_main,{small:"lg"!==e.unref(d).size,label:e.unref(d).loadingFill?e.unref(d).loadingText:void 0},null,8,["small","label"])]))])):e.renderSlot(t.$slots,"default",{key:1})])),_:3},16,["class","aria-disabled","aria-pressed","autocomplete","disabled","href","rel","role","target","type","to"]))}});exports._sfc_main=o;
+//# sourceMappingURL=BButton.vue_vue_type_script_setup_true_lang-Ce8NKGox.js.map

package/dist/BButton.vue_vue_type_script_setup_true_lang-Ce8NKGox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BButton.vue_vue_type_script_setup_true_lang-Ce8NKGox.js","sources":["../src/components/BButton/BButton.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"computedTag\"\n    ref=\"element\"\n    class=\"btn\"\n    v-bind=\"linkProps\"\n    :class=\"computedClasses\"\n    :aria-disabled=\"computedAriaDisabled\"\n    :aria-pressed=\"isToggle ? pressedValue : null\"\n    :autocomplete=\"isToggle ? 'off' : null\"\n    :disabled=\"isButton ? props.disabled : null\"\n    :href=\"props.href\"\n    :rel=\"computedLink ? props.rel : null\"\n    :role=\"nonStandardTag || computedLink ? 'button' : null\"\n    :target=\"computedLink ? props.target : null\"\n    :type=\"isButton ? props.type : null\"\n    :to=\"!isButton ? props.to : null\"\n    @click=\"clicked\"\n  >\n    <template v-if=\"props.loading\">\n      <slot name=\"loading\">\n        <template v-if=\"!props.loadingFill\">\n          {{ props.loadingText }}\n        </template>\n        <slot name=\"loading-spinner\">\n          <BSpinner\n            :small=\"props.size !== 'lg'\"\n            :label=\"props.loadingFill ? props.loadingText : undefined\"\n          />\n        </slot>\n      </slot>\n    </template>\n    <template v-else>\n      <slot />\n    </template>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, ref} from 'vue'\nimport BSpinner from '../BSpinner/BSpinner.vue'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport BLink from '../BLink/BLink.vue'\nimport {useLinkClasses} from '../../composables/useLinkClasses'\nimport {onKeyStroke} from '@vueuse/core'\nimport type {BButtonProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {ColorVariant} from '../../types/ColorTypes'\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'default'?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'loading'?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'loading-spinner'?: (props: Record<string, never>) => any\n}>()\n\nconst _props = withDefaults(defineProps<Omit<BButtonProps, 'pressed'>>(), {\n  loading: false,\n  loadingFill: false,\n  loadingText: 'Loading...',\n  pill: false,\n  size: 'md',\n  squared: false,\n  tag: 'button',\n  type: 'button',\n  // Link props\n  active: false, // Why is this active: false?\n  variant: 'secondary',\n  // All others use defaults\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  stretched: false,\n  href: undefined,\n  icon: false,\n  opacity: undefined,\n  opacityHover: undefined,\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: null,\n  // End link props\n})\n\nconst props = useDefaults(_props, 'BButton')\n\nconst emit = defineEmits<{\n  click: [value: MouseEvent]\n}>()\n\nconst element = ref<HTMLElement | null>(null)\n\nconst pressedValue = defineModel<BButtonProps['pressed']>('pressed', {default: undefined})\n\nconst {computedLink, computedLinkProps} = useBLinkHelper(props, [\n  'active-class',\n  'exact-active-class',\n  'replace',\n  'routerComponentName',\n  'routerTag',\n])\n\nconst isToggle = computed(() => typeof pressedValue.value === 'boolean')\nconst isButton = computed(\n  () => props.tag === 'button' && props.href === undefined && props.to === undefined\n)\nconst isBLink = computed(() => props.to !== undefined)\nconst nonStandardTag = computed(() => (props.href !== undefined ? false : !isButton.value))\n\nconst linkProps = computed(() => (isBLink.value ? computedLinkProps.value : []))\nconst computedAriaDisabled = computed(() => {\n  if (props.href === '#' && props.disabled) return true\n\n  return nonStandardTag.value ? props.disabled : null\n})\n\nconst variantIsLinkType = computed(() => props.variant?.startsWith('link') || false)\nconst variantIsLinkTypeSubset = computed(() => props.variant?.startsWith('link-') || false)\nconst linkValueClasses = useLinkClasses(\n  computed(() => ({\n    ...(variantIsLinkType.value && {\n      icon: props.icon,\n      opacity: props.opacity,\n      opacityHover: props.opacityHover,\n      underlineOffset: props.underlineOffset,\n      underlineOffsetHover: props.underlineOffsetHover,\n      underlineOpacity: props.underlineOpacity,\n      underlineOpacityHover: props.underlineOpacityHover,\n      underlineVariant: props.underlineVariant,\n      variant:\n        variantIsLinkTypeSubset.value === true ? (props.variant?.slice(5) as ColorVariant) : null,\n    }),\n  }))\n)\nconst computedClasses = computed(() => [\n  variantIsLinkType.value === true && computedLink.value === false\n    ? linkValueClasses.value\n    : undefined,\n  [`btn-${props.size}`],\n  {\n    [`btn-${props.variant}`]: props.variant !== null && variantIsLinkTypeSubset.value === false,\n    'active': props.active || pressedValue.value,\n    'rounded-pill': props.pill,\n    'rounded-0': props.squared,\n    'disabled': props.disabled,\n  },\n])\n\nconst computedTag = computed(() => (isBLink.value ? BLink : props.href ? 'a' : props.tag))\n\nconst clicked = (e: Readonly<MouseEvent>): void => {\n  if (props.disabled) {\n    e.preventDefault()\n    e.stopPropagation()\n    return\n  }\n  emit('click', e)\n  if (isToggle.value) pressedValue.value = !pressedValue.value\n}\n\nonKeyStroke(\n  [' ', 'enter'],\n  (e) => {\n    if (props.href === '#') {\n      e.preventDefault()\n      element.value?.click()\n    }\n  },\n  {target: element}\n)\n</script>\n"],"names":["_props","__props","props","useDefaults","emit","__emit","element","ref","pressedValue","_useModel","computedLink","computedLinkProps","useBLinkHelper","isToggle","computed","value","isButton","tag","href","to","isBLink","nonStandardTag","linkProps","computedAriaDisabled","disabled","variantIsLinkType","_a","variant","startsWith","variantIsLinkTypeSubset","linkValueClasses","useLinkClasses","icon","opacity","opacityHover","underlineOffset","underlineOffsetHover","underlineOpacity","underlineOpacityHover","underlineVariant","slice","computedClasses","size","active","pill","squared","computedTag","BLink","clicked","e","preventDefault","stopPropagation","index","onKeyStroke","click","target"],"mappings":"g3CA0DA,MAAMA,EAASC,EAmCTC,EAAQC,EAAAA,YAAYH,EAAQ,WAE5BI,EAAOC,EAIPC,EAAUC,MAAwB,MAElCC,EAAeC,EAAAA,SAAqCR,EAAA,YAEpDS,aAACA,EAAcC,kBAAAA,GAAqBC,EAAAA,eAAeV,EAAO,CAC9D,eACA,qBACA,UACA,sBACA,cAGIW,EAAWC,EAAAA,UAAS,IAAoC,kBAAvBN,EAAaO,QAC9CC,EAAWF,EAAAA,UACf,IAAoB,WAAdZ,EAAMe,UAAmC,IAAff,EAAMgB,WAAmC,IAAbhB,EAAMiB,KAE9DC,EAAUN,EAAAA,UAAS,SAAmB,IAAbZ,EAAMiB,KAC/BE,EAAiBP,EAAAA,UAAS,SAAsB,IAAfZ,EAAMgB,OAA8BF,EAASD,QAE9EO,EAAYR,YAAS,IAAOM,EAAQL,MAAQJ,EAAkBI,MAAQ,KACtEQ,EAAuBT,EAAAA,UAAS,MACjB,MAAfZ,EAAMgB,OAAgBhB,EAAMsB,YAEzBH,EAAeN,MAAQb,EAAMsB,SAAW,QAG3CC,EAAoBX,YAAS,WAAY,OAAN,OAAMY,EAAAxB,EAAAyB,cAAS,EAAAD,EAAAE,WAAW,WAAW,CAAA,IACxEC,EAA0Bf,YAAS,WAAY,OAAN,OAAMY,EAAAxB,EAAAyB,cAAS,EAAAD,EAAAE,WAAW,YAAY,CAAA,IAC/EE,EAAmBC,EAAAA,eACvBjB,EAAAA,UAAS,WAAO,MAAA,IACVW,EAAkBV,OAAS,CAC7BiB,KAAM9B,EAAM8B,KACZC,QAAS/B,EAAM+B,QACfC,aAAchC,EAAMgC,aACpBC,gBAAiBjC,EAAMiC,gBACvBC,qBAAsBlC,EAAMkC,qBAC5BC,iBAAkBnC,EAAMmC,iBACxBC,sBAAuBpC,EAAMoC,sBAC7BC,iBAAkBrC,EAAMqC,iBACxBZ,SACoC,IAAlCE,EAAwBd,MAAkB,OAAAW,IAAMC,cAAN,EAAAD,EAAec,MAAM,GAAsB,MACzF,KAGEC,EAAkB3B,EAAAA,UAAS,IAAM,EACT,IAA5BW,EAAkBV,QAAyC,IAAvBL,EAAaK,MAC7Ce,EAAiBf,WACjB,EACJ,CAAC,OAAOb,EAAMwC,QACd,CACE,CAAC,OAAOxC,EAAMyB,WAA8B,OAAlBzB,EAAMyB,UAAsD,IAAlCE,EAAwBd,MAC5E4B,OAAUzC,EAAMyC,QAAUnC,EAAaO,MACvC,eAAgBb,EAAM0C,KACtB,YAAa1C,EAAM2C,QACnBrB,SAAYtB,EAAMsB,aAIhBsB,EAAchC,EAAAA,UAAS,IAAOM,EAAQL,MAAQgC,EAAAA,UAAQ7C,EAAMgB,KAAO,IAAMhB,EAAMe,MAE/E+B,EAAWC,IACf,GAAI/C,EAAMsB,SAGR,OAFAyB,EAAEC,sBACFD,EAAEE,kBAGJ/C,EAAK,QAAS6C,GACVpC,EAASE,QAAoBP,EAAAO,OAASP,EAAaO,MAAA,SAGzDqC,EAAAC,YACE,CAAC,IAAK,UACLJ,UACoB,MAAf/C,EAAMgB,OACR+B,EAAEC,iBACF,OAAAxB,EAAApB,EAAQS,QAAOW,EAAA4B,QACjB,GAEF,CAACC,OAAQjD"}