bootstrap-vue-next 0.44.0 → 0.44.2

package/dist/BCarousel-C3CA_wGV.mjs

@@ -0,0 +1,412 @@
+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 { o as isEmptySlot } from "./dom-AhkaSoh8.mjs";
+import { t as useId$1 } from "./useId-CCwnEmGh.mjs";
+import { t as useDefaults } from "./useDefaults-CCWS15M8.mjs";
+import { t as BvCarouselEvent } from "./classes-D6JE1Dex.mjs";
+import { t as BImg_default } from "./BImg-b_3eTiEq.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) => {
+	if (typeof slot.type === "symbol") arr = arr.concat(slot.children);
+	else arr.push(slot);
+	return arr;
+}, []).filter((child) => child.type?.__name === filterBy);
+//#endregion
+//#region src/components/BCarousel/BCarousel.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = ["id"];
+var _hoisted_2 = ["aria-label", "aria-owns"];
+var _hoisted_3 = [
+	"aria-current",
+	"aria-label",
+	"aria-controls",
+	"aria-describedby",
+	"onClick"
+];
+var _hoisted_4 = {
+	ref: "_relatedTarget",
+	class: "carousel-inner"
+};
+var _hoisted_5 = { class: "visually-hidden" };
+var _hoisted_6 = { class: "visually-hidden" };
+//#endregion
+//#region src/components/BCarousel/BCarousel.vue
+var BCarousel_default = /* @__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 = useDefaults(__props, "BCarousel");
+		const emit = __emit;
+		const slots = useSlots();
+		const computedId = useId$1(() => props.id, "carousel");
+		const buttonOwnership = useId$1(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);
+		};
+	}
+});
+//#endregion
+//#region src/components/BCarousel/BCarouselSlide.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id"];
+//#endregion
+//#region src/components/BCarousel/BCarouselSlide.vue
+var BCarouselSlide_default = /* @__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 = useDefaults(__props, "BCarouselSlide");
+		const slots = useSlots();
+		const computedId = useId$1(() => 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(BImg_default, {
+				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);
+		};
+	}
+});
+//#endregion
+export { BCarousel_default as n, BCarouselSlide_default as t };
+
+//# sourceMappingURL=BCarousel-C3CA_wGV.mjs.map

package/dist/BCarousel-C3CA_wGV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BCarousel-C3CA_wGV.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}\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}\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/BCloseButton-CgIVNv2g.js

@@ -0,0 +1,45 @@
+require("./chunk-CoQrYLCe.js");
+const require_useDefaults = require("./useDefaults-DK6Y9lar.js");
+let vue = require("vue");
+//#region src/components/BButton/BCloseButton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"type",
+	"disabled",
+	"aria-label"
+];
+//#endregion
+//#region src/components/BButton/BCloseButton.vue
+var BCloseButton_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "BCloseButton",
+	props: {
+		ariaLabel: { default: "Close" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		type: { default: "button" }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = require_useDefaults.useDefaults(__props, "BCloseButton");
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+				type: (0, vue.unref)(props).type,
+				class: "btn-close",
+				disabled: (0, vue.unref)(props).disabled,
+				"aria-label": (0, vue.unref)(props).ariaLabel,
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
+			}, null, 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "BCloseButton_default", {
+	enumerable: true,
+	get: function() {
+		return BCloseButton_default;
+	}
+});
+
+//# sourceMappingURL=BCloseButton-CgIVNv2g.js.map

package/dist/BCloseButton-CgIVNv2g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BCloseButton-CgIVNv2g.js","names":[],"sources":["../src/components/BButton/BCloseButton.vue","../src/components/BButton/BCloseButton.vue"],"sourcesContent":["<template>\n  <button\n    :type=\"props.type\"\n    class=\"btn-close\"\n    :disabled=\"props.disabled\"\n    :aria-label=\"props.ariaLabel\"\n    @click=\"emit('click', $event)\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCloseButtonEmits} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCloseButtonProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BCloseButtonProps>(), {\n  ariaLabel: 'Close',\n  disabled: false,\n  type: 'button',\n})\nconst props = useDefaults(_props, 'BCloseButton')\nconst emit = defineEmits<BCloseButtonEmits>()\n</script>\n","<template>\n  <button\n    :type=\"props.type\"\n    class=\"btn-close\"\n    :disabled=\"props.disabled\"\n    :aria-label=\"props.ariaLabel\"\n    @click=\"emit('click', $event)\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCloseButtonEmits} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCloseButtonProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BCloseButtonProps>(), {\n  ariaLabel: 'Close',\n  disabled: false,\n  type: 'button',\n})\nconst props = useDefaults(_props, 'BCloseButton')\nconst emit = defineEmits<BCloseButtonEmits>()\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ,oBAAA,YALC,SAKmB,eAAc;EAChD,MAAM,OAAO;;4DAdT,UAAA;IALC,OAAA,GAAA,IAAA,OAAM,MAAK,CAAC;IACb,OAAM;IACL,WAAA,GAAA,IAAA,OAAU,MAAK,CAAC;IAChB,eAAA,GAAA,IAAA,OAAY,MAAK,CAAC;IAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAU,OAAM"}

package/dist/BCloseButton-DrD0tpan.mjs

@@ -0,0 +1,39 @@
+import { t as useDefaults } from "./useDefaults-CCWS15M8.mjs";
+import { createElementBlock, defineComponent, openBlock, unref } from "vue";
+//#region src/components/BButton/BCloseButton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"type",
+	"disabled",
+	"aria-label"
+];
+//#endregion
+//#region src/components/BButton/BCloseButton.vue
+var BCloseButton_default = /* @__PURE__ */ defineComponent({
+	__name: "BCloseButton",
+	props: {
+		ariaLabel: { default: "Close" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		type: { default: "button" }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = useDefaults(__props, "BCloseButton");
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				type: unref(props).type,
+				class: "btn-close",
+				disabled: unref(props).disabled,
+				"aria-label": unref(props).ariaLabel,
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
+			}, null, 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { BCloseButton_default as t };
+
+//# sourceMappingURL=BCloseButton-DrD0tpan.mjs.map

package/dist/BCloseButton-DrD0tpan.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BCloseButton-DrD0tpan.mjs","names":[],"sources":["../src/components/BButton/BCloseButton.vue","../src/components/BButton/BCloseButton.vue"],"sourcesContent":["<template>\n  <button\n    :type=\"props.type\"\n    class=\"btn-close\"\n    :disabled=\"props.disabled\"\n    :aria-label=\"props.ariaLabel\"\n    @click=\"emit('click', $event)\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCloseButtonEmits} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCloseButtonProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BCloseButtonProps>(), {\n  ariaLabel: 'Close',\n  disabled: false,\n  type: 'button',\n})\nconst props = useDefaults(_props, 'BCloseButton')\nconst emit = defineEmits<BCloseButtonEmits>()\n</script>\n","<template>\n  <button\n    :type=\"props.type\"\n    class=\"btn-close\"\n    :disabled=\"props.disabled\"\n    :aria-label=\"props.ariaLabel\"\n    @click=\"emit('click', $event)\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BCloseButtonEmits} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCloseButtonProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BCloseButtonProps>(), {\n  ariaLabel: 'Close',\n  disabled: false,\n  type: 'button',\n})\nconst props = useDefaults(_props, 'BCloseButton')\nconst emit = defineEmits<BCloseButtonEmits>()\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ,YALC,SAKmB,eAAc;EAChD,MAAM,OAAO;;uBApBX,mBAME,UAAA;IALC,MAAM,MAAA,MAAK,CAAC;IACb,OAAM;IACL,UAAU,MAAA,MAAK,CAAC;IAChB,cAAY,MAAA,MAAK,CAAC;IAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAU,OAAM"}