bootstrap-vue-next 0.44.0 → 0.44.2

package/dist/BCarouselSlide.vue_vue_type_script_setup_true_lang-V-evx6v5.mjs

@@ -1,410 +0,0 @@
-import { defineComponent, mergeModels, useSlots, useModel, useTemplateRef, ref, onMounted, computed, watch, provide, toRef, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, Fragment, renderList, createVNode, TransitionGroup, withCtx, withDirectives, createBlock, resolveDynamicComponent, normalizeStyle, vShow, toDisplayString, inject, renderSlot } from "vue";
-import { b as BvCarouselEvent } from "./classes-BW_GpXTu.mjs";
-import { u as useId } from "./useId-9_HUwM96.mjs";
-import { q as useElementHover, r as useSwipe, o as onKeyStroke } from "./index-nMtnPEP0.mjs";
-import { u as useDefaults } from "./useDefaults-DvqfKEoD.mjs";
-import { n as carouselInjectionKey } from "./keys-D5Pj1dmf.mjs";
-import { k as useIntervalFn, u as useToNumber } from "./index-DX8Yoi0C.mjs";
-import { _ as _sfc_main$2 } from "./BImg.vue_vue_type_script_setup_true_lang-D9RJ0_yG.mjs";
-import { i as isEmptySlot } from "./dom-DVb-f0ZG.mjs";
-const getSlotElements = (slot, filterBy) => (slot?.() ?? []).reduce((arr, slot2) => {
-  if (typeof slot2.type === "symbol") {
-    arr = arr.concat(slot2.children);
-  } else {
-    arr.push(slot2);
-  }
-  return arr;
-}, []).filter((child) => child.type?.__name === filterBy);
-const _hoisted_1$1 = ["id"];
-const _hoisted_2 = ["aria-label", "aria-owns"];
-const _hoisted_3 = ["aria-current", "aria-label", "aria-controls", "aria-describedby", "onClick"];
-const _hoisted_4 = {
-  ref: "_relatedTarget",
-  class: "carousel-inner"
-};
-const _hoisted_5 = { class: "visually-hidden" };
-const _hoisted_6 = { class: "visually-hidden" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "BCarousel",
-  props: /* @__PURE__ */ mergeModels({
-    background: { default: void 0 },
-    controls: { type: Boolean, default: false },
-    controlsNextText: { default: "Next" },
-    controlsPrevText: { default: "Previous" },
-    fade: { type: Boolean, default: false },
-    id: { default: void 0 },
-    imgHeight: { default: void 0 },
-    imgWidth: { default: void 0 },
-    indicators: { type: Boolean, default: false },
-    indicatorsButtonLabel: { default: "Slide" },
-    interval: { default: 5e3 },
-    labelIndicators: { default: "Select a slide to display" },
-    keyboard: { type: Boolean, default: true },
-    noAnimation: { type: Boolean, default: false },
-    noHoverPause: { type: Boolean, default: false },
-    noTouch: { type: Boolean, default: false },
-    noWrap: { type: Boolean, default: false },
-    ride: { type: [Boolean, String], default: false },
-    rideReverse: { type: Boolean, default: false },
-    touchThreshold: { default: 50 }
-  }, {
-    "modelValue": { default: 0 },
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["slide", "slid", "prev-click", "next-click"], ["update:modelValue"]),
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const _props = __props;
-    const props = useDefaults(_props, "BCarousel");
-    const emit = __emit;
-    const slots = useSlots();
-    const computedId = useId(() => props.id, "carousel");
-    const buttonOwnership = useId(void 0, "carousel-button-ownership");
-    const modelValue = useModel(__props, "modelValue");
-    const slideValues = useTemplateRef("_slideValues");
-    const touchThresholdNumber = useToNumber(() => props.touchThreshold);
-    const slideInterval = ref(null);
-    onMounted(() => {
-      slideInterval.value = slideValues.value?.find((slid) => slid.$el.style.display !== "none")?._interval ?? null;
-    });
-    const intervalNumber = useToNumber(() => slideInterval.value ?? props.interval);
-    const isTransitioning = ref(false);
-    const rideStarted = ref(false);
-    const direction = ref(true);
-    const relatedTarget = useTemplateRef("_relatedTarget");
-    const element = useTemplateRef("_element");
-    const previousModelValue = ref(modelValue.value);
-    const isHovering = useElementHover(element);
-    const enterClasses = computed(
-      () => `carousel-item carousel-item-${!direction.value ? "next" : "prev"} carousel-item-${!direction.value ? "start" : "end"}`
-    );
-    const leaveClasses = computed(
-      () => `carousel-item active carousel-item-${direction.value ? "start" : "end"}`
-    );
-    const { pause, resume } = useIntervalFn(
-      () => {
-        if (props.rideReverse) {
-          prev();
-          return;
-        }
-        next();
-      },
-      intervalNumber,
-      { immediate: props.ride === "carousel" }
-    );
-    const isRiding = computed(
-      () => props.ride === true && rideStarted.value === true || props.ride === "carousel"
-    );
-    const slides = computed(() => getSlotElements(slots.default, "BCarouselSlide"));
-    const computedClasses = computed(() => ({ "carousel-fade": props.fade }));
-    const buildBvCarouselEvent = (event) => new BvCarouselEvent(event, {
-      componentId: computedId.value,
-      cancelable: false,
-      target: element.value,
-      direction: direction.value ? "right" : "left",
-      from: previousModelValue.value,
-      to: modelValue.value,
-      relatedTarget: relatedTarget.value?.children[modelValue.value] ?? null
-    });
-    const goToValue = (value) => {
-      if (isTransitioning.value === true) return;
-      if (props.ride === true) {
-        rideStarted.value = true;
-      }
-      if (isRiding.value === true) {
-        resume();
-      }
-      direction.value = value < modelValue.value ? false : true;
-      if (value >= slides.value.length) {
-        if (props.noWrap) return;
-        modelValue.value = 0;
-        return;
-      }
-      if (value < 0) {
-        if (props.noWrap) return;
-        modelValue.value = slides.value.length - 1;
-        return;
-      }
-      previousModelValue.value = modelValue.value;
-      modelValue.value = value;
-    };
-    const prev = () => {
-      goToValue(modelValue.value - 1);
-    };
-    const next = () => {
-      goToValue(modelValue.value + 1);
-    };
-    const onKeydown = (fn) => {
-      if (props.keyboard === false) return;
-      fn();
-    };
-    const onMouseEnter = () => {
-      if (props.noHoverPause) return;
-      pause();
-    };
-    const onMouseLeave = () => {
-      if (!isRiding.value) return;
-      resume();
-    };
-    const { lengthX } = useSwipe(element, {
-      passive: true,
-      onSwipeStart() {
-        if (props.noTouch === true) return;
-        pause();
-      },
-      onSwipeEnd() {
-        if (props.noTouch === true) return;
-        const resumeRiding = () => {
-          if (isRiding.value === false) return;
-          resume();
-        };
-        if (lengthX.value >= touchThresholdNumber.value) {
-          next();
-          resumeRiding();
-          return;
-        }
-        if (lengthX.value <= -touchThresholdNumber.value) {
-          prev();
-          resumeRiding();
-        }
-      }
-    });
-    const onBeforeLeave = () => {
-      emit("slide", buildBvCarouselEvent("slide"));
-      isTransitioning.value = true;
-    };
-    const onAfterLeave = () => {
-      emit("slid", buildBvCarouselEvent("slid"));
-      isTransitioning.value = false;
-    };
-    const onAfterEnter = (el) => {
-      if (modelValue.value !== 0) {
-        el.classList.add("carousel-item");
-      }
-    };
-    const onEnter = (el) => {
-      slideInterval.value = slideValues.value?.find((slid) => slid.$el === el)?._interval ?? null;
-    };
-    onKeyStroke(
-      "ArrowLeft",
-      () => {
-        onKeydown(prev);
-      },
-      { target: element }
-    );
-    onKeyStroke(
-      "ArrowRight",
-      () => {
-        onKeydown(next);
-      },
-      { target: element }
-    );
-    watch(
-      () => props.ride,
-      () => {
-        rideStarted.value = false;
-      }
-    );
-    watch(isHovering, (newValue) => {
-      if (newValue) {
-        onMouseEnter();
-        return;
-      }
-      onMouseLeave();
-    });
-    const onClickPrev = (event) => {
-      emit("prev-click", event);
-      if (event.defaultPrevented) return;
-      prev();
-    };
-    const onClickNext = (event) => {
-      emit("next-click", event);
-      if (event.defaultPrevented) return;
-      next();
-    };
-    __expose({
-      next,
-      pause,
-      prev,
-      resume
-    });
-    provide(carouselInjectionKey, {
-      background: toRef(() => props.background),
-      width: toRef(() => props.imgWidth),
-      height: toRef(() => props.imgHeight)
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        id: unref(computedId),
-        ref: "_element",
-        class: normalizeClass(["carousel slide pointer-event", computedClasses.value])
-      }, [
-        unref(props).indicators ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "carousel-indicators",
-          "aria-label": unref(props).labelIndicators,
-          "aria-owns": unref(buttonOwnership)
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(slides.value.length, (_, i) => {
-            return openBlock(), createElementBlock("button", {
-              key: i,
-              type: "button",
-              "data-bs-target": "",
-              class: normalizeClass(i === modelValue.value ? "active" : ""),
-              "aria-current": i === modelValue.value ? true : void 0,
-              "aria-label": `${unref(props).indicatorsButtonLabel} ${i}`,
-              "aria-controls": unref(buttonOwnership),
-              "aria-describedby": slideValues.value?.[i]?._id,
-              onClick: ($event) => goToValue(i)
-            }, null, 10, _hoisted_3);
-          }), 128))
-        ], 8, _hoisted_2)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_4, [
-          createVNode(TransitionGroup, {
-            "enter-from-class": enterClasses.value,
-            "enter-active-class": enterClasses.value,
-            "enter-to-class": enterClasses.value,
-            "leave-from-class": leaveClasses.value,
-            "leave-active-class": leaveClasses.value,
-            "leave-to-class": leaveClasses.value,
-            onBeforeLeave,
-            onAfterLeave,
-            onAfterEnter,
-            onEnter
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(slides.value, (slide, i) => {
-                return withDirectives((openBlock(), createBlock(resolveDynamicComponent(slide), {
-                  key: i,
-                  ref_for: true,
-                  ref: "_slideValues",
-                  class: normalizeClass({ active: i === modelValue.value && isTransitioning.value === false }),
-                  style: normalizeStyle(unref(props).noAnimation && { transition: "none" })
-                }, null, 8, ["class", "style"])), [
-                  [vShow, i === modelValue.value]
-                ]);
-              }), 128))
-            ]),
-            _: 1
-          }, 8, ["enter-from-class", "enter-active-class", "enter-to-class", "leave-from-class", "leave-active-class", "leave-to-class"])
-        ], 512),
-        unref(props).controls ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createElementVNode("button", {
-            class: "carousel-control-prev",
-            type: "button",
-            onClick: onClickPrev
-          }, [
-            _cache[0] || (_cache[0] = createElementVNode("span", {
-              class: "carousel-control-prev-icon",
-              "aria-hidden": "true"
-            }, null, -1)),
-            createElementVNode("span", _hoisted_5, toDisplayString(unref(props).controlsPrevText), 1)
-          ]),
-          createElementVNode("button", {
-            class: "carousel-control-next",
-            type: "button",
-            onClick: onClickNext
-          }, [
-            _cache[1] || (_cache[1] = createElementVNode("span", {
-              class: "carousel-control-next-icon",
-              "aria-hidden": "true"
-            }, null, -1)),
-            createElementVNode("span", _hoisted_6, toDisplayString(unref(props).controlsNextText), 1)
-          ])
-        ], 64)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$1);
-    };
-  }
-});
-const _hoisted_1 = ["id"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "BCarouselSlide",
-  props: {
-    background: { default: void 0 },
-    caption: { default: void 0 },
-    captionTag: { default: "h3" },
-    contentTag: { default: "div" },
-    contentVisibleUp: { default: void 0 },
-    id: { default: void 0 },
-    imgAlt: { default: void 0 },
-    imgBlank: { type: Boolean, default: false },
-    imgBlankColor: { default: "transparent" },
-    imgHeight: { default: void 0 },
-    imgSrc: { default: void 0 },
-    imgSrcset: { default: void 0 },
-    imgWidth: { default: void 0 },
-    interval: { default: void 0 },
-    text: { default: void 0 },
-    textTag: { default: "p" }
-  },
-  setup(__props, { expose: __expose }) {
-    const _props = __props;
-    const props = useDefaults(_props, "BCarouselSlide");
-    const slots = useSlots();
-    const computedId = useId(() => props.id, "carousel-slide");
-    const parentData = inject(carouselInjectionKey, null);
-    const hasText = computed(() => props.text || !isEmptySlot(slots.text));
-    const hasCaption = computed(() => props.caption || !isEmptySlot(slots.caption));
-    const hasContent = computed(() => hasText.value || hasCaption.value || !isEmptySlot(slots.default));
-    const computedStyle = computed(() => ({
-      background: `${props.background || parentData?.background.value || "rgb(171, 171, 171)"} none repeat scroll 0% 0%`
-    }));
-    const computedContentClasses = computed(() => ({
-      "d-none": props.contentVisibleUp !== void 0,
-      [`d-${props.contentVisibleUp}-block`]: props.contentVisibleUp !== void 0
-    }));
-    __expose({
-      _interval: toRef(() => props.interval),
-      _id: computedId
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        id: unref(computedId),
-        class: "carousel-item",
-        style: normalizeStyle(computedStyle.value)
-      }, [
-        renderSlot(_ctx.$slots, "img", {}, () => [
-          createVNode(_sfc_main$2, {
-            class: "d-block w-100",
-            alt: unref(props).imgAlt,
-            srcset: unref(props).imgSrcset,
-            src: unref(props).imgSrc,
-            width: unref(props).imgWidth || unref(parentData)?.width.value,
-            height: unref(props).imgHeight || unref(parentData)?.height.value,
-            blank: unref(props).imgBlank,
-            "blank-color": unref(props).imgBlankColor
-          }, null, 8, ["alt", "srcset", "src", "width", "height", "blank", "blank-color"])
-        ]),
-        hasContent.value ? (openBlock(), createBlock(resolveDynamicComponent(unref(props).contentTag), {
-          key: 0,
-          class: normalizeClass(["carousel-caption", computedContentClasses.value])
-        }, {
-          default: withCtx(() => [
-            hasCaption.value ? (openBlock(), createBlock(resolveDynamicComponent(unref(props).captionTag), { key: 0 }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "caption", {}, () => [
-                  createElementVNode("span", null, toDisplayString(unref(props).caption), 1)
-                ])
-              ]),
-              _: 3
-            })) : createCommentVNode("", true),
-            hasText.value ? (openBlock(), createBlock(resolveDynamicComponent(unref(props).textTag), { key: 1 }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "text", {}, () => [
-                  createElementVNode("span", null, toDisplayString(unref(props).text), 1)
-                ])
-              ]),
-              _: 3
-            })) : createCommentVNode("", true),
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["class"])) : createCommentVNode("", true)
-      ], 12, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main$1 as _,
-  _sfc_main as a
-};
-//# sourceMappingURL=BCarouselSlide.vue_vue_type_script_setup_true_lang-V-evx6v5.mjs.map

package/dist/BCarouselSlide.vue_vue_type_script_setup_true_lang-V-evx6v5.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BCarouselSlide.vue_vue_type_script_setup_true_lang-V-evx6v5.mjs","sources":["../src/utils/getSlotElements.ts","../src/components/BCarousel/BCarousel.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}\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"],"names":["slot","_useSlots","_useModel","_createElementBlock","_unref","_normalizeClass","_openBlock","_Fragment","_createElementVNode","_createVNode","_TransitionGroup","_renderList","_withDirectives","_createBlock","_resolveDynamicComponent","_normalizeStyle","_vShow","_toDisplayString","_renderSlot","BImg"],"mappings":"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"}