bootstrap-vue-next 0.44.3 → 0.44.4

package/dist/{BCard-Bc6OI3iJ.js.map → BCard-CgbTFn3S.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BCard-Bc6OI3iJ.js","names":[],"sources":["../src/components/BCard/BCardImg.vue","../src/components/BCard/BCardImg.vue","../src/components/BCardHeadFoot.vue","../src/components/BCardHeadFoot.vue","../src/components/BCard/BCardHeader.vue","../src/components/BCard/BCardHeader.vue","../src/components/BCard/BCardTitle.vue","../src/components/BCard/BCardTitle.vue","../src/components/BCard/BCardSubtitle.vue","../src/components/BCard/BCardSubtitle.vue","../src/components/BCard/BCardBody.vue","../src/components/BCard/BCardBody.vue","../src/components/BCard/BCardFooter.vue","../src/components/BCard/BCardFooter.vue","../src/components/BCard/BCard.vue","../src/components/BCard/BCard.vue"],"sourcesContent":["<template>\n  <BImg v-bind=\"computedImgProps\" :class=\"baseAlignmentClasses\" />\n</template>\n\n<script setup lang=\"ts\">\nimport BImg from '../BImg/BImg.vue'\nimport type {BCardImgProps} from '../../types/ComponentProps'\nimport {omit} from '../../utils/object'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BCardImgProps>(), {\n  placement: 'top',\n  // BImg props\n  blank: undefined,\n  blankColor: undefined,\n  block: undefined,\n  fluid: undefined,\n  fluidGrow: undefined,\n  height: undefined,\n  lazy: undefined,\n  rounded: undefined,\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  sizes: undefined,\n  src: undefined,\n  srcset: undefined,\n  thumbnail: undefined,\n  width: undefined,\n  // End BImg props\n})\nconst props = useDefaults(_props, 'BCardImg')\n\nconst baseAlignmentClasses = computed(() => ({\n  'card-img-top': props.placement === 'top',\n  // TODO implement this class\n  'card-img-end': props.placement === 'end',\n  'card-img-bottom': props.placement === 'bottom',\n  // TODO implement this class\n  'card-img-start': props.placement === 'start',\n  'card-img': props.placement === 'overlay',\n}))\n\nconst computedImgProps = computed(() => omit(props, ['placement']))\n</script>\n","<template>\n  <BImg v-bind=\"computedImgProps\" :class=\"baseAlignmentClasses\" />\n</template>\n\n<script setup lang=\"ts\">\nimport BImg from '../BImg/BImg.vue'\nimport type {BCardImgProps} from '../../types/ComponentProps'\nimport {omit} from '../../utils/object'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BCardImgProps>(), {\n  placement: 'top',\n  // BImg props\n  blank: undefined,\n  blankColor: undefined,\n  block: undefined,\n  fluid: undefined,\n  fluidGrow: undefined,\n  height: undefined,\n  lazy: undefined,\n  rounded: undefined,\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  sizes: undefined,\n  src: undefined,\n  srcset: undefined,\n  thumbnail: undefined,\n  width: undefined,\n  // End BImg props\n})\nconst props = useDefaults(_props, 'BCardImg')\n\nconst baseAlignmentClasses = computed(() => ({\n  'card-img-top': props.placement === 'top',\n  // TODO implement this class\n  'card-img-end': props.placement === 'end',\n  'card-img-bottom': props.placement === 'bottom',\n  // TODO implement this class\n  'card-img-start': props.placement === 'start',\n  'card-img': props.placement === 'overlay',\n}))\n\nconst computedImgProps = computed(() => omit(props, ['placement']))\n</script>\n","<template>\n  <component :is=\"tag\" :class=\"computedClasses\">\n    <slot>\n      {{ text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardHeadFootProps} from '../types/ComponentProps'\nimport {useColorVariantClasses} from '../composables/useColorVariantClasses'\nimport type {BCardHeadFootSlots} from '../types'\n\nconst props = withDefaults(defineProps<BCardHeadFootProps>(), {\n  borderVariant: null,\n  tag: 'div',\n  text: undefined,\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\ndefineSlots<BCardHeadFootSlots>()\n\nconst computedClasses = useColorVariantClasses(props)\n</script>\n","<template>\n  <component :is=\"tag\" :class=\"computedClasses\">\n    <slot>\n      {{ text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardHeadFootProps} from '../types/ComponentProps'\nimport {useColorVariantClasses} from '../composables/useColorVariantClasses'\nimport type {BCardHeadFootSlots} from '../types'\n\nconst props = withDefaults(defineProps<BCardHeadFootProps>(), {\n  borderVariant: null,\n  tag: 'div',\n  text: undefined,\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\ndefineSlots<BCardHeadFootSlots>()\n\nconst computedClasses = useColorVariantClasses(props)\n</script>\n","<template>\n  <BCardHeadFoot class=\"card-header\" v-bind=\"props\">\n    <slot />\n  </BCardHeadFoot>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardHeaderSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardHeadFootProps} from '../../types/ComponentProps'\nimport BCardHeadFoot from '../BCardHeadFoot.vue'\n\nconst _props = withDefaults(defineProps<BCardHeadFootProps>(), {\n  borderVariant: undefined,\n  tag: 'div',\n  text: undefined,\n  // ColorExtendables props\n  bgVariant: undefined,\n  textVariant: undefined,\n  variant: undefined,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BCardHeader')\ndefineSlots<BCardHeaderSlots>()\n</script>\n","<template>\n  <BCardHeadFoot class=\"card-header\" v-bind=\"props\">\n    <slot />\n  </BCardHeadFoot>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardHeaderSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardHeadFootProps} from '../../types/ComponentProps'\nimport BCardHeadFoot from '../BCardHeadFoot.vue'\n\nconst _props = withDefaults(defineProps<BCardHeadFootProps>(), {\n  borderVariant: undefined,\n  tag: 'div',\n  text: undefined,\n  // ColorExtendables props\n  bgVariant: undefined,\n  textVariant: undefined,\n  variant: undefined,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BCardHeader')\ndefineSlots<BCardHeaderSlots>()\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"card-title\">\n    <slot>\n      {{ props.text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardTitleSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardTitleProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BCardTitleProps>(), {\n  tag: 'h4',\n  text: undefined,\n})\nconst props = useDefaults(_props, 'BCardTitle')\ndefineSlots<BCardTitleSlots>()\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"card-title\">\n    <slot>\n      {{ props.text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardTitleSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardTitleProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BCardTitleProps>(), {\n  tag: 'h4',\n  text: undefined,\n})\nconst props = useDefaults(_props, 'BCardTitle')\ndefineSlots<BCardTitleSlots>()\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"card-subtitle mb-2\" :class=\"computedClasses\">\n    <slot>\n      {{ props.text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardSubtitleSlots} from '../../types'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardSubtitleProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BCardSubtitleProps>(), {\n  tag: 'h6',\n  text: undefined,\n  textVariant: 'body-secondary',\n})\nconst props = useDefaults(_props, 'BCardSubtitle')\ndefineSlots<BCardSubtitleSlots>()\n\nconst computedClasses = useColorVariantClasses(props)\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"card-subtitle mb-2\" :class=\"computedClasses\">\n    <slot>\n      {{ props.text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardSubtitleSlots} from '../../types'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardSubtitleProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BCardSubtitleProps>(), {\n  tag: 'h6',\n  text: undefined,\n  textVariant: 'body-secondary',\n})\nconst props = useDefaults(_props, 'BCardSubtitle')\ndefineSlots<BCardSubtitleSlots>()\n\nconst computedClasses = useColorVariantClasses(props)\n</script>\n","<template>\n  <component :is=\"props.tag\" :class=\"computedClasses\">\n    <BCardTitle v-if=\"!!props.title || hasTitleSlot\" :tag=\"props.titleTag\">\n      <slot name=\"title\">\n        {{ props.title }}\n      </slot>\n    </BCardTitle>\n\n    <BCardSubtitle\n      v-if=\"!!props.subtitle || hasSubtitleSlot\"\n      :tag=\"props.subtitleTag\"\n      :text-variant=\"props.subtitleTextVariant\"\n    >\n      <slot name=\"subtitle\">\n        {{ props.subtitle }}\n      </slot>\n    </BCardSubtitle>\n\n    <slot>\n      {{ props.text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport BCardTitle from './BCardTitle.vue'\nimport {isEmptySlot} from '../../utils/dom'\nimport BCardSubtitle from './BCardSubtitle.vue'\nimport type {BCardBodyProps} from '../../types/ComponentProps'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardBodySlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BCardBodyProps>(), {\n  borderVariant: null,\n  overlay: false,\n  subtitle: undefined,\n  subtitleTag: 'h4',\n  subtitleTextVariant: undefined,\n  tag: 'div',\n  text: undefined,\n  title: undefined,\n  titleTag: 'h4',\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BCardBody')\nconst slots = defineSlots<BCardBodySlots>()\n\nconst hasTitleSlot = computed(() => !isEmptySlot(slots.title))\nconst hasSubtitleSlot = computed(() => !isEmptySlot(slots.subtitle))\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  props.overlay ? 'card-img-overlay' : 'card-body',\n])\n</script>\n","<template>\n  <component :is=\"props.tag\" :class=\"computedClasses\">\n    <BCardTitle v-if=\"!!props.title || hasTitleSlot\" :tag=\"props.titleTag\">\n      <slot name=\"title\">\n        {{ props.title }}\n      </slot>\n    </BCardTitle>\n\n    <BCardSubtitle\n      v-if=\"!!props.subtitle || hasSubtitleSlot\"\n      :tag=\"props.subtitleTag\"\n      :text-variant=\"props.subtitleTextVariant\"\n    >\n      <slot name=\"subtitle\">\n        {{ props.subtitle }}\n      </slot>\n    </BCardSubtitle>\n\n    <slot>\n      {{ props.text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport BCardTitle from './BCardTitle.vue'\nimport {isEmptySlot} from '../../utils/dom'\nimport BCardSubtitle from './BCardSubtitle.vue'\nimport type {BCardBodyProps} from '../../types/ComponentProps'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardBodySlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BCardBodyProps>(), {\n  borderVariant: null,\n  overlay: false,\n  subtitle: undefined,\n  subtitleTag: 'h4',\n  subtitleTextVariant: undefined,\n  tag: 'div',\n  text: undefined,\n  title: undefined,\n  titleTag: 'h4',\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BCardBody')\nconst slots = defineSlots<BCardBodySlots>()\n\nconst hasTitleSlot = computed(() => !isEmptySlot(slots.title))\nconst hasSubtitleSlot = computed(() => !isEmptySlot(slots.subtitle))\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  props.overlay ? 'card-img-overlay' : 'card-body',\n])\n</script>\n","<template>\n  <BCardHeadFoot class=\"card-footer\" v-bind=\"props\">\n    <slot>\n      {{ props.text }}\n    </slot>\n  </BCardHeadFoot>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardFooterSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardHeaderProps} from '../../types/ComponentProps'\nimport BCardHeadFoot from '../BCardHeadFoot.vue'\n\nconst _props = withDefaults(defineProps<BCardHeaderProps>(), {\n  borderVariant: undefined,\n  tag: 'div',\n  text: undefined,\n  // ColorExtendables props\n  bgVariant: undefined,\n  textVariant: undefined,\n  variant: undefined,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BCardFooter')\ndefineSlots<BCardFooterSlots>()\n</script>\n","<template>\n  <BCardHeadFoot class=\"card-footer\" v-bind=\"props\">\n    <slot>\n      {{ props.text }}\n    </slot>\n  </BCardHeadFoot>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardFooterSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardHeaderProps} from '../../types/ComponentProps'\nimport BCardHeadFoot from '../BCardHeadFoot.vue'\n\nconst _props = withDefaults(defineProps<BCardHeaderProps>(), {\n  borderVariant: undefined,\n  tag: 'div',\n  text: undefined,\n  // ColorExtendables props\n  bgVariant: undefined,\n  textVariant: undefined,\n  variant: undefined,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BCardFooter')\ndefineSlots<BCardFooterSlots>()\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"card\" :class=\"computedClasses\">\n    <ReusableImg.define>\n      <slot name=\"img\">\n        <BCardImg v-if=\"props.imgSrc\" v-bind=\"imgAttr\" />\n      </slot>\n    </ReusableImg.define>\n\n    <ReusableImg.reuse v-if=\"props.imgPlacement !== 'bottom'\" />\n    <BCardHeader\n      v-if=\"props.header || hasHeaderSlot\"\n      :bg-variant=\"props.headerBgVariant\"\n      :variant=\"props.headerVariant\"\n      :border-variant=\"props.headerBorderVariant\"\n      :tag=\"props.headerTag\"\n      :text-variant=\"props.headerTextVariant\"\n      :class=\"props.headerClass\"\n    >\n      <slot name=\"header\">\n        {{ props.header }}\n      </slot>\n    </BCardHeader>\n    <BCardBody\n      v-if=\"!props.noBody\"\n      :overlay=\"props.imgPlacement === 'overlay'\"\n      :bg-variant=\"props.bodyBgVariant\"\n      :border-variant=\"props.bodyBorderVariant\"\n      :tag=\"props.bodyTag\"\n      :text-variant=\"props.bodyTextVariant\"\n      :subtitle=\"props.subtitle\"\n      :subtitle-tag=\"props.subtitleTag\"\n      :subtitle-text-variant=\"props.subtitleTextVariant\"\n      :title=\"props.title\"\n      :title-tag=\"props.titleTag\"\n      :class=\"props.bodyClass\"\n    >\n      <slot>\n        {{ props.bodyText }}\n      </slot>\n    </BCardBody>\n    <slot v-else>\n      {{ props.bodyText }}\n    </slot>\n    <BCardFooter\n      v-if=\"props.footer || hasFooterSlot\"\n      :bg-variant=\"props.footerBgVariant\"\n      :border-variant=\"props.footerBorderVariant\"\n      :variant=\"props.footerVariant\"\n      :tag=\"props.footerTag\"\n      :text-variant=\"props.footerTextVariant\"\n      :class=\"props.footerClass\"\n    >\n      <slot name=\"footer\">\n        {{ props.footer }}\n      </slot>\n    </BCardFooter>\n    <ReusableImg.reuse v-if=\"props.imgPlacement === 'bottom'\" />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardProps} from '../../types/ComponentProps'\nimport {isEmptySlot} from '../../utils/dom'\nimport {computed} from 'vue'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport BCardImg from './BCardImg.vue'\nimport BCardHeader from './BCardHeader.vue'\nimport BCardBody from './BCardBody.vue'\nimport BCardFooter from './BCardFooter.vue'\nimport {createReusableTemplate} from '@vueuse/core'\nimport type {BCardSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BCardProps>(), {\n  align: undefined,\n  bodyBgVariant: undefined,\n  bodyBorderVariant: undefined,\n  bodyClass: undefined,\n  bodyTag: 'div',\n  bodyText: '',\n  bodyTextVariant: undefined,\n  borderVariant: null,\n  footer: undefined,\n  footerBgVariant: undefined,\n  footerBorderVariant: undefined,\n  footerClass: undefined,\n  footerTag: 'div',\n  footerTextVariant: undefined,\n  footerVariant: null,\n  header: undefined,\n  headerBgVariant: undefined,\n  headerBorderVariant: undefined,\n  headerClass: undefined,\n  headerTag: 'div',\n  headerTextVariant: undefined,\n  headerVariant: null,\n  imgAlt: undefined,\n  imgPlacement: 'top',\n  imgHeight: undefined,\n  imgSrc: undefined,\n  imgWidth: undefined,\n  noBody: false,\n  subtitle: undefined,\n  subtitleTag: 'h6',\n  subtitleTextVariant: 'body-secondary',\n  tag: 'div',\n  title: undefined,\n  titleTag: 'h4',\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BCard')\nconst slots = defineSlots<BCardSlots>()\n\nconst hasHeaderSlot = computed(() => !isEmptySlot(slots.header))\nconst hasFooterSlot = computed(() => !isEmptySlot(slots.footer))\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    [`text-${props.align}`]: props.align !== undefined,\n    'flex-row': props.imgPlacement === 'start',\n    'flex-row-reverse': props.imgPlacement === 'end',\n  },\n])\n\nconst imgAttr = computed(() => ({\n  src: props.imgSrc,\n  alt: props.imgAlt,\n  height: props.imgHeight,\n  width: props.imgWidth,\n  placement: props.imgPlacement,\n}))\n\nconst ReusableImg = createReusableTemplate()\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"card\" :class=\"computedClasses\">\n    <ReusableImg.define>\n      <slot name=\"img\">\n        <BCardImg v-if=\"props.imgSrc\" v-bind=\"imgAttr\" />\n      </slot>\n    </ReusableImg.define>\n\n    <ReusableImg.reuse v-if=\"props.imgPlacement !== 'bottom'\" />\n    <BCardHeader\n      v-if=\"props.header || hasHeaderSlot\"\n      :bg-variant=\"props.headerBgVariant\"\n      :variant=\"props.headerVariant\"\n      :border-variant=\"props.headerBorderVariant\"\n      :tag=\"props.headerTag\"\n      :text-variant=\"props.headerTextVariant\"\n      :class=\"props.headerClass\"\n    >\n      <slot name=\"header\">\n        {{ props.header }}\n      </slot>\n    </BCardHeader>\n    <BCardBody\n      v-if=\"!props.noBody\"\n      :overlay=\"props.imgPlacement === 'overlay'\"\n      :bg-variant=\"props.bodyBgVariant\"\n      :border-variant=\"props.bodyBorderVariant\"\n      :tag=\"props.bodyTag\"\n      :text-variant=\"props.bodyTextVariant\"\n      :subtitle=\"props.subtitle\"\n      :subtitle-tag=\"props.subtitleTag\"\n      :subtitle-text-variant=\"props.subtitleTextVariant\"\n      :title=\"props.title\"\n      :title-tag=\"props.titleTag\"\n      :class=\"props.bodyClass\"\n    >\n      <slot>\n        {{ props.bodyText }}\n      </slot>\n    </BCardBody>\n    <slot v-else>\n      {{ props.bodyText }}\n    </slot>\n    <BCardFooter\n      v-if=\"props.footer || hasFooterSlot\"\n      :bg-variant=\"props.footerBgVariant\"\n      :border-variant=\"props.footerBorderVariant\"\n      :variant=\"props.footerVariant\"\n      :tag=\"props.footerTag\"\n      :text-variant=\"props.footerTextVariant\"\n      :class=\"props.footerClass\"\n    >\n      <slot name=\"footer\">\n        {{ props.footer }}\n      </slot>\n    </BCardFooter>\n    <ReusableImg.reuse v-if=\"props.imgPlacement === 'bottom'\" />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardProps} from '../../types/ComponentProps'\nimport {isEmptySlot} from '../../utils/dom'\nimport {computed} from 'vue'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport BCardImg from './BCardImg.vue'\nimport BCardHeader from './BCardHeader.vue'\nimport BCardBody from './BCardBody.vue'\nimport BCardFooter from './BCardFooter.vue'\nimport {createReusableTemplate} from '@vueuse/core'\nimport type {BCardSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BCardProps>(), {\n  align: undefined,\n  bodyBgVariant: undefined,\n  bodyBorderVariant: undefined,\n  bodyClass: undefined,\n  bodyTag: 'div',\n  bodyText: '',\n  bodyTextVariant: undefined,\n  borderVariant: null,\n  footer: undefined,\n  footerBgVariant: undefined,\n  footerBorderVariant: undefined,\n  footerClass: undefined,\n  footerTag: 'div',\n  footerTextVariant: undefined,\n  footerVariant: null,\n  header: undefined,\n  headerBgVariant: undefined,\n  headerBorderVariant: undefined,\n  headerClass: undefined,\n  headerTag: 'div',\n  headerTextVariant: undefined,\n  headerVariant: null,\n  imgAlt: undefined,\n  imgPlacement: 'top',\n  imgHeight: undefined,\n  imgSrc: undefined,\n  imgWidth: undefined,\n  noBody: false,\n  subtitle: undefined,\n  subtitleTag: 'h6',\n  subtitleTextVariant: 'body-secondary',\n  tag: 'div',\n  title: undefined,\n  titleTag: 'h4',\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BCard')\nconst slots = defineSlots<BCardSlots>()\n\nconst hasHeaderSlot = computed(() => !isEmptySlot(slots.header))\nconst hasFooterSlot = computed(() => !isEmptySlot(slots.footer))\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    [`text-${props.align}`]: props.align !== undefined,\n    'flex-row': props.imgPlacement === 'start',\n    'flex-row-reverse': props.imgPlacement === 'end',\n  },\n])\n\nconst imgAttr = computed(() => ({\n  src: props.imgSrc,\n  alt: props.imgAlt,\n  height: props.imgHeight,\n  width: props.imgWidth,\n  placement: props.imgPlacement,\n}))\n\nconst ReusableImg = createReusableTemplate()\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"BCard-CgbTFn3S.js","names":[],"sources":["../src/components/BCard/BCardImg.vue","../src/components/BCard/BCardImg.vue","../src/components/BCardHeadFoot.vue","../src/components/BCardHeadFoot.vue","../src/components/BCard/BCardHeader.vue","../src/components/BCard/BCardHeader.vue","../src/components/BCard/BCardTitle.vue","../src/components/BCard/BCardTitle.vue","../src/components/BCard/BCardSubtitle.vue","../src/components/BCard/BCardSubtitle.vue","../src/components/BCard/BCardBody.vue","../src/components/BCard/BCardBody.vue","../src/components/BCard/BCardFooter.vue","../src/components/BCard/BCardFooter.vue","../src/components/BCard/BCard.vue","../src/components/BCard/BCard.vue"],"sourcesContent":["<template>\n  <BImg v-bind=\"computedImgProps\" :class=\"baseAlignmentClasses\" />\n</template>\n\n<script setup lang=\"ts\">\nimport BImg from '../BImg/BImg.vue'\nimport type {BCardImgProps} from '../../types/ComponentProps'\nimport {omit} from '../../utils/object'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BCardImgProps>(), {\n  placement: 'top',\n  // BImg props\n  blank: undefined,\n  blankColor: undefined,\n  block: undefined,\n  fluid: undefined,\n  fluidGrow: undefined,\n  height: undefined,\n  lazy: undefined,\n  rounded: undefined,\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  sizes: undefined,\n  src: undefined,\n  srcset: undefined,\n  thumbnail: undefined,\n  width: undefined,\n  // End BImg props\n})\nconst props = useDefaults(_props, 'BCardImg')\n\nconst baseAlignmentClasses = computed(() => ({\n  'card-img-top': props.placement === 'top',\n  // TODO implement this class\n  'card-img-end': props.placement === 'end',\n  'card-img-bottom': props.placement === 'bottom',\n  // TODO implement this class\n  'card-img-start': props.placement === 'start',\n  'card-img': props.placement === 'overlay',\n}))\n\nconst computedImgProps = computed(() => omit(props, ['placement']))\n</script>\n","<template>\n  <BImg v-bind=\"computedImgProps\" :class=\"baseAlignmentClasses\" />\n</template>\n\n<script setup lang=\"ts\">\nimport BImg from '../BImg/BImg.vue'\nimport type {BCardImgProps} from '../../types/ComponentProps'\nimport {omit} from '../../utils/object'\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BCardImgProps>(), {\n  placement: 'top',\n  // BImg props\n  blank: undefined,\n  blankColor: undefined,\n  block: undefined,\n  fluid: undefined,\n  fluidGrow: undefined,\n  height: undefined,\n  lazy: undefined,\n  rounded: undefined,\n  roundedBottom: undefined,\n  roundedEnd: undefined,\n  roundedStart: undefined,\n  roundedTop: undefined,\n  sizes: undefined,\n  src: undefined,\n  srcset: undefined,\n  thumbnail: undefined,\n  width: undefined,\n  // End BImg props\n})\nconst props = useDefaults(_props, 'BCardImg')\n\nconst baseAlignmentClasses = computed(() => ({\n  'card-img-top': props.placement === 'top',\n  // TODO implement this class\n  'card-img-end': props.placement === 'end',\n  'card-img-bottom': props.placement === 'bottom',\n  // TODO implement this class\n  'card-img-start': props.placement === 'start',\n  'card-img': props.placement === 'overlay',\n}))\n\nconst computedImgProps = computed(() => omit(props, ['placement']))\n</script>\n","<template>\n  <component :is=\"tag\" :class=\"computedClasses\">\n    <slot>\n      {{ text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardHeadFootProps} from '../types/ComponentProps'\nimport {useColorVariantClasses} from '../composables/useColorVariantClasses'\nimport type {BCardHeadFootSlots} from '../types'\n\nconst props = withDefaults(defineProps<BCardHeadFootProps>(), {\n  borderVariant: null,\n  tag: 'div',\n  text: undefined,\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\ndefineSlots<BCardHeadFootSlots>()\n\nconst computedClasses = useColorVariantClasses(props)\n</script>\n","<template>\n  <component :is=\"tag\" :class=\"computedClasses\">\n    <slot>\n      {{ text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardHeadFootProps} from '../types/ComponentProps'\nimport {useColorVariantClasses} from '../composables/useColorVariantClasses'\nimport type {BCardHeadFootSlots} from '../types'\n\nconst props = withDefaults(defineProps<BCardHeadFootProps>(), {\n  borderVariant: null,\n  tag: 'div',\n  text: undefined,\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\ndefineSlots<BCardHeadFootSlots>()\n\nconst computedClasses = useColorVariantClasses(props)\n</script>\n","<template>\n  <BCardHeadFoot class=\"card-header\" v-bind=\"props\">\n    <slot />\n  </BCardHeadFoot>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardHeaderSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardHeadFootProps} from '../../types/ComponentProps'\nimport BCardHeadFoot from '../BCardHeadFoot.vue'\n\nconst _props = withDefaults(defineProps<BCardHeadFootProps>(), {\n  borderVariant: undefined,\n  tag: 'div',\n  text: undefined,\n  // ColorExtendables props\n  bgVariant: undefined,\n  textVariant: undefined,\n  variant: undefined,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BCardHeader')\ndefineSlots<BCardHeaderSlots>()\n</script>\n","<template>\n  <BCardHeadFoot class=\"card-header\" v-bind=\"props\">\n    <slot />\n  </BCardHeadFoot>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardHeaderSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardHeadFootProps} from '../../types/ComponentProps'\nimport BCardHeadFoot from '../BCardHeadFoot.vue'\n\nconst _props = withDefaults(defineProps<BCardHeadFootProps>(), {\n  borderVariant: undefined,\n  tag: 'div',\n  text: undefined,\n  // ColorExtendables props\n  bgVariant: undefined,\n  textVariant: undefined,\n  variant: undefined,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BCardHeader')\ndefineSlots<BCardHeaderSlots>()\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"card-title\">\n    <slot>\n      {{ props.text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardTitleSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardTitleProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BCardTitleProps>(), {\n  tag: 'h4',\n  text: undefined,\n})\nconst props = useDefaults(_props, 'BCardTitle')\ndefineSlots<BCardTitleSlots>()\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"card-title\">\n    <slot>\n      {{ props.text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardTitleSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardTitleProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BCardTitleProps>(), {\n  tag: 'h4',\n  text: undefined,\n})\nconst props = useDefaults(_props, 'BCardTitle')\ndefineSlots<BCardTitleSlots>()\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"card-subtitle mb-2\" :class=\"computedClasses\">\n    <slot>\n      {{ props.text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardSubtitleSlots} from '../../types'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardSubtitleProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BCardSubtitleProps>(), {\n  tag: 'h6',\n  text: undefined,\n  textVariant: 'body-secondary',\n})\nconst props = useDefaults(_props, 'BCardSubtitle')\ndefineSlots<BCardSubtitleSlots>()\n\nconst computedClasses = useColorVariantClasses(props)\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"card-subtitle mb-2\" :class=\"computedClasses\">\n    <slot>\n      {{ props.text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardSubtitleSlots} from '../../types'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardSubtitleProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BCardSubtitleProps>(), {\n  tag: 'h6',\n  text: undefined,\n  textVariant: 'body-secondary',\n})\nconst props = useDefaults(_props, 'BCardSubtitle')\ndefineSlots<BCardSubtitleSlots>()\n\nconst computedClasses = useColorVariantClasses(props)\n</script>\n","<template>\n  <component :is=\"props.tag\" :class=\"computedClasses\">\n    <BCardTitle v-if=\"!!props.title || hasTitleSlot\" :tag=\"props.titleTag\">\n      <slot name=\"title\">\n        {{ props.title }}\n      </slot>\n    </BCardTitle>\n\n    <BCardSubtitle\n      v-if=\"!!props.subtitle || hasSubtitleSlot\"\n      :tag=\"props.subtitleTag\"\n      :text-variant=\"props.subtitleTextVariant\"\n    >\n      <slot name=\"subtitle\">\n        {{ props.subtitle }}\n      </slot>\n    </BCardSubtitle>\n\n    <slot>\n      {{ props.text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport BCardTitle from './BCardTitle.vue'\nimport {isEmptySlot} from '../../utils/dom'\nimport BCardSubtitle from './BCardSubtitle.vue'\nimport type {BCardBodyProps} from '../../types/ComponentProps'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardBodySlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BCardBodyProps>(), {\n  borderVariant: null,\n  overlay: false,\n  subtitle: undefined,\n  subtitleTag: 'h4',\n  subtitleTextVariant: undefined,\n  tag: 'div',\n  text: undefined,\n  title: undefined,\n  titleTag: 'h4',\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BCardBody')\nconst slots = defineSlots<BCardBodySlots>()\n\nconst hasTitleSlot = computed(() => !isEmptySlot(slots.title))\nconst hasSubtitleSlot = computed(() => !isEmptySlot(slots.subtitle))\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  props.overlay ? 'card-img-overlay' : 'card-body',\n])\n</script>\n","<template>\n  <component :is=\"props.tag\" :class=\"computedClasses\">\n    <BCardTitle v-if=\"!!props.title || hasTitleSlot\" :tag=\"props.titleTag\">\n      <slot name=\"title\">\n        {{ props.title }}\n      </slot>\n    </BCardTitle>\n\n    <BCardSubtitle\n      v-if=\"!!props.subtitle || hasSubtitleSlot\"\n      :tag=\"props.subtitleTag\"\n      :text-variant=\"props.subtitleTextVariant\"\n    >\n      <slot name=\"subtitle\">\n        {{ props.subtitle }}\n      </slot>\n    </BCardSubtitle>\n\n    <slot>\n      {{ props.text }}\n    </slot>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport BCardTitle from './BCardTitle.vue'\nimport {isEmptySlot} from '../../utils/dom'\nimport BCardSubtitle from './BCardSubtitle.vue'\nimport type {BCardBodyProps} from '../../types/ComponentProps'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardBodySlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BCardBodyProps>(), {\n  borderVariant: null,\n  overlay: false,\n  subtitle: undefined,\n  subtitleTag: 'h4',\n  subtitleTextVariant: undefined,\n  tag: 'div',\n  text: undefined,\n  title: undefined,\n  titleTag: 'h4',\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BCardBody')\nconst slots = defineSlots<BCardBodySlots>()\n\nconst hasTitleSlot = computed(() => !isEmptySlot(slots.title))\nconst hasSubtitleSlot = computed(() => !isEmptySlot(slots.subtitle))\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  props.overlay ? 'card-img-overlay' : 'card-body',\n])\n</script>\n","<template>\n  <BCardHeadFoot class=\"card-footer\" v-bind=\"props\">\n    <slot>\n      {{ props.text }}\n    </slot>\n  </BCardHeadFoot>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardFooterSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardHeaderProps} from '../../types/ComponentProps'\nimport BCardHeadFoot from '../BCardHeadFoot.vue'\n\nconst _props = withDefaults(defineProps<BCardHeaderProps>(), {\n  borderVariant: undefined,\n  tag: 'div',\n  text: undefined,\n  // ColorExtendables props\n  bgVariant: undefined,\n  textVariant: undefined,\n  variant: undefined,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BCardFooter')\ndefineSlots<BCardFooterSlots>()\n</script>\n","<template>\n  <BCardHeadFoot class=\"card-footer\" v-bind=\"props\">\n    <slot>\n      {{ props.text }}\n    </slot>\n  </BCardHeadFoot>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardFooterSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCardHeaderProps} from '../../types/ComponentProps'\nimport BCardHeadFoot from '../BCardHeadFoot.vue'\n\nconst _props = withDefaults(defineProps<BCardHeaderProps>(), {\n  borderVariant: undefined,\n  tag: 'div',\n  text: undefined,\n  // ColorExtendables props\n  bgVariant: undefined,\n  textVariant: undefined,\n  variant: undefined,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BCardFooter')\ndefineSlots<BCardFooterSlots>()\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"card\" :class=\"computedClasses\">\n    <ReusableImg.define>\n      <slot name=\"img\">\n        <BCardImg v-if=\"props.imgSrc\" v-bind=\"imgAttr\" />\n      </slot>\n    </ReusableImg.define>\n\n    <ReusableImg.reuse v-if=\"props.imgPlacement !== 'bottom'\" />\n    <BCardHeader\n      v-if=\"props.header || hasHeaderSlot\"\n      :bg-variant=\"props.headerBgVariant\"\n      :variant=\"props.headerVariant\"\n      :border-variant=\"props.headerBorderVariant\"\n      :tag=\"props.headerTag\"\n      :text-variant=\"props.headerTextVariant\"\n      :class=\"props.headerClass\"\n    >\n      <slot name=\"header\">\n        {{ props.header }}\n      </slot>\n    </BCardHeader>\n    <BCardBody\n      v-if=\"!props.noBody\"\n      :overlay=\"props.imgPlacement === 'overlay'\"\n      :bg-variant=\"props.bodyBgVariant\"\n      :border-variant=\"props.bodyBorderVariant\"\n      :tag=\"props.bodyTag\"\n      :text-variant=\"props.bodyTextVariant\"\n      :subtitle=\"props.subtitle\"\n      :subtitle-tag=\"props.subtitleTag\"\n      :subtitle-text-variant=\"props.subtitleTextVariant\"\n      :title=\"props.title\"\n      :title-tag=\"props.titleTag\"\n      :class=\"props.bodyClass\"\n    >\n      <slot>\n        {{ props.bodyText }}\n      </slot>\n    </BCardBody>\n    <slot v-else>\n      {{ props.bodyText }}\n    </slot>\n    <BCardFooter\n      v-if=\"props.footer || hasFooterSlot\"\n      :bg-variant=\"props.footerBgVariant\"\n      :border-variant=\"props.footerBorderVariant\"\n      :variant=\"props.footerVariant\"\n      :tag=\"props.footerTag\"\n      :text-variant=\"props.footerTextVariant\"\n      :class=\"props.footerClass\"\n    >\n      <slot name=\"footer\">\n        {{ props.footer }}\n      </slot>\n    </BCardFooter>\n    <ReusableImg.reuse v-if=\"props.imgPlacement === 'bottom'\" />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardProps} from '../../types/ComponentProps'\nimport {isEmptySlot} from '../../utils/dom'\nimport {computed} from 'vue'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport BCardImg from './BCardImg.vue'\nimport BCardHeader from './BCardHeader.vue'\nimport BCardBody from './BCardBody.vue'\nimport BCardFooter from './BCardFooter.vue'\nimport {createReusableTemplate} from '@vueuse/core'\nimport type {BCardSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BCardProps>(), {\n  align: undefined,\n  bodyBgVariant: undefined,\n  bodyBorderVariant: undefined,\n  bodyClass: undefined,\n  bodyTag: 'div',\n  bodyText: '',\n  bodyTextVariant: undefined,\n  borderVariant: null,\n  footer: undefined,\n  footerBgVariant: undefined,\n  footerBorderVariant: undefined,\n  footerClass: undefined,\n  footerTag: 'div',\n  footerTextVariant: undefined,\n  footerVariant: null,\n  header: undefined,\n  headerBgVariant: undefined,\n  headerBorderVariant: undefined,\n  headerClass: undefined,\n  headerTag: 'div',\n  headerTextVariant: undefined,\n  headerVariant: null,\n  imgAlt: undefined,\n  imgPlacement: 'top',\n  imgHeight: undefined,\n  imgSrc: undefined,\n  imgWidth: undefined,\n  noBody: false,\n  subtitle: undefined,\n  subtitleTag: 'h6',\n  subtitleTextVariant: 'body-secondary',\n  tag: 'div',\n  title: undefined,\n  titleTag: 'h4',\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BCard')\nconst slots = defineSlots<BCardSlots>()\n\nconst hasHeaderSlot = computed(() => !isEmptySlot(slots.header))\nconst hasFooterSlot = computed(() => !isEmptySlot(slots.footer))\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    [`text-${props.align}`]: props.align !== undefined,\n    'flex-row': props.imgPlacement === 'start',\n    'flex-row-reverse': props.imgPlacement === 'end',\n  },\n])\n\nconst imgAttr = computed(() => ({\n  src: props.imgSrc,\n  alt: props.imgAlt,\n  height: props.imgHeight,\n  width: props.imgWidth,\n  placement: props.imgPlacement,\n}))\n\nconst ReusableImg = createReusableTemplate()\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"card\" :class=\"computedClasses\">\n    <ReusableImg.define>\n      <slot name=\"img\">\n        <BCardImg v-if=\"props.imgSrc\" v-bind=\"imgAttr\" />\n      </slot>\n    </ReusableImg.define>\n\n    <ReusableImg.reuse v-if=\"props.imgPlacement !== 'bottom'\" />\n    <BCardHeader\n      v-if=\"props.header || hasHeaderSlot\"\n      :bg-variant=\"props.headerBgVariant\"\n      :variant=\"props.headerVariant\"\n      :border-variant=\"props.headerBorderVariant\"\n      :tag=\"props.headerTag\"\n      :text-variant=\"props.headerTextVariant\"\n      :class=\"props.headerClass\"\n    >\n      <slot name=\"header\">\n        {{ props.header }}\n      </slot>\n    </BCardHeader>\n    <BCardBody\n      v-if=\"!props.noBody\"\n      :overlay=\"props.imgPlacement === 'overlay'\"\n      :bg-variant=\"props.bodyBgVariant\"\n      :border-variant=\"props.bodyBorderVariant\"\n      :tag=\"props.bodyTag\"\n      :text-variant=\"props.bodyTextVariant\"\n      :subtitle=\"props.subtitle\"\n      :subtitle-tag=\"props.subtitleTag\"\n      :subtitle-text-variant=\"props.subtitleTextVariant\"\n      :title=\"props.title\"\n      :title-tag=\"props.titleTag\"\n      :class=\"props.bodyClass\"\n    >\n      <slot>\n        {{ props.bodyText }}\n      </slot>\n    </BCardBody>\n    <slot v-else>\n      {{ props.bodyText }}\n    </slot>\n    <BCardFooter\n      v-if=\"props.footer || hasFooterSlot\"\n      :bg-variant=\"props.footerBgVariant\"\n      :border-variant=\"props.footerBorderVariant\"\n      :variant=\"props.footerVariant\"\n      :tag=\"props.footerTag\"\n      :text-variant=\"props.footerTextVariant\"\n      :class=\"props.footerClass\"\n    >\n      <slot name=\"footer\">\n        {{ props.footer }}\n      </slot>\n    </BCardFooter>\n    <ReusableImg.reuse v-if=\"props.imgPlacement === 'bottom'\" />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCardProps} from '../../types/ComponentProps'\nimport {isEmptySlot} from '../../utils/dom'\nimport {computed} from 'vue'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport BCardImg from './BCardImg.vue'\nimport BCardHeader from './BCardHeader.vue'\nimport BCardBody from './BCardBody.vue'\nimport BCardFooter from './BCardFooter.vue'\nimport {createReusableTemplate} from '@vueuse/core'\nimport type {BCardSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BCardProps>(), {\n  align: undefined,\n  bodyBgVariant: undefined,\n  bodyBorderVariant: undefined,\n  bodyClass: undefined,\n  bodyTag: 'div',\n  bodyText: '',\n  bodyTextVariant: undefined,\n  borderVariant: null,\n  footer: undefined,\n  footerBgVariant: undefined,\n  footerBorderVariant: undefined,\n  footerClass: undefined,\n  footerTag: 'div',\n  footerTextVariant: undefined,\n  footerVariant: null,\n  header: undefined,\n  headerBgVariant: undefined,\n  headerBorderVariant: undefined,\n  headerClass: undefined,\n  headerTag: 'div',\n  headerTextVariant: undefined,\n  headerVariant: null,\n  imgAlt: undefined,\n  imgPlacement: 'top',\n  imgHeight: undefined,\n  imgSrc: undefined,\n  imgWidth: undefined,\n  noBody: false,\n  subtitle: undefined,\n  subtitleTag: 'h6',\n  subtitleTextVariant: 'body-secondary',\n  tag: 'div',\n  title: undefined,\n  titleTag: 'h4',\n  // ColorExtendables props\n  bgVariant: null,\n  textVariant: null,\n  variant: null,\n  // End ColorExtendables props\n})\nconst props = useDefaults(_props, 'BCard')\nconst slots = defineSlots<BCardSlots>()\n\nconst hasHeaderSlot = computed(() => !isEmptySlot(slots.header))\nconst hasFooterSlot = computed(() => !isEmptySlot(slots.footer))\n\nconst colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  colorClasses.value,\n  {\n    [`text-${props.align}`]: props.align !== undefined,\n    'flex-row': props.imgPlacement === 'start',\n    'flex-row-reverse': props.imgPlacement === 'end',\n  },\n])\n\nconst imgAttr = computed(() => ({\n  src: props.imgSrc,\n  alt: props.imgAlt,\n  height: props.imgHeight,\n  width: props.imgWidth,\n  placement: props.imgPlacement,\n}))\n\nconst ReusableImg = createReusableTemplate()\n</script>\n"],"mappings":"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"}

package/dist/{BCarousel-DvQKUvSp.js → BCarousel-Be7z13f9.js}

@@ -1,11 +1,11 @@
 require("./chunk-CoQrYLCe.js");
 const require_keys = require("./keys-durSVUrO.js");
-const require_dist = require("./dist-B_c893QG.js");
+const require_dist = require("./dist-BJ15ThEs.js");
 const require_dom = require("./dom-Bs6DzM72.js");
 const require_useDefaults = require("./useDefaults-DsLf4iRY.js");
 const require_useId = require("./useId-DHrBgM7P.js");
 const require_classes = require("./classes-D5wrmmVs.js");
-const require_BImg = require("./BImg-BFKDHH7y.js");
+const require_BImg = require("./BImg-Dyy0N-WQ.js");
 let vue = require("vue");
 //#region src/utils/getSlotElements.ts
 var getSlotElements = (slot, filterBy) => (slot?.() ?? []).reduce((arr, slot) => {
@@ -215,7 +215,10 @@ var BCarousel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		}, { target: element });
 		require_dist.onKeyStroke("ArrowRight", () => {
 			onKeydown(next);
-		}, { target: element });
+		}, {
+			target: element,
+			passive: true
+		});
 		(0, vue.watch)(() => props.ride, () => {
 			rideStarted.value = false;
 		});
@@ -421,4 +424,4 @@ Object.defineProperty(exports, "BCarousel_default", {
 	}
 });
 
-//# sourceMappingURL=BCarousel-DvQKUvSp.js.map
+//# sourceMappingURL=BCarousel-Be7z13f9.js.map

package/dist/BCarousel-Be7z13f9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BCarousel-Be7z13f9.js","names":[],"sources":["../src/utils/getSlotElements.ts","../src/components/BCarousel/BCarousel.vue","../src/components/BCarousel/BCarousel.vue","../src/components/BCarousel/BCarouselSlide.vue","../src/components/BCarousel/BCarouselSlide.vue"],"sourcesContent":["import type {Slot, VNode} from 'vue'\n\nexport const getSlotElements = (slot: Slot | undefined, filterBy: string): VNode[] =>\n  (slot?.() ?? [])\n    .reduce((arr: VNode[], slot: VNode) => {\n      if (typeof slot.type === 'symbol') {\n        arr = arr.concat(slot.children as unknown as VNode)\n      } else {\n        arr.push(slot)\n      }\n      return arr\n    }, [])\n    .filter((child) => (child.type as {__name: string} | undefined)?.__name === filterBy)\n","<template>\n  <div\n    :id=\"computedId\"\n    ref=\"_element\"\n    class=\"carousel slide pointer-event\"\n    :class=\"computedClasses\"\n  >\n    <div\n      v-if=\"props.indicators\"\n      class=\"carousel-indicators\"\n      :aria-label=\"props.labelIndicators\"\n      :aria-owns=\"buttonOwnership\"\n    >\n      <!-- :data-bs-target=\"`#${computedId}`\" is required since the classes target elems with that attr -->\n      <button\n        v-for=\"(_, i) in slides.length\"\n        :key=\"i\"\n        type=\"button\"\n        data-bs-target=\"\"\n        :class=\"i === modelValue ? 'active' : ''\"\n        :aria-current=\"i === modelValue ? true : undefined\"\n        :aria-label=\"`${props.indicatorsButtonLabel} ${i}`\"\n        :aria-controls=\"buttonOwnership\"\n        :aria-describedby=\"slideValues?.[i]?._id\"\n        @click=\"goToValue(i)\"\n      />\n    </div>\n\n    <div ref=\"_relatedTarget\" class=\"carousel-inner\">\n      <TransitionGroup\n        :enter-from-class=\"enterClasses\"\n        :enter-active-class=\"enterClasses\"\n        :enter-to-class=\"enterClasses\"\n        :leave-from-class=\"leaveClasses\"\n        :leave-active-class=\"leaveClasses\"\n        :leave-to-class=\"leaveClasses\"\n        @before-leave=\"onBeforeLeave\"\n        @after-leave=\"onAfterLeave\"\n        @after-enter=\"onAfterEnter\"\n        @enter=\"onEnter\"\n      >\n        <component\n          :is=\"slide\"\n          v-for=\"(slide, i) in slides\"\n          v-show=\"i === modelValue\"\n          :key=\"i\"\n          ref=\"_slideValues\"\n          :class=\"{active: i === modelValue && isTransitioning === false}\"\n          :style=\"props.noAnimation && {transition: 'none'}\"\n        />\n      </TransitionGroup>\n    </div>\n\n    <template v-if=\"props.controls\">\n      <button class=\"carousel-control-prev\" type=\"button\" @click=\"onClickPrev\">\n        <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\" />\n        <span class=\"visually-hidden\">{{ props.controlsPrevText }}</span>\n      </button>\n      <button class=\"carousel-control-next\" type=\"button\" @click=\"onClickNext\">\n        <span class=\"carousel-control-next-icon\" aria-hidden=\"true\" />\n        <span class=\"visually-hidden\">{{ props.controlsNextText }}</span>\n      </button>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {BvCarouselEvent} from '../../utils'\nimport {computed, onMounted, provide, ref, toRef, useTemplateRef, watch} from 'vue'\nimport {useId} from '../../composables/useId'\nimport type {BCarouselProps} from '../../types/ComponentProps'\nimport {onKeyStroke, useElementHover, useIntervalFn, useSwipe, useToNumber} from '@vueuse/core'\nimport type BCarouselSlide from './BCarouselSlide.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {Numberish} from '../../types/CommonTypes'\nimport {getSlotElements} from '../../utils/getSlotElements'\nimport {carouselInjectionKey} from '../../utils/keys'\nimport type {BCarouselEmits, BCarouselSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<Omit<BCarouselProps, 'modelValue'>>(), {\n  background: undefined,\n  controls: false,\n  controlsNextText: 'Next',\n  controlsPrevText: 'Previous',\n  fade: false,\n  id: undefined,\n  imgHeight: undefined,\n  imgWidth: undefined,\n  indicators: false,\n  indicatorsButtonLabel: 'Slide',\n  interval: 5000,\n  labelIndicators: 'Select a slide to display',\n  keyboard: true,\n  noAnimation: false,\n  noHoverPause: false,\n  noTouch: false,\n  noWrap: false,\n  ride: false,\n  rideReverse: false,\n  touchThreshold: 50,\n})\nconst props = useDefaults(_props, 'BCarousel')\nconst emit = defineEmits<BCarouselEmits>()\nconst slots = defineSlots<BCarouselSlots>()\n\nconst computedId = useId(() => props.id, 'carousel')\nconst buttonOwnership = useId(undefined, 'carousel-button-ownership')\n\nconst modelValue = defineModel<Exclude<BCarouselProps['modelValue'], undefined>>({default: 0})\n\nconst slideValues = useTemplateRef<InstanceType<typeof BCarouselSlide>[]>('_slideValues')\n\nconst touchThresholdNumber = useToNumber(() => props.touchThreshold)\nconst slideInterval = ref<Numberish | null>(null)\nonMounted(() => {\n  slideInterval.value =\n    slideValues.value?.find((slid) => slid.$el.style.display !== 'none')?._interval ?? null\n})\nconst intervalNumber = useToNumber(() => slideInterval.value ?? props.interval)\n\nconst isTransitioning = ref(false)\nconst rideStarted = ref(false)\nconst direction = ref(true)\nconst relatedTarget = useTemplateRef('_relatedTarget')\nconst element = useTemplateRef('_element')\nconst previousModelValue = ref(modelValue.value)\n\nconst isHovering = useElementHover(element)\n\n// Class carousel-item is a static property\n// If you make it static, the direction can be reversed -- properly (atm it does the carousel-item-${} logic backwards for entering, a weird hack)\n// So all that would be great. However, when you do this, it will break the transition flow. Something about it breaks and I'm not sure why!\n// Try it by removing carousel-item from below and making `!direction.value` => `direction.value` for enter\n// Then reviewing the behavior\nconst enterClasses = computed(\n  () =>\n    `carousel-item carousel-item-${!direction.value ? 'next' : 'prev'} carousel-item-${\n      !direction.value ? 'start' : 'end'\n    }`\n)\nconst leaveClasses = computed(\n  () => `carousel-item active carousel-item-${direction.value ? 'start' : 'end'}`\n)\n\nconst {pause, resume} = useIntervalFn(\n  () => {\n    if (props.rideReverse) {\n      prev()\n      return\n    }\n    next()\n  },\n  intervalNumber,\n  {immediate: props.ride === 'carousel'}\n)\n\nconst isRiding = computed(\n  () => (props.ride === true && rideStarted.value === true) || props.ride === 'carousel'\n)\nconst slides = computed(() => getSlotElements(slots.default, 'BCarouselSlide'))\nconst computedClasses = computed(() => ({'carousel-fade': props.fade}))\n\nconst buildBvCarouselEvent = (event: 'slid' | 'slide') =>\n  new BvCarouselEvent(event, {\n    componentId: computedId.value,\n    cancelable: false,\n    target: element.value,\n    direction: direction.value ? 'right' : 'left',\n    from: previousModelValue.value,\n    to: modelValue.value,\n    relatedTarget: relatedTarget.value?.children[modelValue.value] ?? null,\n  })\n\nconst goToValue = (value: number): void => {\n  if (isTransitioning.value === true) return\n\n  if (props.ride === true) {\n    rideStarted.value = true\n  }\n  if (isRiding.value === true) {\n    resume()\n  }\n  direction.value = value < modelValue.value ? false : true\n  if (value >= slides.value.length) {\n    if (props.noWrap) return\n    modelValue.value = 0\n    return\n  }\n  if (value < 0) {\n    if (props.noWrap) return\n    modelValue.value = slides.value.length - 1\n    return\n  }\n  previousModelValue.value = modelValue.value\n  modelValue.value = value\n}\n\nconst prev = (): void => {\n  goToValue(modelValue.value - 1)\n}\nconst next = (): void => {\n  goToValue(modelValue.value + 1)\n}\n\nconst onKeydown = (fn: () => void) => {\n  if (props.keyboard === false) return\n  fn()\n}\n\nconst onMouseEnter = () => {\n  if (props.noHoverPause) return\n  pause()\n}\nconst onMouseLeave = () => {\n  if (!isRiding.value) return\n  resume()\n}\n\nconst {lengthX} = useSwipe(element, {\n  passive: true,\n  onSwipeStart() {\n    if (props.noTouch === true) return\n    pause()\n  },\n  onSwipeEnd() {\n    if (props.noTouch === true) return\n    const resumeRiding = () => {\n      if (isRiding.value === false) return\n      resume()\n    }\n    if (lengthX.value >= touchThresholdNumber.value) {\n      next()\n      resumeRiding()\n      return\n    }\n    if (lengthX.value <= -touchThresholdNumber.value) {\n      prev()\n      resumeRiding()\n    }\n  },\n})\n\nconst onBeforeLeave = () => {\n  emit('slide', buildBvCarouselEvent('slide'))\n  isTransitioning.value = true\n}\nconst onAfterLeave = () => {\n  emit('slid', buildBvCarouselEvent('slid'))\n  isTransitioning.value = false\n}\n// carousel-item class is removed from the slide during the transition,\n// as is included within enter classes.\n// The first slide recovers carousel-item class,\nconst onAfterEnter = (el: Readonly<Element>) => {\n  if (modelValue.value !== 0) {\n    el.classList.add('carousel-item')\n  }\n}\nconst onEnter = (el: Readonly<Element>) => {\n  slideInterval.value = slideValues.value?.find((slid) => slid.$el === el)?._interval ?? null\n}\n\nonKeyStroke(\n  'ArrowLeft',\n  () => {\n    onKeydown(prev)\n  },\n  {target: element}\n)\nonKeyStroke(\n  'ArrowRight',\n  () => {\n    onKeydown(next)\n  },\n  {target: element, passive: true}\n)\n\nwatch(\n  () => props.ride,\n  () => {\n    rideStarted.value = false\n  }\n)\n\nwatch(isHovering, (newValue) => {\n  if (newValue) {\n    onMouseEnter()\n    return\n  }\n  onMouseLeave()\n})\n\nconst onClickPrev = (event: MouseEvent) => {\n  emit('prev-click', event)\n  if (event.defaultPrevented) return\n  prev()\n}\nconst onClickNext = (event: MouseEvent) => {\n  emit('next-click', event)\n  if (event.defaultPrevented) return\n  next()\n}\n\ndefineExpose({\n  next,\n  pause,\n  prev,\n  resume,\n})\n\nprovide(carouselInjectionKey, {\n  background: toRef(() => props.background),\n  width: toRef(() => props.imgWidth),\n  height: toRef(() => props.imgHeight),\n})\n</script>\n","<template>\n  <div\n    :id=\"computedId\"\n    ref=\"_element\"\n    class=\"carousel slide pointer-event\"\n    :class=\"computedClasses\"\n  >\n    <div\n      v-if=\"props.indicators\"\n      class=\"carousel-indicators\"\n      :aria-label=\"props.labelIndicators\"\n      :aria-owns=\"buttonOwnership\"\n    >\n      <!-- :data-bs-target=\"`#${computedId}`\" is required since the classes target elems with that attr -->\n      <button\n        v-for=\"(_, i) in slides.length\"\n        :key=\"i\"\n        type=\"button\"\n        data-bs-target=\"\"\n        :class=\"i === modelValue ? 'active' : ''\"\n        :aria-current=\"i === modelValue ? true : undefined\"\n        :aria-label=\"`${props.indicatorsButtonLabel} ${i}`\"\n        :aria-controls=\"buttonOwnership\"\n        :aria-describedby=\"slideValues?.[i]?._id\"\n        @click=\"goToValue(i)\"\n      />\n    </div>\n\n    <div ref=\"_relatedTarget\" class=\"carousel-inner\">\n      <TransitionGroup\n        :enter-from-class=\"enterClasses\"\n        :enter-active-class=\"enterClasses\"\n        :enter-to-class=\"enterClasses\"\n        :leave-from-class=\"leaveClasses\"\n        :leave-active-class=\"leaveClasses\"\n        :leave-to-class=\"leaveClasses\"\n        @before-leave=\"onBeforeLeave\"\n        @after-leave=\"onAfterLeave\"\n        @after-enter=\"onAfterEnter\"\n        @enter=\"onEnter\"\n      >\n        <component\n          :is=\"slide\"\n          v-for=\"(slide, i) in slides\"\n          v-show=\"i === modelValue\"\n          :key=\"i\"\n          ref=\"_slideValues\"\n          :class=\"{active: i === modelValue && isTransitioning === false}\"\n          :style=\"props.noAnimation && {transition: 'none'}\"\n        />\n      </TransitionGroup>\n    </div>\n\n    <template v-if=\"props.controls\">\n      <button class=\"carousel-control-prev\" type=\"button\" @click=\"onClickPrev\">\n        <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\" />\n        <span class=\"visually-hidden\">{{ props.controlsPrevText }}</span>\n      </button>\n      <button class=\"carousel-control-next\" type=\"button\" @click=\"onClickNext\">\n        <span class=\"carousel-control-next-icon\" aria-hidden=\"true\" />\n        <span class=\"visually-hidden\">{{ props.controlsNextText }}</span>\n      </button>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {BvCarouselEvent} from '../../utils'\nimport {computed, onMounted, provide, ref, toRef, useTemplateRef, watch} from 'vue'\nimport {useId} from '../../composables/useId'\nimport type {BCarouselProps} from '../../types/ComponentProps'\nimport {onKeyStroke, useElementHover, useIntervalFn, useSwipe, useToNumber} from '@vueuse/core'\nimport type BCarouselSlide from './BCarouselSlide.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {Numberish} from '../../types/CommonTypes'\nimport {getSlotElements} from '../../utils/getSlotElements'\nimport {carouselInjectionKey} from '../../utils/keys'\nimport type {BCarouselEmits, BCarouselSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<Omit<BCarouselProps, 'modelValue'>>(), {\n  background: undefined,\n  controls: false,\n  controlsNextText: 'Next',\n  controlsPrevText: 'Previous',\n  fade: false,\n  id: undefined,\n  imgHeight: undefined,\n  imgWidth: undefined,\n  indicators: false,\n  indicatorsButtonLabel: 'Slide',\n  interval: 5000,\n  labelIndicators: 'Select a slide to display',\n  keyboard: true,\n  noAnimation: false,\n  noHoverPause: false,\n  noTouch: false,\n  noWrap: false,\n  ride: false,\n  rideReverse: false,\n  touchThreshold: 50,\n})\nconst props = useDefaults(_props, 'BCarousel')\nconst emit = defineEmits<BCarouselEmits>()\nconst slots = defineSlots<BCarouselSlots>()\n\nconst computedId = useId(() => props.id, 'carousel')\nconst buttonOwnership = useId(undefined, 'carousel-button-ownership')\n\nconst modelValue = defineModel<Exclude<BCarouselProps['modelValue'], undefined>>({default: 0})\n\nconst slideValues = useTemplateRef<InstanceType<typeof BCarouselSlide>[]>('_slideValues')\n\nconst touchThresholdNumber = useToNumber(() => props.touchThreshold)\nconst slideInterval = ref<Numberish | null>(null)\nonMounted(() => {\n  slideInterval.value =\n    slideValues.value?.find((slid) => slid.$el.style.display !== 'none')?._interval ?? null\n})\nconst intervalNumber = useToNumber(() => slideInterval.value ?? props.interval)\n\nconst isTransitioning = ref(false)\nconst rideStarted = ref(false)\nconst direction = ref(true)\nconst relatedTarget = useTemplateRef('_relatedTarget')\nconst element = useTemplateRef('_element')\nconst previousModelValue = ref(modelValue.value)\n\nconst isHovering = useElementHover(element)\n\n// Class carousel-item is a static property\n// If you make it static, the direction can be reversed -- properly (atm it does the carousel-item-${} logic backwards for entering, a weird hack)\n// So all that would be great. However, when you do this, it will break the transition flow. Something about it breaks and I'm not sure why!\n// Try it by removing carousel-item from below and making `!direction.value` => `direction.value` for enter\n// Then reviewing the behavior\nconst enterClasses = computed(\n  () =>\n    `carousel-item carousel-item-${!direction.value ? 'next' : 'prev'} carousel-item-${\n      !direction.value ? 'start' : 'end'\n    }`\n)\nconst leaveClasses = computed(\n  () => `carousel-item active carousel-item-${direction.value ? 'start' : 'end'}`\n)\n\nconst {pause, resume} = useIntervalFn(\n  () => {\n    if (props.rideReverse) {\n      prev()\n      return\n    }\n    next()\n  },\n  intervalNumber,\n  {immediate: props.ride === 'carousel'}\n)\n\nconst isRiding = computed(\n  () => (props.ride === true && rideStarted.value === true) || props.ride === 'carousel'\n)\nconst slides = computed(() => getSlotElements(slots.default, 'BCarouselSlide'))\nconst computedClasses = computed(() => ({'carousel-fade': props.fade}))\n\nconst buildBvCarouselEvent = (event: 'slid' | 'slide') =>\n  new BvCarouselEvent(event, {\n    componentId: computedId.value,\n    cancelable: false,\n    target: element.value,\n    direction: direction.value ? 'right' : 'left',\n    from: previousModelValue.value,\n    to: modelValue.value,\n    relatedTarget: relatedTarget.value?.children[modelValue.value] ?? null,\n  })\n\nconst goToValue = (value: number): void => {\n  if (isTransitioning.value === true) return\n\n  if (props.ride === true) {\n    rideStarted.value = true\n  }\n  if (isRiding.value === true) {\n    resume()\n  }\n  direction.value = value < modelValue.value ? false : true\n  if (value >= slides.value.length) {\n    if (props.noWrap) return\n    modelValue.value = 0\n    return\n  }\n  if (value < 0) {\n    if (props.noWrap) return\n    modelValue.value = slides.value.length - 1\n    return\n  }\n  previousModelValue.value = modelValue.value\n  modelValue.value = value\n}\n\nconst prev = (): void => {\n  goToValue(modelValue.value - 1)\n}\nconst next = (): void => {\n  goToValue(modelValue.value + 1)\n}\n\nconst onKeydown = (fn: () => void) => {\n  if (props.keyboard === false) return\n  fn()\n}\n\nconst onMouseEnter = () => {\n  if (props.noHoverPause) return\n  pause()\n}\nconst onMouseLeave = () => {\n  if (!isRiding.value) return\n  resume()\n}\n\nconst {lengthX} = useSwipe(element, {\n  passive: true,\n  onSwipeStart() {\n    if (props.noTouch === true) return\n    pause()\n  },\n  onSwipeEnd() {\n    if (props.noTouch === true) return\n    const resumeRiding = () => {\n      if (isRiding.value === false) return\n      resume()\n    }\n    if (lengthX.value >= touchThresholdNumber.value) {\n      next()\n      resumeRiding()\n      return\n    }\n    if (lengthX.value <= -touchThresholdNumber.value) {\n      prev()\n      resumeRiding()\n    }\n  },\n})\n\nconst onBeforeLeave = () => {\n  emit('slide', buildBvCarouselEvent('slide'))\n  isTransitioning.value = true\n}\nconst onAfterLeave = () => {\n  emit('slid', buildBvCarouselEvent('slid'))\n  isTransitioning.value = false\n}\n// carousel-item class is removed from the slide during the transition,\n// as is included within enter classes.\n// The first slide recovers carousel-item class,\nconst onAfterEnter = (el: Readonly<Element>) => {\n  if (modelValue.value !== 0) {\n    el.classList.add('carousel-item')\n  }\n}\nconst onEnter = (el: Readonly<Element>) => {\n  slideInterval.value = slideValues.value?.find((slid) => slid.$el === el)?._interval ?? null\n}\n\nonKeyStroke(\n  'ArrowLeft',\n  () => {\n    onKeydown(prev)\n  },\n  {target: element}\n)\nonKeyStroke(\n  'ArrowRight',\n  () => {\n    onKeydown(next)\n  },\n  {target: element, passive: true}\n)\n\nwatch(\n  () => props.ride,\n  () => {\n    rideStarted.value = false\n  }\n)\n\nwatch(isHovering, (newValue) => {\n  if (newValue) {\n    onMouseEnter()\n    return\n  }\n  onMouseLeave()\n})\n\nconst onClickPrev = (event: MouseEvent) => {\n  emit('prev-click', event)\n  if (event.defaultPrevented) return\n  prev()\n}\nconst onClickNext = (event: MouseEvent) => {\n  emit('next-click', event)\n  if (event.defaultPrevented) return\n  next()\n}\n\ndefineExpose({\n  next,\n  pause,\n  prev,\n  resume,\n})\n\nprovide(carouselInjectionKey, {\n  background: toRef(() => props.background),\n  width: toRef(() => props.imgWidth),\n  height: toRef(() => props.imgHeight),\n})\n</script>\n","<template>\n  <div :id=\"computedId\" class=\"carousel-item\" :style=\"computedStyle\">\n    <slot name=\"img\">\n      <BImg\n        class=\"d-block w-100\"\n        :alt=\"props.imgAlt\"\n        :srcset=\"props.imgSrcset\"\n        :src=\"props.imgSrc\"\n        :width=\"props.imgWidth || parentData?.width.value\"\n        :height=\"props.imgHeight || parentData?.height.value\"\n        :blank=\"props.imgBlank\"\n        :blank-color=\"props.imgBlankColor\"\n      />\n    </slot>\n    <component\n      :is=\"props.contentTag\"\n      v-if=\"hasContent\"\n      class=\"carousel-caption\"\n      :class=\"computedContentClasses\"\n    >\n      <component :is=\"props.captionTag\" v-if=\"hasCaption\">\n        <slot name=\"caption\">\n          <span>{{ props.caption }}</span>\n        </slot>\n      </component>\n      <component :is=\"props.textTag\" v-if=\"hasText\">\n        <slot name=\"text\">\n          <span>{{ props.text }}</span>\n        </slot>\n      </component>\n      <slot />\n    </component>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type CSSProperties, inject, toRef} from 'vue'\nimport type {BCarouselSlideProps} from '../../types/ComponentProps'\nimport {carouselInjectionKey} from '../../utils/keys'\nimport BImg from '../BImg/BImg.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {isEmptySlot} from '../../utils/dom'\nimport {useId} from '../../composables/useId'\nimport type {BCarouselSlideSlots} from '../../types/ComponentSlots'\n\nconst _props = withDefaults(defineProps<BCarouselSlideProps>(), {\n  background: undefined,\n  caption: undefined,\n  captionTag: 'h3',\n  contentTag: 'div',\n  contentVisibleUp: undefined,\n  id: undefined,\n  imgAlt: undefined,\n  imgBlank: false,\n  imgBlankColor: 'transparent',\n  imgHeight: undefined,\n  imgSrc: undefined,\n  imgSrcset: undefined,\n  imgWidth: undefined,\n  interval: undefined,\n  text: undefined,\n  textTag: 'p',\n})\nconst props = useDefaults(_props, 'BCarouselSlide')\nconst slots = defineSlots<BCarouselSlideSlots>()\n\nconst computedId = useId(() => props.id, 'carousel-slide')\nconst parentData = inject(carouselInjectionKey, null)\n\nconst hasText = computed(() => props.text || !isEmptySlot(slots.text))\nconst hasCaption = computed(() => props.caption || !isEmptySlot(slots.caption))\nconst hasContent = computed(() => hasText.value || hasCaption.value || !isEmptySlot(slots.default))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n  background: `${\n    props.background || parentData?.background.value || 'rgb(171, 171, 171)'\n  } none repeat scroll 0% 0%`,\n}))\n\nconst computedContentClasses = computed(() => ({\n  'd-none': props.contentVisibleUp !== undefined,\n  [`d-${props.contentVisibleUp}-block`]: props.contentVisibleUp !== undefined,\n}))\n\ndefineExpose({\n  _interval: toRef(() => props.interval),\n  _id: computedId,\n})\n</script>\n","<template>\n  <div :id=\"computedId\" class=\"carousel-item\" :style=\"computedStyle\">\n    <slot name=\"img\">\n      <BImg\n        class=\"d-block w-100\"\n        :alt=\"props.imgAlt\"\n        :srcset=\"props.imgSrcset\"\n        :src=\"props.imgSrc\"\n        :width=\"props.imgWidth || parentData?.width.value\"\n        :height=\"props.imgHeight || parentData?.height.value\"\n        :blank=\"props.imgBlank\"\n        :blank-color=\"props.imgBlankColor\"\n      />\n    </slot>\n    <component\n      :is=\"props.contentTag\"\n      v-if=\"hasContent\"\n      class=\"carousel-caption\"\n      :class=\"computedContentClasses\"\n    >\n      <component :is=\"props.captionTag\" v-if=\"hasCaption\">\n        <slot name=\"caption\">\n          <span>{{ props.caption }}</span>\n        </slot>\n      </component>\n      <component :is=\"props.textTag\" v-if=\"hasText\">\n        <slot name=\"text\">\n          <span>{{ props.text }}</span>\n        </slot>\n      </component>\n      <slot />\n    </component>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type CSSProperties, inject, toRef} from 'vue'\nimport type {BCarouselSlideProps} from '../../types/ComponentProps'\nimport {carouselInjectionKey} from '../../utils/keys'\nimport BImg from '../BImg/BImg.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {isEmptySlot} from '../../utils/dom'\nimport {useId} from '../../composables/useId'\nimport type {BCarouselSlideSlots} from '../../types/ComponentSlots'\n\nconst _props = withDefaults(defineProps<BCarouselSlideProps>(), {\n  background: undefined,\n  caption: undefined,\n  captionTag: 'h3',\n  contentTag: 'div',\n  contentVisibleUp: undefined,\n  id: undefined,\n  imgAlt: undefined,\n  imgBlank: false,\n  imgBlankColor: 'transparent',\n  imgHeight: undefined,\n  imgSrc: undefined,\n  imgSrcset: undefined,\n  imgWidth: undefined,\n  interval: undefined,\n  text: undefined,\n  textTag: 'p',\n})\nconst props = useDefaults(_props, 'BCarouselSlide')\nconst slots = defineSlots<BCarouselSlideSlots>()\n\nconst computedId = useId(() => props.id, 'carousel-slide')\nconst parentData = inject(carouselInjectionKey, null)\n\nconst hasText = computed(() => props.text || !isEmptySlot(slots.text))\nconst hasCaption = computed(() => props.caption || !isEmptySlot(slots.caption))\nconst hasContent = computed(() => hasText.value || hasCaption.value || !isEmptySlot(slots.default))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n  background: `${\n    props.background || parentData?.background.value || 'rgb(171, 171, 171)'\n  } none repeat scroll 0% 0%`,\n}))\n\nconst computedContentClasses = computed(() => ({\n  'd-none': props.contentVisibleUp !== undefined,\n  [`d-${props.contentVisibleUp}-block`]: props.contentVisibleUp !== undefined,\n}))\n\ndefineExpose({\n  _interval: toRef(() => props.interval),\n  _id: computedId,\n})\n</script>\n"],"mappings":"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"}

package/dist/{BCarousel-DarHY6e7.mjs → BCarousel-D81alfFC.mjs}

@@ -1,10 +1,10 @@
 import { o as carouselInjectionKey } from "./keys-CQKrwmvN.mjs";
-import { F as useIntervalFn, L as useToNumber, f as useElementHover, o as onKeyStroke, x as useSwipe } from "./dist-Dn5blevd.mjs";
+import { L as useIntervalFn, f as useElementHover, o as onKeyStroke, x as useSwipe, z as useToNumber } from "./dist-B10a-gZ8.mjs";
 import { o as isEmptySlot } from "./dom-AhkaSoh8.mjs";
 import { t as useDefaults } from "./useDefaults-BKgBaqOV.mjs";
 import { t as useId$1 } from "./useId-BKZFSYm8.mjs";
 import { t as BvCarouselEvent } from "./classes-B0E5Y78Y.mjs";
-import { t as BImg_default } from "./BImg-BZ7hac1l.mjs";
+import { t as BImg_default } from "./BImg-BQqZfIM9.mjs";
 import { Fragment, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, mergeModels, normalizeClass, normalizeStyle, onMounted, openBlock, provide, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRef, unref, useModel, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
 //#region src/utils/getSlotElements.ts
 var getSlotElements = (slot, filterBy) => (slot?.() ?? []).reduce((arr, slot) => {
@@ -214,7 +214,10 @@ var BCarousel_default = /* @__PURE__ */ defineComponent({
 		}, { target: element });
 		onKeyStroke("ArrowRight", () => {
 			onKeydown(next);
-		}, { target: element });
+		}, {
+			target: element,
+			passive: true
+		});
 		watch(() => props.ride, () => {
 			rideStarted.value = false;
 		});
@@ -409,4 +412,4 @@ var BCarouselSlide_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { BCarousel_default as n, BCarouselSlide_default as t };
 
-//# sourceMappingURL=BCarousel-DarHY6e7.mjs.map
+//# sourceMappingURL=BCarousel-D81alfFC.mjs.map

package/dist/BCarousel-D81alfFC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BCarousel-D81alfFC.mjs","names":[],"sources":["../src/utils/getSlotElements.ts","../src/components/BCarousel/BCarousel.vue","../src/components/BCarousel/BCarousel.vue","../src/components/BCarousel/BCarouselSlide.vue","../src/components/BCarousel/BCarouselSlide.vue"],"sourcesContent":["import type {Slot, VNode} from 'vue'\n\nexport const getSlotElements = (slot: Slot | undefined, filterBy: string): VNode[] =>\n  (slot?.() ?? [])\n    .reduce((arr: VNode[], slot: VNode) => {\n      if (typeof slot.type === 'symbol') {\n        arr = arr.concat(slot.children as unknown as VNode)\n      } else {\n        arr.push(slot)\n      }\n      return arr\n    }, [])\n    .filter((child) => (child.type as {__name: string} | undefined)?.__name === filterBy)\n","<template>\n  <div\n    :id=\"computedId\"\n    ref=\"_element\"\n    class=\"carousel slide pointer-event\"\n    :class=\"computedClasses\"\n  >\n    <div\n      v-if=\"props.indicators\"\n      class=\"carousel-indicators\"\n      :aria-label=\"props.labelIndicators\"\n      :aria-owns=\"buttonOwnership\"\n    >\n      <!-- :data-bs-target=\"`#${computedId}`\" is required since the classes target elems with that attr -->\n      <button\n        v-for=\"(_, i) in slides.length\"\n        :key=\"i\"\n        type=\"button\"\n        data-bs-target=\"\"\n        :class=\"i === modelValue ? 'active' : ''\"\n        :aria-current=\"i === modelValue ? true : undefined\"\n        :aria-label=\"`${props.indicatorsButtonLabel} ${i}`\"\n        :aria-controls=\"buttonOwnership\"\n        :aria-describedby=\"slideValues?.[i]?._id\"\n        @click=\"goToValue(i)\"\n      />\n    </div>\n\n    <div ref=\"_relatedTarget\" class=\"carousel-inner\">\n      <TransitionGroup\n        :enter-from-class=\"enterClasses\"\n        :enter-active-class=\"enterClasses\"\n        :enter-to-class=\"enterClasses\"\n        :leave-from-class=\"leaveClasses\"\n        :leave-active-class=\"leaveClasses\"\n        :leave-to-class=\"leaveClasses\"\n        @before-leave=\"onBeforeLeave\"\n        @after-leave=\"onAfterLeave\"\n        @after-enter=\"onAfterEnter\"\n        @enter=\"onEnter\"\n      >\n        <component\n          :is=\"slide\"\n          v-for=\"(slide, i) in slides\"\n          v-show=\"i === modelValue\"\n          :key=\"i\"\n          ref=\"_slideValues\"\n          :class=\"{active: i === modelValue && isTransitioning === false}\"\n          :style=\"props.noAnimation && {transition: 'none'}\"\n        />\n      </TransitionGroup>\n    </div>\n\n    <template v-if=\"props.controls\">\n      <button class=\"carousel-control-prev\" type=\"button\" @click=\"onClickPrev\">\n        <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\" />\n        <span class=\"visually-hidden\">{{ props.controlsPrevText }}</span>\n      </button>\n      <button class=\"carousel-control-next\" type=\"button\" @click=\"onClickNext\">\n        <span class=\"carousel-control-next-icon\" aria-hidden=\"true\" />\n        <span class=\"visually-hidden\">{{ props.controlsNextText }}</span>\n      </button>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {BvCarouselEvent} from '../../utils'\nimport {computed, onMounted, provide, ref, toRef, useTemplateRef, watch} from 'vue'\nimport {useId} from '../../composables/useId'\nimport type {BCarouselProps} from '../../types/ComponentProps'\nimport {onKeyStroke, useElementHover, useIntervalFn, useSwipe, useToNumber} from '@vueuse/core'\nimport type BCarouselSlide from './BCarouselSlide.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {Numberish} from '../../types/CommonTypes'\nimport {getSlotElements} from '../../utils/getSlotElements'\nimport {carouselInjectionKey} from '../../utils/keys'\nimport type {BCarouselEmits, BCarouselSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<Omit<BCarouselProps, 'modelValue'>>(), {\n  background: undefined,\n  controls: false,\n  controlsNextText: 'Next',\n  controlsPrevText: 'Previous',\n  fade: false,\n  id: undefined,\n  imgHeight: undefined,\n  imgWidth: undefined,\n  indicators: false,\n  indicatorsButtonLabel: 'Slide',\n  interval: 5000,\n  labelIndicators: 'Select a slide to display',\n  keyboard: true,\n  noAnimation: false,\n  noHoverPause: false,\n  noTouch: false,\n  noWrap: false,\n  ride: false,\n  rideReverse: false,\n  touchThreshold: 50,\n})\nconst props = useDefaults(_props, 'BCarousel')\nconst emit = defineEmits<BCarouselEmits>()\nconst slots = defineSlots<BCarouselSlots>()\n\nconst computedId = useId(() => props.id, 'carousel')\nconst buttonOwnership = useId(undefined, 'carousel-button-ownership')\n\nconst modelValue = defineModel<Exclude<BCarouselProps['modelValue'], undefined>>({default: 0})\n\nconst slideValues = useTemplateRef<InstanceType<typeof BCarouselSlide>[]>('_slideValues')\n\nconst touchThresholdNumber = useToNumber(() => props.touchThreshold)\nconst slideInterval = ref<Numberish | null>(null)\nonMounted(() => {\n  slideInterval.value =\n    slideValues.value?.find((slid) => slid.$el.style.display !== 'none')?._interval ?? null\n})\nconst intervalNumber = useToNumber(() => slideInterval.value ?? props.interval)\n\nconst isTransitioning = ref(false)\nconst rideStarted = ref(false)\nconst direction = ref(true)\nconst relatedTarget = useTemplateRef('_relatedTarget')\nconst element = useTemplateRef('_element')\nconst previousModelValue = ref(modelValue.value)\n\nconst isHovering = useElementHover(element)\n\n// Class carousel-item is a static property\n// If you make it static, the direction can be reversed -- properly (atm it does the carousel-item-${} logic backwards for entering, a weird hack)\n// So all that would be great. However, when you do this, it will break the transition flow. Something about it breaks and I'm not sure why!\n// Try it by removing carousel-item from below and making `!direction.value` => `direction.value` for enter\n// Then reviewing the behavior\nconst enterClasses = computed(\n  () =>\n    `carousel-item carousel-item-${!direction.value ? 'next' : 'prev'} carousel-item-${\n      !direction.value ? 'start' : 'end'\n    }`\n)\nconst leaveClasses = computed(\n  () => `carousel-item active carousel-item-${direction.value ? 'start' : 'end'}`\n)\n\nconst {pause, resume} = useIntervalFn(\n  () => {\n    if (props.rideReverse) {\n      prev()\n      return\n    }\n    next()\n  },\n  intervalNumber,\n  {immediate: props.ride === 'carousel'}\n)\n\nconst isRiding = computed(\n  () => (props.ride === true && rideStarted.value === true) || props.ride === 'carousel'\n)\nconst slides = computed(() => getSlotElements(slots.default, 'BCarouselSlide'))\nconst computedClasses = computed(() => ({'carousel-fade': props.fade}))\n\nconst buildBvCarouselEvent = (event: 'slid' | 'slide') =>\n  new BvCarouselEvent(event, {\n    componentId: computedId.value,\n    cancelable: false,\n    target: element.value,\n    direction: direction.value ? 'right' : 'left',\n    from: previousModelValue.value,\n    to: modelValue.value,\n    relatedTarget: relatedTarget.value?.children[modelValue.value] ?? null,\n  })\n\nconst goToValue = (value: number): void => {\n  if (isTransitioning.value === true) return\n\n  if (props.ride === true) {\n    rideStarted.value = true\n  }\n  if (isRiding.value === true) {\n    resume()\n  }\n  direction.value = value < modelValue.value ? false : true\n  if (value >= slides.value.length) {\n    if (props.noWrap) return\n    modelValue.value = 0\n    return\n  }\n  if (value < 0) {\n    if (props.noWrap) return\n    modelValue.value = slides.value.length - 1\n    return\n  }\n  previousModelValue.value = modelValue.value\n  modelValue.value = value\n}\n\nconst prev = (): void => {\n  goToValue(modelValue.value - 1)\n}\nconst next = (): void => {\n  goToValue(modelValue.value + 1)\n}\n\nconst onKeydown = (fn: () => void) => {\n  if (props.keyboard === false) return\n  fn()\n}\n\nconst onMouseEnter = () => {\n  if (props.noHoverPause) return\n  pause()\n}\nconst onMouseLeave = () => {\n  if (!isRiding.value) return\n  resume()\n}\n\nconst {lengthX} = useSwipe(element, {\n  passive: true,\n  onSwipeStart() {\n    if (props.noTouch === true) return\n    pause()\n  },\n  onSwipeEnd() {\n    if (props.noTouch === true) return\n    const resumeRiding = () => {\n      if (isRiding.value === false) return\n      resume()\n    }\n    if (lengthX.value >= touchThresholdNumber.value) {\n      next()\n      resumeRiding()\n      return\n    }\n    if (lengthX.value <= -touchThresholdNumber.value) {\n      prev()\n      resumeRiding()\n    }\n  },\n})\n\nconst onBeforeLeave = () => {\n  emit('slide', buildBvCarouselEvent('slide'))\n  isTransitioning.value = true\n}\nconst onAfterLeave = () => {\n  emit('slid', buildBvCarouselEvent('slid'))\n  isTransitioning.value = false\n}\n// carousel-item class is removed from the slide during the transition,\n// as is included within enter classes.\n// The first slide recovers carousel-item class,\nconst onAfterEnter = (el: Readonly<Element>) => {\n  if (modelValue.value !== 0) {\n    el.classList.add('carousel-item')\n  }\n}\nconst onEnter = (el: Readonly<Element>) => {\n  slideInterval.value = slideValues.value?.find((slid) => slid.$el === el)?._interval ?? null\n}\n\nonKeyStroke(\n  'ArrowLeft',\n  () => {\n    onKeydown(prev)\n  },\n  {target: element}\n)\nonKeyStroke(\n  'ArrowRight',\n  () => {\n    onKeydown(next)\n  },\n  {target: element, passive: true}\n)\n\nwatch(\n  () => props.ride,\n  () => {\n    rideStarted.value = false\n  }\n)\n\nwatch(isHovering, (newValue) => {\n  if (newValue) {\n    onMouseEnter()\n    return\n  }\n  onMouseLeave()\n})\n\nconst onClickPrev = (event: MouseEvent) => {\n  emit('prev-click', event)\n  if (event.defaultPrevented) return\n  prev()\n}\nconst onClickNext = (event: MouseEvent) => {\n  emit('next-click', event)\n  if (event.defaultPrevented) return\n  next()\n}\n\ndefineExpose({\n  next,\n  pause,\n  prev,\n  resume,\n})\n\nprovide(carouselInjectionKey, {\n  background: toRef(() => props.background),\n  width: toRef(() => props.imgWidth),\n  height: toRef(() => props.imgHeight),\n})\n</script>\n","<template>\n  <div\n    :id=\"computedId\"\n    ref=\"_element\"\n    class=\"carousel slide pointer-event\"\n    :class=\"computedClasses\"\n  >\n    <div\n      v-if=\"props.indicators\"\n      class=\"carousel-indicators\"\n      :aria-label=\"props.labelIndicators\"\n      :aria-owns=\"buttonOwnership\"\n    >\n      <!-- :data-bs-target=\"`#${computedId}`\" is required since the classes target elems with that attr -->\n      <button\n        v-for=\"(_, i) in slides.length\"\n        :key=\"i\"\n        type=\"button\"\n        data-bs-target=\"\"\n        :class=\"i === modelValue ? 'active' : ''\"\n        :aria-current=\"i === modelValue ? true : undefined\"\n        :aria-label=\"`${props.indicatorsButtonLabel} ${i}`\"\n        :aria-controls=\"buttonOwnership\"\n        :aria-describedby=\"slideValues?.[i]?._id\"\n        @click=\"goToValue(i)\"\n      />\n    </div>\n\n    <div ref=\"_relatedTarget\" class=\"carousel-inner\">\n      <TransitionGroup\n        :enter-from-class=\"enterClasses\"\n        :enter-active-class=\"enterClasses\"\n        :enter-to-class=\"enterClasses\"\n        :leave-from-class=\"leaveClasses\"\n        :leave-active-class=\"leaveClasses\"\n        :leave-to-class=\"leaveClasses\"\n        @before-leave=\"onBeforeLeave\"\n        @after-leave=\"onAfterLeave\"\n        @after-enter=\"onAfterEnter\"\n        @enter=\"onEnter\"\n      >\n        <component\n          :is=\"slide\"\n          v-for=\"(slide, i) in slides\"\n          v-show=\"i === modelValue\"\n          :key=\"i\"\n          ref=\"_slideValues\"\n          :class=\"{active: i === modelValue && isTransitioning === false}\"\n          :style=\"props.noAnimation && {transition: 'none'}\"\n        />\n      </TransitionGroup>\n    </div>\n\n    <template v-if=\"props.controls\">\n      <button class=\"carousel-control-prev\" type=\"button\" @click=\"onClickPrev\">\n        <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\" />\n        <span class=\"visually-hidden\">{{ props.controlsPrevText }}</span>\n      </button>\n      <button class=\"carousel-control-next\" type=\"button\" @click=\"onClickNext\">\n        <span class=\"carousel-control-next-icon\" aria-hidden=\"true\" />\n        <span class=\"visually-hidden\">{{ props.controlsNextText }}</span>\n      </button>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {BvCarouselEvent} from '../../utils'\nimport {computed, onMounted, provide, ref, toRef, useTemplateRef, watch} from 'vue'\nimport {useId} from '../../composables/useId'\nimport type {BCarouselProps} from '../../types/ComponentProps'\nimport {onKeyStroke, useElementHover, useIntervalFn, useSwipe, useToNumber} from '@vueuse/core'\nimport type BCarouselSlide from './BCarouselSlide.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {Numberish} from '../../types/CommonTypes'\nimport {getSlotElements} from '../../utils/getSlotElements'\nimport {carouselInjectionKey} from '../../utils/keys'\nimport type {BCarouselEmits, BCarouselSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<Omit<BCarouselProps, 'modelValue'>>(), {\n  background: undefined,\n  controls: false,\n  controlsNextText: 'Next',\n  controlsPrevText: 'Previous',\n  fade: false,\n  id: undefined,\n  imgHeight: undefined,\n  imgWidth: undefined,\n  indicators: false,\n  indicatorsButtonLabel: 'Slide',\n  interval: 5000,\n  labelIndicators: 'Select a slide to display',\n  keyboard: true,\n  noAnimation: false,\n  noHoverPause: false,\n  noTouch: false,\n  noWrap: false,\n  ride: false,\n  rideReverse: false,\n  touchThreshold: 50,\n})\nconst props = useDefaults(_props, 'BCarousel')\nconst emit = defineEmits<BCarouselEmits>()\nconst slots = defineSlots<BCarouselSlots>()\n\nconst computedId = useId(() => props.id, 'carousel')\nconst buttonOwnership = useId(undefined, 'carousel-button-ownership')\n\nconst modelValue = defineModel<Exclude<BCarouselProps['modelValue'], undefined>>({default: 0})\n\nconst slideValues = useTemplateRef<InstanceType<typeof BCarouselSlide>[]>('_slideValues')\n\nconst touchThresholdNumber = useToNumber(() => props.touchThreshold)\nconst slideInterval = ref<Numberish | null>(null)\nonMounted(() => {\n  slideInterval.value =\n    slideValues.value?.find((slid) => slid.$el.style.display !== 'none')?._interval ?? null\n})\nconst intervalNumber = useToNumber(() => slideInterval.value ?? props.interval)\n\nconst isTransitioning = ref(false)\nconst rideStarted = ref(false)\nconst direction = ref(true)\nconst relatedTarget = useTemplateRef('_relatedTarget')\nconst element = useTemplateRef('_element')\nconst previousModelValue = ref(modelValue.value)\n\nconst isHovering = useElementHover(element)\n\n// Class carousel-item is a static property\n// If you make it static, the direction can be reversed -- properly (atm it does the carousel-item-${} logic backwards for entering, a weird hack)\n// So all that would be great. However, when you do this, it will break the transition flow. Something about it breaks and I'm not sure why!\n// Try it by removing carousel-item from below and making `!direction.value` => `direction.value` for enter\n// Then reviewing the behavior\nconst enterClasses = computed(\n  () =>\n    `carousel-item carousel-item-${!direction.value ? 'next' : 'prev'} carousel-item-${\n      !direction.value ? 'start' : 'end'\n    }`\n)\nconst leaveClasses = computed(\n  () => `carousel-item active carousel-item-${direction.value ? 'start' : 'end'}`\n)\n\nconst {pause, resume} = useIntervalFn(\n  () => {\n    if (props.rideReverse) {\n      prev()\n      return\n    }\n    next()\n  },\n  intervalNumber,\n  {immediate: props.ride === 'carousel'}\n)\n\nconst isRiding = computed(\n  () => (props.ride === true && rideStarted.value === true) || props.ride === 'carousel'\n)\nconst slides = computed(() => getSlotElements(slots.default, 'BCarouselSlide'))\nconst computedClasses = computed(() => ({'carousel-fade': props.fade}))\n\nconst buildBvCarouselEvent = (event: 'slid' | 'slide') =>\n  new BvCarouselEvent(event, {\n    componentId: computedId.value,\n    cancelable: false,\n    target: element.value,\n    direction: direction.value ? 'right' : 'left',\n    from: previousModelValue.value,\n    to: modelValue.value,\n    relatedTarget: relatedTarget.value?.children[modelValue.value] ?? null,\n  })\n\nconst goToValue = (value: number): void => {\n  if (isTransitioning.value === true) return\n\n  if (props.ride === true) {\n    rideStarted.value = true\n  }\n  if (isRiding.value === true) {\n    resume()\n  }\n  direction.value = value < modelValue.value ? false : true\n  if (value >= slides.value.length) {\n    if (props.noWrap) return\n    modelValue.value = 0\n    return\n  }\n  if (value < 0) {\n    if (props.noWrap) return\n    modelValue.value = slides.value.length - 1\n    return\n  }\n  previousModelValue.value = modelValue.value\n  modelValue.value = value\n}\n\nconst prev = (): void => {\n  goToValue(modelValue.value - 1)\n}\nconst next = (): void => {\n  goToValue(modelValue.value + 1)\n}\n\nconst onKeydown = (fn: () => void) => {\n  if (props.keyboard === false) return\n  fn()\n}\n\nconst onMouseEnter = () => {\n  if (props.noHoverPause) return\n  pause()\n}\nconst onMouseLeave = () => {\n  if (!isRiding.value) return\n  resume()\n}\n\nconst {lengthX} = useSwipe(element, {\n  passive: true,\n  onSwipeStart() {\n    if (props.noTouch === true) return\n    pause()\n  },\n  onSwipeEnd() {\n    if (props.noTouch === true) return\n    const resumeRiding = () => {\n      if (isRiding.value === false) return\n      resume()\n    }\n    if (lengthX.value >= touchThresholdNumber.value) {\n      next()\n      resumeRiding()\n      return\n    }\n    if (lengthX.value <= -touchThresholdNumber.value) {\n      prev()\n      resumeRiding()\n    }\n  },\n})\n\nconst onBeforeLeave = () => {\n  emit('slide', buildBvCarouselEvent('slide'))\n  isTransitioning.value = true\n}\nconst onAfterLeave = () => {\n  emit('slid', buildBvCarouselEvent('slid'))\n  isTransitioning.value = false\n}\n// carousel-item class is removed from the slide during the transition,\n// as is included within enter classes.\n// The first slide recovers carousel-item class,\nconst onAfterEnter = (el: Readonly<Element>) => {\n  if (modelValue.value !== 0) {\n    el.classList.add('carousel-item')\n  }\n}\nconst onEnter = (el: Readonly<Element>) => {\n  slideInterval.value = slideValues.value?.find((slid) => slid.$el === el)?._interval ?? null\n}\n\nonKeyStroke(\n  'ArrowLeft',\n  () => {\n    onKeydown(prev)\n  },\n  {target: element}\n)\nonKeyStroke(\n  'ArrowRight',\n  () => {\n    onKeydown(next)\n  },\n  {target: element, passive: true}\n)\n\nwatch(\n  () => props.ride,\n  () => {\n    rideStarted.value = false\n  }\n)\n\nwatch(isHovering, (newValue) => {\n  if (newValue) {\n    onMouseEnter()\n    return\n  }\n  onMouseLeave()\n})\n\nconst onClickPrev = (event: MouseEvent) => {\n  emit('prev-click', event)\n  if (event.defaultPrevented) return\n  prev()\n}\nconst onClickNext = (event: MouseEvent) => {\n  emit('next-click', event)\n  if (event.defaultPrevented) return\n  next()\n}\n\ndefineExpose({\n  next,\n  pause,\n  prev,\n  resume,\n})\n\nprovide(carouselInjectionKey, {\n  background: toRef(() => props.background),\n  width: toRef(() => props.imgWidth),\n  height: toRef(() => props.imgHeight),\n})\n</script>\n","<template>\n  <div :id=\"computedId\" class=\"carousel-item\" :style=\"computedStyle\">\n    <slot name=\"img\">\n      <BImg\n        class=\"d-block w-100\"\n        :alt=\"props.imgAlt\"\n        :srcset=\"props.imgSrcset\"\n        :src=\"props.imgSrc\"\n        :width=\"props.imgWidth || parentData?.width.value\"\n        :height=\"props.imgHeight || parentData?.height.value\"\n        :blank=\"props.imgBlank\"\n        :blank-color=\"props.imgBlankColor\"\n      />\n    </slot>\n    <component\n      :is=\"props.contentTag\"\n      v-if=\"hasContent\"\n      class=\"carousel-caption\"\n      :class=\"computedContentClasses\"\n    >\n      <component :is=\"props.captionTag\" v-if=\"hasCaption\">\n        <slot name=\"caption\">\n          <span>{{ props.caption }}</span>\n        </slot>\n      </component>\n      <component :is=\"props.textTag\" v-if=\"hasText\">\n        <slot name=\"text\">\n          <span>{{ props.text }}</span>\n        </slot>\n      </component>\n      <slot />\n    </component>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type CSSProperties, inject, toRef} from 'vue'\nimport type {BCarouselSlideProps} from '../../types/ComponentProps'\nimport {carouselInjectionKey} from '../../utils/keys'\nimport BImg from '../BImg/BImg.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {isEmptySlot} from '../../utils/dom'\nimport {useId} from '../../composables/useId'\nimport type {BCarouselSlideSlots} from '../../types/ComponentSlots'\n\nconst _props = withDefaults(defineProps<BCarouselSlideProps>(), {\n  background: undefined,\n  caption: undefined,\n  captionTag: 'h3',\n  contentTag: 'div',\n  contentVisibleUp: undefined,\n  id: undefined,\n  imgAlt: undefined,\n  imgBlank: false,\n  imgBlankColor: 'transparent',\n  imgHeight: undefined,\n  imgSrc: undefined,\n  imgSrcset: undefined,\n  imgWidth: undefined,\n  interval: undefined,\n  text: undefined,\n  textTag: 'p',\n})\nconst props = useDefaults(_props, 'BCarouselSlide')\nconst slots = defineSlots<BCarouselSlideSlots>()\n\nconst computedId = useId(() => props.id, 'carousel-slide')\nconst parentData = inject(carouselInjectionKey, null)\n\nconst hasText = computed(() => props.text || !isEmptySlot(slots.text))\nconst hasCaption = computed(() => props.caption || !isEmptySlot(slots.caption))\nconst hasContent = computed(() => hasText.value || hasCaption.value || !isEmptySlot(slots.default))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n  background: `${\n    props.background || parentData?.background.value || 'rgb(171, 171, 171)'\n  } none repeat scroll 0% 0%`,\n}))\n\nconst computedContentClasses = computed(() => ({\n  'd-none': props.contentVisibleUp !== undefined,\n  [`d-${props.contentVisibleUp}-block`]: props.contentVisibleUp !== undefined,\n}))\n\ndefineExpose({\n  _interval: toRef(() => props.interval),\n  _id: computedId,\n})\n</script>\n","<template>\n  <div :id=\"computedId\" class=\"carousel-item\" :style=\"computedStyle\">\n    <slot name=\"img\">\n      <BImg\n        class=\"d-block w-100\"\n        :alt=\"props.imgAlt\"\n        :srcset=\"props.imgSrcset\"\n        :src=\"props.imgSrc\"\n        :width=\"props.imgWidth || parentData?.width.value\"\n        :height=\"props.imgHeight || parentData?.height.value\"\n        :blank=\"props.imgBlank\"\n        :blank-color=\"props.imgBlankColor\"\n      />\n    </slot>\n    <component\n      :is=\"props.contentTag\"\n      v-if=\"hasContent\"\n      class=\"carousel-caption\"\n      :class=\"computedContentClasses\"\n    >\n      <component :is=\"props.captionTag\" v-if=\"hasCaption\">\n        <slot name=\"caption\">\n          <span>{{ props.caption }}</span>\n        </slot>\n      </component>\n      <component :is=\"props.textTag\" v-if=\"hasText\">\n        <slot name=\"text\">\n          <span>{{ props.text }}</span>\n        </slot>\n      </component>\n      <slot />\n    </component>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type CSSProperties, inject, toRef} from 'vue'\nimport type {BCarouselSlideProps} from '../../types/ComponentProps'\nimport {carouselInjectionKey} from '../../utils/keys'\nimport BImg from '../BImg/BImg.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {isEmptySlot} from '../../utils/dom'\nimport {useId} from '../../composables/useId'\nimport type {BCarouselSlideSlots} from '../../types/ComponentSlots'\n\nconst _props = withDefaults(defineProps<BCarouselSlideProps>(), {\n  background: undefined,\n  caption: undefined,\n  captionTag: 'h3',\n  contentTag: 'div',\n  contentVisibleUp: undefined,\n  id: undefined,\n  imgAlt: undefined,\n  imgBlank: false,\n  imgBlankColor: 'transparent',\n  imgHeight: undefined,\n  imgSrc: undefined,\n  imgSrcset: undefined,\n  imgWidth: undefined,\n  interval: undefined,\n  text: undefined,\n  textTag: 'p',\n})\nconst props = useDefaults(_props, 'BCarouselSlide')\nconst slots = defineSlots<BCarouselSlideSlots>()\n\nconst computedId = useId(() => props.id, 'carousel-slide')\nconst parentData = inject(carouselInjectionKey, null)\n\nconst hasText = computed(() => props.text || !isEmptySlot(slots.text))\nconst hasCaption = computed(() => props.caption || !isEmptySlot(slots.caption))\nconst hasContent = computed(() => hasText.value || hasCaption.value || !isEmptySlot(slots.default))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n  background: `${\n    props.background || parentData?.background.value || 'rgb(171, 171, 171)'\n  } none repeat scroll 0% 0%`,\n}))\n\nconst computedContentClasses = computed(() => ({\n  'd-none': props.contentVisibleUp !== undefined,\n  [`d-${props.contentVisibleUp}-block`]: props.contentVisibleUp !== undefined,\n}))\n\ndefineExpose({\n  _interval: toRef(() => props.interval),\n  _id: computedId,\n})\n</script>\n"],"mappings":"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"}

package/dist/{BCol-CXEKpSfY.js → BCol-0tZmpOme.js}

@@ -1,6 +1,6 @@
 require("./chunk-CoQrYLCe.js");
 const require_useDefaults = require("./useDefaults-DsLf4iRY.js");
-const require_getClasses = require("./getClasses-BpIobrfU.js");
+const require_getClasses = require("./getClasses-qqI6x4f4.js");
 let vue = require("vue");
 //#endregion
 //#region src/components/BContainer/BCol.vue
@@ -137,4 +137,4 @@ Object.defineProperty(exports, "BCol_default", {
 	}
 });
 
-//# sourceMappingURL=BCol-CXEKpSfY.js.map
+//# sourceMappingURL=BCol-0tZmpOme.js.map

package/dist/{BCol-CXEKpSfY.js.map → BCol-0tZmpOme.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BCol-CXEKpSfY.js","names":[],"sources":["../src/components/BContainer/BCol.vue","../src/components/BContainer/BCol.vue"],"sourcesContent":["<template>\n  <component :is=\"props.tag\" :class=\"computedClasses\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BColProps} from '../../types/ComponentProps'\nimport {getClasses} from '../../utils/getClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BColSlots} from '../../types/ComponentSlots'\n\nconst _props = withDefaults(defineProps<BColProps>(), {\n  alignSelf: undefined,\n  col: false,\n  cols: undefined,\n  offset: undefined,\n  order: undefined,\n  tag: 'div',\n  lg: false,\n  md: false,\n  sm: false,\n  xl: false,\n  xxl: false,\n  offsetLg: undefined,\n  offsetMd: undefined,\n  offsetSm: undefined,\n  offsetXl: undefined,\n  offsetXxl: undefined,\n  orderLg: undefined,\n  orderMd: undefined,\n  orderSm: undefined,\n  orderXl: undefined,\n  orderXxl: undefined,\n})\nconst props = useDefaults(_props, 'BCol')\ndefineSlots<BColSlots>()\n\nconst classList = computed(() => [\n  ...getClasses(\n    {\n      sm: props.sm,\n      md: props.md,\n      lg: props.lg,\n      xl: props.xl,\n      xxl: props.xxl,\n    },\n    ['sm', 'md', 'lg', 'xl', 'xxl'],\n    'col'\n  ),\n  ...getClasses(\n    {\n      order: props.order,\n      orderLg: props.orderLg,\n      orderMd: props.orderMd,\n      orderSm: props.orderSm,\n      orderXl: props.orderXl,\n      orderXxl: props.orderXxl,\n    },\n    ['order', 'orderLg', 'orderMd', 'orderSm', 'orderXl', 'orderXxl'],\n    'order'\n  ),\n  ...getClasses(\n    {\n      offset: props.offset,\n      offsetLg: props.offsetLg,\n      offsetMd: props.offsetMd,\n      offsetSm: props.offsetSm,\n      offsetXl: props.offsetXl,\n      offsetXxl: props.offsetXxl,\n    },\n    ['offset', 'offsetLg', 'offsetMd', 'offsetSm', 'offsetXl', 'offsetXxl'],\n    'offset'\n  ),\n])\n\nconst computedClasses = computed(() => [\n  classList.value,\n  {\n    col: props.col || (!classList.value.some((v) => v.startsWith('col-')) && !props.cols),\n    [`col-${props.cols}`]: props.cols !== undefined,\n    [`offset-${props.offset}`]: props.offset !== undefined,\n    [`order-${props.order}`]: props.order !== undefined,\n    [`align-self-${props.alignSelf}`]: props.alignSelf !== undefined,\n  },\n])\n</script>\n","<template>\n  <component :is=\"props.tag\" :class=\"computedClasses\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BColProps} from '../../types/ComponentProps'\nimport {getClasses} from '../../utils/getClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BColSlots} from '../../types/ComponentSlots'\n\nconst _props = withDefaults(defineProps<BColProps>(), {\n  alignSelf: undefined,\n  col: false,\n  cols: undefined,\n  offset: undefined,\n  order: undefined,\n  tag: 'div',\n  lg: false,\n  md: false,\n  sm: false,\n  xl: false,\n  xxl: false,\n  offsetLg: undefined,\n  offsetMd: undefined,\n  offsetSm: undefined,\n  offsetXl: undefined,\n  offsetXxl: undefined,\n  orderLg: undefined,\n  orderMd: undefined,\n  orderSm: undefined,\n  orderXl: undefined,\n  orderXxl: undefined,\n})\nconst props = useDefaults(_props, 'BCol')\ndefineSlots<BColSlots>()\n\nconst classList = computed(() => [\n  ...getClasses(\n    {\n      sm: props.sm,\n      md: props.md,\n      lg: props.lg,\n      xl: props.xl,\n      xxl: props.xxl,\n    },\n    ['sm', 'md', 'lg', 'xl', 'xxl'],\n    'col'\n  ),\n  ...getClasses(\n    {\n      order: props.order,\n      orderLg: props.orderLg,\n      orderMd: props.orderMd,\n      orderSm: props.orderSm,\n      orderXl: props.orderXl,\n      orderXxl: props.orderXxl,\n    },\n    ['order', 'orderLg', 'orderMd', 'orderSm', 'orderXl', 'orderXxl'],\n    'order'\n  ),\n  ...getClasses(\n    {\n      offset: props.offset,\n      offsetLg: props.offsetLg,\n      offsetMd: props.offsetMd,\n      offsetSm: props.offsetSm,\n      offsetXl: props.offsetXl,\n      offsetXxl: props.offsetXxl,\n    },\n    ['offset', 'offsetLg', 'offsetMd', 'offsetSm', 'offsetXl', 'offsetXxl'],\n    'offset'\n  ),\n])\n\nconst computedClasses = computed(() => [\n  classList.value,\n  {\n    col: props.col || (!classList.value.some((v) => v.startsWith('col-')) && !props.cols),\n    [`col-${props.cols}`]: props.cols !== undefined,\n    [`offset-${props.offset}`]: props.offset !== undefined,\n    [`order-${props.order}`]: props.order !== undefined,\n    [`align-self-${props.alignSelf}`]: props.alignSelf !== undefined,\n  },\n])\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ,oBAAA,YAvBC,SAuBmB,OAAM;EAGxC,MAAM,aAAA,GAAA,IAAA,gBAA2B;GAC/B,GAAG,mBAAA,WACD;IACE,IAAI,MAAM;IACV,IAAI,MAAM;IACV,IAAI,MAAM;IACV,IAAI,MAAM;IACV,KAAK,MAAM;IACZ,EACD;IAAC;IAAM;IAAM;IAAM;IAAM;IAAM,EAC/B,MACD;GACD,GAAG,mBAAA,WACD;IACE,OAAO,MAAM;IACb,SAAS,MAAM;IACf,SAAS,MAAM;IACf,SAAS,MAAM;IACf,SAAS,MAAM;IACf,UAAU,MAAM;IACjB,EACD;IAAC;IAAS;IAAW;IAAW;IAAW;IAAW;IAAW,EACjE,QACD;GACD,GAAG,mBAAA,WACD;IACE,QAAQ,MAAM;IACd,UAAU,MAAM;IAChB,UAAU,MAAM;IAChB,UAAU,MAAM;IAChB,UAAU,MAAM;IAChB,WAAW,MAAM;IAClB,EACD;IAAC;IAAU;IAAY;IAAY;IAAY;IAAY;IAAY,EACvE,SAAA;GAEH,CAAA;EAED,MAAM,mBAAA,GAAA,IAAA,gBAAiC,CACrC,UAAU,OACV;GACE,KAAK,MAAM,OAAQ,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE,WAAW,OAAO,CAAC,IAAI,CAAC,MAAM;IAC/E,OAAO,MAAM,SAAS,MAAM,SAAS,KAAA;IACrC,UAAU,MAAM,WAAW,MAAM,WAAW,KAAA;IAC5C,SAAS,MAAM,UAAU,MAAM,UAAU,KAAA;IACzC,cAAc,MAAM,cAAc,MAAM,cAAc,KAAA;GACxD,CACF,CAAA;;qGArFiB,MAAK,CAAC,IAAG,EAAA,EAAG,QAAA,GAAA,IAAA,gBAAO,gBAAA,MAAe,EAAA,EAAA;oCACxC,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"BCol-0tZmpOme.js","names":[],"sources":["../src/components/BContainer/BCol.vue","../src/components/BContainer/BCol.vue"],"sourcesContent":["<template>\n  <component :is=\"props.tag\" :class=\"computedClasses\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BColProps} from '../../types/ComponentProps'\nimport {getClasses} from '../../utils/getClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BColSlots} from '../../types/ComponentSlots'\n\nconst _props = withDefaults(defineProps<BColProps>(), {\n  alignSelf: undefined,\n  col: false,\n  cols: undefined,\n  offset: undefined,\n  order: undefined,\n  tag: 'div',\n  lg: false,\n  md: false,\n  sm: false,\n  xl: false,\n  xxl: false,\n  offsetLg: undefined,\n  offsetMd: undefined,\n  offsetSm: undefined,\n  offsetXl: undefined,\n  offsetXxl: undefined,\n  orderLg: undefined,\n  orderMd: undefined,\n  orderSm: undefined,\n  orderXl: undefined,\n  orderXxl: undefined,\n})\nconst props = useDefaults(_props, 'BCol')\ndefineSlots<BColSlots>()\n\nconst classList = computed(() => [\n  ...getClasses(\n    {\n      sm: props.sm,\n      md: props.md,\n      lg: props.lg,\n      xl: props.xl,\n      xxl: props.xxl,\n    },\n    ['sm', 'md', 'lg', 'xl', 'xxl'],\n    'col'\n  ),\n  ...getClasses(\n    {\n      order: props.order,\n      orderLg: props.orderLg,\n      orderMd: props.orderMd,\n      orderSm: props.orderSm,\n      orderXl: props.orderXl,\n      orderXxl: props.orderXxl,\n    },\n    ['order', 'orderLg', 'orderMd', 'orderSm', 'orderXl', 'orderXxl'],\n    'order'\n  ),\n  ...getClasses(\n    {\n      offset: props.offset,\n      offsetLg: props.offsetLg,\n      offsetMd: props.offsetMd,\n      offsetSm: props.offsetSm,\n      offsetXl: props.offsetXl,\n      offsetXxl: props.offsetXxl,\n    },\n    ['offset', 'offsetLg', 'offsetMd', 'offsetSm', 'offsetXl', 'offsetXxl'],\n    'offset'\n  ),\n])\n\nconst computedClasses = computed(() => [\n  classList.value,\n  {\n    col: props.col || (!classList.value.some((v) => v.startsWith('col-')) && !props.cols),\n    [`col-${props.cols}`]: props.cols !== undefined,\n    [`offset-${props.offset}`]: props.offset !== undefined,\n    [`order-${props.order}`]: props.order !== undefined,\n    [`align-self-${props.alignSelf}`]: props.alignSelf !== undefined,\n  },\n])\n</script>\n","<template>\n  <component :is=\"props.tag\" :class=\"computedClasses\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BColProps} from '../../types/ComponentProps'\nimport {getClasses} from '../../utils/getClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BColSlots} from '../../types/ComponentSlots'\n\nconst _props = withDefaults(defineProps<BColProps>(), {\n  alignSelf: undefined,\n  col: false,\n  cols: undefined,\n  offset: undefined,\n  order: undefined,\n  tag: 'div',\n  lg: false,\n  md: false,\n  sm: false,\n  xl: false,\n  xxl: false,\n  offsetLg: undefined,\n  offsetMd: undefined,\n  offsetSm: undefined,\n  offsetXl: undefined,\n  offsetXxl: undefined,\n  orderLg: undefined,\n  orderMd: undefined,\n  orderSm: undefined,\n  orderXl: undefined,\n  orderXxl: undefined,\n})\nconst props = useDefaults(_props, 'BCol')\ndefineSlots<BColSlots>()\n\nconst classList = computed(() => [\n  ...getClasses(\n    {\n      sm: props.sm,\n      md: props.md,\n      lg: props.lg,\n      xl: props.xl,\n      xxl: props.xxl,\n    },\n    ['sm', 'md', 'lg', 'xl', 'xxl'],\n    'col'\n  ),\n  ...getClasses(\n    {\n      order: props.order,\n      orderLg: props.orderLg,\n      orderMd: props.orderMd,\n      orderSm: props.orderSm,\n      orderXl: props.orderXl,\n      orderXxl: props.orderXxl,\n    },\n    ['order', 'orderLg', 'orderMd', 'orderSm', 'orderXl', 'orderXxl'],\n    'order'\n  ),\n  ...getClasses(\n    {\n      offset: props.offset,\n      offsetLg: props.offsetLg,\n      offsetMd: props.offsetMd,\n      offsetSm: props.offsetSm,\n      offsetXl: props.offsetXl,\n      offsetXxl: props.offsetXxl,\n    },\n    ['offset', 'offsetLg', 'offsetMd', 'offsetSm', 'offsetXl', 'offsetXxl'],\n    'offset'\n  ),\n])\n\nconst computedClasses = computed(() => [\n  classList.value,\n  {\n    col: props.col || (!classList.value.some((v) => v.startsWith('col-')) && !props.cols),\n    [`col-${props.cols}`]: props.cols !== undefined,\n    [`offset-${props.offset}`]: props.offset !== undefined,\n    [`order-${props.order}`]: props.order !== undefined,\n    [`align-self-${props.alignSelf}`]: props.alignSelf !== undefined,\n  },\n])\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ,oBAAA,YAvBC,SAuBmB,OAAM;EAGxC,MAAM,aAAA,GAAA,IAAA,gBAA2B;GAC/B,GAAG,mBAAA,WACD;IACE,IAAI,MAAM;IACV,IAAI,MAAM;IACV,IAAI,MAAM;IACV,IAAI,MAAM;IACV,KAAK,MAAM;IACZ,EACD;IAAC;IAAM;IAAM;IAAM;IAAM;IAAM,EAC/B,MACD;GACD,GAAG,mBAAA,WACD;IACE,OAAO,MAAM;IACb,SAAS,MAAM;IACf,SAAS,MAAM;IACf,SAAS,MAAM;IACf,SAAS,MAAM;IACf,UAAU,MAAM;IACjB,EACD;IAAC;IAAS;IAAW;IAAW;IAAW;IAAW;IAAW,EACjE,QACD;GACD,GAAG,mBAAA,WACD;IACE,QAAQ,MAAM;IACd,UAAU,MAAM;IAChB,UAAU,MAAM;IAChB,UAAU,MAAM;IAChB,UAAU,MAAM;IAChB,WAAW,MAAM;IAClB,EACD;IAAC;IAAU;IAAY;IAAY;IAAY;IAAY;IAAY,EACvE,SAAA;GAEH,CAAA;EAED,MAAM,mBAAA,GAAA,IAAA,gBAAiC,CACrC,UAAU,OACV;GACE,KAAK,MAAM,OAAQ,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE,WAAW,OAAO,CAAC,IAAI,CAAC,MAAM;IAC/E,OAAO,MAAM,SAAS,MAAM,SAAS,KAAA;IACrC,UAAU,MAAM,WAAW,MAAM,WAAW,KAAA;IAC5C,SAAS,MAAM,UAAU,MAAM,UAAU,KAAA;IACzC,cAAc,MAAM,cAAc,MAAM,cAAc,KAAA;GACxD,CACF,CAAA;;qGArFiB,MAAK,CAAC,IAAG,EAAA,EAAG,QAAA,GAAA,IAAA,gBAAO,gBAAA,MAAe,EAAA,EAAA;oCACxC,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/{BCol-BAGO0XhU.mjs → BCol-C4v-TOX6.mjs}

@@ -1,5 +1,5 @@
 import { t as useDefaults } from "./useDefaults-BKgBaqOV.mjs";
-import { t as getClasses } from "./getClasses-DwzMjfzX.mjs";
+import { t as getClasses } from "./getClasses-DaWzwT2S.mjs";
 import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/BContainer/BCol.vue
@@ -131,4 +131,4 @@ var BCol_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { BCol_default as t };
 
-//# sourceMappingURL=BCol-BAGO0XhU.mjs.map
+//# sourceMappingURL=BCol-C4v-TOX6.mjs.map

package/dist/{BCol-BAGO0XhU.mjs.map → BCol-C4v-TOX6.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"BCol-BAGO0XhU.mjs","names":[],"sources":["../src/components/BContainer/BCol.vue","../src/components/BContainer/BCol.vue"],"sourcesContent":["<template>\n  <component :is=\"props.tag\" :class=\"computedClasses\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BColProps} from '../../types/ComponentProps'\nimport {getClasses} from '../../utils/getClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BColSlots} from '../../types/ComponentSlots'\n\nconst _props = withDefaults(defineProps<BColProps>(), {\n  alignSelf: undefined,\n  col: false,\n  cols: undefined,\n  offset: undefined,\n  order: undefined,\n  tag: 'div',\n  lg: false,\n  md: false,\n  sm: false,\n  xl: false,\n  xxl: false,\n  offsetLg: undefined,\n  offsetMd: undefined,\n  offsetSm: undefined,\n  offsetXl: undefined,\n  offsetXxl: undefined,\n  orderLg: undefined,\n  orderMd: undefined,\n  orderSm: undefined,\n  orderXl: undefined,\n  orderXxl: undefined,\n})\nconst props = useDefaults(_props, 'BCol')\ndefineSlots<BColSlots>()\n\nconst classList = computed(() => [\n  ...getClasses(\n    {\n      sm: props.sm,\n      md: props.md,\n      lg: props.lg,\n      xl: props.xl,\n      xxl: props.xxl,\n    },\n    ['sm', 'md', 'lg', 'xl', 'xxl'],\n    'col'\n  ),\n  ...getClasses(\n    {\n      order: props.order,\n      orderLg: props.orderLg,\n      orderMd: props.orderMd,\n      orderSm: props.orderSm,\n      orderXl: props.orderXl,\n      orderXxl: props.orderXxl,\n    },\n    ['order', 'orderLg', 'orderMd', 'orderSm', 'orderXl', 'orderXxl'],\n    'order'\n  ),\n  ...getClasses(\n    {\n      offset: props.offset,\n      offsetLg: props.offsetLg,\n      offsetMd: props.offsetMd,\n      offsetSm: props.offsetSm,\n      offsetXl: props.offsetXl,\n      offsetXxl: props.offsetXxl,\n    },\n    ['offset', 'offsetLg', 'offsetMd', 'offsetSm', 'offsetXl', 'offsetXxl'],\n    'offset'\n  ),\n])\n\nconst computedClasses = computed(() => [\n  classList.value,\n  {\n    col: props.col || (!classList.value.some((v) => v.startsWith('col-')) && !props.cols),\n    [`col-${props.cols}`]: props.cols !== undefined,\n    [`offset-${props.offset}`]: props.offset !== undefined,\n    [`order-${props.order}`]: props.order !== undefined,\n    [`align-self-${props.alignSelf}`]: props.alignSelf !== undefined,\n  },\n])\n</script>\n","<template>\n  <component :is=\"props.tag\" :class=\"computedClasses\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BColProps} from '../../types/ComponentProps'\nimport {getClasses} from '../../utils/getClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BColSlots} from '../../types/ComponentSlots'\n\nconst _props = withDefaults(defineProps<BColProps>(), {\n  alignSelf: undefined,\n  col: false,\n  cols: undefined,\n  offset: undefined,\n  order: undefined,\n  tag: 'div',\n  lg: false,\n  md: false,\n  sm: false,\n  xl: false,\n  xxl: false,\n  offsetLg: undefined,\n  offsetMd: undefined,\n  offsetSm: undefined,\n  offsetXl: undefined,\n  offsetXxl: undefined,\n  orderLg: undefined,\n  orderMd: undefined,\n  orderSm: undefined,\n  orderXl: undefined,\n  orderXxl: undefined,\n})\nconst props = useDefaults(_props, 'BCol')\ndefineSlots<BColSlots>()\n\nconst classList = computed(() => [\n  ...getClasses(\n    {\n      sm: props.sm,\n      md: props.md,\n      lg: props.lg,\n      xl: props.xl,\n      xxl: props.xxl,\n    },\n    ['sm', 'md', 'lg', 'xl', 'xxl'],\n    'col'\n  ),\n  ...getClasses(\n    {\n      order: props.order,\n      orderLg: props.orderLg,\n      orderMd: props.orderMd,\n      orderSm: props.orderSm,\n      orderXl: props.orderXl,\n      orderXxl: props.orderXxl,\n    },\n    ['order', 'orderLg', 'orderMd', 'orderSm', 'orderXl', 'orderXxl'],\n    'order'\n  ),\n  ...getClasses(\n    {\n      offset: props.offset,\n      offsetLg: props.offsetLg,\n      offsetMd: props.offsetMd,\n      offsetSm: props.offsetSm,\n      offsetXl: props.offsetXl,\n      offsetXxl: props.offsetXxl,\n    },\n    ['offset', 'offsetLg', 'offsetMd', 'offsetSm', 'offsetXl', 'offsetXxl'],\n    'offset'\n  ),\n])\n\nconst computedClasses = computed(() => [\n  classList.value,\n  {\n    col: props.col || (!classList.value.some((v) => v.startsWith('col-')) && !props.cols),\n    [`col-${props.cols}`]: props.cols !== undefined,\n    [`offset-${props.offset}`]: props.offset !== undefined,\n    [`order-${props.order}`]: props.order !== undefined,\n    [`align-self-${props.alignSelf}`]: props.alignSelf !== undefined,\n  },\n])\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ,YAvBC,SAuBmB,OAAM;EAGxC,MAAM,YAAY,eAAe;GAC/B,GAAG,WACD;IACE,IAAI,MAAM;IACV,IAAI,MAAM;IACV,IAAI,MAAM;IACV,IAAI,MAAM;IACV,KAAK,MAAM;IACZ,EACD;IAAC;IAAM;IAAM;IAAM;IAAM;IAAM,EAC/B,MACD;GACD,GAAG,WACD;IACE,OAAO,MAAM;IACb,SAAS,MAAM;IACf,SAAS,MAAM;IACf,SAAS,MAAM;IACf,SAAS,MAAM;IACf,UAAU,MAAM;IACjB,EACD;IAAC;IAAS;IAAW;IAAW;IAAW;IAAW;IAAW,EACjE,QACD;GACD,GAAG,WACD;IACE,QAAQ,MAAM;IACd,UAAU,MAAM;IAChB,UAAU,MAAM;IAChB,UAAU,MAAM;IAChB,UAAU,MAAM;IAChB,WAAW,MAAM;IAClB,EACD;IAAC;IAAU;IAAY;IAAY;IAAY;IAAY;IAAY,EACvE,SAAA;GAEH,CAAA;EAED,MAAM,kBAAkB,eAAe,CACrC,UAAU,OACV;GACE,KAAK,MAAM,OAAQ,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE,WAAW,OAAO,CAAC,IAAI,CAAC,MAAM;IAC/E,OAAO,MAAM,SAAS,MAAM,SAAS,KAAA;IACrC,UAAU,MAAM,WAAW,MAAM,WAAW,KAAA;IAC5C,SAAS,MAAM,UAAU,MAAM,UAAU,KAAA;IACzC,cAAc,MAAM,cAAc,MAAM,cAAc,KAAA;GACxD,CACF,CAAA;;uBArFC,YAEY,wBAFI,MAAA,MAAK,CAAC,IAAG,EAAA,EAAG,OAAK,eAAE,gBAAA,MAAe,EAAA,EAAA;2BACxC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"BCol-C4v-TOX6.mjs","names":[],"sources":["../src/components/BContainer/BCol.vue","../src/components/BContainer/BCol.vue"],"sourcesContent":["<template>\n  <component :is=\"props.tag\" :class=\"computedClasses\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BColProps} from '../../types/ComponentProps'\nimport {getClasses} from '../../utils/getClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BColSlots} from '../../types/ComponentSlots'\n\nconst _props = withDefaults(defineProps<BColProps>(), {\n  alignSelf: undefined,\n  col: false,\n  cols: undefined,\n  offset: undefined,\n  order: undefined,\n  tag: 'div',\n  lg: false,\n  md: false,\n  sm: false,\n  xl: false,\n  xxl: false,\n  offsetLg: undefined,\n  offsetMd: undefined,\n  offsetSm: undefined,\n  offsetXl: undefined,\n  offsetXxl: undefined,\n  orderLg: undefined,\n  orderMd: undefined,\n  orderSm: undefined,\n  orderXl: undefined,\n  orderXxl: undefined,\n})\nconst props = useDefaults(_props, 'BCol')\ndefineSlots<BColSlots>()\n\nconst classList = computed(() => [\n  ...getClasses(\n    {\n      sm: props.sm,\n      md: props.md,\n      lg: props.lg,\n      xl: props.xl,\n      xxl: props.xxl,\n    },\n    ['sm', 'md', 'lg', 'xl', 'xxl'],\n    'col'\n  ),\n  ...getClasses(\n    {\n      order: props.order,\n      orderLg: props.orderLg,\n      orderMd: props.orderMd,\n      orderSm: props.orderSm,\n      orderXl: props.orderXl,\n      orderXxl: props.orderXxl,\n    },\n    ['order', 'orderLg', 'orderMd', 'orderSm', 'orderXl', 'orderXxl'],\n    'order'\n  ),\n  ...getClasses(\n    {\n      offset: props.offset,\n      offsetLg: props.offsetLg,\n      offsetMd: props.offsetMd,\n      offsetSm: props.offsetSm,\n      offsetXl: props.offsetXl,\n      offsetXxl: props.offsetXxl,\n    },\n    ['offset', 'offsetLg', 'offsetMd', 'offsetSm', 'offsetXl', 'offsetXxl'],\n    'offset'\n  ),\n])\n\nconst computedClasses = computed(() => [\n  classList.value,\n  {\n    col: props.col || (!classList.value.some((v) => v.startsWith('col-')) && !props.cols),\n    [`col-${props.cols}`]: props.cols !== undefined,\n    [`offset-${props.offset}`]: props.offset !== undefined,\n    [`order-${props.order}`]: props.order !== undefined,\n    [`align-self-${props.alignSelf}`]: props.alignSelf !== undefined,\n  },\n])\n</script>\n","<template>\n  <component :is=\"props.tag\" :class=\"computedClasses\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BColProps} from '../../types/ComponentProps'\nimport {getClasses} from '../../utils/getClasses'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BColSlots} from '../../types/ComponentSlots'\n\nconst _props = withDefaults(defineProps<BColProps>(), {\n  alignSelf: undefined,\n  col: false,\n  cols: undefined,\n  offset: undefined,\n  order: undefined,\n  tag: 'div',\n  lg: false,\n  md: false,\n  sm: false,\n  xl: false,\n  xxl: false,\n  offsetLg: undefined,\n  offsetMd: undefined,\n  offsetSm: undefined,\n  offsetXl: undefined,\n  offsetXxl: undefined,\n  orderLg: undefined,\n  orderMd: undefined,\n  orderSm: undefined,\n  orderXl: undefined,\n  orderXxl: undefined,\n})\nconst props = useDefaults(_props, 'BCol')\ndefineSlots<BColSlots>()\n\nconst classList = computed(() => [\n  ...getClasses(\n    {\n      sm: props.sm,\n      md: props.md,\n      lg: props.lg,\n      xl: props.xl,\n      xxl: props.xxl,\n    },\n    ['sm', 'md', 'lg', 'xl', 'xxl'],\n    'col'\n  ),\n  ...getClasses(\n    {\n      order: props.order,\n      orderLg: props.orderLg,\n      orderMd: props.orderMd,\n      orderSm: props.orderSm,\n      orderXl: props.orderXl,\n      orderXxl: props.orderXxl,\n    },\n    ['order', 'orderLg', 'orderMd', 'orderSm', 'orderXl', 'orderXxl'],\n    'order'\n  ),\n  ...getClasses(\n    {\n      offset: props.offset,\n      offsetLg: props.offsetLg,\n      offsetMd: props.offsetMd,\n      offsetSm: props.offsetSm,\n      offsetXl: props.offsetXl,\n      offsetXxl: props.offsetXxl,\n    },\n    ['offset', 'offsetLg', 'offsetMd', 'offsetSm', 'offsetXl', 'offsetXxl'],\n    'offset'\n  ),\n])\n\nconst computedClasses = computed(() => [\n  classList.value,\n  {\n    col: props.col || (!classList.value.some((v) => v.startsWith('col-')) && !props.cols),\n    [`col-${props.cols}`]: props.cols !== undefined,\n    [`offset-${props.offset}`]: props.offset !== undefined,\n    [`order-${props.order}`]: props.order !== undefined,\n    [`align-self-${props.alignSelf}`]: props.alignSelf !== undefined,\n  },\n])\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ,YAvBC,SAuBmB,OAAM;EAGxC,MAAM,YAAY,eAAe;GAC/B,GAAG,WACD;IACE,IAAI,MAAM;IACV,IAAI,MAAM;IACV,IAAI,MAAM;IACV,IAAI,MAAM;IACV,KAAK,MAAM;IACZ,EACD;IAAC;IAAM;IAAM;IAAM;IAAM;IAAM,EAC/B,MACD;GACD,GAAG,WACD;IACE,OAAO,MAAM;IACb,SAAS,MAAM;IACf,SAAS,MAAM;IACf,SAAS,MAAM;IACf,SAAS,MAAM;IACf,UAAU,MAAM;IACjB,EACD;IAAC;IAAS;IAAW;IAAW;IAAW;IAAW;IAAW,EACjE,QACD;GACD,GAAG,WACD;IACE,QAAQ,MAAM;IACd,UAAU,MAAM;IAChB,UAAU,MAAM;IAChB,UAAU,MAAM;IAChB,UAAU,MAAM;IAChB,WAAW,MAAM;IAClB,EACD;IAAC;IAAU;IAAY;IAAY;IAAY;IAAY;IAAY,EACvE,SAAA;GAEH,CAAA;EAED,MAAM,kBAAkB,eAAe,CACrC,UAAU,OACV;GACE,KAAK,MAAM,OAAQ,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE,WAAW,OAAO,CAAC,IAAI,CAAC,MAAM;IAC/E,OAAO,MAAM,SAAS,MAAM,SAAS,KAAA;IACrC,UAAU,MAAM,WAAW,MAAM,WAAW,KAAA;IAC5C,SAAS,MAAM,UAAU,MAAM,UAAU,KAAA;IACzC,cAAc,MAAM,cAAc,MAAM,cAAc,KAAA;GACxD,CACF,CAAA;;uBArFC,YAEY,wBAFI,MAAA,MAAK,CAAC,IAAG,EAAA,EAAG,OAAK,eAAE,gBAAA,MAAe,EAAA,EAAA;2BACxC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/{BCollapse-BzIGTt3g.mjs → BCollapse-D-xTGkX_.mjs}

@@ -1,7 +1,7 @@
 import { c as collapseInjectionKey } from "./keys-CQKrwmvN.mjs";
 import { t as useDefaults } from "./useDefaults-BKgBaqOV.mjs";
 import { t as useId$1 } from "./useId-BKZFSYm8.mjs";
-import { t as useShowHide } from "./useShowHide-IPyuuPL0.mjs";
+import { t as useShowHide } from "./useShowHide-yAK5dhPT.mjs";
 import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeProps, openBlock, provide, readonly, renderSlot, resolveDynamicComponent, toRef, unref, useModel, useTemplateRef, vShow, withCtx, withDirectives } from "vue";
 //#endregion
 //#region src/components/BCollapse/BCollapse.vue
@@ -174,4 +174,4 @@ var BCollapse_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { BCollapse_default as t };
 
-//# sourceMappingURL=BCollapse-BzIGTt3g.mjs.map
+//# sourceMappingURL=BCollapse-D-xTGkX_.mjs.map

package/dist/{BCollapse-BzIGTt3g.mjs.map → BCollapse-D-xTGkX_.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"BCollapse-BzIGTt3g.mjs","names":["$attrs"],"sources":["../src/components/BCollapse/BCollapse.vue","../src/components/BCollapse/BCollapse.vue"],"sourcesContent":["<template>\n  <slot name=\"header\" v-bind=\"sharedSlots\" />\n  <Transition\n    v-if=\"renderRef || contentShowing\"\n    v-bind=\"transitionProps\"\n    :enter-active-class=\"computedNoAnimation ? '' : 'collapsing'\"\n    :leave-active-class=\"computedNoAnimation ? '' : 'collapsing'\"\n    :appear=\"modelValue || props.visible\"\n  >\n    <component\n      :is=\"props.tag\"\n      v-show=\"showRef\"\n      :id=\"computedId\"\n      ref=\"_element\"\n      class=\"collapse\"\n      :class=\"computedClasses\"\n      :is-nav=\"props.isNav\"\n      v-bind=\"$attrs\"\n    >\n      <slot v-if=\"contentShowing\" v-bind=\"sharedSlots\" />\n    </component>\n  </Transition>\n  <slot name=\"footer\" v-bind=\"sharedSlots\" />\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type EmitFn, provide, readonly, toRef, useTemplateRef} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {collapseInjectionKey} from '../../utils/keys'\nimport type {BCollapseProps} from '../../types/ComponentProps'\nimport type {BCollapseEmits} from '../../types/ComponentEmits'\nimport type {BCollapseSlots, ShowHideSlotsData} from '../../types/ComponentSlots'\nimport {useShowHide} from '../../composables/useShowHide'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<Omit<BCollapseProps, 'modelValue'>>(), {\n  horizontal: false,\n  id: undefined,\n  initialAnimation: false,\n  isNav: false,\n  lazy: false,\n  noAnimation: false,\n  unmountLazy: false,\n  tag: 'div',\n  show: false,\n  visible: false,\n})\nconst props = useDefaults(_props, 'BCollapse')\nconst emit = defineEmits<BCollapseEmits>()\ndefineSlots<BCollapseSlots>()\n\nconst modelValue = defineModel<Exclude<BCollapseProps['modelValue'], undefined>>({\n  default: false,\n})\n\nconst computedId = useId(() => props.id, 'collapse')\n\nconst element = useTemplateRef<HTMLElement | null>('_element')\n\nlet inCollapse = false\nconst onEnter = (el: Element) => {\n  inCollapse = true\n  requestAnimationFrame(() => {\n    if (props.horizontal) {\n      ;(el as HTMLElement).style.width = `${(el as HTMLElement).scrollWidth}px`\n    } else {\n      ;(el as HTMLElement).style.height = `${(el as HTMLElement).scrollHeight}px`\n    }\n  })\n}\nconst onBeforeLeave = (el: Element) => {\n  if (inCollapse) {\n    return\n  }\n  if (props.horizontal) {\n    ;(el as HTMLElement).style.width = `${el.scrollWidth}px`\n  } else {\n    ;(el as HTMLElement).style.height = `${el.scrollHeight}px`\n  }\n\n  // oxlint-disable-next-line no-unused-expressions\n  ;(el as HTMLElement).offsetHeight // force reflow\n}\nconst onLeave = (el: Element) => {\n  requestAnimationFrame(() => {\n    if (props.horizontal) {\n      ;(el as HTMLElement).style.width = ``\n    } else {\n      ;(el as HTMLElement).style.height = ``\n    }\n  })\n}\n\nconst onAfterEnter = (el: Element) => {\n  ;(el as HTMLElement).style.height = ``\n  ;(el as HTMLElement).style.width = ``\n  inCollapse = false\n}\n\nconst onAfterLeave = (el: Element) => {\n  ;(el as HTMLElement).style.height = ``\n  ;(el as HTMLElement).style.width = ``\n  inCollapse = false\n}\n\nconst {\n  showRef,\n  renderRef,\n  hide,\n  show,\n  toggle,\n  isActive,\n  computedNoAnimation,\n  contentShowing,\n  transitionProps,\n} = useShowHide(modelValue, props, emit as EmitFn, element, computedId, {\n  // addShowClass: false,\n  transitionProps: {\n    onBeforeLeave,\n    onEnter,\n    onLeave,\n    onAfterEnter,\n    onAfterLeave,\n    enterToClass: '',\n    leaveToClass: '',\n    enterFromClass: '',\n    leaveFromClass: '',\n    enterActiveClass: '',\n    leaveActiveClass: '',\n  },\n})\n\nconst computedClasses = computed(() => ({\n  'show': isActive.value,\n  'navbar-collapse': props.isNav,\n  'collapse-horizontal': props.horizontal,\n}))\n\nconst sharedSlots = computed<ShowHideSlotsData>(() => ({\n  toggle,\n  show,\n  hide,\n  id: computedId.value,\n  visible: showRef.value,\n  active: isActive.value,\n}))\n\ndefineExpose({\n  hide,\n  isNav: props.isNav,\n  show,\n  toggle,\n  visible: readonly(showRef),\n})\n\nprovide(collapseInjectionKey, {\n  id: computedId,\n  hide,\n  show,\n  toggle,\n  visible: readonly(showRef),\n  isNav: toRef(() => props.isNav),\n})\n</script>\n","<template>\n  <slot name=\"header\" v-bind=\"sharedSlots\" />\n  <Transition\n    v-if=\"renderRef || contentShowing\"\n    v-bind=\"transitionProps\"\n    :enter-active-class=\"computedNoAnimation ? '' : 'collapsing'\"\n    :leave-active-class=\"computedNoAnimation ? '' : 'collapsing'\"\n    :appear=\"modelValue || props.visible\"\n  >\n    <component\n      :is=\"props.tag\"\n      v-show=\"showRef\"\n      :id=\"computedId\"\n      ref=\"_element\"\n      class=\"collapse\"\n      :class=\"computedClasses\"\n      :is-nav=\"props.isNav\"\n      v-bind=\"$attrs\"\n    >\n      <slot v-if=\"contentShowing\" v-bind=\"sharedSlots\" />\n    </component>\n  </Transition>\n  <slot name=\"footer\" v-bind=\"sharedSlots\" />\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type EmitFn, provide, readonly, toRef, useTemplateRef} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {collapseInjectionKey} from '../../utils/keys'\nimport type {BCollapseProps} from '../../types/ComponentProps'\nimport type {BCollapseEmits} from '../../types/ComponentEmits'\nimport type {BCollapseSlots, ShowHideSlotsData} from '../../types/ComponentSlots'\nimport {useShowHide} from '../../composables/useShowHide'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<Omit<BCollapseProps, 'modelValue'>>(), {\n  horizontal: false,\n  id: undefined,\n  initialAnimation: false,\n  isNav: false,\n  lazy: false,\n  noAnimation: false,\n  unmountLazy: false,\n  tag: 'div',\n  show: false,\n  visible: false,\n})\nconst props = useDefaults(_props, 'BCollapse')\nconst emit = defineEmits<BCollapseEmits>()\ndefineSlots<BCollapseSlots>()\n\nconst modelValue = defineModel<Exclude<BCollapseProps['modelValue'], undefined>>({\n  default: false,\n})\n\nconst computedId = useId(() => props.id, 'collapse')\n\nconst element = useTemplateRef<HTMLElement | null>('_element')\n\nlet inCollapse = false\nconst onEnter = (el: Element) => {\n  inCollapse = true\n  requestAnimationFrame(() => {\n    if (props.horizontal) {\n      ;(el as HTMLElement).style.width = `${(el as HTMLElement).scrollWidth}px`\n    } else {\n      ;(el as HTMLElement).style.height = `${(el as HTMLElement).scrollHeight}px`\n    }\n  })\n}\nconst onBeforeLeave = (el: Element) => {\n  if (inCollapse) {\n    return\n  }\n  if (props.horizontal) {\n    ;(el as HTMLElement).style.width = `${el.scrollWidth}px`\n  } else {\n    ;(el as HTMLElement).style.height = `${el.scrollHeight}px`\n  }\n\n  // oxlint-disable-next-line no-unused-expressions\n  ;(el as HTMLElement).offsetHeight // force reflow\n}\nconst onLeave = (el: Element) => {\n  requestAnimationFrame(() => {\n    if (props.horizontal) {\n      ;(el as HTMLElement).style.width = ``\n    } else {\n      ;(el as HTMLElement).style.height = ``\n    }\n  })\n}\n\nconst onAfterEnter = (el: Element) => {\n  ;(el as HTMLElement).style.height = ``\n  ;(el as HTMLElement).style.width = ``\n  inCollapse = false\n}\n\nconst onAfterLeave = (el: Element) => {\n  ;(el as HTMLElement).style.height = ``\n  ;(el as HTMLElement).style.width = ``\n  inCollapse = false\n}\n\nconst {\n  showRef,\n  renderRef,\n  hide,\n  show,\n  toggle,\n  isActive,\n  computedNoAnimation,\n  contentShowing,\n  transitionProps,\n} = useShowHide(modelValue, props, emit as EmitFn, element, computedId, {\n  // addShowClass: false,\n  transitionProps: {\n    onBeforeLeave,\n    onEnter,\n    onLeave,\n    onAfterEnter,\n    onAfterLeave,\n    enterToClass: '',\n    leaveToClass: '',\n    enterFromClass: '',\n    leaveFromClass: '',\n    enterActiveClass: '',\n    leaveActiveClass: '',\n  },\n})\n\nconst computedClasses = computed(() => ({\n  'show': isActive.value,\n  'navbar-collapse': props.isNav,\n  'collapse-horizontal': props.horizontal,\n}))\n\nconst sharedSlots = computed<ShowHideSlotsData>(() => ({\n  toggle,\n  show,\n  hide,\n  id: computedId.value,\n  visible: showRef.value,\n  active: isActive.value,\n}))\n\ndefineExpose({\n  hide,\n  isNav: props.isNav,\n  show,\n  toggle,\n  visible: readonly(showRef),\n})\n\nprovide(collapseInjectionKey, {\n  id: computedId,\n  hide,\n  show,\n  toggle,\n  visible: readonly(showRef),\n  isNav: toRef(() => props.isNav),\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"BCollapse-D-xTGkX_.mjs","names":["$attrs"],"sources":["../src/components/BCollapse/BCollapse.vue","../src/components/BCollapse/BCollapse.vue"],"sourcesContent":["<template>\n  <slot name=\"header\" v-bind=\"sharedSlots\" />\n  <Transition\n    v-if=\"renderRef || contentShowing\"\n    v-bind=\"transitionProps\"\n    :enter-active-class=\"computedNoAnimation ? '' : 'collapsing'\"\n    :leave-active-class=\"computedNoAnimation ? '' : 'collapsing'\"\n    :appear=\"modelValue || props.visible\"\n  >\n    <component\n      :is=\"props.tag\"\n      v-show=\"showRef\"\n      :id=\"computedId\"\n      ref=\"_element\"\n      class=\"collapse\"\n      :class=\"computedClasses\"\n      :is-nav=\"props.isNav\"\n      v-bind=\"$attrs\"\n    >\n      <slot v-if=\"contentShowing\" v-bind=\"sharedSlots\" />\n    </component>\n  </Transition>\n  <slot name=\"footer\" v-bind=\"sharedSlots\" />\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type EmitFn, provide, readonly, toRef, useTemplateRef} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {collapseInjectionKey} from '../../utils/keys'\nimport type {BCollapseProps} from '../../types/ComponentProps'\nimport type {BCollapseEmits} from '../../types/ComponentEmits'\nimport type {BCollapseSlots, ShowHideSlotsData} from '../../types/ComponentSlots'\nimport {useShowHide} from '../../composables/useShowHide'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<Omit<BCollapseProps, 'modelValue'>>(), {\n  horizontal: false,\n  id: undefined,\n  initialAnimation: false,\n  isNav: false,\n  lazy: false,\n  noAnimation: false,\n  unmountLazy: false,\n  tag: 'div',\n  show: false,\n  visible: false,\n})\nconst props = useDefaults(_props, 'BCollapse')\nconst emit = defineEmits<BCollapseEmits>()\ndefineSlots<BCollapseSlots>()\n\nconst modelValue = defineModel<Exclude<BCollapseProps['modelValue'], undefined>>({\n  default: false,\n})\n\nconst computedId = useId(() => props.id, 'collapse')\n\nconst element = useTemplateRef<HTMLElement | null>('_element')\n\nlet inCollapse = false\nconst onEnter = (el: Element) => {\n  inCollapse = true\n  requestAnimationFrame(() => {\n    if (props.horizontal) {\n      ;(el as HTMLElement).style.width = `${(el as HTMLElement).scrollWidth}px`\n    } else {\n      ;(el as HTMLElement).style.height = `${(el as HTMLElement).scrollHeight}px`\n    }\n  })\n}\nconst onBeforeLeave = (el: Element) => {\n  if (inCollapse) {\n    return\n  }\n  if (props.horizontal) {\n    ;(el as HTMLElement).style.width = `${el.scrollWidth}px`\n  } else {\n    ;(el as HTMLElement).style.height = `${el.scrollHeight}px`\n  }\n\n  // oxlint-disable-next-line no-unused-expressions\n  ;(el as HTMLElement).offsetHeight // force reflow\n}\nconst onLeave = (el: Element) => {\n  requestAnimationFrame(() => {\n    if (props.horizontal) {\n      ;(el as HTMLElement).style.width = ``\n    } else {\n      ;(el as HTMLElement).style.height = ``\n    }\n  })\n}\n\nconst onAfterEnter = (el: Element) => {\n  ;(el as HTMLElement).style.height = ``\n  ;(el as HTMLElement).style.width = ``\n  inCollapse = false\n}\n\nconst onAfterLeave = (el: Element) => {\n  ;(el as HTMLElement).style.height = ``\n  ;(el as HTMLElement).style.width = ``\n  inCollapse = false\n}\n\nconst {\n  showRef,\n  renderRef,\n  hide,\n  show,\n  toggle,\n  isActive,\n  computedNoAnimation,\n  contentShowing,\n  transitionProps,\n} = useShowHide(modelValue, props, emit as EmitFn, element, computedId, {\n  // addShowClass: false,\n  transitionProps: {\n    onBeforeLeave,\n    onEnter,\n    onLeave,\n    onAfterEnter,\n    onAfterLeave,\n    enterToClass: '',\n    leaveToClass: '',\n    enterFromClass: '',\n    leaveFromClass: '',\n    enterActiveClass: '',\n    leaveActiveClass: '',\n  },\n})\n\nconst computedClasses = computed(() => ({\n  'show': isActive.value,\n  'navbar-collapse': props.isNav,\n  'collapse-horizontal': props.horizontal,\n}))\n\nconst sharedSlots = computed<ShowHideSlotsData>(() => ({\n  toggle,\n  show,\n  hide,\n  id: computedId.value,\n  visible: showRef.value,\n  active: isActive.value,\n}))\n\ndefineExpose({\n  hide,\n  isNav: props.isNav,\n  show,\n  toggle,\n  visible: readonly(showRef),\n})\n\nprovide(collapseInjectionKey, {\n  id: computedId,\n  hide,\n  show,\n  toggle,\n  visible: readonly(showRef),\n  isNav: toRef(() => props.isNav),\n})\n</script>\n","<template>\n  <slot name=\"header\" v-bind=\"sharedSlots\" />\n  <Transition\n    v-if=\"renderRef || contentShowing\"\n    v-bind=\"transitionProps\"\n    :enter-active-class=\"computedNoAnimation ? '' : 'collapsing'\"\n    :leave-active-class=\"computedNoAnimation ? '' : 'collapsing'\"\n    :appear=\"modelValue || props.visible\"\n  >\n    <component\n      :is=\"props.tag\"\n      v-show=\"showRef\"\n      :id=\"computedId\"\n      ref=\"_element\"\n      class=\"collapse\"\n      :class=\"computedClasses\"\n      :is-nav=\"props.isNav\"\n      v-bind=\"$attrs\"\n    >\n      <slot v-if=\"contentShowing\" v-bind=\"sharedSlots\" />\n    </component>\n  </Transition>\n  <slot name=\"footer\" v-bind=\"sharedSlots\" />\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type EmitFn, provide, readonly, toRef, useTemplateRef} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {collapseInjectionKey} from '../../utils/keys'\nimport type {BCollapseProps} from '../../types/ComponentProps'\nimport type {BCollapseEmits} from '../../types/ComponentEmits'\nimport type {BCollapseSlots, ShowHideSlotsData} from '../../types/ComponentSlots'\nimport {useShowHide} from '../../composables/useShowHide'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<Omit<BCollapseProps, 'modelValue'>>(), {\n  horizontal: false,\n  id: undefined,\n  initialAnimation: false,\n  isNav: false,\n  lazy: false,\n  noAnimation: false,\n  unmountLazy: false,\n  tag: 'div',\n  show: false,\n  visible: false,\n})\nconst props = useDefaults(_props, 'BCollapse')\nconst emit = defineEmits<BCollapseEmits>()\ndefineSlots<BCollapseSlots>()\n\nconst modelValue = defineModel<Exclude<BCollapseProps['modelValue'], undefined>>({\n  default: false,\n})\n\nconst computedId = useId(() => props.id, 'collapse')\n\nconst element = useTemplateRef<HTMLElement | null>('_element')\n\nlet inCollapse = false\nconst onEnter = (el: Element) => {\n  inCollapse = true\n  requestAnimationFrame(() => {\n    if (props.horizontal) {\n      ;(el as HTMLElement).style.width = `${(el as HTMLElement).scrollWidth}px`\n    } else {\n      ;(el as HTMLElement).style.height = `${(el as HTMLElement).scrollHeight}px`\n    }\n  })\n}\nconst onBeforeLeave = (el: Element) => {\n  if (inCollapse) {\n    return\n  }\n  if (props.horizontal) {\n    ;(el as HTMLElement).style.width = `${el.scrollWidth}px`\n  } else {\n    ;(el as HTMLElement).style.height = `${el.scrollHeight}px`\n  }\n\n  // oxlint-disable-next-line no-unused-expressions\n  ;(el as HTMLElement).offsetHeight // force reflow\n}\nconst onLeave = (el: Element) => {\n  requestAnimationFrame(() => {\n    if (props.horizontal) {\n      ;(el as HTMLElement).style.width = ``\n    } else {\n      ;(el as HTMLElement).style.height = ``\n    }\n  })\n}\n\nconst onAfterEnter = (el: Element) => {\n  ;(el as HTMLElement).style.height = ``\n  ;(el as HTMLElement).style.width = ``\n  inCollapse = false\n}\n\nconst onAfterLeave = (el: Element) => {\n  ;(el as HTMLElement).style.height = ``\n  ;(el as HTMLElement).style.width = ``\n  inCollapse = false\n}\n\nconst {\n  showRef,\n  renderRef,\n  hide,\n  show,\n  toggle,\n  isActive,\n  computedNoAnimation,\n  contentShowing,\n  transitionProps,\n} = useShowHide(modelValue, props, emit as EmitFn, element, computedId, {\n  // addShowClass: false,\n  transitionProps: {\n    onBeforeLeave,\n    onEnter,\n    onLeave,\n    onAfterEnter,\n    onAfterLeave,\n    enterToClass: '',\n    leaveToClass: '',\n    enterFromClass: '',\n    leaveFromClass: '',\n    enterActiveClass: '',\n    leaveActiveClass: '',\n  },\n})\n\nconst computedClasses = computed(() => ({\n  'show': isActive.value,\n  'navbar-collapse': props.isNav,\n  'collapse-horizontal': props.horizontal,\n}))\n\nconst sharedSlots = computed<ShowHideSlotsData>(() => ({\n  toggle,\n  show,\n  hide,\n  id: computedId.value,\n  visible: showRef.value,\n  active: isActive.value,\n}))\n\ndefineExpose({\n  hide,\n  isNav: props.isNav,\n  show,\n  toggle,\n  visible: readonly(showRef),\n})\n\nprovide(collapseInjectionKey, {\n  id: computedId,\n  hide,\n  show,\n  toggle,\n  visible: readonly(showRef),\n  isNav: toRef(() => props.isNav),\n})\n</script>\n"],"mappings":"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"}

package/dist/{BCollapse-D2tCzh6C.js → BCollapse-DZ1z2c8U.js}

@@ -2,7 +2,7 @@ require("./chunk-CoQrYLCe.js");
 const require_keys = require("./keys-durSVUrO.js");
 const require_useDefaults = require("./useDefaults-DsLf4iRY.js");
 const require_useId = require("./useId-DHrBgM7P.js");
-const require_useShowHide = require("./useShowHide-sLzwukNm.js");
+const require_useShowHide = require("./useShowHide-BTCaeU5j.js");
 let vue = require("vue");
 //#endregion
 //#region src/components/BCollapse/BCollapse.vue
@@ -180,4 +180,4 @@ Object.defineProperty(exports, "BCollapse_default", {
 	}
 });
 
-//# sourceMappingURL=BCollapse-D2tCzh6C.js.map
+//# sourceMappingURL=BCollapse-DZ1z2c8U.js.map