bootstrap-vue-next 0.44.0 → 0.44.2

package/dist/BAlert-CVtoW2SX.js

@@ -0,0 +1,298 @@
+require("./chunk-CoQrYLCe.js");
+const require_useId = require("./useId-DTrBK9CE.js");
+const require_useDefaults = require("./useDefaults-DK6Y9lar.js");
+const require_useShowHide = require("./useShowHide-BFr32vgn.js");
+const require_BLink = require("./BLink-DW7s8W_N.js");
+const require_BButton = require("./BButton-BID3NrxE.js");
+const require_BCloseButton = require("./BCloseButton-CgIVNv2g.js");
+const require_BProgress = require("./BProgress-CeEIdt1a.js");
+const require_useCountdownHover = require("./useCountdownHover-CaF8_TRT.js");
+let vue = require("vue");
+//#region src/components/BAlert/BAlert.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"role",
+	"aria-live",
+	"aria-atomic"
+];
+var _hoisted_2 = {
+	key: 1,
+	class: "d-flex gap-2"
+};
+//#endregion
+//#region src/components/BAlert/BAlert.vue
+var BAlert_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "BAlert",
+	props: /* @__PURE__ */ (0, vue.mergeModels)({
+		alertClass: { default: void 0 },
+		body: { default: void 0 },
+		bodyClass: { default: void 0 },
+		closeClass: { default: void 0 },
+		closeContent: { default: void 0 },
+		closeLabel: { default: "Close" },
+		closeVariant: { default: "secondary" },
+		dismissible: {
+			type: Boolean,
+			default: false
+		},
+		headerClass: { default: void 0 },
+		headerTag: { default: "div" },
+		id: { default: void 0 },
+		interval: { default: "requestAnimationFrame" },
+		isStatus: {
+			type: Boolean,
+			default: false
+		},
+		noHoverPause: {
+			type: Boolean,
+			default: false
+		},
+		noResumeOnHoverLeave: {
+			type: Boolean,
+			default: false
+		},
+		progressProps: { default: void 0 },
+		showOnPause: {
+			type: Boolean,
+			default: true
+		},
+		title: { default: void 0 },
+		variant: { default: "info" },
+		bgVariant: { default: null },
+		textVariant: { default: null },
+		active: {
+			type: Boolean,
+			default: void 0
+		},
+		activeClass: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		exactActiveClass: { default: void 0 },
+		href: { default: void 0 },
+		icon: {
+			type: Boolean,
+			default: void 0
+		},
+		noRel: {
+			type: Boolean,
+			default: void 0
+		},
+		opacity: { default: void 0 },
+		opacityHover: { default: void 0 },
+		prefetch: { type: Boolean },
+		prefetchOn: {},
+		noPrefetch: { type: Boolean },
+		prefetchedClass: {},
+		rel: { default: void 0 },
+		replace: {
+			type: Boolean,
+			default: void 0
+		},
+		routerComponentName: { default: void 0 },
+		stretched: {
+			type: Boolean,
+			default: false
+		},
+		target: { default: void 0 },
+		to: { default: void 0 },
+		underlineOffset: { default: void 0 },
+		underlineOffsetHover: { default: void 0 },
+		underlineOpacity: { default: void 0 },
+		underlineOpacityHover: { default: void 0 },
+		underlineVariant: { default: void 0 },
+		initialAnimation: {
+			type: Boolean,
+			default: false
+		},
+		noAnimation: { type: Boolean },
+		noFade: {
+			type: Boolean,
+			default: false
+		},
+		lazy: {
+			type: Boolean,
+			default: false
+		},
+		unmountLazy: {
+			type: Boolean,
+			default: false
+		},
+		show: {
+			type: Boolean,
+			default: false
+		},
+		transProps: { default: void 0 },
+		visible: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": {
+			type: [Boolean, Number],
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ (0, vue.mergeModels)([
+		"close",
+		"close-countdown",
+		"hide",
+		"hide-prevented",
+		"hidden",
+		"show",
+		"show-prevented",
+		"shown",
+		"toggle",
+		"toggle-prevented"
+	], ["update:modelValue"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = require_useDefaults.useDefaults(__props, "BAlert");
+		const emit = __emit;
+		const slots = (0, vue.useSlots)();
+		const element = (0, vue.useTemplateRef)("_element");
+		const modelValue = (0, vue.useModel)(__props, "modelValue");
+		const { computedLink, computedLinkProps } = require_BLink.useBLinkHelper(props);
+		const computedId = require_useId.useId(() => props.id, "alert");
+		const { showRef, renderRef, hide, toggle, show, buildTriggerableEvent, computedNoAnimation, isVisible, transitionProps, contentShowing } = require_useShowHide.useShowHide(modelValue, props, emit, element, computedId);
+		const { isActive, pause, restart, resume, stop, isPaused, value: remainingMs } = require_useCountdownHover.useCountdown((0, vue.computed)(() => typeof modelValue.value === "boolean" ? 0 : modelValue.value), props.interval, { immediate: typeof modelValue.value === "number" && !!modelValue.value });
+		require_useCountdownHover.useCountdownHover(element, {
+			noHoverPause: () => props.noHoverPause || typeof modelValue.value !== "number",
+			noResumeOnHoverLeave: () => props.noResumeOnHoverLeave || typeof modelValue.value !== "number",
+			modelValueIgnoresHover: () => typeof modelValue.value === "boolean"
+		}, {
+			pause,
+			resume
+		});
+		(0, vue.watchEffect)(() => {
+			emit("close-countdown", remainingMs.value);
+		});
+		const computedTag = (0, vue.computed)(() => computedLink.value ? require_BLink.BLink_default : "div");
+		const isAlertVisible = (0, vue.computed)(() => showRef.value || isActive.value || props.showOnPause && isPaused.value);
+		const computedClasses = (0, vue.computed)(() => [{
+			[`alert-${props.variant}`]: props.variant !== null,
+			"alert-dismissible": props.dismissible && !(slots.close || props.closeContent),
+			"show": isVisible.value,
+			"fade": !computedNoAnimation.value
+		}]);
+		(0, vue.watch)(modelValue, (newValue) => {
+			if (typeof newValue === "number") {
+				const event = buildTriggerableEvent("show", {
+					cancelable: true,
+					trigger: "model"
+				});
+				emit("show", event);
+				if (event.defaultPrevented) emit("show-prevented", buildTriggerableEvent("show-prevented"));
+				else restart();
+			}
+		});
+		(0, vue.watch)(isActive, (newValue) => {
+			if (newValue === false && isPaused.value === false) {
+				hide();
+				modelValue.value = 0;
+				stop();
+			}
+		});
+		const sharedSlots = (0, vue.computed)(() => ({
+			toggle,
+			show,
+			hide,
+			id: computedId.value,
+			visible: showRef.value,
+			active: isActive.value
+		}));
+		__expose({
+			show,
+			hide,
+			toggle,
+			pause,
+			restart,
+			resume,
+			stop
+		});
+		return (_ctx, _cache) => {
+			const _component_BButton = require_BButton.BButton_default;
+			return (0, vue.unref)(renderRef) || (0, vue.unref)(contentShowing) ? ((0, vue.openBlock)(), (0, vue.createBlock)(vue.Transition, (0, vue.mergeProps)({ key: 0 }, (0, vue.unref)(transitionProps), { appear: !!modelValue.value || (0, vue.unref)(props).visible }), {
+				default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createElementVNode)("div", {
+					id: (0, vue.unref)(props).id,
+					ref: "_element",
+					class: (0, vue.normalizeClass)(["alert", [(0, vue.unref)(props).alertClass, computedClasses.value]]),
+					tabindex: "0",
+					role: !isAlertVisible.value ? void 0 : (0, vue.unref)(props).isStatus ? "status" : "alert",
+					"aria-live": !isAlertVisible.value ? void 0 : (0, vue.unref)(props).isStatus ? "polite" : "assertive",
+					"aria-atomic": !isAlertVisible.value ? void 0 : true
+				}, [
+					(0, vue.unref)(contentShowing) && (slots.title || (0, vue.unref)(props).title) ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(props).headerTag), {
+						key: 0,
+						class: (0, vue.normalizeClass)(["alert-heading d-flex gap-2", (0, vue.unref)(props).headerClass])
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "title", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(sharedSlots.value)), () => [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(props).title), 1)]), (0, vue.unref)(props).dismissible ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [slots.close || (0, vue.unref)(props).closeContent ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_BButton, {
+							key: 0,
+							class: (0, vue.normalizeClass)([[(0, vue.unref)(props).closeClass], "ms-auto ps-1 btn-close-custom"]),
+							variant: (0, vue.unref)(props).closeVariant,
+							onClick: _cache[0] || (_cache[0] = (0, vue.withModifiers)(($event) => (0, vue.unref)(hide)("close"), ["stop", "prevent"]))
+						}, {
+							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "close", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(sharedSlots.value)), () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).closeContent), 1)])]),
+							_: 3
+						}, 8, ["class", "variant"])) : ((0, vue.openBlock)(), (0, vue.createBlock)(require_BCloseButton.BCloseButton_default, {
+							key: 1,
+							"aria-label": (0, vue.unref)(props).closeLabel,
+							class: (0, vue.normalizeClass)([(0, vue.unref)(props).closeClass]),
+							onClick: _cache[1] || (_cache[1] = (0, vue.withModifiers)(($event) => (0, vue.unref)(hide)("close"), ["stop", "prevent"]))
+						}, null, 8, ["aria-label", "class"]))], 64)) : (0, vue.createCommentVNode)("", true)]),
+						_: 3
+					}, 8, ["class"])) : (0, vue.createCommentVNode)("", true),
+					(0, vue.unref)(contentShowing) && (slots.default || (0, vue.unref)(props).body) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2, [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(computedTag.value), (0, vue.mergeProps)({ class: ["alert-body", (0, vue.unref)(props).bodyClass] }, (0, vue.unref)(computedLinkProps), { onClick: _cache[2] || (_cache[2] = ($event) => (0, vue.unref)(computedLink) && (0, vue.unref)(props).dismissible ? (0, vue.unref)(hide)() : () => {}) }), {
+						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(sharedSlots.value)), () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).body), 1)])]),
+						_: 3
+					}, 16, ["class"])), (0, vue.unref)(props).dismissible && !(slots.title || (0, vue.unref)(props).title) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [slots.close || (0, vue.unref)(props).closeContent ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_BButton, {
+						key: 0,
+						class: (0, vue.normalizeClass)([[(0, vue.unref)(props).closeClass], "ms-auto btn-close-custom"]),
+						variant: (0, vue.unref)(props).closeVariant,
+						onClick: _cache[3] || (_cache[3] = (0, vue.withModifiers)(($event) => (0, vue.unref)(hide)("close"), ["stop", "prevent"]))
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "close", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(sharedSlots.value)), () => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(props).closeContent), 1)])]),
+						_: 3
+					}, 8, ["class", "variant"])) : ((0, vue.openBlock)(), (0, vue.createBlock)(require_BCloseButton.BCloseButton_default, {
+						key: 1,
+						"aria-label": (0, vue.unref)(props).closeLabel,
+						class: (0, vue.normalizeClass)([(0, vue.unref)(props).closeClass]),
+						onClick: _cache[4] || (_cache[4] = (0, vue.withModifiers)(($event) => (0, vue.unref)(hide)("close"), ["stop", "prevent"]))
+					}, null, 8, ["aria-label", "class"]))], 64)) : (0, vue.createCommentVNode)("", true)])) : (0, vue.createCommentVNode)("", true),
+					typeof modelValue.value === "number" && (0, vue.unref)(props).progressProps !== void 0 ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_BProgress.BProgress_default, {
+						key: 2,
+						animated: (0, vue.unref)(props).progressProps.animated,
+						precision: (0, vue.unref)(props).progressProps.precision,
+						"show-progress": (0, vue.unref)(props).progressProps.showProgress,
+						"show-value": (0, vue.unref)(props).progressProps.showValue,
+						striped: (0, vue.unref)(props).progressProps.striped,
+						variant: (0, vue.unref)(props).progressProps.variant,
+						max: modelValue.value,
+						value: (0, vue.unref)(remainingMs),
+						height: "4px"
+					}, null, 8, [
+						"animated",
+						"precision",
+						"show-progress",
+						"show-value",
+						"striped",
+						"variant",
+						"max",
+						"value"
+					])) : (0, vue.createCommentVNode)("", true)
+				], 10, _hoisted_1), [[vue.vShow, isAlertVisible.value]])]),
+				_: 3
+			}, 16, ["appear"])) : (0, vue.createCommentVNode)("", true);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "BAlert_default", {
+	enumerable: true,
+	get: function() {
+		return BAlert_default;
+	}
+});
+
+//# sourceMappingURL=BAlert-CVtoW2SX.js.map

package/dist/BAlert-CVtoW2SX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BAlert-CVtoW2SX.js","names":[],"sources":["../src/components/BAlert/BAlert.vue","../src/components/BAlert/BAlert.vue"],"sourcesContent":["<template>\n  <Transition\n    v-if=\"renderRef || contentShowing\"\n    v-bind=\"transitionProps\"\n    :appear=\"!!modelValue || props.visible\"\n  >\n    <div\n      v-show=\"isAlertVisible\"\n      :id=\"props.id\"\n      ref=\"_element\"\n      class=\"alert\"\n      :class=\"[props.alertClass, computedClasses]\"\n      tabindex=\"0\"\n      :role=\"!isAlertVisible ? undefined : props.isStatus ? 'status' : 'alert'\"\n      :aria-live=\"!isAlertVisible ? undefined : props.isStatus ? 'polite' : 'assertive'\"\n      :aria-atomic=\"!isAlertVisible ? undefined : true\"\n    >\n      <component\n        :is=\"props.headerTag\"\n        v-if=\"contentShowing && (slots.title || props.title)\"\n        class=\"alert-heading d-flex gap-2\"\n        :class=\"props.headerClass\"\n      >\n        <slot name=\"title\" v-bind=\"sharedSlots\">\n          <span>\n            {{ props.title }}\n          </span>\n        </slot>\n        <template v-if=\"props.dismissible\">\n          <BButton\n            v-if=\"slots.close || props.closeContent\"\n            :class=\"[props.closeClass]\"\n            class=\"ms-auto ps-1 btn-close-custom\"\n            :variant=\"props.closeVariant\"\n            @click.stop.prevent=\"hide('close')\"\n          >\n            <slot name=\"close\" v-bind=\"sharedSlots\">\n              {{ props.closeContent }}\n            </slot>\n          </BButton>\n          <BCloseButton\n            v-else\n            :aria-label=\"props.closeLabel\"\n            :class=\"[props.closeClass]\"\n            @click.stop.prevent=\"hide('close')\"\n          />\n        </template>\n      </component>\n      <template v-if=\"contentShowing && (slots.default || props.body)\">\n        <div class=\"d-flex gap-2\">\n          <component\n            :is=\"computedTag\"\n            class=\"alert-body\"\n            :class=\"props.bodyClass\"\n            v-bind=\"computedLinkProps\"\n            @click=\"computedLink && props.dismissible ? hide() : () => {}\"\n          >\n            <slot v-bind=\"sharedSlots\">\n              {{ props.body }}\n            </slot>\n          </component>\n\n          <template v-if=\"props.dismissible && !(slots.title || props.title)\">\n            <BButton\n              v-if=\"slots.close || props.closeContent\"\n              :class=\"[props.closeClass]\"\n              class=\"ms-auto btn-close-custom\"\n              :variant=\"props.closeVariant\"\n              @click.stop.prevent=\"hide('close')\"\n            >\n              <slot name=\"close\" v-bind=\"sharedSlots\">\n                {{ props.closeContent }}\n              </slot>\n            </BButton>\n            <BCloseButton\n              v-else\n              :aria-label=\"props.closeLabel\"\n              :class=\"[props.closeClass]\"\n              @click.stop.prevent=\"hide('close')\"\n            />\n          </template>\n        </div>\n      </template>\n      <BProgress\n        v-if=\"typeof modelValue === 'number' && props.progressProps !== undefined\"\n        :animated=\"props.progressProps.animated\"\n        :precision=\"props.progressProps.precision\"\n        :show-progress=\"props.progressProps.showProgress\"\n        :show-value=\"props.progressProps.showValue\"\n        :striped=\"props.progressProps.striped\"\n        :variant=\"props.progressProps.variant\"\n        :max=\"modelValue\"\n        :value=\"remainingMs\"\n        height=\"4px\"\n      />\n    </div>\n  </Transition>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type EmitFn, useTemplateRef, watch, watchEffect} from 'vue'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport type {BAlertProps} from '../../types/ComponentProps'\nimport type {BAlertEmits} from '../../types/ComponentEmits'\nimport type {BAlertSlots, ShowHideSlotsData} from '../../types/ComponentSlots'\nimport BCloseButton from '../BButton/BCloseButton.vue'\nimport BLink from '../BLink/BLink.vue'\nimport BProgress from '../BProgress/BProgress.vue'\nimport {useCountdown} from '../../composables/useCountdown'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useCountdownHover} from '../../composables/useCountdownHover'\nimport {useId} from '../../composables/useId'\nimport {useShowHide} from '../../composables/useShowHide'\n\nconst _props = withDefaults(defineProps<Omit<BAlertProps, 'modelValue'>>(), {\n  bgVariant: null,\n  body: undefined,\n  bodyClass: undefined,\n  closeClass: undefined,\n  closeContent: undefined,\n  closeLabel: 'Close',\n  closeVariant: 'secondary',\n  dismissible: false,\n  headerClass: undefined,\n  headerTag: 'div',\n  id: undefined,\n  initialAnimation: false,\n  interval: 'requestAnimationFrame',\n  isStatus: false,\n  lazy: false,\n  noFade: false,\n  noHoverPause: false,\n  noResumeOnHoverLeave: false,\n  progressProps: undefined,\n  unmountLazy: false,\n  showOnPause: true,\n  show: false,\n  solid: false,\n  textVariant: null,\n  title: undefined,\n  alertClass: undefined,\n  transProps: undefined,\n  visible: false,\n  // Link props\n  // All others use defaults\n  noRel: undefined,\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  stretched: false,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  variant: 'info',\n})\nconst props = useDefaults(_props, 'BAlert')\nconst emit = defineEmits<BAlertEmits>()\nconst slots = defineSlots<BAlertSlots>()\n\nconst element = useTemplateRef('_element')\n\nconst modelValue = defineModel<Exclude<BAlertProps['modelValue'], undefined>>({default: false})\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst computedId = useId(() => props.id, 'alert')\n\nconst {\n  showRef,\n  renderRef,\n  hide,\n  toggle,\n  show,\n  buildTriggerableEvent,\n  computedNoAnimation,\n  isVisible,\n  transitionProps,\n  contentShowing,\n} = useShowHide(modelValue, props, emit as EmitFn, element, computedId)\n\n// TODO solid is never used\nconst countdownLength = computed(() =>\n  typeof modelValue.value === 'boolean' ? 0 : modelValue.value\n)\n\nconst {\n  isActive,\n  pause,\n  restart,\n  resume,\n  stop,\n  isPaused,\n  value: remainingMs,\n} = useCountdown(countdownLength, props.interval, {\n  immediate: typeof modelValue.value === 'number' && !!modelValue.value,\n})\nuseCountdownHover(\n  element,\n  {\n    noHoverPause: () => props.noHoverPause || typeof modelValue.value !== 'number',\n    noResumeOnHoverLeave: () => props.noResumeOnHoverLeave || typeof modelValue.value !== 'number',\n    modelValueIgnoresHover: () => typeof modelValue.value === 'boolean',\n  },\n  {pause, resume}\n)\n\nwatchEffect(() => {\n  emit('close-countdown', remainingMs.value)\n})\n\nconst computedTag = computed(() => (computedLink.value ? BLink : 'div'))\n\nconst isAlertVisible = computed(\n  () => showRef.value || isActive.value || (props.showOnPause && isPaused.value)\n)\n\n// const colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  // colorClasses.value,\n  {\n    [`alert-${props.variant}`]: props.variant !== null,\n    'alert-dismissible': props.dismissible && !(slots.close || props.closeContent),\n    'show': isVisible.value,\n    'fade': !computedNoAnimation.value,\n  },\n])\n\nwatch(modelValue, (newValue) => {\n  if (typeof newValue === 'number') {\n    const event = buildTriggerableEvent('show', {cancelable: true, trigger: 'model'})\n    emit('show', event)\n    if (event.defaultPrevented) {\n      emit('show-prevented', buildTriggerableEvent('show-prevented'))\n    } else {\n      restart()\n    }\n  }\n})\n\n// isActive in the composable will cause the alert to hide when the countdown is done\nwatch(isActive, (newValue) => {\n  if (newValue === false && isPaused.value === false) {\n    hide()\n    modelValue.value = 0\n    stop()\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  show,\n  hide,\n  toggle,\n  pause,\n  restart,\n  resume,\n  stop,\n})\n</script>\n","<template>\n  <Transition\n    v-if=\"renderRef || contentShowing\"\n    v-bind=\"transitionProps\"\n    :appear=\"!!modelValue || props.visible\"\n  >\n    <div\n      v-show=\"isAlertVisible\"\n      :id=\"props.id\"\n      ref=\"_element\"\n      class=\"alert\"\n      :class=\"[props.alertClass, computedClasses]\"\n      tabindex=\"0\"\n      :role=\"!isAlertVisible ? undefined : props.isStatus ? 'status' : 'alert'\"\n      :aria-live=\"!isAlertVisible ? undefined : props.isStatus ? 'polite' : 'assertive'\"\n      :aria-atomic=\"!isAlertVisible ? undefined : true\"\n    >\n      <component\n        :is=\"props.headerTag\"\n        v-if=\"contentShowing && (slots.title || props.title)\"\n        class=\"alert-heading d-flex gap-2\"\n        :class=\"props.headerClass\"\n      >\n        <slot name=\"title\" v-bind=\"sharedSlots\">\n          <span>\n            {{ props.title }}\n          </span>\n        </slot>\n        <template v-if=\"props.dismissible\">\n          <BButton\n            v-if=\"slots.close || props.closeContent\"\n            :class=\"[props.closeClass]\"\n            class=\"ms-auto ps-1 btn-close-custom\"\n            :variant=\"props.closeVariant\"\n            @click.stop.prevent=\"hide('close')\"\n          >\n            <slot name=\"close\" v-bind=\"sharedSlots\">\n              {{ props.closeContent }}\n            </slot>\n          </BButton>\n          <BCloseButton\n            v-else\n            :aria-label=\"props.closeLabel\"\n            :class=\"[props.closeClass]\"\n            @click.stop.prevent=\"hide('close')\"\n          />\n        </template>\n      </component>\n      <template v-if=\"contentShowing && (slots.default || props.body)\">\n        <div class=\"d-flex gap-2\">\n          <component\n            :is=\"computedTag\"\n            class=\"alert-body\"\n            :class=\"props.bodyClass\"\n            v-bind=\"computedLinkProps\"\n            @click=\"computedLink && props.dismissible ? hide() : () => {}\"\n          >\n            <slot v-bind=\"sharedSlots\">\n              {{ props.body }}\n            </slot>\n          </component>\n\n          <template v-if=\"props.dismissible && !(slots.title || props.title)\">\n            <BButton\n              v-if=\"slots.close || props.closeContent\"\n              :class=\"[props.closeClass]\"\n              class=\"ms-auto btn-close-custom\"\n              :variant=\"props.closeVariant\"\n              @click.stop.prevent=\"hide('close')\"\n            >\n              <slot name=\"close\" v-bind=\"sharedSlots\">\n                {{ props.closeContent }}\n              </slot>\n            </BButton>\n            <BCloseButton\n              v-else\n              :aria-label=\"props.closeLabel\"\n              :class=\"[props.closeClass]\"\n              @click.stop.prevent=\"hide('close')\"\n            />\n          </template>\n        </div>\n      </template>\n      <BProgress\n        v-if=\"typeof modelValue === 'number' && props.progressProps !== undefined\"\n        :animated=\"props.progressProps.animated\"\n        :precision=\"props.progressProps.precision\"\n        :show-progress=\"props.progressProps.showProgress\"\n        :show-value=\"props.progressProps.showValue\"\n        :striped=\"props.progressProps.striped\"\n        :variant=\"props.progressProps.variant\"\n        :max=\"modelValue\"\n        :value=\"remainingMs\"\n        height=\"4px\"\n      />\n    </div>\n  </Transition>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type EmitFn, useTemplateRef, watch, watchEffect} from 'vue'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport type {BAlertProps} from '../../types/ComponentProps'\nimport type {BAlertEmits} from '../../types/ComponentEmits'\nimport type {BAlertSlots, ShowHideSlotsData} from '../../types/ComponentSlots'\nimport BCloseButton from '../BButton/BCloseButton.vue'\nimport BLink from '../BLink/BLink.vue'\nimport BProgress from '../BProgress/BProgress.vue'\nimport {useCountdown} from '../../composables/useCountdown'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useCountdownHover} from '../../composables/useCountdownHover'\nimport {useId} from '../../composables/useId'\nimport {useShowHide} from '../../composables/useShowHide'\n\nconst _props = withDefaults(defineProps<Omit<BAlertProps, 'modelValue'>>(), {\n  bgVariant: null,\n  body: undefined,\n  bodyClass: undefined,\n  closeClass: undefined,\n  closeContent: undefined,\n  closeLabel: 'Close',\n  closeVariant: 'secondary',\n  dismissible: false,\n  headerClass: undefined,\n  headerTag: 'div',\n  id: undefined,\n  initialAnimation: false,\n  interval: 'requestAnimationFrame',\n  isStatus: false,\n  lazy: false,\n  noFade: false,\n  noHoverPause: false,\n  noResumeOnHoverLeave: false,\n  progressProps: undefined,\n  unmountLazy: false,\n  showOnPause: true,\n  show: false,\n  solid: false,\n  textVariant: null,\n  title: undefined,\n  alertClass: undefined,\n  transProps: undefined,\n  visible: false,\n  // Link props\n  // All others use defaults\n  noRel: undefined,\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  stretched: false,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  variant: 'info',\n})\nconst props = useDefaults(_props, 'BAlert')\nconst emit = defineEmits<BAlertEmits>()\nconst slots = defineSlots<BAlertSlots>()\n\nconst element = useTemplateRef('_element')\n\nconst modelValue = defineModel<Exclude<BAlertProps['modelValue'], undefined>>({default: false})\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst computedId = useId(() => props.id, 'alert')\n\nconst {\n  showRef,\n  renderRef,\n  hide,\n  toggle,\n  show,\n  buildTriggerableEvent,\n  computedNoAnimation,\n  isVisible,\n  transitionProps,\n  contentShowing,\n} = useShowHide(modelValue, props, emit as EmitFn, element, computedId)\n\n// TODO solid is never used\nconst countdownLength = computed(() =>\n  typeof modelValue.value === 'boolean' ? 0 : modelValue.value\n)\n\nconst {\n  isActive,\n  pause,\n  restart,\n  resume,\n  stop,\n  isPaused,\n  value: remainingMs,\n} = useCountdown(countdownLength, props.interval, {\n  immediate: typeof modelValue.value === 'number' && !!modelValue.value,\n})\nuseCountdownHover(\n  element,\n  {\n    noHoverPause: () => props.noHoverPause || typeof modelValue.value !== 'number',\n    noResumeOnHoverLeave: () => props.noResumeOnHoverLeave || typeof modelValue.value !== 'number',\n    modelValueIgnoresHover: () => typeof modelValue.value === 'boolean',\n  },\n  {pause, resume}\n)\n\nwatchEffect(() => {\n  emit('close-countdown', remainingMs.value)\n})\n\nconst computedTag = computed(() => (computedLink.value ? BLink : 'div'))\n\nconst isAlertVisible = computed(\n  () => showRef.value || isActive.value || (props.showOnPause && isPaused.value)\n)\n\n// const colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  // colorClasses.value,\n  {\n    [`alert-${props.variant}`]: props.variant !== null,\n    'alert-dismissible': props.dismissible && !(slots.close || props.closeContent),\n    'show': isVisible.value,\n    'fade': !computedNoAnimation.value,\n  },\n])\n\nwatch(modelValue, (newValue) => {\n  if (typeof newValue === 'number') {\n    const event = buildTriggerableEvent('show', {cancelable: true, trigger: 'model'})\n    emit('show', event)\n    if (event.defaultPrevented) {\n      emit('show-prevented', buildTriggerableEvent('show-prevented'))\n    } else {\n      restart()\n    }\n  }\n})\n\n// isActive in the composable will cause the alert to hide when the countdown is done\nwatch(isActive, (newValue) => {\n  if (newValue === false && isPaused.value === false) {\n    hide()\n    modelValue.value = 0\n    stop()\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  show,\n  hide,\n  toggle,\n  pause,\n  restart,\n  resume,\n  stop,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwKA,MAAM,QAAQ,oBAAA,YAtDC,SAsDmB,SAAQ;EAC1C,MAAM,OAAO;EACb,MAAM,SAAA,GAAA,IAAA,WAAQ;EAEd,MAAM,WAAA,GAAA,IAAA,gBAAyB,WAAU;EAEzC,MAAM,cAAA,GAAA,IAAA,UAAuE,SAAA,aAAiB;EAC9F,MAAM,EAAC,cAAc,sBAAqB,cAAA,eAAe,MAAK;EAE9D,MAAM,aAAa,cAAA,YAAY,MAAM,IAAI,QAAO;EAEhD,MAAM,EACJ,SACA,WACA,MACA,QACA,MACA,uBACA,qBACA,WACA,iBACA,mBACE,oBAAA,YAAY,YAAY,OAAO,MAAgB,SAAS,WAAU;EAOtE,MAAM,EACJ,UACA,OACA,SACA,QACA,MACA,UACA,OAAO,gBACL,0BAAA,cAAA,GAAA,IAAA,gBAXF,OAAO,WAAW,UAAU,YAAY,IAAI,WAAW,MACzD,EAUkC,MAAM,UAAU,EAChD,WAAW,OAAO,WAAW,UAAU,YAAY,CAAC,CAAC,WAAW,OACjE,CAAA;AACD,4BAAA,kBACE,SACA;GACE,oBAAoB,MAAM,gBAAgB,OAAO,WAAW,UAAU;GACtE,4BAA4B,MAAM,wBAAwB,OAAO,WAAW,UAAU;GACtF,8BAA8B,OAAO,WAAW,UAAU;GAC3D,EACD;GAAC;GAAO;GAAM,CAChB;AAEA,GAAA,GAAA,IAAA,mBAAkB;AAChB,QAAK,mBAAmB,YAAY,MAAK;IAC1C;EAED,MAAM,eAAA,GAAA,IAAA,gBAA8B,aAAa,QAAQ,cAAA,gBAAQ,MAAM;EAEvE,MAAM,kBAAA,GAAA,IAAA,gBACE,QAAQ,SAAS,SAAS,SAAU,MAAM,eAAe,SAAS,MAC1E;EAGA,MAAM,mBAAA,GAAA,IAAA,gBAAiC,CAErC;IACG,SAAS,MAAM,YAAY,MAAM,YAAY;GAC9C,qBAAqB,MAAM,eAAe,EAAE,MAAM,SAAS,MAAM;GACjE,QAAQ,UAAU;GAClB,QAAQ,CAAC,oBAAoB;GAC9B,CACF,CAAA;AAED,GAAA,GAAA,IAAA,OAAM,aAAa,aAAa;AAC9B,OAAI,OAAO,aAAa,UAAU;IAChC,MAAM,QAAQ,sBAAsB,QAAQ;KAAC,YAAY;KAAM,SAAS;KAAQ,CAAA;AAChF,SAAK,QAAQ,MAAK;AAClB,QAAI,MAAM,iBACR,MAAK,kBAAkB,sBAAsB,iBAAiB,CAAA;QAE9D,UAAQ;;IAGb;AAGD,GAAA,GAAA,IAAA,OAAM,WAAW,aAAa;AAC5B,OAAI,aAAa,SAAS,SAAS,UAAU,OAAO;AAClD,UAAK;AACL,eAAW,QAAQ;AACnB,UAAK;;IAER;EACD,MAAM,eAAA,GAAA,IAAA,iBAAiD;GACrD;GACA;GACA;GACA,IAAI,WAAW;GACf,SAAS,QAAQ;GACjB,QAAQ,SAAS;GAClB,EAAC;AAEF,WAAa;GACX;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAA;;;yBAlRS,UAAS,KAAA,GAAA,IAAA,OAAI,eAAc,KAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,aA8FtB,IAAA,aAAA,GAAA,IAAA,YAAA,EAAA,KAAA,GAAA,GAAA,GAAA,IAAA,OA7FH,gBAAe,EAAA,EACtB,QAAM,CAAA,CAAI,WAAA,UAAA,GAAA,IAAA,OAAc,MAAK,CAAC,SAAA,CAAA,EAAA;oCA2FzB,EAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,oBAAA,OAAA;KAvFH,KAAA,GAAA,IAAA,OAAI,MAAK,CAAC;KACX,KAAI;KACJ,QAAA,GAAA,IAAA,gBAAK,CAAC,SAAO,EAAA,GAAA,IAAA,OACJ,MAAK,CAAC,YAAY,gBAAA,MAAe,CAAA,CAAA;KAC1C,UAAS;KACR,MAAI,CAAG,eAAA,QAAiB,KAAA,KAAA,GAAA,IAAA,OAAY,MAAK,CAAC,WAAQ,WAAA;KAClD,aAAS,CAAG,eAAA,QAAiB,KAAA,KAAA,GAAA,IAAA,OAAY,MAAK,CAAC,WAAQ,WAAA;KACvD,eAAW,CAAG,eAAA,QAAiB,KAAA,IAAS;;oBAIjC,eAAc,KAAK,MAAM,UAAA,GAAA,IAAA,OAAS,MAAK,CAAC,WAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,cAAA,GAAA,IAAA,0BAAA,GAAA,IAAA,OADzC,MAAK,CAAC,UAAS,EAAA;;MAEpB,QAAA,GAAA,IAAA,gBAAK,CAAC,+BAAA,GAAA,IAAA,OACE,MAAK,CAAC,YAAW,CAAA;;sCAMlB,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,UAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,oBAJoB,YAAA,MAAW,CAAA,QAI/B,EAAA,GAAA,IAAA,oBADE,QAAA,OAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,OADF,MAAK,CAAC,MAAK,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA,IAAA,OAGF,MAAK,CAAC,gBAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,oBAkBX,IAAA,UAAA,EAAA,KAAA,GAAA,EAAA,CAhBD,MAAM,UAAA,GAAA,IAAA,OAAS,MAAK,CAAC,iBAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,aASnB,oBAAA;;OARP,QAAA,GAAA,IAAA,gBAAK,CAAA,EAAA,GAAA,IAAA,OAAG,MAAK,CAAC,WAAU,EACnB,gCAA+B,CAAA;OACpC,UAAA,GAAA,IAAA,OAAS,MAAK,CAAC;OACf,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,IAAA,gBAAA,YAAA,GAAA,IAAA,OAAe,KAAI,CAAA,QAAA,EAAA,CAAA,QAAA,UAAA,CAAA;;uCAIlB,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,UAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,oBAFoB,YAAA,MAAW,CAAA,QAE/B,EAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,OADF,MAAK,CAAC,aAAY,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;iFAQvB,qBAAA,sBAAA;;OAHC,eAAA,GAAA,IAAA,OAAY,MAAK,CAAC;OAClB,QAAA,GAAA,IAAA,gBAAK,EAAA,GAAA,IAAA,OAAG,MAAK,CAAC,WAAU,CAAA;OACxB,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,IAAA,gBAAA,YAAA,GAAA,IAAA,OAAe,KAAI,CAAA,QAAA,EAAA,CAAA,QAAA,UAAA,CAAA;;;;oBAIf,eAAc,KAAK,MAAM,YAAA,GAAA,IAAA,OAAW,MAAK,CAAC,UAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,oBAiClD,OAhCN,YAgCM,GAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,cAAA,GAAA,IAAA,yBA9BG,YAAA,MAAW,GAAA,GAAA,IAAA,YASN,EARV,OAAK,CAAC,eAAA,GAAA,IAAA,OACE,MAAK,CAAC,UAAS,EAAA,GAAA,GAAA,IAAA,OACf,kBAAiB,EAAA,EACxB,SAAK,OAAA,OAAA,OAAA,MAAA,YAAA,GAAA,IAAA,OAAE,aAAY,KAAA,GAAA,IAAA,OAAI,MAAK,CAAC,eAAA,GAAA,IAAA,OAAc,KAAI,EAAA,SAAA,KAAA,CAAA,EAAA;sCAIzC,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,YAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,oBAFO,YAAA,MAAW,CAAA,QAElB,EAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,OADF,MAAK,CAAC,KAAI,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;wCAID,MAAK,CAAC,eAAW,EAAM,MAAM,UAAA,GAAA,IAAA,OAAS,MAAK,CAAC,WAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,oBAkBjD,IAAA,UAAA,EAAA,KAAA,GAAA,EAAA,CAhBD,MAAM,UAAA,GAAA,IAAA,OAAS,MAAK,CAAC,iBAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,aASnB,oBAAA;;MARP,QAAA,GAAA,IAAA,gBAAK,CAAA,EAAA,GAAA,IAAA,OAAG,MAAK,CAAC,WAAU,EACnB,2BAA0B,CAAA;MAC/B,UAAA,GAAA,IAAA,OAAS,MAAK,CAAC;MACf,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,IAAA,gBAAA,YAAA,GAAA,IAAA,OAAe,KAAI,CAAA,QAAA,EAAA,CAAA,QAAA,UAAA,CAAA;;sCAIlB,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,UAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,oBAFoB,YAAA,MAAW,CAAA,QAE/B,EAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,OADF,MAAK,CAAC,aAAY,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;gFAQvB,qBAAA,sBAAA;;MAHC,eAAA,GAAA,IAAA,OAAY,MAAK,CAAC;MAClB,QAAA,GAAA,IAAA,gBAAK,EAAA,GAAA,IAAA,OAAG,MAAK,CAAC,WAAU,CAAA;MACxB,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,IAAA,gBAAA,YAAA,GAAA,IAAA,OAAe,KAAI,CAAA,QAAA,EAAA,CAAA,QAAA,UAAA,CAAA;;YAMlB,WAAA,UAAU,aAAA,GAAA,IAAA,OAAiB,MAAK,CAAC,kBAAkB,KAAA,MAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,aAUhE,kBAAA,mBAAA;;MATC,WAAA,GAAA,IAAA,OAAU,MAAK,CAAC,cAAc;MAC9B,YAAA,GAAA,IAAA,OAAW,MAAK,CAAC,cAAc;MAC/B,kBAAA,GAAA,IAAA,OAAe,MAAK,CAAC,cAAc;MACnC,eAAA,GAAA,IAAA,OAAY,MAAK,CAAC,cAAc;MAChC,UAAA,GAAA,IAAA,OAAS,MAAK,CAAC,cAAc;MAC7B,UAAA,GAAA,IAAA,OAAS,MAAK,CAAC,cAAc;MAC7B,KAAK,WAAA;MACL,QAAA,GAAA,IAAA,OAAO,YAAW;MACnB,QAAO;;;;;;;;;;;qCAtFD,eAAA,MAAc,CAAA,CAAA,CAAA,CAAA"}

package/dist/BAlert-DaQxH8c1.mjs

@@ -0,0 +1,292 @@
+import { t as useId$1 } from "./useId-CCwnEmGh.mjs";
+import { t as useDefaults } from "./useDefaults-CCWS15M8.mjs";
+import { t as useShowHide } from "./useShowHide-wBe7O9iE.mjs";
+import { r as useBLinkHelper, t as BLink_default } from "./BLink-DoYZ8dBl.mjs";
+import { t as BButton_default } from "./BButton-1yV1UiT7.mjs";
+import { t as BCloseButton_default } from "./BCloseButton-DrD0tpan.mjs";
+import { t as BProgress_default } from "./BProgress-Bdf5AncM.mjs";
+import { n as useCountdown, t as useCountdownHover } from "./useCountdownHover-CTM7QEJ-.mjs";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useModel, useSlots, useTemplateRef, vShow, watch, watchEffect, withCtx, withDirectives, withModifiers } from "vue";
+//#region src/components/BAlert/BAlert.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"role",
+	"aria-live",
+	"aria-atomic"
+];
+var _hoisted_2 = {
+	key: 1,
+	class: "d-flex gap-2"
+};
+//#endregion
+//#region src/components/BAlert/BAlert.vue
+var BAlert_default = /* @__PURE__ */ defineComponent({
+	__name: "BAlert",
+	props: /* @__PURE__ */ mergeModels({
+		alertClass: { default: void 0 },
+		body: { default: void 0 },
+		bodyClass: { default: void 0 },
+		closeClass: { default: void 0 },
+		closeContent: { default: void 0 },
+		closeLabel: { default: "Close" },
+		closeVariant: { default: "secondary" },
+		dismissible: {
+			type: Boolean,
+			default: false
+		},
+		headerClass: { default: void 0 },
+		headerTag: { default: "div" },
+		id: { default: void 0 },
+		interval: { default: "requestAnimationFrame" },
+		isStatus: {
+			type: Boolean,
+			default: false
+		},
+		noHoverPause: {
+			type: Boolean,
+			default: false
+		},
+		noResumeOnHoverLeave: {
+			type: Boolean,
+			default: false
+		},
+		progressProps: { default: void 0 },
+		showOnPause: {
+			type: Boolean,
+			default: true
+		},
+		title: { default: void 0 },
+		variant: { default: "info" },
+		bgVariant: { default: null },
+		textVariant: { default: null },
+		active: {
+			type: Boolean,
+			default: void 0
+		},
+		activeClass: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		exactActiveClass: { default: void 0 },
+		href: { default: void 0 },
+		icon: {
+			type: Boolean,
+			default: void 0
+		},
+		noRel: {
+			type: Boolean,
+			default: void 0
+		},
+		opacity: { default: void 0 },
+		opacityHover: { default: void 0 },
+		prefetch: { type: Boolean },
+		prefetchOn: {},
+		noPrefetch: { type: Boolean },
+		prefetchedClass: {},
+		rel: { default: void 0 },
+		replace: {
+			type: Boolean,
+			default: void 0
+		},
+		routerComponentName: { default: void 0 },
+		stretched: {
+			type: Boolean,
+			default: false
+		},
+		target: { default: void 0 },
+		to: { default: void 0 },
+		underlineOffset: { default: void 0 },
+		underlineOffsetHover: { default: void 0 },
+		underlineOpacity: { default: void 0 },
+		underlineOpacityHover: { default: void 0 },
+		underlineVariant: { default: void 0 },
+		initialAnimation: {
+			type: Boolean,
+			default: false
+		},
+		noAnimation: { type: Boolean },
+		noFade: {
+			type: Boolean,
+			default: false
+		},
+		lazy: {
+			type: Boolean,
+			default: false
+		},
+		unmountLazy: {
+			type: Boolean,
+			default: false
+		},
+		show: {
+			type: Boolean,
+			default: false
+		},
+		transProps: { default: void 0 },
+		visible: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": {
+			type: [Boolean, Number],
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels([
+		"close",
+		"close-countdown",
+		"hide",
+		"hide-prevented",
+		"hidden",
+		"show",
+		"show-prevented",
+		"shown",
+		"toggle",
+		"toggle-prevented"
+	], ["update:modelValue"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = useDefaults(__props, "BAlert");
+		const emit = __emit;
+		const slots = useSlots();
+		const element = useTemplateRef("_element");
+		const modelValue = useModel(__props, "modelValue");
+		const { computedLink, computedLinkProps } = useBLinkHelper(props);
+		const computedId = useId$1(() => props.id, "alert");
+		const { showRef, renderRef, hide, toggle, show, buildTriggerableEvent, computedNoAnimation, isVisible, transitionProps, contentShowing } = useShowHide(modelValue, props, emit, element, computedId);
+		const { isActive, pause, restart, resume, stop, isPaused, value: remainingMs } = useCountdown(computed(() => typeof modelValue.value === "boolean" ? 0 : modelValue.value), props.interval, { immediate: typeof modelValue.value === "number" && !!modelValue.value });
+		useCountdownHover(element, {
+			noHoverPause: () => props.noHoverPause || typeof modelValue.value !== "number",
+			noResumeOnHoverLeave: () => props.noResumeOnHoverLeave || typeof modelValue.value !== "number",
+			modelValueIgnoresHover: () => typeof modelValue.value === "boolean"
+		}, {
+			pause,
+			resume
+		});
+		watchEffect(() => {
+			emit("close-countdown", remainingMs.value);
+		});
+		const computedTag = computed(() => computedLink.value ? BLink_default : "div");
+		const isAlertVisible = computed(() => showRef.value || isActive.value || props.showOnPause && isPaused.value);
+		const computedClasses = computed(() => [{
+			[`alert-${props.variant}`]: props.variant !== null,
+			"alert-dismissible": props.dismissible && !(slots.close || props.closeContent),
+			"show": isVisible.value,
+			"fade": !computedNoAnimation.value
+		}]);
+		watch(modelValue, (newValue) => {
+			if (typeof newValue === "number") {
+				const event = buildTriggerableEvent("show", {
+					cancelable: true,
+					trigger: "model"
+				});
+				emit("show", event);
+				if (event.defaultPrevented) emit("show-prevented", buildTriggerableEvent("show-prevented"));
+				else restart();
+			}
+		});
+		watch(isActive, (newValue) => {
+			if (newValue === false && isPaused.value === false) {
+				hide();
+				modelValue.value = 0;
+				stop();
+			}
+		});
+		const sharedSlots = computed(() => ({
+			toggle,
+			show,
+			hide,
+			id: computedId.value,
+			visible: showRef.value,
+			active: isActive.value
+		}));
+		__expose({
+			show,
+			hide,
+			toggle,
+			pause,
+			restart,
+			resume,
+			stop
+		});
+		return (_ctx, _cache) => {
+			const _component_BButton = BButton_default;
+			return unref(renderRef) || unref(contentShowing) ? (openBlock(), createBlock(Transition, mergeProps({ key: 0 }, unref(transitionProps), { appear: !!modelValue.value || unref(props).visible }), {
+				default: withCtx(() => [withDirectives(createElementVNode("div", {
+					id: unref(props).id,
+					ref: "_element",
+					class: normalizeClass(["alert", [unref(props).alertClass, computedClasses.value]]),
+					tabindex: "0",
+					role: !isAlertVisible.value ? void 0 : unref(props).isStatus ? "status" : "alert",
+					"aria-live": !isAlertVisible.value ? void 0 : unref(props).isStatus ? "polite" : "assertive",
+					"aria-atomic": !isAlertVisible.value ? void 0 : true
+				}, [
+					unref(contentShowing) && (slots.title || unref(props).title) ? (openBlock(), createBlock(resolveDynamicComponent(unref(props).headerTag), {
+						key: 0,
+						class: normalizeClass(["alert-heading d-flex gap-2", unref(props).headerClass])
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "title", normalizeProps(guardReactiveProps(sharedSlots.value)), () => [createElementVNode("span", null, toDisplayString(unref(props).title), 1)]), unref(props).dismissible ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [slots.close || unref(props).closeContent ? (openBlock(), createBlock(_component_BButton, {
+							key: 0,
+							class: normalizeClass([[unref(props).closeClass], "ms-auto ps-1 btn-close-custom"]),
+							variant: unref(props).closeVariant,
+							onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(hide)("close"), ["stop", "prevent"]))
+						}, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "close", normalizeProps(guardReactiveProps(sharedSlots.value)), () => [createTextVNode(toDisplayString(unref(props).closeContent), 1)])]),
+							_: 3
+						}, 8, ["class", "variant"])) : (openBlock(), createBlock(BCloseButton_default, {
+							key: 1,
+							"aria-label": unref(props).closeLabel,
+							class: normalizeClass([unref(props).closeClass]),
+							onClick: _cache[1] || (_cache[1] = withModifiers(($event) => unref(hide)("close"), ["stop", "prevent"]))
+						}, null, 8, ["aria-label", "class"]))], 64)) : createCommentVNode("", true)]),
+						_: 3
+					}, 8, ["class"])) : createCommentVNode("", true),
+					unref(contentShowing) && (slots.default || unref(props).body) ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(computedTag.value), mergeProps({ class: ["alert-body", unref(props).bodyClass] }, unref(computedLinkProps), { onClick: _cache[2] || (_cache[2] = ($event) => unref(computedLink) && unref(props).dismissible ? unref(hide)() : () => {}) }), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(sharedSlots.value)), () => [createTextVNode(toDisplayString(unref(props).body), 1)])]),
+						_: 3
+					}, 16, ["class"])), unref(props).dismissible && !(slots.title || unref(props).title) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [slots.close || unref(props).closeContent ? (openBlock(), createBlock(_component_BButton, {
+						key: 0,
+						class: normalizeClass([[unref(props).closeClass], "ms-auto btn-close-custom"]),
+						variant: unref(props).closeVariant,
+						onClick: _cache[3] || (_cache[3] = withModifiers(($event) => unref(hide)("close"), ["stop", "prevent"]))
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "close", normalizeProps(guardReactiveProps(sharedSlots.value)), () => [createTextVNode(toDisplayString(unref(props).closeContent), 1)])]),
+						_: 3
+					}, 8, ["class", "variant"])) : (openBlock(), createBlock(BCloseButton_default, {
+						key: 1,
+						"aria-label": unref(props).closeLabel,
+						class: normalizeClass([unref(props).closeClass]),
+						onClick: _cache[4] || (_cache[4] = withModifiers(($event) => unref(hide)("close"), ["stop", "prevent"]))
+					}, null, 8, ["aria-label", "class"]))], 64)) : createCommentVNode("", true)])) : createCommentVNode("", true),
+					typeof modelValue.value === "number" && unref(props).progressProps !== void 0 ? (openBlock(), createBlock(BProgress_default, {
+						key: 2,
+						animated: unref(props).progressProps.animated,
+						precision: unref(props).progressProps.precision,
+						"show-progress": unref(props).progressProps.showProgress,
+						"show-value": unref(props).progressProps.showValue,
+						striped: unref(props).progressProps.striped,
+						variant: unref(props).progressProps.variant,
+						max: modelValue.value,
+						value: unref(remainingMs),
+						height: "4px"
+					}, null, 8, [
+						"animated",
+						"precision",
+						"show-progress",
+						"show-value",
+						"striped",
+						"variant",
+						"max",
+						"value"
+					])) : createCommentVNode("", true)
+				], 10, _hoisted_1), [[vShow, isAlertVisible.value]])]),
+				_: 3
+			}, 16, ["appear"])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { BAlert_default as t };
+
+//# sourceMappingURL=BAlert-DaQxH8c1.mjs.map